@breadstone/mosaik-themes 0.0.175 → 0.0.177

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 (26) hide show
  1. package/Themes/___cosmopolitan-tokens.css +9 -9
  2. package/Themes/cosmopolitan-tokens.scss +9 -9
  3. package/Themes/cosmopolitan.scss +9 -9
  4. package/Theming/Strategies/CosmopolitanThemeGeneratorStrategy.d.ts.map +1 -1
  5. package/Theming/Strategies/CosmopolitanThemeGeneratorStrategy.js +7 -9
  6. package/Theming/Strategies/CosmopolitanThemeGeneratorStrategy.js.map +1 -1
  7. package/Theming/Strategies/MaterialThemeGeneratorStrategy.d.ts.map +1 -1
  8. package/Theming/Strategies/MaterialThemeGeneratorStrategy.js +17 -19
  9. package/Theming/Strategies/MaterialThemeGeneratorStrategy.js.map +1 -1
  10. package/Theming/Tokens/CosmopolitanTokens.d.ts +9 -9
  11. package/Theming/Tokens/CosmopolitanTokens.d.ts.map +1 -1
  12. package/Theming/Tokens/CosmopolitanTokens.js +9 -9
  13. package/Theming/Tokens/CosmopolitanTokens.js.map +1 -1
  14. package/package.json +3 -3
  15. package/tailwind/v3/mosaik-bootstrap.tailwind.config.cjs +85 -65
  16. package/tailwind/v3/mosaik-cosmopolitan.tailwind.config.cjs +110 -226
  17. package/tailwind/v3/mosaik-fluent.tailwind.config.cjs +35 -23
  18. package/tailwind/v3/mosaik-joy.tailwind.config.cjs +380 -517
  19. package/tailwind/v3/mosaik-material.tailwind.config.cjs +27 -15
  20. package/tailwind/v3/mosaik-memphis.tailwind.config.cjs +321 -401
  21. package/tailwind/v3/plugins/mosaik-bootstrap.tailwind.plugin.cjs +96 -80
  22. package/tailwind/v3/plugins/mosaik-cosmopolitan.tailwind.plugin.cjs +120 -240
  23. package/tailwind/v3/plugins/mosaik-fluent.tailwind.plugin.cjs +46 -38
  24. package/tailwind/v3/plugins/mosaik-joy.tailwind.plugin.cjs +391 -532
  25. package/tailwind/v3/plugins/mosaik-material.tailwind.plugin.cjs +38 -30
  26. package/tailwind/v3/plugins/mosaik-memphis.tailwind.plugin.cjs +332 -416
@@ -1,245 +1,129 @@
1
+ // ------------------------------------------------------------------------------
2
+ // <auto-generated>
3
+ // This code was generated by a tool.
4
+ // Changes to this file may cause incorrect behavior and will be lost if
5
+ // the code is regenerated.
6
+ // </auto-generated>
7
+ // ------------------------------------------------------------------------------
8
+
1
9
  module.exports = {
2
10
  "theme": {
3
11
  "extend": {
4
12
  "fontFamily": {
5
- "font.family": "'Noto Sans', sans-serif",
6
- "typography.heading.fontFamily": "'Noto Sans', sans-serif",
7
- "typography.content.fontFamily": "'Noto Sans', sans-serif",
8
- "typography.button.fontFamily": "'Noto Sans', sans-serif"
13
+ "sans": "'Noto Sans', sans-serif",
14
+ "heading": "'Noto Sans', sans-serif",
15
+ "content": "'Noto Sans', sans-serif",
16
+ "button": "'Noto Sans', sans-serif"
17
+ },
18
+ "borderRadius": {
19
+ "DEFAULT": "3px"
9
20
  },
10
21
  "spacing": {
11
- "layout.radius": "3px",
12
- "layout.space": "8px",
13
- "layout.thickness": "1px",
14
- "typography.heading.lineHeight": "28px",
15
- "typography.content.lineHeight": "20px",
16
- "typography.button.lineHeight": "20px",
17
- "elevation.light.light.offsetX.0": "0px",
18
- "elevation.light.light.offsetX.1": "0px",
19
- "elevation.light.light.offsetY.0": "0px",
20
- "elevation.light.light.offsetY.1": "1px",
21
- "elevation.light.light.blur.0": "2px",
22
- "elevation.light.light.blur.1": "2px",
23
- "elevation.light.light.spread.0": "0px",
24
- "elevation.light.light.spread.1": "0px",
25
- "elevation.light.semilight.offsetX.0": "0px",
26
- "elevation.light.semilight.offsetX.1": "0px",
27
- "elevation.light.semilight.offsetY.0": "0px",
28
- "elevation.light.semilight.offsetY.1": "2px",
29
- "elevation.light.semilight.blur.0": "2px",
30
- "elevation.light.semilight.blur.1": "4px",
31
- "elevation.light.semilight.spread.0": "0px",
32
- "elevation.light.semilight.spread.1": "0px",
33
- "elevation.light.regular.offsetX.0": "0px",
34
- "elevation.light.regular.offsetX.1": "0px",
35
- "elevation.light.regular.offsetY.0": "0px",
36
- "elevation.light.regular.offsetY.1": "4px",
37
- "elevation.light.regular.blur.0": "2px",
38
- "elevation.light.regular.blur.1": "8px",
39
- "elevation.light.regular.spread.0": "0px",
40
- "elevation.light.regular.spread.1": "0px",
41
- "elevation.light.semibold.offsetX.0": "0px",
42
- "elevation.light.semibold.offsetX.1": "0px",
43
- "elevation.light.semibold.offsetY.0": "0px",
44
- "elevation.light.semibold.offsetY.1": "8px",
45
- "elevation.light.semibold.blur.0": "2px",
46
- "elevation.light.semibold.blur.1": "16px",
47
- "elevation.light.semibold.spread.0": "0px",
48
- "elevation.light.semibold.spread.1": "0px",
49
- "elevation.light.bold.offsetX.0": "0px",
50
- "elevation.light.bold.offsetX.1": "0px",
51
- "elevation.light.bold.offsetY.0": "0px",
52
- "elevation.light.bold.offsetY.1": "14px",
53
- "elevation.light.bold.blur.0": "8px",
54
- "elevation.light.bold.blur.1": "28px",
55
- "elevation.light.bold.spread.0": "0px",
56
- "elevation.light.bold.spread.1": "0px",
57
- "elevation.light.extrabold.offsetX.0": "0px",
58
- "elevation.light.extrabold.offsetX.1": "0px",
59
- "elevation.light.extrabold.offsetY.0": "0px",
60
- "elevation.light.extrabold.offsetY.1": "32px",
61
- "elevation.light.extrabold.blur.0": "8px",
62
- "elevation.light.extrabold.blur.1": "64px",
63
- "elevation.light.extrabold.spread.0": "0px",
64
- "elevation.light.extrabold.spread.1": "0px",
65
- "elevation.dark.light.offsetX.0": "0px",
66
- "elevation.dark.light.offsetX.1": "0px",
67
- "elevation.dark.light.offsetY.0": "0px",
68
- "elevation.dark.light.offsetY.1": "1px",
69
- "elevation.dark.light.blur.0": "2px",
70
- "elevation.dark.light.blur.1": "2px",
71
- "elevation.dark.light.spread.0": "0px",
72
- "elevation.dark.light.spread.1": "0px",
73
- "elevation.dark.semilight.offsetX.0": "0px",
74
- "elevation.dark.semilight.offsetX.1": "0px",
75
- "elevation.dark.semilight.offsetY.0": "0px",
76
- "elevation.dark.semilight.offsetY.1": "2px",
77
- "elevation.dark.semilight.blur.0": "2px",
78
- "elevation.dark.semilight.blur.1": "4px",
79
- "elevation.dark.semilight.spread.0": "0px",
80
- "elevation.dark.semilight.spread.1": "0px",
81
- "elevation.dark.regular.offsetX.0": "0px",
82
- "elevation.dark.regular.offsetX.1": "0px",
83
- "elevation.dark.regular.offsetY.0": "0px",
84
- "elevation.dark.regular.offsetY.1": "4px",
85
- "elevation.dark.regular.blur.0": "2px",
86
- "elevation.dark.regular.blur.1": "8px",
87
- "elevation.dark.regular.spread.0": "0px",
88
- "elevation.dark.regular.spread.1": "0px",
89
- "elevation.dark.semibold.offsetX.0": "0px",
90
- "elevation.dark.semibold.offsetX.1": "0px",
91
- "elevation.dark.semibold.offsetY.0": "0px",
92
- "elevation.dark.semibold.offsetY.1": "8px",
93
- "elevation.dark.semibold.blur.0": "2px",
94
- "elevation.dark.semibold.blur.1": "16px",
95
- "elevation.dark.semibold.spread.0": "0px",
96
- "elevation.dark.semibold.spread.1": "0px",
97
- "elevation.dark.bold.offsetX.0": "0px",
98
- "elevation.dark.bold.offsetX.1": "0px",
99
- "elevation.dark.bold.offsetY.0": "0px",
100
- "elevation.dark.bold.offsetY.1": "14px",
101
- "elevation.dark.bold.blur.0": "8px",
102
- "elevation.dark.bold.blur.1": "28px",
103
- "elevation.dark.bold.spread.0": "0px",
104
- "elevation.dark.bold.spread.1": "0px",
105
- "elevation.dark.extrabold.offsetX.0": "0px",
106
- "elevation.dark.extrabold.offsetX.1": "0px",
107
- "elevation.dark.extrabold.offsetY.0": "0px",
108
- "elevation.dark.extrabold.offsetY.1": "32px",
109
- "elevation.dark.extrabold.blur.0": "8px",
110
- "elevation.dark.extrabold.blur.1": "64px",
111
- "elevation.dark.extrabold.spread.0": "0px",
112
- "elevation.dark.extrabold.spread.1": "0px",
113
- "size.tiny": "2px",
114
- "size.small": "4px",
115
- "size.medium": "8px",
116
- "size.large": "16px",
117
- "size.giant": "32px"
22
+ "DEFAULT": "8px"
23
+ },
24
+ "borderWidth": {
25
+ "DEFAULT": "1px"
118
26
  },
119
27
  "colors": {
120
- "color": {
121
- "light": {
122
- "primary": {
123
- "0": "#ffffff",
124
- "100": "#fed7ea",
125
- "500": "#dc1884"
126
- }
127
- },
128
- "dark": {
129
- "primary": {
130
- "0": "#000000",
131
- "100": "#4b0225",
132
- "500": "#dc1884"
133
- }
134
- }
135
- },
136
- "elevation": {
137
- "light": {
138
- "light": {
139
- "color": {
140
- "0": "rgba(0, 0, 0, 0.12)",
141
- "1": "rgba(0, 0, 0, 0.14)"
142
- }
143
- },
144
- "semilight": {
145
- "color": {
146
- "0": "rgba(0, 0, 0, 0.12)",
147
- "1": "rgba(0, 0, 0, 0.14)"
148
- }
149
- },
150
- "regular": {
151
- "color": {
152
- "0": "rgba(0, 0, 0, 0.12)",
153
- "1": "rgba(0, 0, 0, 0.14)"
154
- }
155
- },
156
- "semibold": {
157
- "color": {
158
- "0": "rgba(0, 0, 0, 0.12)",
159
- "1": "rgba(0, 0, 0, 0.14)"
160
- }
161
- },
162
- "bold": {
163
- "color": {
164
- "0": "rgba(0, 0, 0, 0.12)",
165
- "1": "rgba(0, 0, 0, 0.14)"
166
- }
167
- },
168
- "extrabold": {
169
- "color": {
170
- "0": "rgba(0, 0, 0, 0.12)",
171
- "1": "rgba(0, 0, 0, 0.14)"
172
- }
173
- }
174
- },
175
- "dark": {
176
- "light": {
177
- "color": {
178
- "0": "rgba(0, 0, 0, 0.24)",
179
- "1": "rgba(0, 0, 0, 0.28)"
180
- }
181
- },
182
- "semilight": {
183
- "color": {
184
- "0": "rgba(0, 0, 0, 0.24)",
185
- "1": "rgba(0, 0, 0, 0.28)"
186
- }
187
- },
188
- "regular": {
189
- "color": {
190
- "0": "rgba(0, 0, 0, 0.24)",
191
- "1": "rgba(0, 0, 0, 0.28)"
192
- }
193
- },
194
- "semibold": {
195
- "color": {
196
- "0": "rgba(0, 0, 0, 0.24)",
197
- "1": "rgba(0, 0, 0, 0.28)"
198
- }
199
- },
200
- "bold": {
201
- "color": {
202
- "0": "rgba(0, 0, 0, 0.24)",
203
- "1": "rgba(0, 0, 0, 0.28)"
204
- }
205
- },
206
- "extrabold": {
207
- "color": {
208
- "0": "rgba(0, 0, 0, 0.24)",
209
- "1": "rgba(0, 0, 0, 0.28)"
210
- }
211
- }
212
- }
28
+ "scheme-contrast": {
29
+ "DEFAULT": "oklch(100.00% 0.0000 NaN)"
30
+ },
31
+ "scheme-background": {
32
+ "DEFAULT": "oklch(100.00% 0.0000 NaN)"
33
+ },
34
+ "scheme-foreground": {
35
+ "DEFAULT": "oklch(0.00% 0.0000 NaN)"
36
+ },
37
+ "scheme-highlight": {
38
+ "DEFAULT": "oklch(91.28% 0.0000 NaN)"
39
+ },
40
+ "scheme-middlelight": {
41
+ "DEFAULT": "oklch(56.93% 0.0000 NaN)"
42
+ },
43
+ "scheme-lowlight": {
44
+ "DEFAULT": "oklch(42.02% 0.0000 NaN)"
45
+ },
46
+ "scheme-transparent": {
47
+ "DEFAULT": "oklch(100.00% 0.0000 NaN / 0.00)"
48
+ },
49
+ "scheme-semiTransparent": {
50
+ "DEFAULT": "oklch(100.00% 0.0000 NaN / 0.67)"
51
+ },
52
+ "scheme-disabled": {
53
+ "DEFAULT": "oklch(77.47% 0.0055 67.77)"
54
+ },
55
+ "scheme-contrast-dark": {
56
+ "DEFAULT": "oklch(100.00% 0.0000 NaN)"
57
+ },
58
+ "scheme-background-dark": {
59
+ "DEFAULT": "oklch(29.82% 0.0014 17.61)"
60
+ },
61
+ "scheme-foreground-dark": {
62
+ "DEFAULT": "oklch(100.00% 0.0000 NaN)"
63
+ },
64
+ "scheme-highlight-dark": {
65
+ "DEFAULT": "oklch(32.11% 0.0000 NaN)"
66
+ },
67
+ "scheme-middlelight-dark": {
68
+ "DEFAULT": "oklch(51.03% 0.0000 NaN)"
69
+ },
70
+ "scheme-lowlight-dark": {
71
+ "DEFAULT": "oklch(68.30% 0.0000 NaN)"
72
+ },
73
+ "scheme-transparent-dark": {
74
+ "DEFAULT": "oklch(20.46% 0.0000 NaN / 0.00)"
75
+ },
76
+ "scheme-semiTransparent-dark": {
77
+ "DEFAULT": "oklch(20.46% 0.0000 NaN / 0.67)"
78
+ },
79
+ "scheme-disabled-dark": {
80
+ "DEFAULT": "oklch(46.58% 0.0062 67.68)"
81
+ },
82
+ "primary": {
83
+ "0": "oklch(100.00% 0.0000 NaN)",
84
+ "100": "oklch(91.74% 0.0497 347.24)",
85
+ "500": "oklch(59.06% 0.2325 355.11)"
86
+ },
87
+ "primary-dark": {
88
+ "0": "oklch(0.00% 0.0000 NaN)",
89
+ "100": "oklch(26.98% 0.1065 359.19)",
90
+ "500": "oklch(59.06% 0.2325 355.11)"
213
91
  }
214
92
  },
215
- "fontSize": {
216
- "typography.heading.fontSize": "24px",
217
- "typography.content.fontSize": "16px",
218
- "typography.button.fontSize": "16px"
93
+ "lineHeight": {
94
+ "heading": "28px",
95
+ "content": "20px",
96
+ "button": "20px"
97
+ },
98
+ "fontWeight": {
99
+ "heading": "300",
100
+ "content": "300",
101
+ "button": "700"
219
102
  },
220
103
  "letterSpacing": {
221
- "typography.heading.letterSpacing": "-0.25px",
222
- "typography.content.letterSpacing": "-0.25px",
223
- "typography.button.letterSpacing": "-0.25px"
104
+ "heading": "-0.25px",
105
+ "content": "-0.25px",
106
+ "button": "-0.25px"
224
107
  },
225
108
  "boxShadow": {
226
- "elevation-light-light-_": "0px 0px 2px 0px rgba(0, 0, 0, 0.12), 0px 1px 2px 0px rgba(0, 0, 0, 0.14)",
227
- "elevation-light-semilight-_": "0px 0px 2px 0px rgba(0, 0, 0, 0.12), 0px 2px 4px 0px rgba(0, 0, 0, 0.14)",
228
- "elevation-light-regular-_": "0px 0px 2px 0px rgba(0, 0, 0, 0.12), 0px 4px 8px 0px rgba(0, 0, 0, 0.14)",
229
- "elevation-light-semibold-_": "0px 0px 2px 0px rgba(0, 0, 0, 0.12), 0px 8px 16px 0px rgba(0, 0, 0, 0.14)",
230
- "elevation-light-bold-_": "0px 0px 8px 0px rgba(0, 0, 0, 0.12), 0px 14px 28px 0px rgba(0, 0, 0, 0.14)",
231
- "elevation-light-extrabold-_": "0px 0px 8px 0px rgba(0, 0, 0, 0.12), 0px 32px 64px 0px rgba(0, 0, 0, 0.14)",
232
- "elevation-dark-light-_": "0px 0px 2px 0px rgba(0, 0, 0, 0.24), 0px 1px 2px 0px rgba(0, 0, 0, 0.28)",
233
- "elevation-dark-semilight-_": "0px 0px 2px 0px rgba(0, 0, 0, 0.24), 0px 2px 4px 0px rgba(0, 0, 0, 0.28)",
234
- "elevation-dark-regular-_": "0px 0px 2px 0px rgba(0, 0, 0, 0.24), 0px 4px 8px 0px rgba(0, 0, 0, 0.28)",
235
- "elevation-dark-semibold-_": "0px 0px 2px 0px rgba(0, 0, 0, 0.24), 0px 8px 16px 0px rgba(0, 0, 0, 0.28)",
236
- "elevation-dark-bold-_": "0px 0px 8px 0px rgba(0, 0, 0, 0.24), 0px 14px 28px 0px rgba(0, 0, 0, 0.28)",
237
- "elevation-dark-extrabold-_": "0px 0px 8px 0px rgba(0, 0, 0, 0.24), 0px 32px 64px 0px rgba(0, 0, 0, 0.28)"
109
+ "elevation-none": "none",
110
+ "light": "0px 0px 2px 0px rgba(0, 0, 0, 0.12), 0px 1px 2px 0px rgba(0, 0, 0, 0.14)",
111
+ "semilight": "0px 0px 2px 0px rgba(0, 0, 0, 0.12), 0px 2px 4px 0px rgba(0, 0, 0, 0.14)",
112
+ "regular": "0px 0px 2px 0px rgba(0, 0, 0, 0.12), 0px 4px 8px 0px rgba(0, 0, 0, 0.14)",
113
+ "semibold": "0px 0px 2px 0px rgba(0, 0, 0, 0.12), 0px 8px 16px 0px rgba(0, 0, 0, 0.14)",
114
+ "bold": "0px 0px 8px 0px rgba(0, 0, 0, 0.12), 0px 14px 28px 0px rgba(0, 0, 0, 0.14)",
115
+ "extrabold": "0px 0px 8px 0px rgba(0, 0, 0, 0.12), 0px 32px 64px 0px rgba(0, 0, 0, 0.14)",
116
+ "light-dark": "0px 0px 2px 0px rgba(0, 0, 0, 0.24), 0px 1px 2px 0px rgba(0, 0, 0, 0.28)",
117
+ "semilight-dark": "0px 0px 2px 0px rgba(0, 0, 0, 0.24), 0px 2px 4px 0px rgba(0, 0, 0, 0.28)",
118
+ "regular-dark": "0px 0px 2px 0px rgba(0, 0, 0, 0.24), 0px 4px 8px 0px rgba(0, 0, 0, 0.28)",
119
+ "semibold-dark": "0px 0px 2px 0px rgba(0, 0, 0, 0.24), 0px 8px 16px 0px rgba(0, 0, 0, 0.28)",
120
+ "bold-dark": "0px 0px 8px 0px rgba(0, 0, 0, 0.24), 0px 14px 28px 0px rgba(0, 0, 0, 0.28)",
121
+ "extrabold-dark": "0px 0px 8px 0px rgba(0, 0, 0, 0.24), 0px 32px 64px 0px rgba(0, 0, 0, 0.28)"
238
122
  },
239
123
  "transitionDuration": {
240
- "duration.short": "200ms",
241
- "duration.medium": "400ms",
242
- "duration.long": "600ms"
124
+ "short": "200ms",
125
+ "medium": "400ms",
126
+ "long": "600ms"
243
127
  }
244
128
  }
245
129
  }
@@ -1,37 +1,49 @@
1
+ // ------------------------------------------------------------------------------
2
+ // <auto-generated>
3
+ // This code was generated by a tool.
4
+ // Changes to this file may cause incorrect behavior and will be lost if
5
+ // the code is regenerated.
6
+ // </auto-generated>
7
+ // ------------------------------------------------------------------------------
8
+
1
9
  module.exports = {
2
10
  "theme": {
3
11
  "extend": {
4
12
  "fontFamily": {
5
- "font.family": "'Inter', Roboto, Helvetica, sans-serif"
13
+ "DEFAULT": "'Inter', Roboto, Helvetica, sans-serif"
14
+ },
15
+ "borderRadius": {
16
+ "DEFAULT": "12px"
6
17
  },
7
18
  "spacing": {
8
- "layout.radius": "12px",
9
- "layout.space": "8px",
10
- "layout.thickness": "2px",
11
- "size.tiny": "2px",
12
- "size.small": "4px",
13
- "size.medium": "8px",
14
- "size.large": "16px",
15
- "size.giant": "32px"
19
+ "DEFAULT": "8px"
20
+ },
21
+ "borderWidth": {
22
+ "DEFAULT": "2px"
16
23
  },
17
24
  "colors": {
18
- "color": {
19
- "light": {
20
- "primary": "#0078D4",
21
- "secondary": "#005A9E",
22
- "tertiary": "#003E6B"
23
- }
25
+ "primary": {
26
+ "DEFAULT": "#0078D4"
27
+ },
28
+ "secondary": {
29
+ "DEFAULT": "#005A9E"
30
+ },
31
+ "tertiary": {
32
+ "DEFAULT": "#003E6B"
24
33
  }
25
34
  },
35
+ "boxShadow": {
36
+ "DEFAULT": "none"
37
+ },
26
38
  "transitionDuration": {
27
- "duration.durationUltraFast": "50ms",
28
- "duration.durationFaster": "100ms",
29
- "duration.durationFast": "150ms",
30
- "duration.durationNormal": "200ms",
31
- "duration.durationGentle": "250ms",
32
- "duration.durationSlow": "300ms",
33
- "duration.durationSlower": "400ms",
34
- "duration.durationUltraSlow": "500ms"
39
+ "durationUltraFast": "50ms",
40
+ "durationFaster": "100ms",
41
+ "durationFast": "150ms",
42
+ "durationNormal": "200ms",
43
+ "durationGentle": "250ms",
44
+ "durationSlow": "300ms",
45
+ "durationSlower": "400ms",
46
+ "durationUltraSlow": "500ms"
35
47
  }
36
48
  }
37
49
  }