@solid-design-system/tokens 6.7.0 → 6.8.0

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.
@@ -0,0 +1,746 @@
1
+ {
2
+ "accentColor": {
3
+ "accent": "rgb(var(--sd-color-text-accent) / <alpha-value>)",
4
+ "black": "rgb(var(--sd-color-text-black) / <alpha-value>)",
5
+ "error": "rgb(var(--sd-color-text-error) / <alpha-value>)",
6
+ "neutral": {
7
+ "500": "rgb(var(--sd-color-text-neutral-500) / <alpha-value>)",
8
+ "600": "rgb(var(--sd-color-text-neutral-600) / <alpha-value>)",
9
+ "700": "rgb(var(--sd-color-text-neutral-700) / <alpha-value>)"
10
+ },
11
+ "primary": {
12
+ "100": "rgb(var(--sd-color-text-primary-100) / <alpha-value>)",
13
+ "200": "rgb(var(--sd-color-text-primary-200) / <alpha-value>)",
14
+ "400": "rgb(var(--sd-color-text-primary-400) / <alpha-value>)",
15
+ "500": "rgb(var(--sd-color-text-primary-500) / <alpha-value>)",
16
+ "800": "rgb(var(--sd-color-text-primary-800) / <alpha-value>)",
17
+ "DEFAULT": "rgb(var(--sd-color-text-primary) / <alpha-value>)"
18
+ },
19
+ "success": "rgb(var(--sd-color-text-success) / <alpha-value>)",
20
+ "white": "rgb(var(--sd-color-text-white) / <alpha-value>)",
21
+ "warning": "rgb(var(--sd-color-warning) / <alpha-value>)",
22
+ "risk": {
23
+ "high": "rgb(var(--sd-color-risk-high) / <alpha-value>)",
24
+ "increased": "rgb(var(--sd-color-risk-increased) / <alpha-value>)",
25
+ "low": "rgb(var(--sd-color-risk-low) / <alpha-value>)",
26
+ "moderate": "rgb(var(--sd-color-risk-moderate) / <alpha-value>)",
27
+ "veryhigh": "rgb(var(--sd-color-risk-veryhigh) / <alpha-value>)"
28
+ },
29
+ "transparent": "transparent",
30
+ "inherit": "inherit",
31
+ "current": "currentColor"
32
+ },
33
+ "backgroundColor": {
34
+ "accent": {
35
+ "300": "rgb(var(--sd-color-background-accent-300) / <alpha-value>)",
36
+ "500": "rgb(var(--sd-color-background-accent-500) / <alpha-value>)",
37
+ "550": "rgb(var(--sd-color-background-accent-550) / <alpha-value>)",
38
+ "700": "rgb(var(--sd-color-background-accent-700) / <alpha-value>)",
39
+ "DEFAULT": "rgb(var(--sd-color-background-accent) / <alpha-value>)"
40
+ },
41
+ "error": {
42
+ "400": "rgb(var(--sd-color-background-error-400) / <alpha-value>)",
43
+ "DEFAULT": "rgb(var(--sd-color-background-error) / <alpha-value>)"
44
+ },
45
+ "info": "rgb(var(--sd-color-background-info) / <alpha-value>)",
46
+ "neutral": {
47
+ "100": "rgb(var(--sd-color-background-neutral-100) / <alpha-value>)",
48
+ "200": "rgb(var(--sd-color-background-neutral-200) / <alpha-value>)",
49
+ "300": "rgb(var(--sd-color-background-neutral-300) / <alpha-value>)",
50
+ "400": "rgb(var(--sd-color-background-neutral-400) / <alpha-value>)",
51
+ "500": "rgb(var(--sd-color-background-neutral-500) / <alpha-value>)",
52
+ "600": "rgb(var(--sd-color-background-neutral-600) / <alpha-value>)",
53
+ "800": "rgb(var(--sd-color-background-neutral-800) / <alpha-value>)"
54
+ },
55
+ "primary": {
56
+ "100": "rgb(var(--sd-color-background-primary-100) / <alpha-value>)",
57
+ "200": "rgb(var(--sd-color-background-primary-200) / <alpha-value>)",
58
+ "300": "rgb(var(--sd-color-background-primary-300) / <alpha-value>)",
59
+ "500": "rgb(var(--sd-color-background-primary-500) / <alpha-value>)",
60
+ "800": "rgb(var(--sd-color-background-primary-800) / <alpha-value>)",
61
+ "DEFAULT": "rgb(var(--sd-color-background-primary) / <alpha-value>)"
62
+ },
63
+ "success": "rgb(var(--sd-color-background-success) / <alpha-value>)",
64
+ "warning": "rgb(var(--sd-color-background-warning) / <alpha-value>)",
65
+ "white": "rgb(var(--sd-color-background-white) / <alpha-value>)",
66
+ "risk": {
67
+ "high": "rgb(var(--sd-color-risk-high) / <alpha-value>)",
68
+ "increased": "rgb(var(--sd-color-risk-increased) / <alpha-value>)",
69
+ "low": "rgb(var(--sd-color-risk-low) / <alpha-value>)",
70
+ "moderate": "rgb(var(--sd-color-risk-moderate) / <alpha-value>)",
71
+ "veryhigh": "rgb(var(--sd-color-risk-veryhigh) / <alpha-value>)"
72
+ },
73
+ "transparent": "transparent",
74
+ "inherit": "inherit",
75
+ "current": "currentColor"
76
+ },
77
+ "borderColor": {
78
+ "accent": {
79
+ "550": "rgb(var(--sd-color-border-accent-550) / <alpha-value>)",
80
+ "DEFAULT": "rgb(var(--sd-color-border-accent) / <alpha-value>)"
81
+ },
82
+ "error": {
83
+ "400": "rgb(var(--sd-color-border-error-400) / <alpha-value>)",
84
+ "DEFAULT": "rgb(var(--sd-color-border-error) / <alpha-value>)"
85
+ },
86
+ "neutral": {
87
+ "400": "rgb(var(--sd-color-border-neutral-400) / <alpha-value>)",
88
+ "500": "rgb(var(--sd-color-border-neutral-500) / <alpha-value>)",
89
+ "600": "rgb(var(--sd-color-border-neutral-600) / <alpha-value>)",
90
+ "800": "rgb(var(--sd-color-border-neutral-800) / <alpha-value>)"
91
+ },
92
+ "primary": {
93
+ "100": "rgb(var(--sd-color-border-primary-100) / <alpha-value>)",
94
+ "200": "rgb(var(--sd-color-border-primary-200) / <alpha-value>)",
95
+ "400": "rgb(var(--sd-color-border-primary-400) / <alpha-value>)",
96
+ "500": "rgb(var(--sd-color-border-primary-500) / <alpha-value>)",
97
+ "800": "rgb(var(--sd-color-border-primary-800) / <alpha-value>)",
98
+ "DEFAULT": "rgb(var(--sd-color-border-primary) / <alpha-value>)"
99
+ },
100
+ "success": "rgb(var(--sd-color-border-success) / <alpha-value>)",
101
+ "white": "rgb(var(--sd-color-border-white) / <alpha-value>)",
102
+ "warning": "rgb(var(--sd-color-warning) / <alpha-value>)",
103
+ "risk": {
104
+ "high": "rgb(var(--sd-color-risk-high) / <alpha-value>)",
105
+ "increased": "rgb(var(--sd-color-risk-increased) / <alpha-value>)",
106
+ "low": "rgb(var(--sd-color-risk-low) / <alpha-value>)",
107
+ "moderate": "rgb(var(--sd-color-risk-moderate) / <alpha-value>)",
108
+ "veryhigh": "rgb(var(--sd-color-risk-veryhigh) / <alpha-value>)"
109
+ },
110
+ "transparent": "transparent",
111
+ "inherit": "inherit",
112
+ "current": "currentColor"
113
+ },
114
+ "borderRadius": {
115
+ "full": "var(--sd-radius-full)",
116
+ "lg": "var(--sd-radius-lg)",
117
+ "md": "var(--sd-radius-md)",
118
+ "none": "var(--sd-radius-none)",
119
+ "sm": "var(--sd-radius-sm)",
120
+ "default": "var(--sd-radius)"
121
+ },
122
+ "borderWidth": {
123
+ "2": "var(--sd-border-width-2)",
124
+ "4": "var(--sd-border-width-4)",
125
+ "6": "var(--sd-border-width-6)",
126
+ "DEFAULT": "var(--sd-border-width)"
127
+ },
128
+ "boxShadow": {
129
+ "sm": "var(--sd-shadow-sm)",
130
+ "DEFAULT": "var(--sd-shadow)"
131
+ },
132
+ "boxShadowColor": {
133
+ "accent": {
134
+ "300": "rgb(var(--sd-color-background-accent-300) / <alpha-value>)",
135
+ "500": "rgb(var(--sd-color-background-accent-500) / <alpha-value>)",
136
+ "550": "rgb(var(--sd-color-background-accent-550) / <alpha-value>)",
137
+ "700": "rgb(var(--sd-color-background-accent-700) / <alpha-value>)",
138
+ "DEFAULT": "rgb(var(--sd-color-background-accent) / <alpha-value>)"
139
+ },
140
+ "error": {
141
+ "400": "rgb(var(--sd-color-background-error-400) / <alpha-value>)",
142
+ "DEFAULT": "rgb(var(--sd-color-background-error) / <alpha-value>)"
143
+ },
144
+ "info": "rgb(var(--sd-color-background-info) / <alpha-value>)",
145
+ "neutral": {
146
+ "100": "rgb(var(--sd-color-background-neutral-100) / <alpha-value>)",
147
+ "200": "rgb(var(--sd-color-background-neutral-200) / <alpha-value>)",
148
+ "300": "rgb(var(--sd-color-background-neutral-300) / <alpha-value>)",
149
+ "400": "rgb(var(--sd-color-background-neutral-400) / <alpha-value>)",
150
+ "500": "rgb(var(--sd-color-background-neutral-500) / <alpha-value>)",
151
+ "600": "rgb(var(--sd-color-background-neutral-600) / <alpha-value>)",
152
+ "800": "rgb(var(--sd-color-background-neutral-800) / <alpha-value>)"
153
+ },
154
+ "primary": {
155
+ "100": "rgb(var(--sd-color-background-primary-100) / <alpha-value>)",
156
+ "200": "rgb(var(--sd-color-background-primary-200) / <alpha-value>)",
157
+ "300": "rgb(var(--sd-color-background-primary-300) / <alpha-value>)",
158
+ "500": "rgb(var(--sd-color-background-primary-500) / <alpha-value>)",
159
+ "800": "rgb(var(--sd-color-background-primary-800) / <alpha-value>)",
160
+ "DEFAULT": "rgb(var(--sd-color-background-primary) / <alpha-value>)"
161
+ },
162
+ "success": "rgb(var(--sd-color-background-success) / <alpha-value>)",
163
+ "warning": "rgb(var(--sd-color-background-warning) / <alpha-value>)",
164
+ "white": "rgb(var(--sd-color-background-white) / <alpha-value>)",
165
+ "risk": {
166
+ "high": "rgb(var(--sd-color-risk-high) / <alpha-value>)",
167
+ "increased": "rgb(var(--sd-color-risk-increased) / <alpha-value>)",
168
+ "low": "rgb(var(--sd-color-risk-low) / <alpha-value>)",
169
+ "moderate": "rgb(var(--sd-color-risk-moderate) / <alpha-value>)",
170
+ "veryhigh": "rgb(var(--sd-color-risk-veryhigh) / <alpha-value>)"
171
+ },
172
+ "transparent": "transparent",
173
+ "inherit": "inherit",
174
+ "current": "currentColor"
175
+ },
176
+ "caretColor": {
177
+ "accent": "rgb(var(--sd-color-text-accent) / <alpha-value>)",
178
+ "black": "rgb(var(--sd-color-text-black) / <alpha-value>)",
179
+ "error": "rgb(var(--sd-color-text-error) / <alpha-value>)",
180
+ "neutral": {
181
+ "500": "rgb(var(--sd-color-text-neutral-500) / <alpha-value>)",
182
+ "600": "rgb(var(--sd-color-text-neutral-600) / <alpha-value>)",
183
+ "700": "rgb(var(--sd-color-text-neutral-700) / <alpha-value>)"
184
+ },
185
+ "primary": {
186
+ "100": "rgb(var(--sd-color-text-primary-100) / <alpha-value>)",
187
+ "200": "rgb(var(--sd-color-text-primary-200) / <alpha-value>)",
188
+ "400": "rgb(var(--sd-color-text-primary-400) / <alpha-value>)",
189
+ "500": "rgb(var(--sd-color-text-primary-500) / <alpha-value>)",
190
+ "800": "rgb(var(--sd-color-text-primary-800) / <alpha-value>)",
191
+ "DEFAULT": "rgb(var(--sd-color-text-primary) / <alpha-value>)"
192
+ },
193
+ "success": "rgb(var(--sd-color-text-success) / <alpha-value>)",
194
+ "white": "rgb(var(--sd-color-text-white) / <alpha-value>)",
195
+ "warning": "rgb(var(--sd-color-warning) / <alpha-value>)",
196
+ "risk": {
197
+ "high": "rgb(var(--sd-color-risk-high) / <alpha-value>)",
198
+ "increased": "rgb(var(--sd-color-risk-increased) / <alpha-value>)",
199
+ "low": "rgb(var(--sd-color-risk-low) / <alpha-value>)",
200
+ "moderate": "rgb(var(--sd-color-risk-moderate) / <alpha-value>)",
201
+ "veryhigh": "rgb(var(--sd-color-risk-veryhigh) / <alpha-value>)"
202
+ },
203
+ "transparent": "transparent",
204
+ "inherit": "inherit",
205
+ "current": "currentColor"
206
+ },
207
+ "color": {
208
+ "accent": {
209
+ "100": "rgb(var(--sd-color-accent-100) / <alpha-value>)",
210
+ "200": "rgb(var(--sd-color-accent-200) / <alpha-value>)",
211
+ "300": "rgb(var(--sd-color-accent-300) / <alpha-value>)",
212
+ "400": "rgb(var(--sd-color-accent-400) / <alpha-value>)",
213
+ "500": "rgb(var(--sd-color-accent-500) / <alpha-value>)",
214
+ "550": "rgb(var(--sd-color-accent-550) / <alpha-value>)",
215
+ "600": "rgb(var(--sd-color-accent-600) / <alpha-value>)",
216
+ "700": "rgb(var(--sd-color-accent-700) / <alpha-value>)",
217
+ "800": "rgb(var(--sd-color-accent-800) / <alpha-value>)",
218
+ "DEFAULT": "rgb(var(--sd-color-accent) / <alpha-value>)"
219
+ },
220
+ "black": "rgb(var(--sd-color-black) / <alpha-value>)",
221
+ "error": {
222
+ "250": "rgb(var(--sd-color-error-250) / <alpha-value>)",
223
+ "300": "rgb(var(--sd-color-error-300) / <alpha-value>)",
224
+ "400": "rgb(var(--sd-color-error-400) / <alpha-value>)",
225
+ "500": "rgb(var(--sd-color-error-500) / <alpha-value>)",
226
+ "DEFAULT": "rgb(var(--sd-color-error) / <alpha-value>)"
227
+ },
228
+ "info": "rgb(var(--sd-color-info) / <alpha-value>)",
229
+ "neutral": {
230
+ "100": "rgb(var(--sd-color-neutral-100) / <alpha-value>)",
231
+ "200": "rgb(var(--sd-color-neutral-200) / <alpha-value>)",
232
+ "300": "rgb(var(--sd-color-neutral-300) / <alpha-value>)",
233
+ "400": "rgb(var(--sd-color-neutral-400) / <alpha-value>)",
234
+ "500": "rgb(var(--sd-color-neutral-500) / <alpha-value>)",
235
+ "600": "rgb(var(--sd-color-neutral-600) / <alpha-value>)",
236
+ "700": "rgb(var(--sd-color-neutral-700) / <alpha-value>)",
237
+ "800": "rgb(var(--sd-color-neutral-800) / <alpha-value>)"
238
+ },
239
+ "primary": {
240
+ "100": "rgb(var(--sd-color-primary-100) / <alpha-value>)",
241
+ "200": "rgb(var(--sd-color-primary-200) / <alpha-value>)",
242
+ "300": "rgb(var(--sd-color-primary-300) / <alpha-value>)",
243
+ "400": "rgb(var(--sd-color-primary-400) / <alpha-value>)",
244
+ "500": "rgb(var(--sd-color-primary-500) / <alpha-value>)",
245
+ "600": "rgb(var(--sd-color-primary-600) / <alpha-value>)",
246
+ "700": "rgb(var(--sd-color-primary-700) / <alpha-value>)",
247
+ "750": "rgb(var(--sd-color-primary-750) / <alpha-value>)",
248
+ "800": "rgb(var(--sd-color-primary-800) / <alpha-value>)",
249
+ "900": "rgb(var(--sd-color-primary-900) / <alpha-value>)",
250
+ "DEFAULT": "rgb(var(--sd-color-primary) / <alpha-value>)"
251
+ },
252
+ "success": "rgb(var(--sd-color-success) / <alpha-value>)",
253
+ "warning": "rgb(var(--sd-color-warning) / <alpha-value>)",
254
+ "white": "rgb(var(--sd-color-white) / <alpha-value>)",
255
+ "risk": {
256
+ "high": "rgb(var(--sd-color-risk-high) / <alpha-value>)",
257
+ "increased": "rgb(var(--sd-color-risk-increased) / <alpha-value>)",
258
+ "low": "rgb(var(--sd-color-risk-low) / <alpha-value>)",
259
+ "moderate": "rgb(var(--sd-color-risk-moderate) / <alpha-value>)",
260
+ "veryhigh": "rgb(var(--sd-color-risk-veryhigh) / <alpha-value>)"
261
+ },
262
+ "transparent": "transparent",
263
+ "inherit": "inherit",
264
+ "current": "currentColor"
265
+ },
266
+ "dropShadow": {
267
+ "sm": "var(--sd-drop-shadow-sm)",
268
+ "DEFAULT": "var(--sd-drop-shadow)"
269
+ },
270
+ "fill": {
271
+ "accent": {
272
+ "550": "rgb(var(--sd-color-icon-fill-accent-550) / <alpha-value>)",
273
+ "DEFAULT": "rgb(var(--sd-color-icon-fill-accent) / <alpha-value>)"
274
+ },
275
+ "error": {
276
+ "400": "rgb(var(--sd-color-icon-fill-error-400) / <alpha-value>)",
277
+ "DEFAULT": "rgb(var(--sd-color-icon-fill-error) / <alpha-value>)"
278
+ },
279
+ "neutral": {
280
+ "400": "rgb(var(--sd-color-icon-fill-neutral-400) / <alpha-value>)",
281
+ "500": "rgb(var(--sd-color-icon-fill-neutral-500) / <alpha-value>)",
282
+ "600": "rgb(var(--sd-color-icon-fill-neutral-600) / <alpha-value>)",
283
+ "800": "rgb(var(--sd-color-icon-fill-neutral-800) / <alpha-value>)"
284
+ },
285
+ "primary": {
286
+ "100": "rgb(var(--sd-color-icon-fill-primary-100) / <alpha-value>)",
287
+ "200": "rgb(var(--sd-color-icon-fill-primary-200) / <alpha-value>)",
288
+ "400": "rgb(var(--sd-color-icon-fill-primary-400) / <alpha-value>)",
289
+ "500": "rgb(var(--sd-color-icon-fill-primary-500) / <alpha-value>)",
290
+ "800": "rgb(var(--sd-color-icon-fill-primary-800) / <alpha-value>)",
291
+ "DEFAULT": "rgb(var(--sd-color-icon-fill-primary) / <alpha-value>)"
292
+ },
293
+ "risk": {
294
+ "high": "rgb(var(--sd-color-icon-fill-risk-high) / <alpha-value>)",
295
+ "increased": "rgb(var(--sd-color-icon-fill-risk-increased) / <alpha-value>)",
296
+ "low": "rgb(var(--sd-color-icon-fill-risk-low) / <alpha-value>)",
297
+ "moderate": "rgb(var(--sd-color-icon-fill-risk-moderate) / <alpha-value>)",
298
+ "veryhigh": "rgb(var(--sd-color-icon-fill-risk-veryhigh) / <alpha-value>)"
299
+ },
300
+ "success": "rgb(var(--sd-color-icon-fill-success) / <alpha-value>)",
301
+ "white": "rgb(var(--sd-color-icon-fill-white) / <alpha-value>)",
302
+ "warning": "rgb(var(--sd-color-warning) / <alpha-value>)",
303
+ "transparent": "transparent",
304
+ "inherit": "inherit",
305
+ "current": "currentColor"
306
+ },
307
+ "fontFamily": {},
308
+ "fontSize": {
309
+ "2xl": "var(--sd-text-2xl)",
310
+ "3xl": "var(--sd-text-3xl)",
311
+ "4xl": "var(--sd-text-4xl)",
312
+ "base": "var(--sd-text-base)",
313
+ "lg": "var(--sd-text-lg)",
314
+ "sm": "var(--sd-text-sm)",
315
+ "xl": "var(--sd-text-xl)",
316
+ "xs": "var(--sd-text-xs)"
317
+ },
318
+ "fontStyle": {},
319
+ "fontWeight": {
320
+ "bold": "600",
321
+ "normal": "400"
322
+ },
323
+ "gradientColorStops": {
324
+ "accent": {
325
+ "300": "rgb(var(--sd-color-background-accent-300) / <alpha-value>)",
326
+ "500": "rgb(var(--sd-color-background-accent-500) / <alpha-value>)",
327
+ "550": "rgb(var(--sd-color-background-accent-550) / <alpha-value>)",
328
+ "700": "rgb(var(--sd-color-background-accent-700) / <alpha-value>)",
329
+ "DEFAULT": "rgb(var(--sd-color-background-accent) / <alpha-value>)"
330
+ },
331
+ "error": {
332
+ "400": "rgb(var(--sd-color-background-error-400) / <alpha-value>)",
333
+ "DEFAULT": "rgb(var(--sd-color-background-error) / <alpha-value>)"
334
+ },
335
+ "info": "rgb(var(--sd-color-background-info) / <alpha-value>)",
336
+ "neutral": {
337
+ "100": "rgb(var(--sd-color-background-neutral-100) / <alpha-value>)",
338
+ "200": "rgb(var(--sd-color-background-neutral-200) / <alpha-value>)",
339
+ "300": "rgb(var(--sd-color-background-neutral-300) / <alpha-value>)",
340
+ "400": "rgb(var(--sd-color-background-neutral-400) / <alpha-value>)",
341
+ "500": "rgb(var(--sd-color-background-neutral-500) / <alpha-value>)",
342
+ "600": "rgb(var(--sd-color-background-neutral-600) / <alpha-value>)",
343
+ "800": "rgb(var(--sd-color-background-neutral-800) / <alpha-value>)"
344
+ },
345
+ "primary": {
346
+ "100": "rgb(var(--sd-color-background-primary-100) / <alpha-value>)",
347
+ "200": "rgb(var(--sd-color-background-primary-200) / <alpha-value>)",
348
+ "300": "rgb(var(--sd-color-background-primary-300) / <alpha-value>)",
349
+ "500": "rgb(var(--sd-color-background-primary-500) / <alpha-value>)",
350
+ "800": "rgb(var(--sd-color-background-primary-800) / <alpha-value>)",
351
+ "DEFAULT": "rgb(var(--sd-color-background-primary) / <alpha-value>)"
352
+ },
353
+ "success": "rgb(var(--sd-color-background-success) / <alpha-value>)",
354
+ "warning": "rgb(var(--sd-color-background-warning) / <alpha-value>)",
355
+ "white": "rgb(var(--sd-color-background-white) / <alpha-value>)",
356
+ "risk": {
357
+ "high": "rgb(var(--sd-color-risk-high) / <alpha-value>)",
358
+ "increased": "rgb(var(--sd-color-risk-increased) / <alpha-value>)",
359
+ "low": "rgb(var(--sd-color-risk-low) / <alpha-value>)",
360
+ "moderate": "rgb(var(--sd-color-risk-moderate) / <alpha-value>)",
361
+ "veryhigh": "rgb(var(--sd-color-risk-veryhigh) / <alpha-value>)"
362
+ },
363
+ "transparent": "transparent",
364
+ "inherit": "inherit",
365
+ "current": "currentColor"
366
+ },
367
+ "lineHeight": {
368
+ "none": "var(--sd-line-height-none, 100%)",
369
+ "tight": "var(--sd-line-height-tight, 120%)",
370
+ "normal": "var(--sd-line-height-normal, 150%)"
371
+ },
372
+ "opacity": {
373
+ "0": "var(--sd-opacity-0)",
374
+ "5": "var(--sd-opacity-5)",
375
+ "10": "var(--sd-opacity-10)",
376
+ "20": "var(--sd-opacity-20)",
377
+ "30": "var(--sd-opacity-30)",
378
+ "50": "var(--sd-opacity-50)",
379
+ "55": "var(--sd-opacity-55)",
380
+ "60": "var(--sd-opacity-60)",
381
+ "70": "var(--sd-opacity-70)",
382
+ "75": "var(--sd-opacity-75)",
383
+ "80": "var(--sd-opacity-80)",
384
+ "85": "var(--sd-opacity-85)",
385
+ "90": "var(--sd-opacity-90)",
386
+ "100": "var(--sd-opacity-100)"
387
+ },
388
+ "outlineColor": {
389
+ "accent": {
390
+ "550": "rgb(var(--sd-color-border-accent-550) / <alpha-value>)",
391
+ "DEFAULT": "rgb(var(--sd-color-border-accent) / <alpha-value>)"
392
+ },
393
+ "error": {
394
+ "400": "rgb(var(--sd-color-border-error-400) / <alpha-value>)",
395
+ "DEFAULT": "rgb(var(--sd-color-border-error) / <alpha-value>)"
396
+ },
397
+ "neutral": {
398
+ "400": "rgb(var(--sd-color-border-neutral-400) / <alpha-value>)",
399
+ "500": "rgb(var(--sd-color-border-neutral-500) / <alpha-value>)",
400
+ "600": "rgb(var(--sd-color-border-neutral-600) / <alpha-value>)",
401
+ "800": "rgb(var(--sd-color-border-neutral-800) / <alpha-value>)"
402
+ },
403
+ "primary": {
404
+ "100": "rgb(var(--sd-color-border-primary-100) / <alpha-value>)",
405
+ "200": "rgb(var(--sd-color-border-primary-200) / <alpha-value>)",
406
+ "400": "rgb(var(--sd-color-border-primary-400) / <alpha-value>)",
407
+ "500": "rgb(var(--sd-color-border-primary-500) / <alpha-value>)",
408
+ "800": "rgb(var(--sd-color-border-primary-800) / <alpha-value>)",
409
+ "DEFAULT": "rgb(var(--sd-color-border-primary) / <alpha-value>)"
410
+ },
411
+ "success": "rgb(var(--sd-color-border-success) / <alpha-value>)",
412
+ "white": "rgb(var(--sd-color-border-white) / <alpha-value>)",
413
+ "warning": "rgb(var(--sd-color-warning) / <alpha-value>)",
414
+ "risk": {
415
+ "high": "rgb(var(--sd-color-risk-high) / <alpha-value>)",
416
+ "increased": "rgb(var(--sd-color-risk-increased) / <alpha-value>)",
417
+ "low": "rgb(var(--sd-color-risk-low) / <alpha-value>)",
418
+ "moderate": "rgb(var(--sd-color-risk-moderate) / <alpha-value>)",
419
+ "veryhigh": "rgb(var(--sd-color-risk-veryhigh) / <alpha-value>)"
420
+ },
421
+ "transparent": "transparent",
422
+ "inherit": "inherit",
423
+ "current": "currentColor"
424
+ },
425
+ "placeholderColor": {
426
+ "accent": "rgb(var(--sd-color-text-accent) / <alpha-value>)",
427
+ "black": "rgb(var(--sd-color-text-black) / <alpha-value>)",
428
+ "error": "rgb(var(--sd-color-text-error) / <alpha-value>)",
429
+ "neutral": {
430
+ "500": "rgb(var(--sd-color-text-neutral-500) / <alpha-value>)",
431
+ "600": "rgb(var(--sd-color-text-neutral-600) / <alpha-value>)",
432
+ "700": "rgb(var(--sd-color-text-neutral-700) / <alpha-value>)"
433
+ },
434
+ "primary": {
435
+ "100": "rgb(var(--sd-color-text-primary-100) / <alpha-value>)",
436
+ "200": "rgb(var(--sd-color-text-primary-200) / <alpha-value>)",
437
+ "400": "rgb(var(--sd-color-text-primary-400) / <alpha-value>)",
438
+ "500": "rgb(var(--sd-color-text-primary-500) / <alpha-value>)",
439
+ "800": "rgb(var(--sd-color-text-primary-800) / <alpha-value>)",
440
+ "DEFAULT": "rgb(var(--sd-color-text-primary) / <alpha-value>)"
441
+ },
442
+ "success": "rgb(var(--sd-color-text-success) / <alpha-value>)",
443
+ "white": "rgb(var(--sd-color-text-white) / <alpha-value>)",
444
+ "warning": "rgb(var(--sd-color-warning) / <alpha-value>)",
445
+ "risk": {
446
+ "high": "rgb(var(--sd-color-risk-high) / <alpha-value>)",
447
+ "increased": "rgb(var(--sd-color-risk-increased) / <alpha-value>)",
448
+ "low": "rgb(var(--sd-color-risk-low) / <alpha-value>)",
449
+ "moderate": "rgb(var(--sd-color-risk-moderate) / <alpha-value>)",
450
+ "veryhigh": "rgb(var(--sd-color-risk-veryhigh) / <alpha-value>)"
451
+ },
452
+ "transparent": "transparent",
453
+ "inherit": "inherit",
454
+ "current": "currentColor"
455
+ },
456
+ "ringColor": {
457
+ "accent": {
458
+ "550": "rgb(var(--sd-color-border-accent-550) / <alpha-value>)",
459
+ "DEFAULT": "rgb(var(--sd-color-border-accent) / <alpha-value>)"
460
+ },
461
+ "error": {
462
+ "400": "rgb(var(--sd-color-border-error-400) / <alpha-value>)",
463
+ "DEFAULT": "rgb(var(--sd-color-border-error) / <alpha-value>)"
464
+ },
465
+ "neutral": {
466
+ "400": "rgb(var(--sd-color-border-neutral-400) / <alpha-value>)",
467
+ "500": "rgb(var(--sd-color-border-neutral-500) / <alpha-value>)",
468
+ "600": "rgb(var(--sd-color-border-neutral-600) / <alpha-value>)",
469
+ "800": "rgb(var(--sd-color-border-neutral-800) / <alpha-value>)"
470
+ },
471
+ "primary": {
472
+ "100": "rgb(var(--sd-color-border-primary-100) / <alpha-value>)",
473
+ "200": "rgb(var(--sd-color-border-primary-200) / <alpha-value>)",
474
+ "400": "rgb(var(--sd-color-border-primary-400) / <alpha-value>)",
475
+ "500": "rgb(var(--sd-color-border-primary-500) / <alpha-value>)",
476
+ "800": "rgb(var(--sd-color-border-primary-800) / <alpha-value>)",
477
+ "DEFAULT": "rgb(var(--sd-color-border-primary) / <alpha-value>)"
478
+ },
479
+ "success": "rgb(var(--sd-color-border-success) / <alpha-value>)",
480
+ "white": "rgb(var(--sd-color-border-white) / <alpha-value>)",
481
+ "warning": "rgb(var(--sd-color-warning) / <alpha-value>)",
482
+ "risk": {
483
+ "high": "rgb(var(--sd-color-risk-high) / <alpha-value>)",
484
+ "increased": "rgb(var(--sd-color-risk-increased) / <alpha-value>)",
485
+ "low": "rgb(var(--sd-color-risk-low) / <alpha-value>)",
486
+ "moderate": "rgb(var(--sd-color-risk-moderate) / <alpha-value>)",
487
+ "veryhigh": "rgb(var(--sd-color-risk-veryhigh) / <alpha-value>)"
488
+ },
489
+ "transparent": "transparent",
490
+ "inherit": "inherit",
491
+ "current": "currentColor"
492
+ },
493
+ "ringOffsetColor": {
494
+ "accent": {
495
+ "300": "rgb(var(--sd-color-background-accent-300) / <alpha-value>)",
496
+ "500": "rgb(var(--sd-color-background-accent-500) / <alpha-value>)",
497
+ "550": "rgb(var(--sd-color-background-accent-550) / <alpha-value>)",
498
+ "700": "rgb(var(--sd-color-background-accent-700) / <alpha-value>)",
499
+ "DEFAULT": "rgb(var(--sd-color-background-accent) / <alpha-value>)"
500
+ },
501
+ "error": {
502
+ "400": "rgb(var(--sd-color-background-error-400) / <alpha-value>)",
503
+ "DEFAULT": "rgb(var(--sd-color-background-error) / <alpha-value>)"
504
+ },
505
+ "info": "rgb(var(--sd-color-background-info) / <alpha-value>)",
506
+ "neutral": {
507
+ "100": "rgb(var(--sd-color-background-neutral-100) / <alpha-value>)",
508
+ "200": "rgb(var(--sd-color-background-neutral-200) / <alpha-value>)",
509
+ "300": "rgb(var(--sd-color-background-neutral-300) / <alpha-value>)",
510
+ "400": "rgb(var(--sd-color-background-neutral-400) / <alpha-value>)",
511
+ "500": "rgb(var(--sd-color-background-neutral-500) / <alpha-value>)",
512
+ "600": "rgb(var(--sd-color-background-neutral-600) / <alpha-value>)",
513
+ "800": "rgb(var(--sd-color-background-neutral-800) / <alpha-value>)"
514
+ },
515
+ "primary": {
516
+ "100": "rgb(var(--sd-color-background-primary-100) / <alpha-value>)",
517
+ "200": "rgb(var(--sd-color-background-primary-200) / <alpha-value>)",
518
+ "300": "rgb(var(--sd-color-background-primary-300) / <alpha-value>)",
519
+ "500": "rgb(var(--sd-color-background-primary-500) / <alpha-value>)",
520
+ "800": "rgb(var(--sd-color-background-primary-800) / <alpha-value>)",
521
+ "DEFAULT": "rgb(var(--sd-color-background-primary) / <alpha-value>)"
522
+ },
523
+ "success": "rgb(var(--sd-color-background-success) / <alpha-value>)",
524
+ "warning": "rgb(var(--sd-color-background-warning) / <alpha-value>)",
525
+ "white": "rgb(var(--sd-color-background-white) / <alpha-value>)",
526
+ "risk": {
527
+ "high": "rgb(var(--sd-color-risk-high) / <alpha-value>)",
528
+ "increased": "rgb(var(--sd-color-risk-increased) / <alpha-value>)",
529
+ "low": "rgb(var(--sd-color-risk-low) / <alpha-value>)",
530
+ "moderate": "rgb(var(--sd-color-risk-moderate) / <alpha-value>)",
531
+ "veryhigh": "rgb(var(--sd-color-risk-veryhigh) / <alpha-value>)"
532
+ },
533
+ "transparent": "transparent",
534
+ "inherit": "inherit",
535
+ "current": "currentColor"
536
+ },
537
+ "space": {
538
+ "0": "0rem",
539
+ "1": "var(--sd-spacing-1)",
540
+ "2": "var(--sd-spacing-2)",
541
+ "3": "var(--sd-spacing-3)",
542
+ "4": "var(--sd-spacing-4)",
543
+ "5": "1.25rem",
544
+ "6": "var(--sd-spacing-6)",
545
+ "7": "1.75rem",
546
+ "8": "var(--sd-spacing-8)",
547
+ "9": "2.25rem",
548
+ "10": "var(--sd-spacing-10)",
549
+ "11": "2.75rem",
550
+ "12": "var(--sd-spacing-12)",
551
+ "14": "var(--sd-spacing-14)",
552
+ "16": "var(--sd-spacing-16)",
553
+ "20": "var(--sd-spacing-20)",
554
+ "24": "var(--sd-spacing-24)",
555
+ "28": "7rem",
556
+ "32": "var(--sd-spacing-32)",
557
+ "36": "9rem",
558
+ "40": "var(--sd-spacing-40)",
559
+ "44": "11rem",
560
+ "52": "13rem",
561
+ "56": "14rem",
562
+ "64": "16rem",
563
+ "72": "18rem",
564
+ "80": "20rem",
565
+ "96": "24rem",
566
+ "0.25": "var(--sd-spacing-0.25)",
567
+ "0.5": "var(--sd-spacing-0.5)",
568
+ "1.5": "var(--sd-spacing-1.5)",
569
+ "px": "1px",
570
+ "3.5": "0.875rem",
571
+ "2.5": "0.625rem",
572
+ "auto": "auto"
573
+ },
574
+ "spacing": {
575
+ "0": "0rem",
576
+ "1": "var(--sd-spacing-1)",
577
+ "2": "var(--sd-spacing-2)",
578
+ "3": "var(--sd-spacing-3)",
579
+ "4": "var(--sd-spacing-4)",
580
+ "5": "1.25rem",
581
+ "6": "var(--sd-spacing-6)",
582
+ "7": "1.75rem",
583
+ "8": "var(--sd-spacing-8)",
584
+ "9": "2.25rem",
585
+ "10": "var(--sd-spacing-10)",
586
+ "11": "2.75rem",
587
+ "12": "var(--sd-spacing-12)",
588
+ "14": "var(--sd-spacing-14)",
589
+ "16": "var(--sd-spacing-16)",
590
+ "20": "var(--sd-spacing-20)",
591
+ "24": "var(--sd-spacing-24)",
592
+ "28": "7rem",
593
+ "32": "var(--sd-spacing-32)",
594
+ "36": "9rem",
595
+ "40": "var(--sd-spacing-40)",
596
+ "44": "11rem",
597
+ "52": "13rem",
598
+ "56": "14rem",
599
+ "64": "16rem",
600
+ "72": "18rem",
601
+ "80": "20rem",
602
+ "96": "24rem",
603
+ "0.25": "var(--sd-spacing-0.25)",
604
+ "0.5": "var(--sd-spacing-0.5)",
605
+ "1.5": "var(--sd-spacing-1.5)",
606
+ "px": "1px",
607
+ "3.5": "0.875rem",
608
+ "2.5": "0.625rem",
609
+ "auto": "auto"
610
+ },
611
+ "stroke": {
612
+ "accent": {
613
+ "550": "rgb(var(--sd-color-border-accent-550) / <alpha-value>)",
614
+ "DEFAULT": "rgb(var(--sd-color-border-accent) / <alpha-value>)"
615
+ },
616
+ "error": {
617
+ "400": "rgb(var(--sd-color-border-error-400) / <alpha-value>)",
618
+ "DEFAULT": "rgb(var(--sd-color-border-error) / <alpha-value>)"
619
+ },
620
+ "neutral": {
621
+ "400": "rgb(var(--sd-color-border-neutral-400) / <alpha-value>)",
622
+ "500": "rgb(var(--sd-color-border-neutral-500) / <alpha-value>)",
623
+ "600": "rgb(var(--sd-color-border-neutral-600) / <alpha-value>)",
624
+ "800": "rgb(var(--sd-color-border-neutral-800) / <alpha-value>)"
625
+ },
626
+ "primary": {
627
+ "100": "rgb(var(--sd-color-border-primary-100) / <alpha-value>)",
628
+ "200": "rgb(var(--sd-color-border-primary-200) / <alpha-value>)",
629
+ "400": "rgb(var(--sd-color-border-primary-400) / <alpha-value>)",
630
+ "500": "rgb(var(--sd-color-border-primary-500) / <alpha-value>)",
631
+ "800": "rgb(var(--sd-color-border-primary-800) / <alpha-value>)",
632
+ "DEFAULT": "rgb(var(--sd-color-border-primary) / <alpha-value>)"
633
+ },
634
+ "success": "rgb(var(--sd-color-border-success) / <alpha-value>)",
635
+ "white": "rgb(var(--sd-color-border-white) / <alpha-value>)",
636
+ "warning": "rgb(var(--sd-color-warning) / <alpha-value>)",
637
+ "risk": {
638
+ "high": "rgb(var(--sd-color-risk-high) / <alpha-value>)",
639
+ "increased": "rgb(var(--sd-color-risk-increased) / <alpha-value>)",
640
+ "low": "rgb(var(--sd-color-risk-low) / <alpha-value>)",
641
+ "moderate": "rgb(var(--sd-color-risk-moderate) / <alpha-value>)",
642
+ "veryhigh": "rgb(var(--sd-color-risk-veryhigh) / <alpha-value>)"
643
+ },
644
+ "transparent": "transparent",
645
+ "inherit": "inherit",
646
+ "current": "currentColor"
647
+ },
648
+ "tracking": {},
649
+ "textColor": {
650
+ "accent": "rgb(var(--sd-color-text-accent) / <alpha-value>)",
651
+ "black": "rgb(var(--sd-color-text-black) / <alpha-value>)",
652
+ "error": "rgb(var(--sd-color-text-error) / <alpha-value>)",
653
+ "neutral": {
654
+ "500": "rgb(var(--sd-color-text-neutral-500) / <alpha-value>)",
655
+ "600": "rgb(var(--sd-color-text-neutral-600) / <alpha-value>)",
656
+ "700": "rgb(var(--sd-color-text-neutral-700) / <alpha-value>)"
657
+ },
658
+ "primary": {
659
+ "100": "rgb(var(--sd-color-text-primary-100) / <alpha-value>)",
660
+ "200": "rgb(var(--sd-color-text-primary-200) / <alpha-value>)",
661
+ "400": "rgb(var(--sd-color-text-primary-400) / <alpha-value>)",
662
+ "500": "rgb(var(--sd-color-text-primary-500) / <alpha-value>)",
663
+ "800": "rgb(var(--sd-color-text-primary-800) / <alpha-value>)",
664
+ "DEFAULT": "rgb(var(--sd-color-text-primary) / <alpha-value>)"
665
+ },
666
+ "success": "rgb(var(--sd-color-text-success) / <alpha-value>)",
667
+ "white": "rgb(var(--sd-color-text-white) / <alpha-value>)",
668
+ "warning": "rgb(var(--sd-color-warning) / <alpha-value>)",
669
+ "risk": {
670
+ "high": "rgb(var(--sd-color-risk-high) / <alpha-value>)",
671
+ "increased": "rgb(var(--sd-color-risk-increased) / <alpha-value>)",
672
+ "low": "rgb(var(--sd-color-risk-low) / <alpha-value>)",
673
+ "moderate": "rgb(var(--sd-color-risk-moderate) / <alpha-value>)",
674
+ "veryhigh": "rgb(var(--sd-color-risk-veryhigh) / <alpha-value>)"
675
+ },
676
+ "transparent": "transparent",
677
+ "inherit": "inherit",
678
+ "current": "currentColor"
679
+ },
680
+ "textDecorationColor": {
681
+ "accent": "rgb(var(--sd-color-text-accent) / <alpha-value>)",
682
+ "black": "rgb(var(--sd-color-text-black) / <alpha-value>)",
683
+ "error": "rgb(var(--sd-color-text-error) / <alpha-value>)",
684
+ "neutral": {
685
+ "500": "rgb(var(--sd-color-text-neutral-500) / <alpha-value>)",
686
+ "600": "rgb(var(--sd-color-text-neutral-600) / <alpha-value>)",
687
+ "700": "rgb(var(--sd-color-text-neutral-700) / <alpha-value>)"
688
+ },
689
+ "primary": {
690
+ "100": "rgb(var(--sd-color-text-primary-100) / <alpha-value>)",
691
+ "200": "rgb(var(--sd-color-text-primary-200) / <alpha-value>)",
692
+ "400": "rgb(var(--sd-color-text-primary-400) / <alpha-value>)",
693
+ "500": "rgb(var(--sd-color-text-primary-500) / <alpha-value>)",
694
+ "800": "rgb(var(--sd-color-text-primary-800) / <alpha-value>)",
695
+ "DEFAULT": "rgb(var(--sd-color-text-primary) / <alpha-value>)"
696
+ },
697
+ "success": "rgb(var(--sd-color-text-success) / <alpha-value>)",
698
+ "white": "rgb(var(--sd-color-text-white) / <alpha-value>)",
699
+ "warning": "rgb(var(--sd-color-warning) / <alpha-value>)",
700
+ "risk": {
701
+ "high": "rgb(var(--sd-color-risk-high) / <alpha-value>)",
702
+ "increased": "rgb(var(--sd-color-risk-increased) / <alpha-value>)",
703
+ "low": "rgb(var(--sd-color-risk-low) / <alpha-value>)",
704
+ "moderate": "rgb(var(--sd-color-risk-moderate) / <alpha-value>)",
705
+ "veryhigh": "rgb(var(--sd-color-risk-veryhigh) / <alpha-value>)"
706
+ },
707
+ "transparent": "transparent",
708
+ "inherit": "inherit",
709
+ "current": "currentColor"
710
+ },
711
+ "zIndex": {
712
+ "10": "10",
713
+ "20": "20",
714
+ "30": "30",
715
+ "40": "40",
716
+ "50": "50",
717
+ "alert-group": "var(--sd-z-index-alert-group, 950)",
718
+ "auto": "auto",
719
+ "dialog": "var(--sd-z-index-dialog, 800)",
720
+ "drawer": "var(--sd-z-index-drawer, 700)",
721
+ "dropdown": "var(--sd-z-index-dropdown, 900)",
722
+ "header": "var(--sd-z-index-header, 600)",
723
+ "tooltip": "var(--sd-z-index-tooltip, 1000)"
724
+ },
725
+ "risk": {
726
+ "high": "rgb(var(--sd-color-risk-high) / <alpha-value>)",
727
+ "increased": "rgb(var(--sd-color-risk-increased) / <alpha-value>)",
728
+ "low": "rgb(var(--sd-color-risk-low) / <alpha-value>)",
729
+ "moderate": "rgb(var(--sd-color-risk-moderate) / <alpha-value>)",
730
+ "veryhigh": "rgb(var(--sd-color-risk-veryhigh) / <alpha-value>)"
731
+ },
732
+ "aspectRatio": {
733
+ "16/10": "16 / 10",
734
+ "21/9": "21 / 9",
735
+ "2/1": "2 / 1",
736
+ "3/2": "3 / 2",
737
+ "3/4": "3 / 4",
738
+ "4/3": "4 / 3",
739
+ "4/5": "4 / 5",
740
+ "5/4": "5 / 4",
741
+ "6/5": "6 / 5",
742
+ "golden-ratio": "1.6180339887498948482 / 1",
743
+ "square": "1 / 1",
744
+ "video": "16 / 9"
745
+ }
746
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@solid-design-system/tokens",
3
- "version": "6.7.0",
3
+ "version": "6.8.0",
4
4
  "description": "Solid Design System: Tokens",
5
5
  "publishConfig": {
6
6
  "access": "public",
@@ -13,11 +13,12 @@
13
13
  "cdn"
14
14
  ],
15
15
  "exports": {
16
- "./dist/scss": "./dist/tokens.scss",
16
+ "./dist/tailwind.json": "./dist/tokens.tailwind.json",
17
17
  "./dist/tailwind.css": "./dist/themes/tailwind.css",
18
- "./dist/theme.js": "./dist/theme.js",
19
18
  "./dist/themes": "./dist/themes",
20
- "./dist/themes/*": "./dist/themes/*"
19
+ "./dist/themes/*": "./dist/themes/*",
20
+ "./dist/theme.js": "./dist/theme.js",
21
+ "./dist/scss": "./dist/tokens.scss"
21
22
  },
22
23
  "keywords": [],
23
24
  "homepage": "https://solid-design-system.fe.union-investment.de/docs/",
@@ -32,14 +33,14 @@
32
33
  "license": "MIT",
33
34
  "devDependencies": {
34
35
  "@figma-export/types": "^6.2.2",
35
- "@figma/rest-api-spec": "^0.33.0",
36
+ "@figma/rest-api-spec": "^0.36.0",
36
37
  "@tamtamchik/json-deep-sort": "^1.4.1",
37
- "@tokens-studio/sd-transforms": "^2.0.1",
38
- "dotenv": "^17.2.3",
39
- "ora": "^9.0.0",
38
+ "@tokens-studio/sd-transforms": "^2.0.3",
39
+ "dotenv": "^17.3.1",
40
+ "ora": "^9.3.0",
40
41
  "picocolors": "^1.1.1",
41
42
  "style-dictionary": "^5.0.1",
42
- "tailwindcss": "^4.1.13",
43
+ "tailwindcss": "^4.1.18",
43
44
  "tailwindcss-export-config": "^4.1.0"
44
45
  },
45
46
  "readme": "README.md",