@breadstone/mosaik-themes 0.0.169 → 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.
- package/CHANGELOG.md +251 -15
- package/Index.d.ts +1 -1
- package/Index.d.ts.map +1 -1
- package/Index.js +1 -1
- package/Index.js.map +1 -1
- package/README.md +41 -12
- package/Themes/cosmopolitan.scss +16 -6
- package/Themes/joy.scss +34 -13
- package/Themes/{retro.scss → memphis.scss} +1927 -1887
- package/Theming/MemphisTheme.d.ts +13 -0
- package/Theming/MemphisTheme.d.ts.map +1 -0
- package/Theming/{RetroTheme.js → MemphisTheme.js} +22 -22
- package/Theming/MemphisTheme.js.map +1 -0
- package/Theming/ThemeGenerator.d.ts +2 -2
- package/Theming/ThemeGenerator.d.ts.map +1 -1
- package/Theming/ThemeGenerator.js +9 -9
- package/Theming/ThemeGenerator.js.map +1 -1
- package/Theming/Tokens/{RetroTokens.d.ts → MemphisTokens.d.ts} +2 -2
- package/Theming/Tokens/MemphisTokens.d.ts.map +1 -0
- package/Theming/Tokens/{RetroTokens.js → MemphisTokens.js} +2 -2
- package/Theming/Tokens/MemphisTokens.js.map +1 -0
- package/_index.scss +3 -3
- package/package.json +2 -2
- package/Themes/___bootstrap-tokens.css +0 -91
- package/Themes/___cosmopolitan-tokens.css +0 -213
- package/Themes/___fluent-tokens.css +0 -30
- package/Themes/___joy-tokens.css +0 -501
- package/Themes/___material-tokens.css +0 -22
- package/Themes/___retro-tokens.css +0 -391
- package/Themes/bootstrap-tokens.scss +0 -89
- package/Themes/cosmopolitan-tokens.scss +0 -211
- package/Themes/fluent-tokens.scss +0 -28
- package/Themes/joy-tokens.scss +0 -499
- package/Themes/material-tokens.scss +0 -20
- package/Themes/retro-tokens.scss +0 -389
- package/Theming/RetroTheme.d.ts +0 -13
- package/Theming/RetroTheme.d.ts.map +0 -1
- package/Theming/RetroTheme.js.map +0 -1
- package/Theming/Tokens/RetroTokens.d.ts.map +0 -1
- 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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
715
|
-
- Remove obsolete QR Code theme files and restore default properties for cosmopolitan and
|
|
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
|
|
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
|
|
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
|
|
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
|
|
1005
|
-
- Remove obsolete QR Code theme files and restore default properties for cosmopolitan and
|
|
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
|
|
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 {
|
|
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,
|
|
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 {
|
|
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,
|
|
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
|
-
@
|
|
40
|
+
@use '@breadstone/mosaik-themes/scss' as themes;
|
|
41
41
|
```
|
|
42
42
|
|
|
43
43
|
---
|
|
44
44
|
|
|
45
|
-
##
|
|
45
|
+
## 🎨 Theme Catalog
|
|
46
46
|
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
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
|
-
-
|
|
56
|
-
- Import SCSS
|
|
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
|
|
package/Themes/cosmopolitan.scss
CHANGED
|
@@ -665,8 +665,8 @@ $transition: $duration-short;
|
|
|
665
665
|
'space': --#{$name}-layout-space,
|
|
666
666
|
'thickness': --#{$name}-layout-thickness
|
|
667
667
|
);
|
|
668
|
-
@if map
|
|
669
|
-
@return var(map
|
|
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
|
|
750
|
-
@return var(map
|
|
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
|
|
840
|
-
@return var(map
|
|
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
|
@@ -2680,21 +2680,38 @@ $chat-message-props: (
|
|
|
2680
2680
|
'white-space': 44px
|
|
2681
2681
|
);
|
|
2682
2682
|
$chat-message-avatar-props: (
|
|
2683
|
-
'
|
|
2684
|
-
'
|
|
2685
|
-
'
|
|
2686
|
-
'
|
|
2683
|
+
'background-color': var(--joy-scheme-background),
|
|
2684
|
+
'badge-gap': var(--joy-layout-thickness),
|
|
2685
|
+
'badge-horizontal-align': right,
|
|
2686
|
+
'badge-radius': var(--joy-layout-space),
|
|
2687
|
+
'badge-vertical-align': bottom,
|
|
2688
|
+
'border-color': var(--joy-scheme-highlight),
|
|
2689
|
+
'border-radius': 50%,
|
|
2690
|
+
'border-style': solid,
|
|
2691
|
+
'border-width': 0px,
|
|
2692
|
+
'diameter': 64px,
|
|
2693
|
+
'font-family': var(--joy-font-family),
|
|
2694
|
+
'font-letter-spacing': 0px,
|
|
2695
|
+
'font-line-height': calc(var(--avatar-font-size) + 4px),
|
|
2696
|
+
'font-size': 32px,
|
|
2687
2697
|
'font-text-decoration': unset,
|
|
2688
2698
|
'font-text-transform': unset,
|
|
2689
|
-
'font-weight':
|
|
2690
|
-
'
|
|
2691
|
-
'
|
|
2692
|
-
'
|
|
2693
|
-
'padding-
|
|
2694
|
-
'padding-
|
|
2695
|
-
'
|
|
2696
|
-
'
|
|
2697
|
-
'
|
|
2699
|
+
'font-weight': 600,
|
|
2700
|
+
'foreground-color': var(--joy-scheme-foreground),
|
|
2701
|
+
'gap': var(--joy-layout-space),
|
|
2702
|
+
'offset': calc(var(--joy-layout-space) * 2),
|
|
2703
|
+
'padding-bottom': calc(var(--joy-layout-space) / 2),
|
|
2704
|
+
'padding-left': var(--joy-layout-space),
|
|
2705
|
+
'padding-right': var(--joy-layout-space),
|
|
2706
|
+
'padding-top': calc(var(--joy-layout-space) / 2),
|
|
2707
|
+
'shadow-blur': unset,
|
|
2708
|
+
'shadow-color': unset,
|
|
2709
|
+
'shadow-offset-x': unset,
|
|
2710
|
+
'shadow-offset-y': unset,
|
|
2711
|
+
'shadow-spread': unset,
|
|
2712
|
+
'transition-duration': var(--joy-duration-short),
|
|
2713
|
+
'transition-mode': ease,
|
|
2714
|
+
'transition-property': (background-color, color, border-color, opacity, box-shadow),
|
|
2698
2715
|
'translate': unset
|
|
2699
2716
|
);
|
|
2700
2717
|
$chat-message-divider-props: (
|
|
@@ -2705,6 +2722,7 @@ $chat-message-divider-props: (
|
|
|
2705
2722
|
'font-text-decoration': unset,
|
|
2706
2723
|
'font-text-transform': unset,
|
|
2707
2724
|
'font-weight': unset,
|
|
2725
|
+
'foreground-color': var(--joy-scheme-foreground),
|
|
2708
2726
|
'gap': unset,
|
|
2709
2727
|
'padding-bottom': unset,
|
|
2710
2728
|
'padding-left': unset,
|
|
@@ -2723,6 +2741,7 @@ $chat-message-reaction-props: (
|
|
|
2723
2741
|
'font-text-decoration': unset,
|
|
2724
2742
|
'font-text-transform': unset,
|
|
2725
2743
|
'font-weight': unset,
|
|
2744
|
+
'foreground-color': var(--joy-scheme-foreground),
|
|
2726
2745
|
'gap': unset,
|
|
2727
2746
|
'padding-bottom': unset,
|
|
2728
2747
|
'padding-left': unset,
|
|
@@ -3213,6 +3232,7 @@ $comment-props: (
|
|
|
3213
3232
|
'font-text-decoration': unset,
|
|
3214
3233
|
'font-text-transform': unset,
|
|
3215
3234
|
'font-weight': unset,
|
|
3235
|
+
'foreground-color': var(--joy-scheme-foreground),
|
|
3216
3236
|
'gap': 16px,
|
|
3217
3237
|
'inner-gap': 8px,
|
|
3218
3238
|
'nested-indent': 24px,
|
|
@@ -6959,6 +6979,7 @@ $toast-props: (
|
|
|
6959
6979
|
'padding-left': 16px,
|
|
6960
6980
|
'padding-right': 16px,
|
|
6961
6981
|
'padding-top': 8px,
|
|
6982
|
+
'progress-ring-fill-color': var(--joy-scheme-foreground),
|
|
6962
6983
|
'shadow': var(--joy-elevation-bold),
|
|
6963
6984
|
'transition-duration': var(--joy-duration-short),
|
|
6964
6985
|
'transition-mode': ease,
|