diff --git a/CHANGELOG.md b/CHANGELOG.md index a0bbd91..e69de29 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,227 +0,0 @@ -# Changelog - -## [1.14.0](https://github.com/ForkbombEu/didroom-components/compare/v1.13.1...v1.14.0) (2024-03-15) - - -### Features - -* new logo (symbol + logotype) ([#68](https://github.com/ForkbombEu/didroom-components/issues/68)) ([7d6bffd](https://github.com/ForkbombEu/didroom-components/commit/7d6bffd28d863d73e21f7145cc338700615f43f9)) - -## [1.13.1](https://github.com/ForkbombEu/didroom-components/compare/v1.13.0...v1.13.1) (2024-03-14) - - -### Bug Fixes - -* credential service minicard ([0ad6762](https://github.com/ForkbombEu/didroom-components/commit/0ad6762116535a87190abf2d5f02a6bf08532496)) -* credential-card title clamps ([1ad1841](https://github.com/ForkbombEu/didroom-components/commit/1ad1841fcfa6e368432cc132057e9a786e852dcd)) - -## [1.13.0](https://github.com/ForkbombEu/didroom-components/compare/v1.12.3...v1.13.0) (2024-03-13) - - -### Features - -* Add outline style to buttons ([72da2df](https://github.com/ForkbombEu/didroom-components/commit/72da2dfe1fe0e33ca8bce32a530b4509b010e1c1)) - -## [1.12.3](https://github.com/ForkbombEu/didroom-components/compare/v1.12.2...v1.12.3) (2024-03-13) - - -### Bug Fixes - -* update input colors ([#64](https://github.com/ForkbombEu/didroom-components/issues/64)) ([4e09f44](https://github.com/ForkbombEu/didroom-components/commit/4e09f4489e74f452e5f50a5b803e9eabd7ddf46f)) - -## [1.12.2](https://github.com/ForkbombEu/didroom-components/compare/v1.12.1...v1.12.2) (2024-03-13) - - -### Bug Fixes - -* update the new color palette ([4e7830e](https://github.com/ForkbombEu/didroom-components/commit/4e7830ee2f97911dff1f9d8d1769a06edf347c8b)) - -## [1.12.1](https://github.com/ForkbombEu/didroom-components/compare/v1.12.0...v1.12.1) (2024-03-06) - - -### Bug Fixes - -* missing background color in credential card ([beaeefb](https://github.com/ForkbombEu/didroom-components/commit/beaeefbf725cfd93fa6cecd9bbedf0a09edfcf5c)) - -## [1.12.0](https://github.com/ForkbombEu/didroom-components/compare/v1.11.0...v1.12.0) (2024-03-01) - - -### Features - -* add input component ([#58](https://github.com/ForkbombEu/didroom-components/issues/58)) ([d72bd95](https://github.com/ForkbombEu/didroom-components/commit/d72bd959bc7c13d216e9c24ea41f3c8a9a5824a0)) - - -### Bug Fixes - -* credential card background ([#59](https://github.com/ForkbombEu/didroom-components/issues/59)) ([4a020f3](https://github.com/ForkbombEu/didroom-components/commit/4a020f388f3a38a964fb7edb669182b0229b3b07)) - -## [1.11.0](https://github.com/ForkbombEu/didroom-components/compare/v1.10.2...v1.11.0) (2024-02-20) - - -### Features - -* add clear button ([#56](https://github.com/ForkbombEu/didroom-components/issues/56)) ([e96371d](https://github.com/ForkbombEu/didroom-components/commit/e96371d5fa3d606aad2fe5b6525cf506631abbf9)) - - -### Bug Fixes - -* apply background pattern to card ([#53](https://github.com/ForkbombEu/didroom-components/issues/53)) ([8c0dc50](https://github.com/ForkbombEu/didroom-components/commit/8c0dc507aeee61d2db37b6813d30f3a8cc1d7454)) -* card background for both dark and light mode ([#57](https://github.com/ForkbombEu/didroom-components/issues/57)) ([4ec07fd](https://github.com/ForkbombEu/didroom-components/commit/4ec07fd77ab43df48acec9542cec3957f4814df7)) -* use css variables for setting fonts ([#54](https://github.com/ForkbombEu/didroom-components/issues/54)) ([3ffa248](https://github.com/ForkbombEu/didroom-components/commit/3ffa2488ae46124db0994ed7ada85edf3a576749)) - -## [1.10.2](https://github.com/ForkbombEu/didroom-components/compare/v1.10.1...v1.10.2) (2024-02-15) - - -### Bug Fixes - -* buttons margins ([2bd286f](https://github.com/ForkbombEu/didroom-components/commit/2bd286fc4224ad943d78babc4f48da7f049f365b)) - -## [1.10.1](https://github.com/ForkbombEu/didroom-components/compare/v1.10.0...v1.10.1) (2024-02-15) - - -### Bug Fixes - -* button type submit ([#50](https://github.com/ForkbombEu/didroom-components/issues/50)) ([b0b8c81](https://github.com/ForkbombEu/didroom-components/commit/b0b8c813dbccbe37ff4c08395372fbf84fa30186)) - -## [1.10.0](https://github.com/ForkbombEu/didroom-components/compare/v1.9.0...v1.10.0) (2024-02-15) - - -### Features - -* add some props to button and refactor code ([31b094a](https://github.com/ForkbombEu/didroom-components/commit/31b094a9228287b4721b02265f71f3a25db24c47)) -* new button system with onclick and typology ([#48](https://github.com/ForkbombEu/didroom-components/issues/48)) ([31b094a](https://github.com/ForkbombEu/didroom-components/commit/31b094a9228287b4721b02265f71f3a25db24c47)) - -## [1.9.0](https://github.com/ForkbombEu/didroom-components/compare/v1.8.0...v1.9.0) (2024-02-13) - - -### Features - -* logo ([#46](https://github.com/ForkbombEu/didroom-components/issues/46)) ([87f32da](https://github.com/ForkbombEu/didroom-components/commit/87f32da6d4e6bf6c0c34bc929a0bc7a76d1a7d99)) - -## [1.8.0](https://github.com/ForkbombEu/didroom-components/compare/v1.7.0...v1.8.0) (2024-02-06) - - -### Features - -* credential-offer and definitions ([#44](https://github.com/ForkbombEu/didroom-components/issues/44)) ([d51a614](https://github.com/ForkbombEu/didroom-components/commit/d51a6144eb20173207fe16c24243ac5332abf9dc)) - -## [1.7.0](https://github.com/ForkbombEu/didroom-components/compare/v1.6.1...v1.7.0) (2024-01-31) - - -### Features - -* credential details card ([#37](https://github.com/ForkbombEu/didroom-components/issues/37)) ([52831a0](https://github.com/ForkbombEu/didroom-components/commit/52831a0bc556e4a34e6661ba8dcaecea1fe63dde)) - -## [1.6.1](https://github.com/ForkbombEu/didroom-components/compare/v1.6.0...v1.6.1) (2024-01-28) - - -### Bug Fixes - -* broken refactoring ([1fb8a34](https://github.com/ForkbombEu/didroom-components/commit/1fb8a34e7cec4aaf4a561227fa7ac14775d2b0eb)) -* dark mode not shown without class ([#35](https://github.com/ForkbombEu/didroom-components/issues/35)) ([c20f2b5](https://github.com/ForkbombEu/didroom-components/commit/c20f2b56e302758806774911f1c738b3b2e22f3a)) - -## [1.6.0](https://github.com/ForkbombEu/didroom-components/compare/v1.5.1...v1.6.0) (2024-01-28) - - -### Features - -* **button:** New shiny component is in da houz ([#32](https://github.com/ForkbombEu/didroom-components/issues/32)) ([ebe149c](https://github.com/ForkbombEu/didroom-components/commit/ebe149c56121b942d684a881c2c4b3367522e86a)) -* **typography:** d-heading and d-text in da houze ([#33](https://github.com/ForkbombEu/didroom-components/issues/33)) ([86352cc](https://github.com/ForkbombEu/didroom-components/commit/86352cc70465eb54fe2267bacb6c9dfd83daeabc)) - -## [1.5.1](https://github.com/ForkbombEu/didroom-components/compare/v1.5.0...v1.5.1) (2024-01-27) - - -### Bug Fixes - -* remove the useless rollup-plugin-copy in place of the native ([eb106ad](https://github.com/ForkbombEu/didroom-components/commit/eb106ad4c8e206e8ae5c2b2fa70f557c17cdf90e)) -* truncate long lines of the credential-service ([71cf6a0](https://github.com/ForkbombEu/didroom-components/commit/71cf6a081887e509511f2b3af71ebdd424f67e28)) - -## [1.5.0](https://github.com/ForkbombEu/didroom-components/compare/v1.4.1...v1.5.0) (2024-01-26) - - -### Features - -* exporting the types and bundle components ([72b65b4](https://github.com/ForkbombEu/didroom-components/commit/72b65b4fab1873ada3edb2d5da8283050084140a)) - - -### Bug Fixes - -* upgrade dependencies and fix the lockfile ([3ab712f](https://github.com/ForkbombEu/didroom-components/commit/3ab712f00d75a4338f63ea57c16e7ab008111f8e)) - -## [1.4.1](https://github.com/ForkbombEu/didroom-components/compare/v1.4.0...v1.4.1) (2024-01-26) - - -### Bug Fixes - -* fix online documentation paths ([d1d5bf6](https://github.com/ForkbombEu/didroom-components/commit/d1d5bf6a0c287238dd25c5b42bac79374d732f47)) - -## [1.4.0](https://github.com/ForkbombEu/didroom-components/compare/v1.3.0...v1.4.0) (2024-01-26) - - -### Features - -* New colors and typographic family ([#27](https://github.com/ForkbombEu/didroom-components/issues/27)) ([13f82ec](https://github.com/ForkbombEu/didroom-components/commit/13f82ec6d93bd6a230bc4be88e36167956d52e6c)) - -## [1.3.0](https://github.com/ForkbombEu/didroom-components/compare/v1.2.4...v1.3.0) (2024-01-25) - - -### Features - -* add the credential-service components (WIP the a.styling) and refactor the d-avatar ([ff1f0a4](https://github.com/ForkbombEu/didroom-components/commit/ff1f0a421f12519e1dae50a68b37d00d6467de68)) -* credential card ([#26](https://github.com/ForkbombEu/didroom-components/issues/26)) ([1200fd0](https://github.com/ForkbombEu/didroom-components/commit/1200fd0a95e680464aef8a36b15c34718174afab)) - - -### Bug Fixes - -* correct load of tailwind modules after postcss ([c021677](https://github.com/ForkbombEu/didroom-components/commit/c021677282f0c3c05c86b5f892c87400df42b862)) -* dark and light variables ([b971b1d](https://github.com/ForkbombEu/didroom-components/commit/b971b1d31b27f6a70e7a220bf780f48966bf1a4e)) -* remove inverted colors ([2061f33](https://github.com/ForkbombEu/didroom-components/commit/2061f33acfd37bfd2b628bb1d2fedd3355e74511)) - -## [1.2.4](https://github.com/ForkbombEu/didroom-components/compare/v1.2.3...v1.2.4) (2024-01-22) - - -### Bug Fixes - -* metadata packages update ([b88b45d](https://github.com/ForkbombEu/didroom-components/commit/b88b45de5eb50fdbcd4fcc8fb13c6da1eeee0ce3)) - -## [1.2.3](https://github.com/ForkbombEu/didroom-components/compare/v1.2.2...v1.2.3) (2024-01-22) - - -### Bug Fixes - -* correct attribution and correct pnpm version ([63b6802](https://github.com/ForkbombEu/didroom-components/commit/63b6802edf23385cc4bcfcfdda69efe31bf8eb0c)) - -## [1.2.2](https://github.com/ForkbombEu/didroom-components/compare/v1.2.1...v1.2.2) (2024-01-22) - - -### Bug Fixes - -* Add correct licensing ([c22e1bb](https://github.com/ForkbombEu/didroom-components/commit/c22e1bbd7bcd3b435f275a66579250ee14ee98fa)) - -## [1.2.1](https://github.com/ForkbombEu/didroom-components/compare/v1.2.0...v1.2.1) (2024-01-22) - - -### Bug Fixes - -* **avatar:** inverted dark/light mode ([7241023](https://github.com/ForkbombEu/didroom-components/commit/7241023f6ef58cd332fe0852695a7610c01289b2)) - -## [1.2.0](https://github.com/ForkbombEu/didroom-components/compare/v1.1.0...v1.2.0) (2024-01-21) - - -### Features - -* Add color swatches ([7d82397](https://github.com/ForkbombEu/didroom-components/commit/7d8239746b3f9a5ea02dd77a1ea00b4e7aa368f8)) - -## [1.1.0](https://github.com/ForkbombEu/didroom-components/compare/v1.0.0...v1.1.0) (2024-01-19) - - -### Features - -* **Avatar:** Add toc and autodocs to preview somponent ([0146870](https://github.com/ForkbombEu/didroom-components/commit/01468709bcf519b44982faf8f0135a33f2222c95)) - -## 1.0.0 (2024-01-18) - - -### Features - -* publish storybook from actions ([e4b0b96](https://github.com/ForkbombEu/didroom-components/commit/e4b0b9602f14dff63ba01fdcfcc36c2b095aeb4f)) diff --git a/docs/CHANGE_THEME.md b/docs/CHANGE_THEME.md new file mode 100644 index 0000000..48a9369 --- /dev/null +++ b/docs/CHANGE_THEME.md @@ -0,0 +1,28 @@ + +# change colors + +* clone didroom-components +* chang the name of the lib in packages.json +* change colors inside the src/global/global.css + +# change typography + +* install your font choice from @fontsource inside the global from the cdn +* change it also in tailwind.config.ts + + +# publish the packages + +insert into the settings for your repository + +* NPM_TOKEN for publishing into the npm registry +* PAT (personal access token) to generate PRs from the please-release-github action (https://github.com/settings/personal-access-tokens/new) + +# Change the logo + +change the svg inside `src/components/logo/didroom-logo.tsx` + + +# Splash screen and icon + +Follow the giud from iconic/capacitor diff --git a/package.json b/package.json index a769423..bfaae69 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { - "name": "@didroom/components", - "version": "1.14.0", + "name": "@didroom/monochrome", + "version": "1.0.0", "description": "Didroom web components", "main": "dist/index.cjs.js", "module": "dist/index.js", diff --git a/src/components/logo/didroom-logo.css b/src/components/logo/didroom-logo.css new file mode 100644 index 0000000..5d4e87f --- /dev/null +++ b/src/components/logo/didroom-logo.css @@ -0,0 +1,3 @@ +:host { + display: block; +} diff --git a/src/components/logo/didroom-logo.tsx b/src/components/logo/didroom-logo.tsx new file mode 100644 index 0000000..73a7503 --- /dev/null +++ b/src/components/logo/didroom-logo.tsx @@ -0,0 +1,18 @@ +import { Component, Host, h } from '@stencil/core'; + +@Component({ + tag: 'didroom-logo', + styleUrl: 'didroom-logo.css', + shadow: false, +}) +export class DidroomLogo { + + render() { + return ( + + + + ); + } + +} diff --git a/src/global/global.css b/src/global/global.css index 33d603a..7bd87a9 100644 --- a/src/global/global.css +++ b/src/global/global.css @@ -1,12 +1,11 @@ -/* gantari-latin-wght-normal */ +/* bungee-shade-latin-400-normal */ @font-face { - font-family: 'Gantari Variable'; + font-family: 'Bungee Shade'; font-style: normal; font-display: swap; - font-weight: 100 900; - src: url(https://cdn.jsdelivr.net/fontsource/fonts/gantari:vf@latest/latin-wght-normal.woff2) format('woff2-variations'); - unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, - U+FEFF, U+FFFD; + font-weight: 400; + src: url(https://cdn.jsdelivr.net/fontsource/fonts/bungee-shade@latest/latin-400-normal.woff2) format('woff2'), url(https://cdn.jsdelivr.net/fontsource/fonts/bungee-shade@latest/latin-400-normal.woff) format('woff'); + unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; } @tailwind base; @@ -15,14 +14,14 @@ @layer base { :root { - --surface: #e9ebef; - --primary: #d2d7e5; - --accent: #223360; - --on-accent: #dfddd7; - --on: #2d2d2d; - --on-alt: #5d5d65; - --stroke: #bbc0cd; - --highlight: #c9cedc; + --surface: #ccc; + --primary: #ff0; + --accent: #ff0; + --on-accent: #000; + --on: #000; + --on-alt: #000; + --stroke: #000; + --highlight: 0f0; --success: #279b48; --warning: #e58600; --error: #ee342b; @@ -33,14 +32,14 @@ } .dark { - --surface: #253151; - --primary: #36415C; - --accent: #dfddd7; - --on-accent: #36415C; - --on: #f7faff; - --on-alt: #c0c0ca; - --stroke: #444E69; - --highlight: #546080; + --surface: #333; + --primary: #fc0; + --accent: #fc0; + --on-accent: #000; + --on: #000; + --on-alt: #000; + --stroke: #000; + --highlight: #0f0; --success: #4ecb71; --warning: #ff9601; --error: #ff443b; @@ -50,19 +49,19 @@ @media (prefers-color-scheme: dark) { :root { - --surface: #253151; - --primary: #36415C; - --accent: #dfddd7; - --on-accent: #36415C; - --on: #f7faff; - --on-alt: #c0c0ca; - --stroke: #444E69; - --highlight: #546080; + --surface: #333; + --primary: #fc0; + --accent: #fc0; + --on-accent: #000; + --on: #000; + --on-alt: #000; + --stroke: #000; + --highlight: #0f0; --success: #4ecb71; --warning: #ff9601; --error: #ff443b; --background-card-url: url('https://cdn.jsdelivr.net/npm/@didroom/components@latest/dist/didroom-components/assets/rect-dark.png'); - --input-background: #374151; + --input-background: #fff; } } }