@breadstone/mosaik-themes 0.0.170 → 0.0.171

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (40) hide show
  1. package/CHANGELOG.md +251 -15
  2. package/Index.d.ts +1 -1
  3. package/Index.d.ts.map +1 -1
  4. package/Index.js +1 -1
  5. package/Index.js.map +1 -1
  6. package/README.md +41 -12
  7. package/Themes/cosmopolitan.scss +16 -6
  8. package/Themes/joy.scss +4 -0
  9. package/Themes/{retro.scss → memphis.scss} +1927 -1887
  10. package/Theming/MemphisTheme.d.ts +13 -0
  11. package/Theming/MemphisTheme.d.ts.map +1 -0
  12. package/Theming/{RetroTheme.js → MemphisTheme.js} +22 -22
  13. package/Theming/MemphisTheme.js.map +1 -0
  14. package/Theming/ThemeGenerator.d.ts +2 -2
  15. package/Theming/ThemeGenerator.d.ts.map +1 -1
  16. package/Theming/ThemeGenerator.js +9 -9
  17. package/Theming/ThemeGenerator.js.map +1 -1
  18. package/Theming/Tokens/{RetroTokens.d.ts → MemphisTokens.d.ts} +2 -2
  19. package/Theming/Tokens/MemphisTokens.d.ts.map +1 -0
  20. package/Theming/Tokens/{RetroTokens.js → MemphisTokens.js} +2 -2
  21. package/Theming/Tokens/MemphisTokens.js.map +1 -0
  22. package/_index.scss +3 -3
  23. package/package.json +2 -2
  24. package/Themes/___bootstrap-tokens.css +0 -91
  25. package/Themes/___cosmopolitan-tokens.css +0 -213
  26. package/Themes/___fluent-tokens.css +0 -30
  27. package/Themes/___joy-tokens.css +0 -501
  28. package/Themes/___material-tokens.css +0 -22
  29. package/Themes/___retro-tokens.css +0 -391
  30. package/Themes/bootstrap-tokens.scss +0 -89
  31. package/Themes/cosmopolitan-tokens.scss +0 -211
  32. package/Themes/fluent-tokens.scss +0 -28
  33. package/Themes/joy-tokens.scss +0 -499
  34. package/Themes/material-tokens.scss +0 -20
  35. package/Themes/retro-tokens.scss +0 -389
  36. package/Theming/RetroTheme.d.ts +0 -13
  37. package/Theming/RetroTheme.d.ts.map +0 -1
  38. package/Theming/RetroTheme.js.map +0 -1
  39. package/Theming/Tokens/RetroTokens.d.ts.map +0 -1
  40. package/Theming/Tokens/RetroTokens.js.map +0 -1
package/CHANGELOG.md CHANGED
@@ -1,3 +1,239 @@
1
+ ## 0.0.170 (2025-10-28)
2
+
3
+ ### 🚀 Features
4
+
5
+ - **chat:** enhance avatar styles and properties across themes ([3cf45d0955](https://github.com/RueDeRennes/mosaik/commit/3cf45d0955))
6
+
7
+ ### 🩹 Fixes
8
+
9
+ - **release:** update release version to 0.0.169 ([77c58d1eea](https://github.com/RueDeRennes/mosaik/commit/77c58d1eea))
10
+
11
+ ## 0.0.169 (2025-10-28)
12
+
13
+ ### 🚀 Features
14
+
15
+ - **chat:** add author property to chat messages and update templates ([6e22d26e1d](https://github.com/RueDeRennes/mosaik/commit/6e22d26e1d))
16
+
17
+ ### 🩹 Fixes
18
+
19
+ - **release:** update release version to 0.0.168 ([1434c7a9fd](https://github.com/RueDeRennes/mosaik/commit/1434c7a9fd))
20
+
21
+ ## 0.0.168 (2025-10-26)
22
+
23
+ This was a version bump only for mosaik-themes to align it with other projects, there were no code changes.
24
+
25
+ ## 0.0.167 (2025-10-26)
26
+
27
+ This was a version bump only for mosaik-themes to align it with other projects, there were no code changes.
28
+
29
+ ## 0.0.166 (2025-10-26)
30
+
31
+ ### 🚀 Features
32
+
33
+ - **List:** add inset property and update styles for flexible layout ([3dc4e28f0d](https://github.com/RueDeRennes/mosaik/commit/3dc4e28f0d))
34
+
35
+ ### 🩹 Fixes
36
+
37
+ - **package:** add missing newline at end of file ([4aa435a5b6](https://github.com/RueDeRennes/mosaik/commit/4aa435a5b6))
38
+
39
+ ## 0.0.165 (2025-10-24)
40
+
41
+ ### 🚀 Features
42
+
43
+ - **List:** add orientation property and update styles for flexible layout ([44aa6a89cb](https://github.com/RueDeRennes/mosaik/commit/44aa6a89cb))
44
+
45
+ ## 0.0.164 (2025-10-24)
46
+
47
+ This was a version bump only for mosaik-themes to align it with other projects, there were no code changes.
48
+
49
+ ## 0.0.163 (2025-10-22)
50
+
51
+ ### 🚀 Features
52
+
53
+ - add DateAgo and TimeAgo pipes, directives, and services for time-based formatting ([40c3e551ba](https://github.com/RueDeRennes/mosaik/commit/40c3e551ba))
54
+
55
+ ## 0.0.162 (2025-10-22)
56
+
57
+ This was a version bump only for mosaik-themes to align it with other projects, there were no code changes.
58
+
59
+ ## 0.0.161 (2025-10-22)
60
+
61
+ This was a version bump only for mosaik-themes to align it with other projects, there were no code changes.
62
+
63
+ ## 0.0.160 (2025-10-21)
64
+
65
+ This was a version bump only for mosaik-themes to align it with other projects, there were no code changes.
66
+
67
+ ## 0.0.159 (2025-10-21)
68
+
69
+ ### 🩹 Fixes
70
+
71
+ - correct typo in TODO comment in TemplateType.ts and adjust formatting in ModelKind.ts and ModelKindRegistry.ts ([c8bcbb7a65](https://github.com/RueDeRennes/mosaik/commit/c8bcbb7a65))
72
+
73
+ ## 0.0.158 (2025-10-21)
74
+
75
+ ### 🚀 Features
76
+
77
+ - add options for ListElement and update release version to 0.0.157 ([0a28367587](https://github.com/RueDeRennes/mosaik/commit/0a28367587))
78
+
79
+ ### 🩹 Fixes
80
+
81
+ - correct typos in interface comments and update default configuration values ([dc58b1a35c](https://github.com/RueDeRennes/mosaik/commit/dc58b1a35c))
82
+
83
+ ## 0.0.157 (2025-10-19)
84
+
85
+ ### 🩹 Fixes
86
+
87
+ - add newline at end of file in package.json ([d0e684e967](https://github.com/RueDeRennes/mosaik/commit/d0e684e967))
88
+
89
+ ## 0.0.156 (2025-10-17)
90
+
91
+ ### 🩹 Fixes
92
+
93
+ - update release version to 0.0.156 in package.json ([323d1588b7](https://github.com/RueDeRennes/mosaik/commit/323d1588b7))
94
+ - update release version to 0.0.155 in package.json ([1f1946594c](https://github.com/RueDeRennes/mosaik/commit/1f1946594c))
95
+
96
+ ## 0.0.155 (2025-10-16)
97
+
98
+ ### 🩹 Fixes
99
+
100
+ - update release version to 0.0.154 in package.json ([d894b6b4a1](https://github.com/RueDeRennes/mosaik/commit/d894b6b4a1))
101
+
102
+ ## 0.0.154 (2025-10-16)
103
+
104
+ ### 🩹 Fixes
105
+
106
+ - remove deprecated -webkit-backdrop-filter from transition properties in theme styles refactor: simplify AutoCompleteBox styles for better maintainability chore: update release script to version 0.0.153 ([a7af7fe240](https://github.com/RueDeRennes/mosaik/commit/a7af7fe240))
107
+
108
+ ## 0.0.153 (2025-10-15)
109
+
110
+ ### 🩹 Fixes
111
+
112
+ - remove deprecated -webkit-backdrop-filter from transition properties in theme styles refactor: simplify AutoCompleteBox styles for better maintainability chore: update release script to version 0.0.153 ([a7af7fe240](https://github.com/RueDeRennes/mosaik/commit/a7af7fe240))
113
+
114
+ ## 0.0.152 (2025-10-15)
115
+
116
+ This was a version bump only for mosaik-themes to align it with other projects, there were no code changes.
117
+
118
+ ## 0.0.151 (2025-09-29)
119
+
120
+ ### 🚀 Features
121
+
122
+ - add wrap property to StackElement for flexible layout handling ([181634aa81](https://github.com/RueDeRennes/mosaik/commit/181634aa81))
123
+
124
+ ## 0.0.150 (2025-09-29)
125
+
126
+ ### 🩹 Fixes
127
+
128
+ - update release script version to 0.0.149 and adjust enum handling in modelClass function ([826e15bdf2](https://github.com/RueDeRennes/mosaik/commit/826e15bdf2))
129
+
130
+ ## 0.0.149 (2025-09-25)
131
+
132
+ This was a version bump only for mosaik-themes to align it with other projects, there were no code changes.
133
+
134
+ ## 0.0.148 (2025-09-25)
135
+
136
+ ### 🚀 Features
137
+
138
+ - **calendar:** enhance range selection and styling ([fdb6cb56db](https://github.com/RueDeRennes/mosaik/commit/fdb6cb56db))
139
+
140
+ ## 0.0.147 (2025-09-25)
141
+
142
+ ### 🩹 Fixes
143
+
144
+ - correct spelling of 'schema' in OpenApiParser logging ([1a75e6c62b](https://github.com/RueDeRennes/mosaik/commit/1a75e6c62b))
145
+
146
+ ## 0.0.146 (2025-09-16)
147
+
148
+ ### 🩹 Fixes
149
+
150
+ - update release script version to 0.0.145 and enhance logging output in TemplateBuilder ([c77501d259](https://github.com/RueDeRennes/mosaik/commit/c77501d259))
151
+
152
+ ## 0.0.145 (2025-09-16)
153
+
154
+ ### 🩹 Fixes
155
+
156
+ - update release version to 0.0.144 and improve type annotations in TemplateEngine ([c99a28f6b6](https://github.com/RueDeRennes/mosaik/commit/c99a28f6b6))
157
+
158
+ ## 0.0.144 (2025-09-16)
159
+
160
+ ### 🩹 Fixes
161
+
162
+ - correct spelling of 'preferred' in TemplateBuilder and related files ([5862673dc4](https://github.com/RueDeRennes/mosaik/commit/5862673dc4))
163
+
164
+ ## 0.0.143 (2025-09-16)
165
+
166
+ ### 🩹 Fixes
167
+
168
+ - update release script version to 0.0.142 ([b558893804](https://github.com/RueDeRennes/mosaik/commit/b558893804))
169
+
170
+ ## 0.0.142 (2025-09-15)
171
+
172
+ This was a version bump only for mosaik-themes to align it with other projects, there were no code changes.
173
+
174
+ ## 0.0.141 (2025-09-14)
175
+
176
+ ### 🚀 Features
177
+
178
+ - add comprehensive guidelines for code quality checks and testing standards across backend, frontend, and testing instructions ([9d9bcf13f9](https://github.com/RueDeRennes/mosaik/commit/9d9bcf13f9))
179
+
180
+ ### 🩹 Fixes
181
+
182
+ - add missing newline at end of package.json ([3309d1ee97](https://github.com/RueDeRennes/mosaik/commit/3309d1ee97))
183
+
184
+ ## 0.0.140 (2025-09-10)
185
+
186
+ This was a version bump only for mosaik-themes to align it with other projects, there were no code changes.
187
+
188
+ ## 0.0.139 (2025-09-08)
189
+
190
+ ### 🚀 Features
191
+
192
+ - add reorderable and resizable properties to TileListItemElement and update related styles ([84672caf3a](https://github.com/RueDeRennes/mosaik/commit/84672caf3a))
193
+
194
+ ## 0.0.138 (2025-09-07)
195
+
196
+ This was a version bump only for mosaik-themes to align it with other projects, there were no code changes.
197
+
198
+ ## 0.0.137 (2025-09-05)
199
+
200
+ ### 🚀 Features
201
+
202
+ - **build:** add environment variable sanitization to build summary ([b2f1e0830e](https://github.com/RueDeRennes/mosaik/commit/b2f1e0830e))
203
+ - **dropzone:** enhance DropZone component with new styles and states ([0d6349f9ce](https://github.com/RueDeRennes/mosaik/commit/0d6349f9ce))
204
+
205
+ ## 0.0.136 (2025-09-04)
206
+
207
+ ### 🚀 Features
208
+
209
+ - add comprehensive coding standards for backend, frontend, and testing ([3987d97056](https://github.com/RueDeRennes/mosaik/commit/3987d97056))
210
+ - integrate build info into AppElement and update template to display build metadata ([afff580948](https://github.com/RueDeRennes/mosaik/commit/afff580948))
211
+
212
+ ### 🩹 Fixes
213
+
214
+ - standardize padding-top property in Banner styles and templates ([377e883410](https://github.com/RueDeRennes/mosaik/commit/377e883410))
215
+
216
+ ## 0.0.135 (2025-09-03)
217
+
218
+ ### 🚀 Features
219
+
220
+ - add build info plugin for Vite to collect and expose build metadata ([888ea8b254](https://github.com/RueDeRennes/mosaik/commit/888ea8b254))
221
+
222
+ ### 🩹 Fixes
223
+
224
+ - enhance build info logging format and update release version to 0.0.135 ([61b1c86643](https://github.com/RueDeRennes/mosaik/commit/61b1c86643))
225
+ - add missing newline at end of package.json ([cf3b9a3f21](https://github.com/RueDeRennes/mosaik/commit/cf3b9a3f21))
226
+
227
+ ## 0.0.134 (2025-09-01)
228
+
229
+ ### 🚀 Features
230
+
231
+ - Add ThemeService for managing theme application and properties ([a3cb9be861](https://github.com/RueDeRennes/mosaik/commit/a3cb9be861))
232
+ - Add Audio Component and related functionality ([a66b67efb6](https://github.com/RueDeRennes/mosaik/commit/a66b67efb6))
233
+ - Add new Map and Thumbnail components with Cosmopolitan, Joy, and Memphis themes ([5142fee885](https://github.com/RueDeRennes/mosaik/commit/5142fee885))
234
+ - add serve scripts for app and API in package.json ([1ad4faa834](https://github.com/RueDeRennes/mosaik/commit/1ad4faa834))
235
+ - add ChatMessageReaction component with styles and templates ([1975e07a4a](https://github.com/RueDeRennes/mosaik/commit/1975e07a4a))
236
+
1
237
  ## 0.0.132 (2025-08-24)
2
238
 
3
239
  This was a version bump only for mosaik-themes to align it with other projects, there were no code changes.
@@ -24,7 +260,7 @@ This was a version bump only for mosaik-themes to align it with other projects,
24
260
 
25
261
  ### 🚀 Features
26
262
 
27
- - Add BusyState and VoiceRecorder components with Joy and Retro themes ([eb1887d8e3](https://github.com/RueDeRennes/mosaik/commit/eb1887d8e3))
263
+ - Add BusyState and VoiceRecorder components with Joy and Memphis themes ([eb1887d8e3](https://github.com/RueDeRennes/mosaik/commit/eb1887d8e3))
28
264
  - **chat-tools:** integrate attachment and reaction chat tools ([89e61d7157](https://github.com/RueDeRennes/mosaik/commit/89e61d7157))
29
265
 
30
266
  ## 0.0.127 (2025-08-21)
@@ -281,7 +517,7 @@ This was a version bump only for mosaik-themes to align it with other projects,
281
517
 
282
518
  ### 🚀 Features
283
519
 
284
- - enhance HTML code generation with new abstract methods and self-closing tag support feat: update icon registration to support aliases for icons style: adjust drawer component styles to use line thickness variable chore: add line thickness property to drawer theme tokens in Cosmopolitan, Joy, and Retro themes ([0174ad7acb](https://github.com/RueDeRennes/mosaik/commit/0174ad7acb))
520
+ - enhance HTML code generation with new abstract methods and self-closing tag support feat: update icon registration to support aliases for icons style: adjust drawer component styles to use line thickness variable chore: add line thickness property to drawer theme tokens in Cosmopolitan, Joy, and Memphis themes ([0174ad7acb](https://github.com/RueDeRennes/mosaik/commit/0174ad7acb))
285
521
  - update release version to 0.0.80 in package.json ([96a94fca93](https://github.com/RueDeRennes/mosaik/commit/96a94fca93))
286
522
 
287
523
  ## 0.0.80 (2025-07-30)
@@ -416,17 +652,17 @@ This was a version bump only for mosaik-themes to align it with other projects,
416
652
  - **tokens): implement extractTokensByType utility for recursive token extraction refactor(shadow): rename expandShadowTokens to expandShadowPreprocessor and update related references refactor(theme:** restructure elevation tokens in Joy theme for improved clarity and organization ([51ec56e67e](https://github.com/RueDeRennes/mosaik/commit/51ec56e67e))
417
653
  - **tokens:** enhance elevation and typography tokens across themes ([4fca67fd43](https://github.com/RueDeRennes/mosaik/commit/4fca67fd43))
418
654
  - **theme:** enhance theme management and button styles with new properties and variants ([e733f777e9](https://github.com/RueDeRennes/mosaik/commit/e733f777e9))
419
- - **theme:** enhance Retro theme with additional variants and update component styles ([6d869ec358](https://github.com/RueDeRennes/mosaik/commit/6d869ec358))
655
+ - **theme:** enhance Memphis theme with additional variants and update component styles ([6d869ec358](https://github.com/RueDeRennes/mosaik/commit/6d869ec358))
420
656
  - Add missing token files for Accordion, Alert, Dropdown, Router, and ToggleTip components across themes ([19b15a53fa](https://github.com/RueDeRennes/mosaik/commit/19b15a53fa))
421
657
  - Update theme components and tokens for consistency and improved styling ([ffb9596405](https://github.com/RueDeRennes/mosaik/commit/ffb9596405))
422
- - Enhance Retro theme with new elevation and appearance tokens ([0c9a0084ec](https://github.com/RueDeRennes/mosaik/commit/0c9a0084ec))
658
+ - Enhance Memphis theme with new elevation and appearance tokens ([0c9a0084ec](https://github.com/RueDeRennes/mosaik/commit/0c9a0084ec))
423
659
  - update chart component styles and themes to use Joy typography variables ([8fe7d7f4fe](https://github.com/RueDeRennes/mosaik/commit/8fe7d7f4fe))
424
660
  - enhance chart and form elements with foreground color support and style adjustments ([dad0dd53df](https://github.com/RueDeRennes/mosaik/commit/dad0dd53df))
425
661
  - implement theme persistence and configuration storage, update ToastService and RatingElement properties ([2fe40b8ee8](https://github.com/RueDeRennes/mosaik/commit/2fe40b8ee8))
426
662
  - add installation and setup for package manager in the workflow ([1498f235f9](https://github.com/RueDeRennes/mosaik/commit/1498f235f9))
427
663
  - add support for package manager setup in the dev workflow ([59aaf6b708](https://github.com/RueDeRennes/mosaik/commit/59aaf6b708))
428
664
  - Update Persona and QR Code themes with new styles and tokens ([dfb5030cd8](https://github.com/RueDeRennes/mosaik/commit/dfb5030cd8))
429
- - implement retro theme support and enhance theme handling across components ([6e6501b5d3](https://github.com/RueDeRennes/mosaik/commit/6e6501b5d3))
665
+ - implement memphis theme support and enhance theme handling across components ([6e6501b5d3](https://github.com/RueDeRennes/mosaik/commit/6e6501b5d3))
430
666
  - enable multi-language support and add ColorSwatchGroupElement ([e15a8905a4](https://github.com/RueDeRennes/mosaik/commit/e15a8905a4))
431
667
  - update theme to dark mode and refine color tokens for improved accessibility ([42819d5937](https://github.com/RueDeRennes/mosaik/commit/42819d5937))
432
668
  - enhance theming support by adding size and layout properties to various components ([285a91ad39](https://github.com/RueDeRennes/mosaik/commit/285a91ad39))
@@ -702,20 +938,20 @@ This was a version bump only for mosaik-themes to align it with other projects,
702
938
  - **tokens): implement extractTokensByType utility for recursive token extraction refactor(shadow): rename expandShadowTokens to expandShadowPreprocessor and update related references refactor(theme:** restructure elevation tokens in Joy theme for improved clarity and organization ([51ec56e67e](https://github.com/RueDeRennes/mosaik/commit/51ec56e67e))
703
939
  - **tokens:** enhance elevation and typography tokens across themes ([4fca67fd43](https://github.com/RueDeRennes/mosaik/commit/4fca67fd43))
704
940
  - **theme:** enhance theme management and button styles with new properties and variants ([e733f777e9](https://github.com/RueDeRennes/mosaik/commit/e733f777e9))
705
- - **theme:** enhance Retro theme with additional variants and update component styles ([6d869ec358](https://github.com/RueDeRennes/mosaik/commit/6d869ec358))
941
+ - **theme:** enhance Memphis theme with additional variants and update component styles ([6d869ec358](https://github.com/RueDeRennes/mosaik/commit/6d869ec358))
706
942
  - Add missing token files for Accordion, Alert, Dropdown, Router, and ToggleTip components across themes ([19b15a53fa](https://github.com/RueDeRennes/mosaik/commit/19b15a53fa))
707
943
  - Update theme components and tokens for consistency and improved styling ([ffb9596405](https://github.com/RueDeRennes/mosaik/commit/ffb9596405))
708
- - Enhance Retro theme with new elevation and appearance tokens ([0c9a0084ec](https://github.com/RueDeRennes/mosaik/commit/0c9a0084ec))
944
+ - Enhance Memphis theme with new elevation and appearance tokens ([0c9a0084ec](https://github.com/RueDeRennes/mosaik/commit/0c9a0084ec))
709
945
  - update chart component styles and themes to use Joy typography variables ([8fe7d7f4fe](https://github.com/RueDeRennes/mosaik/commit/8fe7d7f4fe))
710
946
  - enhance chart and form elements with foreground color support and style adjustments ([dad0dd53df](https://github.com/RueDeRennes/mosaik/commit/dad0dd53df))
711
947
  - implement theme persistence and configuration storage, update ToastService and RatingElement properties ([2fe40b8ee8](https://github.com/RueDeRennes/mosaik/commit/2fe40b8ee8))
712
948
  - add installation and setup for package manager in the workflow ([1498f235f9](https://github.com/RueDeRennes/mosaik/commit/1498f235f9))
713
949
  - add support for package manager setup in the dev workflow ([59aaf6b708](https://github.com/RueDeRennes/mosaik/commit/59aaf6b708))
714
- - Add new QR Code theme files for default and retro themes with unset properties ([a870887e7a](https://github.com/RueDeRennes/mosaik/commit/a870887e7a))
715
- - Remove obsolete QR Code theme files and restore default properties for cosmopolitan and retro themes ([92e4e1ce40](https://github.com/RueDeRennes/mosaik/commit/92e4e1ce40))
950
+ - Add new QR Code theme files for default and memphis themes with unset properties ([a870887e7a](https://github.com/RueDeRennes/mosaik/commit/a870887e7a))
951
+ - Remove obsolete QR Code theme files and restore default properties for cosmopolitan and memphis themes ([92e4e1ce40](https://github.com/RueDeRennes/mosaik/commit/92e4e1ce40))
716
952
  - Update Persona and QR Code themes with new styles and tokens ([dfb5030cd8](https://github.com/RueDeRennes/mosaik/commit/dfb5030cd8))
717
953
  - add style dictionary component generation and enhance SCSS file handling ([8cb9f0d702](https://github.com/RueDeRennes/mosaik/commit/8cb9f0d702))
718
- - implement retro theme support and enhance theme handling across components ([6e6501b5d3](https://github.com/RueDeRennes/mosaik/commit/6e6501b5d3))
954
+ - implement memphis theme support and enhance theme handling across components ([6e6501b5d3](https://github.com/RueDeRennes/mosaik/commit/6e6501b5d3))
719
955
  - enable multi-language support and add ColorSwatchGroupElement ([e15a8905a4](https://github.com/RueDeRennes/mosaik/commit/e15a8905a4))
720
956
  - update theme to dark mode and refine color tokens for improved accessibility ([42819d5937](https://github.com/RueDeRennes/mosaik/commit/42819d5937))
721
957
  - enhance theming support by adding size and layout properties to various components ([285a91ad39](https://github.com/RueDeRennes/mosaik/commit/285a91ad39))
@@ -992,20 +1228,20 @@ This was a version bump only for mosaik-themes to align it with other projects,
992
1228
  - **tokens): implement extractTokensByType utility for recursive token extraction refactor(shadow): rename expandShadowTokens to expandShadowPreprocessor and update related references refactor(theme:** restructure elevation tokens in Joy theme for improved clarity and organization ([51ec56e67e](https://github.com/RueDeRennes/mosaik/commit/51ec56e67e))
993
1229
  - **tokens:** enhance elevation and typography tokens across themes ([4fca67fd43](https://github.com/RueDeRennes/mosaik/commit/4fca67fd43))
994
1230
  - **theme:** enhance theme management and button styles with new properties and variants ([e733f777e9](https://github.com/RueDeRennes/mosaik/commit/e733f777e9))
995
- - **theme:** enhance Retro theme with additional variants and update component styles ([6d869ec358](https://github.com/RueDeRennes/mosaik/commit/6d869ec358))
1231
+ - **theme:** enhance Memphis theme with additional variants and update component styles ([6d869ec358](https://github.com/RueDeRennes/mosaik/commit/6d869ec358))
996
1232
  - Add missing token files for Accordion, Alert, Dropdown, Router, and ToggleTip components across themes ([19b15a53fa](https://github.com/RueDeRennes/mosaik/commit/19b15a53fa))
997
1233
  - Update theme components and tokens for consistency and improved styling ([ffb9596405](https://github.com/RueDeRennes/mosaik/commit/ffb9596405))
998
- - Enhance Retro theme with new elevation and appearance tokens ([0c9a0084ec](https://github.com/RueDeRennes/mosaik/commit/0c9a0084ec))
1234
+ - Enhance Memphis theme with new elevation and appearance tokens ([0c9a0084ec](https://github.com/RueDeRennes/mosaik/commit/0c9a0084ec))
999
1235
  - update chart component styles and themes to use Joy typography variables ([8fe7d7f4fe](https://github.com/RueDeRennes/mosaik/commit/8fe7d7f4fe))
1000
1236
  - enhance chart and form elements with foreground color support and style adjustments ([dad0dd53df](https://github.com/RueDeRennes/mosaik/commit/dad0dd53df))
1001
1237
  - implement theme persistence and configuration storage, update ToastService and RatingElement properties ([2fe40b8ee8](https://github.com/RueDeRennes/mosaik/commit/2fe40b8ee8))
1002
1238
  - add installation and setup for package manager in the workflow ([1498f235f9](https://github.com/RueDeRennes/mosaik/commit/1498f235f9))
1003
1239
  - add support for package manager setup in the dev workflow ([59aaf6b708](https://github.com/RueDeRennes/mosaik/commit/59aaf6b708))
1004
- - Add new QR Code theme files for default and retro themes with unset properties ([a870887e7a](https://github.com/RueDeRennes/mosaik/commit/a870887e7a))
1005
- - Remove obsolete QR Code theme files and restore default properties for cosmopolitan and retro themes ([92e4e1ce40](https://github.com/RueDeRennes/mosaik/commit/92e4e1ce40))
1240
+ - Add new QR Code theme files for default and memphis themes with unset properties ([a870887e7a](https://github.com/RueDeRennes/mosaik/commit/a870887e7a))
1241
+ - Remove obsolete QR Code theme files and restore default properties for cosmopolitan and memphis themes ([92e4e1ce40](https://github.com/RueDeRennes/mosaik/commit/92e4e1ce40))
1006
1242
  - Update Persona and QR Code themes with new styles and tokens ([dfb5030cd8](https://github.com/RueDeRennes/mosaik/commit/dfb5030cd8))
1007
1243
  - add style dictionary component generation and enhance SCSS file handling ([8cb9f0d702](https://github.com/RueDeRennes/mosaik/commit/8cb9f0d702))
1008
- - implement retro theme support and enhance theme handling across components ([6e6501b5d3](https://github.com/RueDeRennes/mosaik/commit/6e6501b5d3))
1244
+ - implement memphis theme support and enhance theme handling across components ([6e6501b5d3](https://github.com/RueDeRennes/mosaik/commit/6e6501b5d3))
1009
1245
  - enable multi-language support and add ColorSwatchGroupElement ([e15a8905a4](https://github.com/RueDeRennes/mosaik/commit/e15a8905a4))
1010
1246
  - update theme to dark mode and refine color tokens for improved accessibility ([42819d5937](https://github.com/RueDeRennes/mosaik/commit/42819d5937))
1011
1247
  - enhance theming support by adding size and layout properties to various components ([285a91ad39](https://github.com/RueDeRennes/mosaik/commit/285a91ad39))
package/Index.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  export { BootstrapTheme } from './Theming/BootstrapTheme';
2
2
  export { JoyTheme } from './Theming/JoyTheme';
3
- export { RetroTheme } from './Theming/RetroTheme';
3
+ export { MemphisTheme } from './Theming/MemphisTheme';
4
4
  export { CosmopolitanTheme } from './Theming/CosmopolitanTheme';
5
5
  export { CssAspectRatio } from './Theming/Utils/CssAspectRatio';
6
6
  export type { CssHEXColor, CssRGBAColor, CssRGBColor, CssNameColor } from './Theming/Utils/CssColor';
package/Index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Index.d.ts","sourceRoot":"","sources":["../src/Index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAC1D,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAC9C,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAGlD,OAAO,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AAChE,OAAO,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAChE,YAAY,EAAE,WAAW,EAAE,YAAY,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACrG,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AACpD,YAAY,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAC/D,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AACtD,YAAY,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AACjE,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AACtD,YAAY,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAClD,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,YAAY,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AACrE,YAAY,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AACvE,YAAY,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AACjE,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,YAAY,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AACjE,YAAY,EAAE,gBAAgB,EAAE,MAAM,kCAAkC,CAAC;AACzE,YAAY,EAAE,wBAAwB,EAAE,MAAM,0CAA0C,CAAC;AACzF,YAAY,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AACzD,OAAO,EAAE,aAAa,EAAE,2BAA2B,EAAE,MAAM,yBAAyB,CAAC;AACrF,OAAO,EAAE,4BAA4B,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC"}
1
+ {"version":3,"file":"Index.d.ts","sourceRoot":"","sources":["../src/Index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAC1D,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAGtD,OAAO,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AAChE,OAAO,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAChE,YAAY,EAAE,WAAW,EAAE,YAAY,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACrG,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AACpD,YAAY,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAC/D,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AACtD,YAAY,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AACjE,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AACtD,YAAY,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAClD,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,YAAY,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AACrE,YAAY,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AACvE,YAAY,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AACjE,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,YAAY,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AACjE,YAAY,EAAE,gBAAgB,EAAE,MAAM,kCAAkC,CAAC;AACzE,YAAY,EAAE,wBAAwB,EAAE,MAAM,0CAA0C,CAAC;AACzF,YAAY,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AACzD,OAAO,EAAE,aAAa,EAAE,2BAA2B,EAAE,MAAM,yBAAyB,CAAC;AACrF,OAAO,EAAE,4BAA4B,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC"}
package/Index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  export { BootstrapTheme } from './Theming/BootstrapTheme';
2
2
  export { JoyTheme } from './Theming/JoyTheme';
3
- export { RetroTheme } from './Theming/RetroTheme';
3
+ export { MemphisTheme } from './Theming/MemphisTheme';
4
4
  // export { FLUENT_THEME } from './Theming/FluentTheme';
5
5
  // export { MATERIAL_THEME } from './Theming/MaterialTheme';
6
6
  export { CosmopolitanTheme } from './Theming/CosmopolitanTheme';
package/Index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Index.js","sourceRoot":"","sources":["../src/Index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAC1D,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAC9C,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAClD,wDAAwD;AACxD,4DAA4D;AAC5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AAChE,OAAO,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAEhE,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AAEpD,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAEtD,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAEtD,OAAO,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAClD,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAIhD,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAK9D,OAAO,EAAE,aAAa,EAAE,2BAA2B,EAAE,MAAM,yBAAyB,CAAC;AACrF,OAAO,EAAE,4BAA4B,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC"}
1
+ {"version":3,"file":"Index.js","sourceRoot":"","sources":["../src/Index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAC1D,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AACtD,wDAAwD;AACxD,4DAA4D;AAC5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AAChE,OAAO,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAEhE,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AAEpD,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAEtD,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAEtD,OAAO,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAClD,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAIhD,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAK9D,OAAO,EAAE,aAAa,EAAE,2BAA2B,EAAE,MAAM,yBAAyB,CAAC;AACrF,OAAO,EAAE,4BAA4B,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC"}
package/README.md CHANGED
@@ -11,9 +11,9 @@
11
11
 
12
12
  ## 📁 Project Structure
13
13
 
14
- Part of the monorepo [`mosaik`](https://github.com/RueDeRennes/mosaik)
15
- Package path: `libs/mosaik-themes`
16
- Version: see [npm](https://www.npmjs.com/package/@breadstone/mosaik-themes)
14
+ Part of the monorepo [`mosaik`](https://github.com/RueDeRennes/mosaik)
15
+ Package path: `libs/mosaik-themes`
16
+ Version: see [npm](https://www.npmjs.com/package/@breadstone/mosaik-themes)
17
17
  License: MIT
18
18
 
19
19
  ---
@@ -31,29 +31,58 @@ npm install @breadstone/mosaik-themes
31
31
  ## 🔧 Usage
32
32
 
33
33
  ```typescript
34
- import * from '@breadstone/mosaik-themes';
34
+ import * as Themes from '@breadstone/mosaik-themes';
35
35
  ```
36
36
 
37
- Or import SCSS:
37
+ Or import SCSS bundles:
38
38
 
39
39
  ```scss
40
- @import '@breadstone/mosaik-themes/scss';
40
+ @use '@breadstone/mosaik-themes/scss' as themes;
41
41
  ```
42
42
 
43
43
  ---
44
44
 
45
- ## ⚙️ Features
45
+ ## 🎨 Theme Catalog
46
46
 
47
- - Multiple design system themes (Retro, Joy, Material, Bootstrap, Fluent, Neumorphism, Cupertino)
48
- - SCSS and CSS variables
49
- - Design tokens for use in all Mosaik components
47
+ Each theme ships with a full set of typography, color, elevation, and component tokens. Use the descriptions below to choose the look and feel that best matches your product identity.
48
+
49
+ ### Memphis
50
+ - **Visual identity:** Vibrant synthwave palette with bold gradients, neon accents, and confident typography that nods to 1980s Memphis design.
51
+ - **Best for:** Creative dashboards, entertainment products, or brand experiences that benefit from playful energy and high contrast visuals.
52
+ - **Highlights:** Distinct geometric shapes, animated accent hues, and expressive shadows that make interactive elements pop.
53
+
54
+ ### Joy
55
+ - **Visual identity:** Soft, friendly surfaces built around rounded corners, warm pastels, and elevated whites reminiscent of playful consumer apps.
56
+ - **Best for:** Customer-facing portals, lifestyle services, and experiences where approachability and warmth are key.
57
+ - **Highlights:** Accessible color contrast, generous spacing, and micro-interactions that emphasize delight without overwhelming content.
58
+
59
+ ### Material
60
+ - **Visual identity:** Clean, structured presentation inspired by Google Material Design with layered surfaces, subtle shadows, and clear hierarchy.
61
+ - **Best for:** Productivity tools, administrative consoles, and enterprise apps that require clarity and consistency at scale.
62
+ - **Highlights:** Adaptive typography scale, responsive spacing grid, and surfaces that communicate elevation with restrained depth cues.
63
+
64
+ ### Bootstrap
65
+ - **Visual identity:** Familiar, business-friendly styling derived from Bootstrap with balanced contrast, neutral palettes, and minimal embellishment.
66
+ - **Best for:** Data-heavy applications, internal tooling, and projects that value recognisable defaults and rapid adoption.
67
+ - **Highlights:** Systematic spacing tokens, pragmatic button treatments, and typography tuned for dense layouts.
68
+
69
+ ### Fluent
70
+ - **Visual identity:** Microsoft Fluent-inspired language that favors soft corners, translucent layers, and accent colors grounded in modern productivity suites.
71
+ - **Best for:** Collaboration suites, communication products, and cross-platform scenarios where Fluent is already part of the design ecosystem.
72
+ - **Highlights:** Emphasis on motion-friendly states, calm neutrals paired with vibrant primary accents, and adaptive focus indicators for accessibility.
73
+
74
+ ### Cosmopolitan
75
+ - **Visual identity:** Sophisticated, editorial feel with high-contrast typography, elegant serifs, and luxurious accents suitable for premium brands.
76
+ - **Best for:** Marketing sites, premium content experiences, and consumer applications that aim for a refined, magazine-like presentation.
77
+ - **Highlights:** Tall typographic rhythm, monochrome foundations enriched with metallic accents, and generous whitespace for storytelling.
50
78
 
51
79
  ---
52
80
 
53
81
  ## 🛠 Recommendations
54
82
 
55
- - Use with all Mosaik component libraries for consistent theming.
56
- - Import SCSS/CSS in your main styles for theme support.
83
+ - Combine the theme tokens with any Mosaik component library to guarantee consistent visuals.
84
+ - Import SCSS or CSS bundles once at the root of your application and switch themes by toggling the exported CSS custom properties.
85
+ - Use the generated design tokens in Figma or other tooling to align designers and engineers.
57
86
 
58
87
  ---
59
88
 
@@ -665,8 +665,8 @@ $transition: $duration-short;
665
665
  'space': --#{$name}-layout-space,
666
666
  'thickness': --#{$name}-layout-thickness
667
667
  );
668
- @if map-has-key($layouts, $key) {
669
- @return var(map-get($layouts, $key));
668
+ @if map.has-key($layouts, $key) {
669
+ @return var(map.get($layouts, $key));
670
670
  } @else {
671
671
  @error "Invalid layout value: #{$key}";
672
672
  }
@@ -746,8 +746,8 @@ $scheme-dark: (
746
746
  'disabled': --#{$name}-scheme-dark-disabled
747
747
  )
748
748
  );
749
- @if map-has-key($schemes, $mode) and map-has-key(map-get($schemes, $mode), $key) {
750
- @return var(map-get(map-get($schemes, $mode), $key));
749
+ @if map.has-key($schemes, $mode) and map.has-key(map.get($schemes, $mode), $key) {
750
+ @return var(map.get(map.get($schemes, $mode), $key));
751
751
  } @else {
752
752
  @error "Invalid scheme key: #{$key} or mode: #{$mode}";
753
753
  }
@@ -836,8 +836,8 @@ $scheme-dark: (
836
836
  'text-decoration': --#{$name}-typography-#{$type}-text-decoration,
837
837
  'text-transform': --#{$name}-typography-#{$type}-text-transform
838
838
  );
839
- @if map-has-key($properties, $property) {
840
- @return var(map-get($properties, $property));
839
+ @if map.has-key($properties, $property) {
840
+ @return var(map.get($properties, $property));
841
841
  } @else {
842
842
  @error "Invalid typography property: #{$property}";
843
843
  }
@@ -2057,6 +2057,7 @@ $chat-message-props: (
2057
2057
  'white-space': 44px
2058
2058
  );
2059
2059
  $chat-message-avatar-props: (
2060
+ 'background-color': var(--cosmopolitan-scheme-background),
2060
2061
  'font-family': unset,
2061
2062
  'font-letter-spacing': unset,
2062
2063
  'font-line-height': unset,
@@ -2064,11 +2065,17 @@ $chat-message-avatar-props: (
2064
2065
  'font-text-decoration': unset,
2065
2066
  'font-text-transform': unset,
2066
2067
  'font-weight': unset,
2068
+ 'foreground-color': var(--cosmopolitan-scheme-foreground),
2067
2069
  'gap': unset,
2068
2070
  'padding-bottom': unset,
2069
2071
  'padding-left': unset,
2070
2072
  'padding-right': unset,
2071
2073
  'padding-top': unset,
2074
+ 'shadow-blur': unset,
2075
+ 'shadow-color': unset,
2076
+ 'shadow-offset-x': unset,
2077
+ 'shadow-offset-y': unset,
2078
+ 'shadow-spread': unset,
2072
2079
  'transition-duration': unset,
2073
2080
  'transition-mode': unset,
2074
2081
  'transition-property': unset,
@@ -2082,6 +2089,7 @@ $chat-message-divider-props: (
2082
2089
  'font-text-decoration': unset,
2083
2090
  'font-text-transform': unset,
2084
2091
  'font-weight': unset,
2092
+ 'foreground-color': var(--memphis-scheme-foreground),
2085
2093
  'gap': unset,
2086
2094
  'padding-bottom': unset,
2087
2095
  'padding-left': unset,
@@ -2100,6 +2108,7 @@ $chat-message-reaction-props: (
2100
2108
  'font-text-decoration': unset,
2101
2109
  'font-text-transform': unset,
2102
2110
  'font-weight': unset,
2111
+ 'foreground-color': var(--cosmopolitan-scheme-foreground),
2103
2112
  'gap': unset,
2104
2113
  'padding-bottom': unset,
2105
2114
  'padding-left': unset,
@@ -2574,6 +2583,7 @@ $comment-props: (
2574
2583
  'font-text-decoration': unset,
2575
2584
  'font-text-transform': unset,
2576
2585
  'font-weight': unset,
2586
+ 'foreground-color': var(--cosmopolitan-scheme-foreground),
2577
2587
  'gap': unset,
2578
2588
  'inner-gap': unset,
2579
2589
  'nested-indent': unset,
package/Themes/joy.scss CHANGED
@@ -2722,6 +2722,7 @@ $chat-message-divider-props: (
2722
2722
  'font-text-decoration': unset,
2723
2723
  'font-text-transform': unset,
2724
2724
  'font-weight': unset,
2725
+ 'foreground-color': var(--joy-scheme-foreground),
2725
2726
  'gap': unset,
2726
2727
  'padding-bottom': unset,
2727
2728
  'padding-left': unset,
@@ -2740,6 +2741,7 @@ $chat-message-reaction-props: (
2740
2741
  'font-text-decoration': unset,
2741
2742
  'font-text-transform': unset,
2742
2743
  'font-weight': unset,
2744
+ 'foreground-color': var(--joy-scheme-foreground),
2743
2745
  'gap': unset,
2744
2746
  'padding-bottom': unset,
2745
2747
  'padding-left': unset,
@@ -3230,6 +3232,7 @@ $comment-props: (
3230
3232
  'font-text-decoration': unset,
3231
3233
  'font-text-transform': unset,
3232
3234
  'font-weight': unset,
3235
+ 'foreground-color': var(--joy-scheme-foreground),
3233
3236
  'gap': 16px,
3234
3237
  'inner-gap': 8px,
3235
3238
  'nested-indent': 24px,
@@ -6976,6 +6979,7 @@ $toast-props: (
6976
6979
  'padding-left': 16px,
6977
6980
  'padding-right': 16px,
6978
6981
  'padding-top': 8px,
6982
+ 'progress-ring-fill-color': var(--joy-scheme-foreground),
6979
6983
  'shadow': var(--joy-elevation-bold),
6980
6984
  'transition-duration': var(--joy-duration-short),
6981
6985
  'transition-mode': ease,