@breadstone/mosaik-themes 0.0.175 → 0.0.176

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 (19) hide show
  1. package/Theming/Strategies/CosmopolitanThemeGeneratorStrategy.d.ts.map +1 -1
  2. package/Theming/Strategies/CosmopolitanThemeGeneratorStrategy.js +7 -9
  3. package/Theming/Strategies/CosmopolitanThemeGeneratorStrategy.js.map +1 -1
  4. package/Theming/Strategies/MaterialThemeGeneratorStrategy.d.ts.map +1 -1
  5. package/Theming/Strategies/MaterialThemeGeneratorStrategy.js +17 -19
  6. package/Theming/Strategies/MaterialThemeGeneratorStrategy.js.map +1 -1
  7. package/package.json +3 -3
  8. package/tailwind/v3/mosaik-bootstrap.tailwind.config.cjs +90 -64
  9. package/tailwind/v3/mosaik-cosmopolitan.tailwind.config.cjs +47 -226
  10. package/tailwind/v3/mosaik-fluent.tailwind.config.cjs +28 -22
  11. package/tailwind/v3/mosaik-joy.tailwind.config.cjs +341 -516
  12. package/tailwind/v3/mosaik-material.tailwind.config.cjs +20 -14
  13. package/tailwind/v3/mosaik-memphis.tailwind.config.cjs +287 -402
  14. package/tailwind/v3/plugins/mosaik-bootstrap.tailwind.plugin.cjs +90 -64
  15. package/tailwind/v3/plugins/mosaik-cosmopolitan.tailwind.plugin.cjs +47 -226
  16. package/tailwind/v3/plugins/mosaik-fluent.tailwind.plugin.cjs +28 -22
  17. package/tailwind/v3/plugins/mosaik-joy.tailwind.plugin.cjs +341 -516
  18. package/tailwind/v3/plugins/mosaik-material.tailwind.plugin.cjs +20 -14
  19. package/tailwind/v3/plugins/mosaik-memphis.tailwind.plugin.cjs +287 -402
package/tailwind/v3/plugins/mosaik-memphis.tailwind.plugin.cjs CHANGED
@@ -1,424 +1,309 @@
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
  const plugin = require('tailwindcss/plugin');
2
10
 
3
11
  module.exports = {
4
12
  theme: {
5
13
  "extend": {
6
14
  "fontFamily": {
7
- "font.family": "Nunito, sans-serif",
8
- "typography.headline1.fontFamily": "Nunito, sans-serif",
9
- "typography.headline2'.fontFamily": "Nunito, sans-serif",
10
- "typography.headline3.fontFamily": "Nunito, sans-serif",
11
- "typography.headline4.fontFamily": "Nunito, sans-serif",
12
- "typography.headline5.fontFamily": "Nunito, sans-serif",
13
- "typography.headline6.fontFamily": "Nunito, sans-serif",
14
- "typography.subtitle1.fontFamily": "Nunito, sans-serif",
15
- "typography.subtitle2.fontFamily": "Nunito, sans-serif",
16
- "typography.body1.fontFamily": "Nunito, sans-serif",
17
- "typography.body2.fontFamily": "Nunito, sans-serif",
18
- "typography.caption.fontFamily": "Nunito, sans-serif",
19
- "typography.button.fontFamily": "Nunito, sans-serif",
20
- "typography.overline.fontFamily": "Nunito, sans-serif"
15
+ "sans": "Nunito, sans-serif",
16
+ "headline1": "Nunito, sans-serif",
17
+ "headline2'": "Nunito, sans-serif",
18
+ "headline3": "Nunito, sans-serif",
19
+ "headline4": "Nunito, sans-serif",
20
+ "headline5": "Nunito, sans-serif",
21
+ "headline6": "Nunito, sans-serif",
22
+ "subtitle1": "Nunito, sans-serif",
23
+ "subtitle2": "Nunito, sans-serif",
24
+ "body1": "Nunito, sans-serif",
25
+ "body2": "Nunito, sans-serif",
26
+ "caption": "Nunito, sans-serif",
27
+ "button": "Nunito, sans-serif",
28
+ "overline": "Nunito, sans-serif"
21
29
  },
22
30
  "spacing": {
23
- "layout.radius": "0px",
24
- "layout.space": "10px",
25
- "layout.thickness": "3px",
26
- "typography.headline1.lineHeight": "100px",
27
- "typography.headline2'.lineHeight": "64px",
28
- "typography.headline3.lineHeight": "52px",
29
- "typography.headline4.lineHeight": "38px",
30
- "typography.headline5.lineHeight": "28px",
31
- "typography.headline6.lineHeight": "24px",
32
- "typography.subtitle1.lineHeight": "20px",
33
- "typography.subtitle2.lineHeight": "18px",
34
- "typography.body1.lineHeight": "20px",
35
- "typography.body2.lineHeight": "18px",
36
- "typography.caption.lineHeight": "16px",
37
- "typography.button.lineHeight": "18px",
38
- "typography.overline.lineHeight": "16px",
39
- "elevation.light.light.offsetX.0": "2px",
40
- "elevation.light.light.offsetY.0": "2px",
41
- "elevation.light.light.blur.0": "0px",
42
- "elevation.light.light.spread.0": "0px",
43
- "elevation.light.semilight.offsetX.0": "3px",
44
- "elevation.light.semilight.offsetY.0": "3px",
45
- "elevation.light.semilight.blur.0": "0px",
46
- "elevation.light.semilight.spread.0": "0px",
47
- "elevation.light.regular.offsetX.0": "4px",
48
- "elevation.light.regular.offsetY.0": "4px",
49
- "elevation.light.regular.blur.0": "0px",
50
- "elevation.light.regular.spread.0": "0px",
51
- "elevation.light.semibold.offsetX.0": "5px",
52
- "elevation.light.semibold.offsetY.0": "5px",
53
- "elevation.light.semibold.blur.0": "0px",
54
- "elevation.light.semibold.spread.0": "0px",
55
- "elevation.light.bold.offsetX.0": "6px",
56
- "elevation.light.bold.offsetY.0": "6px",
57
- "elevation.light.bold.blur.0": "0px",
58
- "elevation.light.bold.spread.0": "0px",
59
- "elevation.light.extrabold.offsetX.0": "7px",
60
- "elevation.light.extrabold.offsetY.0": "7px",
61
- "elevation.light.extrabold.blur.0": "0px",
62
- "elevation.light.extrabold.spread.0": "0px",
63
- "elevation.dark.light.offsetX.0": "2px",
64
- "elevation.dark.light.offsetY.0": "2px",
65
- "elevation.dark.light.blur.0": "0px",
66
- "elevation.dark.light.spread.0": "0px",
67
- "elevation.dark.semilight.offsetX.0": "3px",
68
- "elevation.dark.semilight.offsetY.0": "3px",
69
- "elevation.dark.semilight.blur.0": "0px",
70
- "elevation.dark.semilight.spread.0": "0px",
71
- "elevation.dark.regular.offsetX.0": "4px",
72
- "elevation.dark.regular.offsetY.0": "4px",
73
- "elevation.dark.regular.blur.0": "0px",
74
- "elevation.dark.regular.spread.0": "0px",
75
- "elevation.dark.semibold.offsetX.0": "5px",
76
- "elevation.dark.semibold.offsetY.0": "5px",
77
- "elevation.dark.semibold.blur.0": "0px",
78
- "elevation.dark.semibold.spread.0": "0px",
79
- "elevation.dark.bold.offsetX.0": "6px",
80
- "elevation.dark.bold.offsetY.0": "6px",
81
- "elevation.dark.bold.blur.0": "0px",
82
- "elevation.dark.bold.spread.0": "0px",
83
- "elevation.dark.extrabold.offsetX.0": "7px",
84
- "elevation.dark.extrabold.offsetY.0": "7px",
85
- "elevation.dark.extrabold.blur.0": "0px",
86
- "elevation.dark.extrabold.spread.0": "0px",
87
- "size.tiny": "2px",
88
- "size.small": "4px",
89
- "size.medium": "8px",
90
- "size.large": "16px",
91
- "size.giant": "32px"
31
+ "radius": "0px",
32
+ "space": "10px",
33
+ "thickness": "3px",
34
+ "size-tiny": "2px",
35
+ "size-small": "4px",
36
+ "size-medium": "8px",
37
+ "size-large": "16px",
38
+ "size-giant": "32px"
92
39
  },
93
40
  "colors": {
94
- "scheme": {
95
- "light": {
96
- "background": "rgb(234, 234, 234)",
97
- "foreground": "rgb(60, 69, 79)",
98
- "highlight": "rgb(209, 209, 209)",
99
- "middlelight": "rgb(138, 138, 138)",
100
- "lowlight": "rgb(92, 92, 92)",
101
- "transparent": "rgba(255, 255, 255, 0)",
102
- "semiTransparent": "rgba(255, 255, 255, 0.67)",
103
- "disabled": "rgb(104, 104, 104)",
104
- "contrast": "rgb(51, 51, 51)"
105
- },
106
- "dark": {
107
- "background": "rgb(21, 21, 21)",
108
- "foreground": "rgb(195, 186, 176)",
109
- "highlight": "rgb(46, 46, 46)",
110
- "middlelight": "rgb(117, 117, 117)",
111
- "lowlight": "rgb(163, 163, 163)",
112
- "transparent": "rgba(255, 255, 255, 0)",
113
- "semiTransparent": "rgba(0, 0, 0, 0.67)",
114
- "disabled": "rgb(71, 71, 71)",
115
- "contrast": "rgb(255, 255, 255)"
116
- }
41
+ "background": "oklch(93.70% 0.0000 NaN)",
42
+ "foreground": "oklch(38.62% 0.0207 251.11)",
43
+ "highlight": "oklch(86.07% 0.0000 NaN)",
44
+ "middlelight": "oklch(63.34% 0.0000 NaN)",
45
+ "lowlight": "oklch(47.48% 0.0000 NaN)",
46
+ "transparent": "oklch(100.00% 0.0000 NaN / 0.00)",
47
+ "semiTransparent": "oklch(100.00% 0.0000 NaN / 0.67)",
48
+ "disabled": "oklch(51.73% 0.0000 NaN)",
49
+ "contrast": "oklch(32.11% 0.0000 NaN)",
50
+ "background-dark": "oklch(19.57% 0.0000 NaN)",
51
+ "foreground-dark": "oklch(79.35% 0.0173 70.48)",
52
+ "highlight-dark": "oklch(30.12% 0.0000 NaN)",
53
+ "middlelight-dark": "oklch(56.24% 0.0000 NaN)",
54
+ "lowlight-dark": "oklch(71.55% 0.0000 NaN)",
55
+ "transparent-dark": "oklch(100.00% 0.0000 NaN / 0.00)",
56
+ "semiTransparent-dark": "oklch(0.00% 0.0000 NaN / 0.67)",
57
+ "disabled-dark": "oklch(39.79% 0.0000 NaN)",
58
+ "contrast-dark": "oklch(100.00% 0.0000 NaN)",
59
+ "primary": {
60
+ "0": "oklch(100.00% 0.0000 NaN)",
61
+ "50": "oklch(98.21% 0.0000 NaN)",
62
+ "100": "oklch(96.12% 0.0000 NaN)",
63
+ "200": "oklch(93.10% 0.0000 NaN)",
64
+ "300": "oklch(88.22% 0.0000 NaN)",
65
+ "400": "oklch(76.99% 0.0000 NaN)",
66
+ "500": "oklch(66.65% 0.0000 NaN)",
67
+ "600": "oklch(53.13% 0.0000 NaN)",
68
+ "700": "oklch(46.40% 0.0000 NaN)",
69
+ "800": "oklch(34.85% 0.0000 NaN)",
70
+ "900": "oklch(21.78% 0.0000 NaN)"
71
+ },
72
+ "secondary": {
73
+ "0": "oklch(100.00% 0.0000 NaN)",
74
+ "50": "oklch(94.97% 0.0197 181.01)",
75
+ "100": "oklch(87.34% 0.0468 179.37)",
76
+ "200": "oklch(79.59% 0.0765 177.63)",
77
+ "300": "oklch(72.02% 0.0990 175.79)",
78
+ "400": "oklch(66.49% 0.1076 175.10)",
79
+ "500": "oklch(61.35% 0.1083 173.03)",
80
+ "600": "oklch(57.43% 0.1030 171.47)",
81
+ "700": "oklch(52.55% 0.0957 170.04)",
82
+ "800": "oklch(47.58% 0.0876 169.17)",
83
+ "900": "oklch(38.51% 0.0745 165.49)"
84
+ },
85
+ "info": {
86
+ "0": "oklch(100.00% 0.0000 NaN)",
87
+ "50": "oklch(93.99% 0.0203 279.98)",
88
+ "100": "oklch(84.66% 0.0556 281.77)",
89
+ "200": "oklch(74.58% 0.0927 278.40)",
90
+ "300": "oklch(64.30% 0.1333 276.18)",
91
+ "400": "oklch(56.30% 0.1679 273.90)",
92
+ "500": "oklch(48.71% 0.1977 270.31)",
93
+ "600": "oklch(45.84% 0.1955 270.44)",
94
+ "700": "oklch(42.49% 0.1941 269.50)",
95
+ "800": "oklch(39.05% 0.1932 268.83)",
96
+ "900": "oklch(33.07% 0.1949 265.89)"
97
+ },
98
+ "warning": {
99
+ "0": "oklch(100.00% 0.0000 NaN)",
100
+ "50": "oklch(98.50% 0.0301 106.90)",
101
+ "100": "oklch(96.06% 0.0707 106.78)",
102
+ "200": "oklch(94.00% 0.1164 108.96)",
103
+ "300": "oklch(91.71% 0.1543 109.48)",
104
+ "400": "oklch(89.86% 0.1772 110.18)",
105
+ "500": "oklch(88.33% 0.1942 111.06)",
106
+ "600": "oklch(83.31% 0.1816 109.76)",
107
+ "700": "oklch(76.80% 0.1654 107.77)",
108
+ "800": "oklch(70.25% 0.1489 104.75)",
109
+ "900": "oklch(58.92% 0.1214 96.61)"
110
+ },
111
+ "danger": {
112
+ "0": "oklch(100.00% 0.0000 NaN)",
113
+ "50": "oklch(95.66% 0.0178 4.63)",
114
+ "100": "oklch(89.30% 0.0454 9.58)",
115
+ "200": "oklch(77.19% 0.0850 17.37)",
116
+ "300": "oklch(68.64% 0.1170 19.23)",
117
+ "400": "oklch(65.26% 0.1653 22.80)",
118
+ "500": "oklch(64.08% 0.1872 26.78)",
119
+ "600": "oklch(60.73% 0.1797 25.28)",
120
+ "700": "oklch(56.68% 0.1705 24.38)",
121
+ "800": "oklch(53.67% 0.1615 25.20)",
122
+ "900": "oklch(50.01% 0.1579 26.13)"
123
+ },
124
+ "success": {
125
+ "0": "oklch(100.00% 0.0000 NaN)",
126
+ "50": "oklch(94.97% 0.0197 181.01)",
127
+ "100": "oklch(87.34% 0.0468 179.37)",
128
+ "200": "oklch(79.59% 0.0765 177.63)",
129
+ "300": "oklch(72.02% 0.0990 175.79)",
130
+ "400": "oklch(66.49% 0.1076 175.10)",
131
+ "500": "oklch(61.35% 0.1083 173.03)",
132
+ "600": "oklch(57.43% 0.1030 171.47)",
133
+ "700": "oklch(52.55% 0.0957 170.04)",
134
+ "800": "oklch(47.58% 0.0876 169.17)",
135
+ "900": "oklch(38.51% 0.0745 165.49)"
136
+ },
137
+ "neutral": {
138
+ "0": "oklch(100.00% 0.0000 NaN)",
139
+ "50": "oklch(98.21% 0.0000 NaN)",
140
+ "100": "oklch(96.12% 0.0000 NaN)",
141
+ "200": "oklch(93.10% 0.0000 NaN)",
142
+ "300": "oklch(88.22% 0.0000 NaN)",
143
+ "400": "oklch(76.99% 0.0000 NaN)",
144
+ "500": "oklch(66.65% 0.0000 NaN)",
145
+ "600": "oklch(53.13% 0.0000 NaN)",
146
+ "700": "oklch(46.40% 0.0000 NaN)",
147
+ "800": "oklch(34.85% 0.0000 NaN)",
148
+ "900": "oklch(21.78% 0.0000 NaN)"
149
+ },
150
+ "primary-dark": {
151
+ "0": "oklch(0.00% 0.0000 NaN)",
152
+ "50": "oklch(21.78% 0.0000 NaN)",
153
+ "100": "oklch(34.85% 0.0000 NaN)",
154
+ "200": "oklch(46.40% 0.0000 NaN)",
155
+ "300": "oklch(53.13% 0.0000 NaN)",
156
+ "400": "oklch(66.65% 0.0000 NaN)",
157
+ "500": "oklch(76.99% 0.0000 NaN)",
158
+ "600": "oklch(88.22% 0.0000 NaN)",
159
+ "700": "oklch(93.10% 0.0000 NaN)",
160
+ "800": "oklch(96.12% 0.0000 NaN)",
161
+ "900": "oklch(98.21% 0.0000 NaN)"
117
162
  },
118
- "color": {
119
- "light": {
120
- "primary": {
121
- "0": "rgb(255, 255, 255)",
122
- "50": "rgb(249, 249, 249)",
123
- "100": "rgb(242, 242, 242)",
124
- "200": "rgb(232, 232, 232)",
125
- "300": "rgb(216, 216, 216)",
126
- "400": "rgb(180, 180, 180)",
127
- "500": "rgb(148, 148, 148)",
128
- "600": "rgb(108, 108, 108)",
129
- "700": "rgb(89, 89, 89)",
130
- "800": "rgb(58, 58, 58)",
131
- "900": "rgb(26, 26, 26)"
132
- },
133
- "secondary": {
134
- "0": "rgb(255, 255, 255)",
135
- "50": "rgb(225, 243, 239)",
136
- "100": "rgb(181, 224, 214)",
137
- "200": "rgb(133, 205, 188)",
138
- "300": "rgb(87, 185, 162)",
139
- "400": "rgb(56, 169, 144)",
140
- "500": "rgb(36, 153, 126)",
141
- "600": "rgb(32, 140, 113)",
142
- "700": "rgb(27, 124, 98)",
143
- "800": "rgb(22, 108, 84)",
144
- "900": "rgb(13, 80, 58)"
145
- },
146
- "info": {
147
- "0": "rgb(255, 255, 255)",
148
- "50": "rgb(232, 234, 249)",
149
- "100": "rgb(198, 201, 241)",
150
- "200": "rgb(159, 167, 231)",
151
- "300": "rgb(120, 132, 221)",
152
- "400": "rgb(89, 104, 214)",
153
- "500": "rgb(57, 77, 205)",
154
- "600": "rgb(51, 68, 194)",
155
- "700": "rgb(41, 58, 182)",
156
- "800": "rgb(32, 47, 170)",
157
- "900": "rgb(10, 26, 151)"
158
- },
159
- "warning": {
160
- "0": "rgb(255, 255, 255)",
161
- "50": "rgb(252, 252, 229)",
162
- "100": "rgb(247, 246, 191)",
163
- "200": "rgb(241, 242, 148)",
164
- "300": "rgb(235, 236, 103)",
165
- "400": "rgb(229, 231, 65)",
166
- "500": "rgb(223, 227, 0)",
167
- "600": "rgb(209, 209, 0)",
168
- "700": "rgb(191, 186, 0)",
169
- "800": "rgb(174, 163, 0)",
170
- "900": "rgb(146, 124, 0)"
171
- },
172
- "danger": {
173
- "0": "rgb(255, 255, 255)",
174
- "50": "rgb(252, 236, 239)",
175
- "100": "rgb(248, 208, 213)",
176
- "200": "rgb(230, 159, 161)",
177
- "300": "rgb(217, 123, 125)",
178
- "400": "rgb(227, 95, 95)",
179
- "500": "rgb(232, 82, 74)",
180
- "600": "rgb(217, 74, 71)",
181
- "700": "rgb(199, 65, 65)",
182
- "800": "rgb(185, 60, 58)",
183
- "900": "rgb(171, 50, 47)"
184
- },
185
- "success": {
186
- "0": "rgb(255, 255, 255)",
187
- "50": "rgb(225, 243, 239)",
188
- "100": "rgb(181, 224, 214)",
189
- "200": "rgb(133, 205, 188)",
190
- "300": "rgb(87, 185, 162)",
191
- "400": "rgb(56, 169, 144)",
192
- "500": "rgb(36, 153, 126)",
193
- "600": "rgb(32, 140, 113)",
194
- "700": "rgb(27, 124, 98)",
195
- "800": "rgb(22, 108, 84)",
196
- "900": "rgb(13, 80, 58)"
197
- },
198
- "neutral": {
199
- "0": "rgb(255, 255, 255)",
200
- "50": "rgb(249, 249, 249)",
201
- "100": "rgb(242, 242, 242)",
202
- "200": "rgb(232, 232, 232)",
203
- "300": "rgb(216, 216, 216)",
204
- "400": "rgb(180, 180, 180)",
205
- "500": "rgb(148, 148, 148)",
206
- "600": "rgb(108, 108, 108)",
207
- "700": "rgb(89, 89, 89)",
208
- "800": "rgb(58, 58, 58)",
209
- "900": "rgb(26, 26, 26)"
210
- }
211
- },
212
- "dark": {
213
- "primary": {
214
- "0": "rgb(0, 0, 0)",
215
- "50": "rgb(26, 26, 26)",
216
- "100": "rgb(58, 58, 58)",
217
- "200": "rgb(89, 89, 89)",
218
- "300": "rgb(108, 108, 108)",
219
- "400": "rgb(148, 148, 148)",
220
- "500": "rgb(180, 180, 180)",
221
- "600": "rgb(216, 216, 216)",
222
- "700": "rgb(232, 232, 232)",
223
- "800": "rgb(242, 242, 242)",
224
- "900": "rgb(249, 249, 249)"
225
- },
226
- "secondary": {
227
- "0": "rgb(0, 0, 0)",
228
- "50": "rgb(13, 80, 58)",
229
- "100": "rgb(22, 108, 84)",
230
- "200": "rgb(27, 124, 98)",
231
- "300": "rgb(32, 140, 113)",
232
- "400": "rgb(36, 153, 126)",
233
- "500": "rgb(56, 169, 144)",
234
- "600": "rgb(87, 185, 162)",
235
- "700": "rgb(133, 205, 188)",
236
- "800": "rgb(181, 224, 214)",
237
- "900": "rgb(225, 243, 239)"
238
- },
239
- "info": {
240
- "0": "rgb(0, 0, 0)",
241
- "50": "rgb(10, 26, 151)",
242
- "100": "rgb(32, 47, 170)",
243
- "200": "rgb(41, 58, 182)",
244
- "300": "rgb(51, 68, 194)",
245
- "400": "rgb(57, 77, 205)",
246
- "500": "rgb(89, 104, 214)",
247
- "600": "rgb(120, 132, 221)",
248
- "700": "rgb(159, 167, 231)",
249
- "800": "rgb(198, 201, 241)",
250
- "900": "rgb(232, 234, 249)"
251
- },
252
- "warning": {
253
- "0": "rgb(0, 0, 0)",
254
- "50": "rgb(146, 124, 0)",
255
- "100": "rgb(174, 163, 0)",
256
- "200": "rgb(191, 186, 0)",
257
- "300": "rgb(209, 209, 0)",
258
- "400": "rgb(223, 227, 0)",
259
- "500": "rgb(229, 231, 65)",
260
- "600": "rgb(235, 236, 103)",
261
- "700": "rgb(241, 242, 148)",
262
- "800": "rgb(247, 246, 191)",
263
- "900": "rgb(252, 252, 229)"
264
- },
265
- "danger": {
266
- "0": "rgb(0, 0, 0)",
267
- "50": "rgb(171, 50, 47)",
268
- "100": "rgb(185, 60, 58)",
269
- "200": "rgb(199, 65, 65)",
270
- "300": "rgb(217, 74, 71)",
271
- "400": "rgb(232, 82, 74)",
272
- "500": "rgb(227, 95, 95)",
273
- "600": "rgb(217, 123, 125)",
274
- "700": "rgb(230, 159, 161)",
275
- "800": "rgb(248, 208, 213)",
276
- "900": "rgb(252, 236, 239)"
277
- },
278
- "success": {
279
- "0": "rgb(0, 0, 0)",
280
- "50": "rgb(13, 80, 58)",
281
- "100": "rgb(22, 108, 84)",
282
- "200": "rgb(27, 124, 98)",
283
- "300": "rgb(32, 140, 113)",
284
- "400": "rgb(36, 153, 126)",
285
- "500": "rgb(56, 169, 144)",
286
- "600": "rgb(87, 185, 162)",
287
- "700": "rgb(133, 205, 188)",
288
- "800": "rgb(181, 224, 214)",
289
- "900": "rgb(225, 243, 239)"
290
- },
291
- "neutral": {
292
- "0": "rgb(0, 0, 0)",
293
- "50": "rgb(26, 26, 26)",
294
- "100": "rgb(58, 58, 58)",
295
- "200": "rgb(89, 89, 89)",
296
- "300": "rgb(108, 108, 108)",
297
- "400": "rgb(148, 148, 148)",
298
- "500": "rgb(180, 180, 180)",
299
- "600": "rgb(216, 216, 216)",
300
- "700": "rgb(232, 232, 232)",
301
- "800": "rgb(242, 242, 242)",
302
- "900": "rgb(249, 249, 249)"
303
- }
304
- }
163
+ "secondary-dark": {
164
+ "0": "oklch(0.00% 0.0000 NaN)",
165
+ "50": "oklch(38.51% 0.0745 165.49)",
166
+ "100": "oklch(47.58% 0.0876 169.17)",
167
+ "200": "oklch(52.55% 0.0957 170.04)",
168
+ "300": "oklch(57.43% 0.1030 171.47)",
169
+ "400": "oklch(61.35% 0.1083 173.03)",
170
+ "500": "oklch(66.49% 0.1076 175.10)",
171
+ "600": "oklch(72.02% 0.0990 175.79)",
172
+ "700": "oklch(79.59% 0.0765 177.63)",
173
+ "800": "oklch(87.34% 0.0468 179.37)",
174
+ "900": "oklch(94.97% 0.0197 181.01)"
305
175
  },
306
- "elevation": {
307
- "light": {
308
- "light": {
309
- "color": {
310
- "0": "rgb(51, 51, 51)"
311
- }
312
- },
313
- "semilight": {
314
- "color": {
315
- "0": "rgb(51, 51, 51)"
316
- }
317
- },
318
- "regular": {
319
- "color": {
320
- "0": "rgb(51, 51, 51)"
321
- }
322
- },
323
- "semibold": {
324
- "color": {
325
- "0": "rgb(51, 51, 51)"
326
- }
327
- },
328
- "bold": {
329
- "color": {
330
- "0": "rgb(51, 51, 51)"
331
- }
332
- },
333
- "extrabold": {
334
- "color": {
335
- "0": "rgb(51, 51, 51)"
336
- }
337
- }
338
- },
339
- "dark": {
340
- "light": {
341
- "color": {
342
- "0": "rgb(255, 255, 255)"
343
- }
344
- },
345
- "semilight": {
346
- "color": {
347
- "0": "rgb(255, 255, 255)"
348
- }
349
- },
350
- "regular": {
351
- "color": {
352
- "0": "rgb(255, 255, 255)"
353
- }
354
- },
355
- "semibold": {
356
- "color": {
357
- "0": "rgb(255, 255, 255)"
358
- }
359
- },
360
- "bold": {
361
- "color": {
362
- "0": "rgb(255, 255, 255)"
363
- }
364
- },
365
- "extrabold": {
366
- "color": {
367
- "0": "rgb(255, 255, 255)"
368
- }
369
- }
370
- }
176
+ "info-dark": {
177
+ "0": "oklch(0.00% 0.0000 NaN)",
178
+ "50": "oklch(33.07% 0.1949 265.89)",
179
+ "100": "oklch(39.05% 0.1932 268.83)",
180
+ "200": "oklch(42.49% 0.1941 269.50)",
181
+ "300": "oklch(45.84% 0.1955 270.44)",
182
+ "400": "oklch(48.71% 0.1977 270.31)",
183
+ "500": "oklch(56.30% 0.1679 273.90)",
184
+ "600": "oklch(64.30% 0.1333 276.18)",
185
+ "700": "oklch(74.58% 0.0927 278.40)",
186
+ "800": "oklch(84.66% 0.0556 281.77)",
187
+ "900": "oklch(93.99% 0.0203 279.98)"
188
+ },
189
+ "warning-dark": {
190
+ "0": "oklch(0.00% 0.0000 NaN)",
191
+ "50": "oklch(58.92% 0.1214 96.61)",
192
+ "100": "oklch(70.25% 0.1489 104.75)",
193
+ "200": "oklch(76.80% 0.1654 107.77)",
194
+ "300": "oklch(83.31% 0.1816 109.76)",
195
+ "400": "oklch(88.33% 0.1942 111.06)",
196
+ "500": "oklch(89.86% 0.1772 110.18)",
197
+ "600": "oklch(91.71% 0.1543 109.48)",
198
+ "700": "oklch(94.00% 0.1164 108.96)",
199
+ "800": "oklch(96.06% 0.0707 106.78)",
200
+ "900": "oklch(98.50% 0.0301 106.90)"
201
+ },
202
+ "danger-dark": {
203
+ "0": "oklch(0.00% 0.0000 NaN)",
204
+ "50": "oklch(50.01% 0.1579 26.13)",
205
+ "100": "oklch(53.67% 0.1615 25.20)",
206
+ "200": "oklch(56.68% 0.1705 24.38)",
207
+ "300": "oklch(60.73% 0.1797 25.28)",
208
+ "400": "oklch(64.08% 0.1872 26.78)",
209
+ "500": "oklch(65.26% 0.1653 22.80)",
210
+ "600": "oklch(68.64% 0.1170 19.23)",
211
+ "700": "oklch(77.19% 0.0850 17.37)",
212
+ "800": "oklch(89.30% 0.0454 9.58)",
213
+ "900": "oklch(95.66% 0.0178 4.63)"
214
+ },
215
+ "success-dark": {
216
+ "0": "oklch(0.00% 0.0000 NaN)",
217
+ "50": "oklch(38.51% 0.0745 165.49)",
218
+ "100": "oklch(47.58% 0.0876 169.17)",
219
+ "200": "oklch(52.55% 0.0957 170.04)",
220
+ "300": "oklch(57.43% 0.1030 171.47)",
221
+ "400": "oklch(61.35% 0.1083 173.03)",
222
+ "500": "oklch(66.49% 0.1076 175.10)",
223
+ "600": "oklch(72.02% 0.0990 175.79)",
224
+ "700": "oklch(79.59% 0.0765 177.63)",
225
+ "800": "oklch(87.34% 0.0468 179.37)",
226
+ "900": "oklch(94.97% 0.0197 181.01)"
227
+ },
228
+ "neutral-dark": {
229
+ "0": "oklch(0.00% 0.0000 NaN)",
230
+ "50": "oklch(21.78% 0.0000 NaN)",
231
+ "100": "oklch(34.85% 0.0000 NaN)",
232
+ "200": "oklch(46.40% 0.0000 NaN)",
233
+ "300": "oklch(53.13% 0.0000 NaN)",
234
+ "400": "oklch(66.65% 0.0000 NaN)",
235
+ "500": "oklch(76.99% 0.0000 NaN)",
236
+ "600": "oklch(88.22% 0.0000 NaN)",
237
+ "700": "oklch(93.10% 0.0000 NaN)",
238
+ "800": "oklch(96.12% 0.0000 NaN)",
239
+ "900": "oklch(98.21% 0.0000 NaN)"
371
240
  }
372
241
  },
373
242
  "fontSize": {
374
- "typography.headline1.fontSize": "96px",
375
- "typography.headline2'.fontSize": "60px",
376
- "typography.headline3.fontSize": "48px",
377
- "typography.headline4.fontSize": "34px",
378
- "typography.headline5.fontSize": "24px",
379
- "typography.headline6.fontSize": "20px",
380
- "typography.subtitle1.fontSize": "16px",
381
- "typography.subtitle2.fontSize": "14px",
382
- "typography.body1.fontSize": "16px",
383
- "typography.body2.fontSize": "14px",
384
- "typography.caption.fontSize": "12px",
385
- "typography.button.fontSize": "14px",
386
- "typography.overline.fontSize": "12px"
243
+ "headline1": "96px",
244
+ "headline2'": "60px",
245
+ "headline3": "48px",
246
+ "headline4": "34px",
247
+ "headline5": "24px",
248
+ "headline6": "20px",
249
+ "subtitle1": "16px",
250
+ "subtitle2": "14px",
251
+ "body1": "16px",
252
+ "body2": "14px",
253
+ "caption": "12px",
254
+ "button": "14px",
255
+ "overline": "12px"
387
256
  },
388
- "letterSpacing": {
389
- "typography.headline1.letterSpacing": "-0.25px",
390
- "typography.headline2'.letterSpacing": "-0.13333333333333333px",
391
- "typography.headline3.letterSpacing": "normal",
392
- "typography.headline4.letterSpacing": "0.11764705882352941px",
393
- "typography.headline5.letterSpacing": "normal",
394
- "typography.headline6.letterSpacing": "0.2px",
395
- "typography.subtitle1.letterSpacing": "0.15px",
396
- "typography.subtitle2.letterSpacing": "0.1142857142857143px",
397
- "typography.body1.letterSpacing": "0.5px",
398
- "typography.body2.letterSpacing": "0.2857142857142857px",
399
- "typography.caption.letterSpacing": "0.5333333333333333px",
400
- "typography.button.letterSpacing": "1.4285714285714286px",
401
- "typography.overline.letterSpacing": "2.6666666666666665px"
257
+ "lineHeight": {
258
+ "headline1": "100px",
259
+ "headline2'": "64px",
260
+ "headline3": "52px",
261
+ "headline4": "38px",
262
+ "headline5": "28px",
263
+ "headline6": "24px",
264
+ "subtitle1": "20px",
265
+ "subtitle2": "18px",
266
+ "body1": "20px",
267
+ "body2": "18px",
268
+ "caption": "16px",
269
+ "button": "18px",
270
+ "overline": "16px"
271
+ },
272
+ "fontWeight": {
273
+ "headline1": "300",
274
+ "headline2'": "300",
275
+ "headline3": "400",
276
+ "headline4": "400",
277
+ "headline5": "400",
278
+ "headline6": "500",
279
+ "subtitle1": "400",
280
+ "subtitle2": "500",
281
+ "body1": "400",
282
+ "body2": "400",
283
+ "caption": "400",
284
+ "button": "700",
285
+ "overline": "500"
402
286
  },
403
- "boxShadow": {
404
- "elevation-light-light-_": "2px 2px 0px 0px rgb(51, 51, 51)",
405
- "elevation-light-semilight-_": "3px 3px 0px 0px rgb(51, 51, 51)",
406
- "elevation-light-regular-_": "4px 4px 0px 0px rgb(51, 51, 51)",
407
- "elevation-light-semibold-_": "5px 5px 0px 0px rgb(51, 51, 51)",
408
- "elevation-light-bold-_": "6px 6px 0px 0px rgb(51, 51, 51)",
409
- "elevation-light-extrabold-_": "7px 7px 0px 0px rgb(51, 51, 51)",
410
- "elevation-dark-light-_": "2px 2px 0px 0px rgb(255, 255, 255)",
411
- "elevation-dark-semilight-_": "3px 3px 0px 0px rgb(255, 255, 255)",
412
- "elevation-dark-regular-_": "4px 4px 0px 0px rgb(255, 255, 255)",
413
- "elevation-dark-semibold-_": "5px 5px 0px 0px rgb(255, 255, 255)",
414
- "elevation-dark-bold-_": "6px 6px 0px 0px rgb(255, 255, 255)",
415
- "elevation-dark-extrabold-_": "7px 7px 0px 0px rgb(255, 255, 255)"
287
+ "letterSpacing": {
288
+ "headline1": "-0.25px",
289
+ "headline2'": "-0.13333333333333333px",
290
+ "headline3": "normal",
291
+ "headline4": "0.11764705882352941px",
292
+ "headline5": "normal",
293
+ "headline6": "0.2px",
294
+ "subtitle1": "0.15px",
295
+ "subtitle2": "0.1142857142857143px",
296
+ "body1": "0.5px",
297
+ "body2": "0.2857142857142857px",
298
+ "caption": "0.5333333333333333px",
299
+ "button": "1.4285714285714286px",
300
+ "overline": "2.6666666666666665px"
416
301
  },
417
302
  "transitionDuration": {
418
- "duration._": "200ms 400ms 600ms",
419
- "duration.short": "200ms",
420
- "duration.medium": "400ms",
421
- "duration.long": "600ms"
303
+ "DEFAULT": "200ms 400ms 600ms",
304
+ "short": "200ms",
305
+ "medium": "400ms",
306
+ "long": "600ms"
422
307
  }
423
308
  }
424
309
  },