@graphprotocol/gds-css 0.0.1

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 (136) hide show
  1. package/README.md +80 -0
  2. package/dist/component-registry.d.ts +90 -0
  3. package/dist/component-registry.d.ts.map +1 -0
  4. package/dist/component-registry.js +93 -0
  5. package/dist/component-registry.js.map +1 -0
  6. package/dist/css-props/getCSSPropRawValue.d.ts +4 -0
  7. package/dist/css-props/getCSSPropRawValue.d.ts.map +1 -0
  8. package/dist/css-props/getCSSPropRawValue.js +41 -0
  9. package/dist/css-props/getCSSPropRawValue.js.map +1 -0
  10. package/dist/css-props/index.d.ts +5 -0
  11. package/dist/css-props/index.d.ts.map +1 -0
  12. package/dist/css-props/index.js +5 -0
  13. package/dist/css-props/index.js.map +1 -0
  14. package/dist/css-props/parseCSSPropValue.d.ts +7 -0
  15. package/dist/css-props/parseCSSPropValue.d.ts.map +1 -0
  16. package/dist/css-props/parseCSSPropValue.js +70 -0
  17. package/dist/css-props/parseCSSPropValue.js.map +1 -0
  18. package/dist/css-props/registerCSSProps.d.ts +7 -0
  19. package/dist/css-props/registerCSSProps.d.ts.map +1 -0
  20. package/dist/css-props/registerCSSProps.js +231 -0
  21. package/dist/css-props/registerCSSProps.js.map +1 -0
  22. package/dist/css-props/types.d.ts +29 -0
  23. package/dist/css-props/types.d.ts.map +1 -0
  24. package/dist/css-props/types.js +2 -0
  25. package/dist/css-props/types.js.map +1 -0
  26. package/dist/css-states/index.d.ts +3 -0
  27. package/dist/css-states/index.d.ts.map +1 -0
  28. package/dist/css-states/index.js +3 -0
  29. package/dist/css-states/index.js.map +1 -0
  30. package/dist/css-states/registerCSSStates.d.ts +23 -0
  31. package/dist/css-states/registerCSSStates.d.ts.map +1 -0
  32. package/dist/css-states/registerCSSStates.js +119 -0
  33. package/dist/css-states/registerCSSStates.js.map +1 -0
  34. package/dist/css-states/states.d.ts +71 -0
  35. package/dist/css-states/states.d.ts.map +1 -0
  36. package/dist/css-states/states.js +140 -0
  37. package/dist/css-states/states.js.map +1 -0
  38. package/dist/design-tokens.generated.d.ts +1167 -0
  39. package/dist/design-tokens.generated.d.ts.map +1 -0
  40. package/dist/design-tokens.generated.js +2675 -0
  41. package/dist/design-tokens.generated.js.map +1 -0
  42. package/dist/index.d.ts +7 -0
  43. package/dist/index.d.ts.map +1 -0
  44. package/dist/index.js +7 -0
  45. package/dist/index.js.map +1 -0
  46. package/dist/tailwind-customizations/index.d.ts +3 -0
  47. package/dist/tailwind-customizations/index.d.ts.map +1 -0
  48. package/dist/tailwind-customizations/index.js +3 -0
  49. package/dist/tailwind-customizations/index.js.map +1 -0
  50. package/dist/tailwind-customizations/registerUtilities.d.ts +9 -0
  51. package/dist/tailwind-customizations/registerUtilities.d.ts.map +1 -0
  52. package/dist/tailwind-customizations/registerUtilities.js +59 -0
  53. package/dist/tailwind-customizations/registerUtilities.js.map +1 -0
  54. package/dist/tailwind-customizations/registerVariants.d.ts +8 -0
  55. package/dist/tailwind-customizations/registerVariants.d.ts.map +1 -0
  56. package/dist/tailwind-customizations/registerVariants.js +197 -0
  57. package/dist/tailwind-customizations/registerVariants.js.map +1 -0
  58. package/dist/tailwind-customizations/variants.d.ts +72 -0
  59. package/dist/tailwind-customizations/variants.d.ts.map +1 -0
  60. package/dist/tailwind-customizations/variants.js +153 -0
  61. package/dist/tailwind-customizations/variants.js.map +1 -0
  62. package/dist/tailwind-plugin.d.ts +4 -0
  63. package/dist/tailwind-plugin.d.ts.map +1 -0
  64. package/dist/tailwind-plugin.js +12 -0
  65. package/dist/tailwind-plugin.js.map +1 -0
  66. package/dist/types.d.ts +4 -0
  67. package/dist/types.d.ts.map +1 -0
  68. package/dist/types.js +2 -0
  69. package/dist/types.js.map +1 -0
  70. package/dist/utils/cssUnescape.d.ts +20 -0
  71. package/dist/utils/cssUnescape.d.ts.map +1 -0
  72. package/dist/utils/cssUnescape.js +44 -0
  73. package/dist/utils/cssUnescape.js.map +1 -0
  74. package/dist/utils/index.d.ts +6 -0
  75. package/dist/utils/index.d.ts.map +1 -0
  76. package/dist/utils/index.js +6 -0
  77. package/dist/utils/index.js.map +1 -0
  78. package/dist/utils/pxToTw.d.ts +3 -0
  79. package/dist/utils/pxToTw.d.ts.map +1 -0
  80. package/dist/utils/pxToTw.js +5 -0
  81. package/dist/utils/pxToTw.js.map +1 -0
  82. package/dist/utils/twToPx.d.ts +3 -0
  83. package/dist/utils/twToPx.d.ts.map +1 -0
  84. package/dist/utils/twToPx.js +5 -0
  85. package/dist/utils/twToPx.js.map +1 -0
  86. package/dist/utils/twToRem.d.ts +3 -0
  87. package/dist/utils/twToRem.d.ts.map +1 -0
  88. package/dist/utils/twToRem.js +5 -0
  89. package/dist/utils/twToRem.js.map +1 -0
  90. package/dist/utils/wrapSelector.d.ts +10 -0
  91. package/dist/utils/wrapSelector.d.ts.map +1 -0
  92. package/dist/utils/wrapSelector.js +57 -0
  93. package/dist/utils/wrapSelector.js.map +1 -0
  94. package/package.json +65 -0
  95. package/src/component-registry.ts +213 -0
  96. package/src/css-props/getCSSPropRawValue.ts +52 -0
  97. package/src/css-props/index.ts +4 -0
  98. package/src/css-props/parseCSSPropValue.ts +81 -0
  99. package/src/css-props/registerCSSProps.ts +274 -0
  100. package/src/css-props/types.ts +35 -0
  101. package/src/css-states/index.ts +2 -0
  102. package/src/css-states/registerCSSStates.ts +136 -0
  103. package/src/css-states/states.ts +160 -0
  104. package/src/design-tokens.generated.ts +2799 -0
  105. package/src/index.ts +6 -0
  106. package/src/tailwind-customizations/index.ts +2 -0
  107. package/src/tailwind-customizations/registerUtilities.ts +65 -0
  108. package/src/tailwind-customizations/registerVariants.ts +296 -0
  109. package/src/tailwind-customizations/variants.ts +190 -0
  110. package/src/tailwind-plugin.ts +14 -0
  111. package/src/types.ts +4 -0
  112. package/src/utils/cssUnescape.ts +49 -0
  113. package/src/utils/index.ts +5 -0
  114. package/src/utils/pxToTw.ts +4 -0
  115. package/src/utils/twToPx.ts +4 -0
  116. package/src/utils/twToRem.ts +4 -0
  117. package/src/utils/wrapSelector.ts +60 -0
  118. package/styles/fonts/EuclidCircularA-Bold.woff2 +0 -0
  119. package/styles/fonts/EuclidCircularA-BoldItalic.woff2 +0 -0
  120. package/styles/fonts/EuclidCircularA-Light.woff2 +0 -0
  121. package/styles/fonts/EuclidCircularA-LightItalic.woff2 +0 -0
  122. package/styles/fonts/EuclidCircularA-Medium.woff2 +0 -0
  123. package/styles/fonts/EuclidCircularA-MediumItalic.woff2 +0 -0
  124. package/styles/fonts/EuclidCircularA-Regular.woff2 +0 -0
  125. package/styles/fonts/EuclidCircularA-RegularItalic.woff2 +0 -0
  126. package/styles/fonts/EuclidCircularA-Semibold.woff2 +0 -0
  127. package/styles/fonts/EuclidCircularA-SemiboldItalic.woff2 +0 -0
  128. package/styles/fonts.css +83 -0
  129. package/styles/global.css +203 -0
  130. package/styles/layers.css +8 -0
  131. package/styles/tailwind.css +13 -0
  132. package/styles/tailwind.vscode.css +11 -0
  133. package/styles/theme.css +420 -0
  134. package/styles/typography.css +198 -0
  135. package/styles/utilities.css +305 -0
  136. package/styles/variants.css +34 -0
@@ -0,0 +1,1167 @@
1
+ /**
2
+ * Auto-generated from theme.css - do not edit manually
3
+ */
4
+ export type GDSColor = 'black' | 'white' | 'transparent' | 'current' | 'space-100' | 'space-200' | 'space-300' | 'space-400' | 'space-500' | 'space-600' | 'space-700' | 'space-800' | 'space-900' | 'space-1000' | 'space-1100' | 'space-1200' | 'space-1300' | 'space-1400' | 'space-1500' | 'space-1600' | 'space-1700' | 'space-1800' | 'foam-100' | 'foam-200' | 'foam-300' | 'foam-400' | 'foam-500' | 'foam-600' | 'foam-700' | 'foam-800' | 'foam-900' | 'foam-1000' | 'brand-100' | 'brand-200' | 'brand-300' | 'brand-400' | 'brand-500' | 'brand-600' | 'brand-700' | 'brand-800' | 'brand-900' | 'brand-1000' | 'brand-1100' | 'brand-1200' | 'galactic-100' | 'galactic-200' | 'galactic-300' | 'galactic-400' | 'galactic-500' | 'galactic-600' | 'galactic-700' | 'galactic-800' | 'galactic-900' | 'galactic-1000' | 'galactic-1100' | 'starfield-100' | 'starfield-200' | 'starfield-300' | 'starfield-400' | 'starfield-500' | 'starfield-600' | 'starfield-700' | 'starfield-800' | 'starfield-900' | 'starfield-1000' | 'starfield-1100' | 'solar-100' | 'solar-200' | 'solar-300' | 'solar-400' | 'solar-500' | 'solar-600' | 'solar-700' | 'solar-800' | 'solar-900' | 'solar-1000' | 'solar-1100' | 'sonja-100' | 'sonja-200' | 'sonja-300' | 'sonja-400' | 'sonja-500' | 'sonja-600' | 'sonja-700' | 'sonja-800' | 'sonja-900' | 'sonja-1000' | 'sonja-1100' | 'status-info-subtle' | 'status-info-muted' | 'status-info-default' | 'status-info-elevated' | 'status-info-strong' | 'status-warning-subtle' | 'status-warning-muted' | 'status-warning-default' | 'status-warning-elevated' | 'status-warning-strong' | 'status-error-subtle' | 'status-error-muted' | 'status-error-default' | 'status-error-elevated' | 'status-error-strong' | 'status-success-subtle' | 'status-success-muted' | 'status-success-default' | 'status-success-elevated' | 'status-success-strong';
5
+ export type GDSEasing = 'linear' | 'in' | 'out' | 'in-out';
6
+ export type GDSDuration = 0 | 25 | 50 | 75 | 100 | 150 | 200 | 250 | 300 | 400 | 500 | 700 | 1000 | 1500 | 2000 | 3000 | 4000 | 5000;
7
+ export declare const easings: {
8
+ readonly linear: readonly [0, 0, 1, 1];
9
+ readonly in: readonly [0.4, 0, 1, 1];
10
+ readonly out: readonly [0, 0, 0.4, 1];
11
+ readonly 'in-out': readonly [0.4, 0, 0.4, 1];
12
+ };
13
+ export declare const durations: readonly [0, 25, 50, 75, 100, 150, 200, 250, 300, 400, 500, 700, 1000, 1500, 2000, 3000, 4000, 5000];
14
+ export declare const primitiveColors: readonly [{
15
+ readonly name: "black";
16
+ readonly hex: "#000000";
17
+ }, {
18
+ readonly name: "white";
19
+ readonly hex: "#ffffff";
20
+ }, {
21
+ readonly name: "space-100";
22
+ readonly hex: "#f3f3f4";
23
+ }, {
24
+ readonly name: "space-200";
25
+ readonly hex: "#dbdbdb";
26
+ }, {
27
+ readonly name: "space-300";
28
+ readonly hex: "#c5c4c6";
29
+ }, {
30
+ readonly name: "space-400";
31
+ readonly hex: "#b6b5b9";
32
+ }, {
33
+ readonly name: "space-500";
34
+ readonly hex: "#a7a5ae";
35
+ }, {
36
+ readonly name: "space-600";
37
+ readonly hex: "#918f9d";
38
+ }, {
39
+ readonly name: "space-700";
40
+ readonly hex: "#848192";
41
+ }, {
42
+ readonly name: "space-800";
43
+ readonly hex: "#757285";
44
+ }, {
45
+ readonly name: "space-900";
46
+ readonly hex: "#666378";
47
+ }, {
48
+ readonly name: "space-1000";
49
+ readonly hex: "#59556c";
50
+ }, {
51
+ readonly name: "space-1100";
52
+ readonly hex: "#49465d";
53
+ }, {
54
+ readonly name: "space-1200";
55
+ readonly hex: "#3a374d";
56
+ }, {
57
+ readonly name: "space-1300";
58
+ readonly hex: "#2d2a3f";
59
+ }, {
60
+ readonly name: "space-1400";
61
+ readonly hex: "#242236";
62
+ }, {
63
+ readonly name: "space-1500";
64
+ readonly hex: "#1d1a30";
65
+ }, {
66
+ readonly name: "space-1600";
67
+ readonly hex: "#16132a";
68
+ }, {
69
+ readonly name: "space-1700";
70
+ readonly hex: "#0c0a1d";
71
+ }, {
72
+ readonly name: "space-1800";
73
+ readonly hex: "#080618";
74
+ }, {
75
+ readonly name: "foam-100";
76
+ readonly hex: "#fafafa";
77
+ }, {
78
+ readonly name: "foam-200";
79
+ readonly hex: "#f3f3f4";
80
+ }, {
81
+ readonly name: "foam-300";
82
+ readonly hex: "#ececec";
83
+ }, {
84
+ readonly name: "foam-400";
85
+ readonly hex: "#e3e3e3";
86
+ }, {
87
+ readonly name: "foam-500";
88
+ readonly hex: "#cacace";
89
+ }, {
90
+ readonly name: "foam-600";
91
+ readonly hex: "#bfbfc5";
92
+ }, {
93
+ readonly name: "foam-700";
94
+ readonly hex: "#c0c0c4";
95
+ }, {
96
+ readonly name: "foam-800";
97
+ readonly hex: "#afafb6";
98
+ }, {
99
+ readonly name: "foam-900";
100
+ readonly hex: "#9d9da4";
101
+ }, {
102
+ readonly name: "foam-1000";
103
+ readonly hex: "#7d7d87";
104
+ }, {
105
+ readonly name: "brand-100";
106
+ readonly hex: "#e2dbff";
107
+ }, {
108
+ readonly name: "brand-200";
109
+ readonly hex: "#c5b7ff";
110
+ }, {
111
+ readonly name: "brand-300";
112
+ readonly hex: "#a994ff";
113
+ }, {
114
+ readonly name: "brand-400";
115
+ readonly hex: "#8c70ff";
116
+ }, {
117
+ readonly name: "brand-500";
118
+ readonly hex: "#6f4cff";
119
+ }, {
120
+ readonly name: "brand-600";
121
+ readonly hex: "#6545e8";
122
+ }, {
123
+ readonly name: "brand-700";
124
+ readonly hex: "#5138ba";
125
+ }, {
126
+ readonly name: "brand-800";
127
+ readonly hex: "#3d2b8c";
128
+ }, {
129
+ readonly name: "brand-900";
130
+ readonly hex: "#332476";
131
+ }, {
132
+ readonly name: "brand-1000";
133
+ readonly hex: "#281c5c";
134
+ }, {
135
+ readonly name: "brand-1100";
136
+ readonly hex: "#19123a";
137
+ }, {
138
+ readonly name: "brand-1200";
139
+ readonly hex: "#140f2f";
140
+ }, {
141
+ readonly name: "galactic-100";
142
+ readonly hex: "#dbecff";
143
+ }, {
144
+ readonly name: "galactic-200";
145
+ readonly hex: "#b7d8ff";
146
+ }, {
147
+ readonly name: "galactic-300";
148
+ readonly hex: "#94c5ff";
149
+ }, {
150
+ readonly name: "galactic-400";
151
+ readonly hex: "#70b1ff";
152
+ }, {
153
+ readonly name: "galactic-500";
154
+ readonly hex: "#4c9eff";
155
+ }, {
156
+ readonly name: "galactic-600";
157
+ readonly hex: "#3f80d1";
158
+ }, {
159
+ readonly name: "galactic-700";
160
+ readonly hex: "#3262a3";
161
+ }, {
162
+ readonly name: "galactic-800";
163
+ readonly hex: "#254576";
164
+ }, {
165
+ readonly name: "galactic-900";
166
+ readonly hex: "#182748";
167
+ }, {
168
+ readonly name: "galactic-1000";
169
+ readonly hex: "#0f192e";
170
+ }, {
171
+ readonly name: "galactic-1100";
172
+ readonly hex: "#0d1526";
173
+ }, {
174
+ readonly name: "starfield-100";
175
+ readonly hex: "#dbf4e6";
176
+ }, {
177
+ readonly name: "starfield-200";
178
+ readonly hex: "#b7eacd";
179
+ }, {
180
+ readonly name: "starfield-300";
181
+ readonly hex: "#93dfb3";
182
+ }, {
183
+ readonly name: "starfield-400";
184
+ readonly hex: "#6fd59a";
185
+ }, {
186
+ readonly name: "starfield-500";
187
+ readonly hex: "#4bca81";
188
+ }, {
189
+ readonly name: "starfield-600";
190
+ readonly hex: "#3ea36c";
191
+ }, {
192
+ readonly name: "starfield-700";
193
+ readonly hex: "#317d58";
194
+ }, {
195
+ readonly name: "starfield-800";
196
+ readonly hex: "#255643";
197
+ }, {
198
+ readonly name: "starfield-900";
199
+ readonly hex: "#18302f";
200
+ }, {
201
+ readonly name: "starfield-1000";
202
+ readonly hex: "#112221";
203
+ }, {
204
+ readonly name: "starfield-1100";
205
+ readonly hex: "#0e1b1b";
206
+ }, {
207
+ readonly name: "solar-100";
208
+ readonly hex: "#ffeecc";
209
+ }, {
210
+ readonly name: "solar-200";
211
+ readonly hex: "#ffdc99";
212
+ }, {
213
+ readonly name: "solar-300";
214
+ readonly hex: "#ffcb67";
215
+ }, {
216
+ readonly name: "solar-400";
217
+ readonly hex: "#ffb934";
218
+ }, {
219
+ readonly name: "solar-500";
220
+ readonly hex: "#ffa801";
221
+ }, {
222
+ readonly name: "solar-600";
223
+ readonly hex: "#ce8806";
224
+ }, {
225
+ readonly name: "solar-700";
226
+ readonly hex: "#9d680b";
227
+ }, {
228
+ readonly name: "solar-800";
229
+ readonly hex: "#6d4910";
230
+ }, {
231
+ readonly name: "solar-900";
232
+ readonly hex: "#3c2915";
233
+ }, {
234
+ readonly name: "solar-1000";
235
+ readonly hex: "#271b1b";
236
+ }, {
237
+ readonly name: "solar-1100";
238
+ readonly hex: "#1d161a";
239
+ }, {
240
+ readonly name: "sonja-100";
241
+ readonly hex: "#fbdbe2";
242
+ }, {
243
+ readonly name: "sonja-200";
244
+ readonly hex: "#f8b7c5";
245
+ }, {
246
+ readonly name: "sonja-300";
247
+ readonly hex: "#f492a7";
248
+ }, {
249
+ readonly name: "sonja-400";
250
+ readonly hex: "#f16e8a";
251
+ }, {
252
+ readonly name: "sonja-500";
253
+ readonly hex: "#ed4a6d";
254
+ }, {
255
+ readonly name: "sonja-600";
256
+ readonly hex: "#c03d5c";
257
+ }, {
258
+ readonly name: "sonja-700";
259
+ readonly hex: "#93304c";
260
+ }, {
261
+ readonly name: "sonja-800";
262
+ readonly hex: "#65233b";
263
+ }, {
264
+ readonly name: "sonja-900";
265
+ readonly hex: "#38162b";
266
+ }, {
267
+ readonly name: "sonja-1000";
268
+ readonly hex: "#250e25";
269
+ }, {
270
+ readonly name: "sonja-1100";
271
+ readonly hex: "#180b1d";
272
+ }];
273
+ export declare const semanticColors: readonly [{
274
+ readonly name: "default";
275
+ readonly category: "text";
276
+ readonly light: readonly ["var(--color-space-1800)", "#080618"];
277
+ readonly dark: readonly ["var(--color-white)", "#ffffff"];
278
+ }, {
279
+ readonly name: "subtle";
280
+ readonly category: "text";
281
+ readonly light: readonly ["var(--color-space-600)", "#918f9d"];
282
+ readonly dark: readonly ["var(--color-foam-1000)", "#7d7d87"];
283
+ }, {
284
+ readonly name: "muted";
285
+ readonly category: "text";
286
+ readonly light: readonly ["var(--color-space-1000)", "#59556c"];
287
+ readonly dark: readonly ["var(--color-foam-800)", "#afafb6"];
288
+ }, {
289
+ readonly name: "elevated";
290
+ readonly category: "text";
291
+ readonly light: readonly ["var(--color-space-1400)", "#242236"];
292
+ readonly dark: readonly ["var(--color-foam-600)", "#bfbfc5"];
293
+ }, {
294
+ readonly name: "strong";
295
+ readonly category: "text";
296
+ readonly light: readonly ["var(--color-space-1600)", "#16132a"];
297
+ readonly dark: readonly ["var(--color-foam-200)", "#f3f3f4"];
298
+ }, {
299
+ readonly name: "inverse-default";
300
+ readonly category: "text";
301
+ readonly light: readonly ["var(--color-white)", "#ffffff"];
302
+ readonly dark: readonly ["var(--color-space-1800)", "#080618"];
303
+ }, {
304
+ readonly name: "inverse-subtle";
305
+ readonly category: "text";
306
+ readonly light: readonly ["var(--color-foam-1000)", "#7d7d87"];
307
+ readonly dark: readonly ["var(--color-space-600)", "#918f9d"];
308
+ }, {
309
+ readonly name: "inverse-muted";
310
+ readonly category: "text";
311
+ readonly light: readonly ["var(--color-foam-800)", "#afafb6"];
312
+ readonly dark: readonly ["var(--color-space-1000)", "#59556c"];
313
+ }, {
314
+ readonly name: "inverse-elevated";
315
+ readonly category: "text";
316
+ readonly light: readonly ["var(--color-foam-600)", "#bfbfc5"];
317
+ readonly dark: readonly ["var(--color-space-1400)", "#242236"];
318
+ }, {
319
+ readonly name: "inverse-strong";
320
+ readonly category: "text";
321
+ readonly light: readonly ["var(--color-foam-200)", "#f3f3f4"];
322
+ readonly dark: readonly ["var(--color-space-1600)", "#16132a"];
323
+ }, {
324
+ readonly name: "link-idle";
325
+ readonly category: "text";
326
+ readonly light: readonly ["var(--color-galactic-700)", "#3262a3"];
327
+ readonly dark: readonly ["var(--color-galactic-500)", "#4c9eff"];
328
+ }, {
329
+ readonly name: "link-hover";
330
+ readonly category: "text";
331
+ readonly light: readonly ["var(--color-galactic-800)", "#254576"];
332
+ readonly dark: readonly ["var(--color-galactic-400)", "#70b1ff"];
333
+ }, {
334
+ readonly name: "link-active";
335
+ readonly category: "text";
336
+ readonly light: readonly ["var(--color-galactic-700)", "#3262a3"];
337
+ readonly dark: readonly ["var(--color-galactic-500)", "#4c9eff"];
338
+ }, {
339
+ readonly name: "link-disabled";
340
+ readonly category: "text";
341
+ readonly light: readonly ["var(--color-foam-800)", "#afafb6"];
342
+ readonly dark: readonly ["var(--color-space-800)", "#757285"];
343
+ }, {
344
+ readonly name: "code";
345
+ readonly category: "text";
346
+ readonly light: readonly ["var(--color-solar-900)", "#3c2915"];
347
+ readonly dark: readonly ["var(--color-solar-400)", "#ffb934"];
348
+ }, {
349
+ readonly name: "code-added";
350
+ readonly category: "text";
351
+ readonly light: readonly ["var(--color-starfield-800)", "#255643"];
352
+ readonly dark: readonly ["var(--color-starfield-300)", "#93dfb3"];
353
+ }, {
354
+ readonly name: "code-deleted";
355
+ readonly category: "text";
356
+ readonly light: readonly ["var(--color-sonja-800)", "#65233b"];
357
+ readonly dark: readonly ["var(--color-sonja-200)", "#f8b7c5"];
358
+ }, {
359
+ readonly name: "canvas";
360
+ readonly category: "background";
361
+ readonly light: readonly ["var(--color-white)", "#ffffff"];
362
+ readonly dark: readonly ["var(--color-space-1800)", "#080618"];
363
+ }, {
364
+ readonly name: "subtle";
365
+ readonly category: "background";
366
+ readonly light: readonly ["var(--color-foam-100)", "#fafafa"];
367
+ readonly dark: readonly ["var(--color-space-1700)", "#0c0a1d"];
368
+ }, {
369
+ readonly name: "muted";
370
+ readonly category: "background";
371
+ readonly light: readonly ["var(--color-foam-200)", "#f3f3f4"];
372
+ readonly dark: readonly ["var(--color-space-1600)", "#16132a"];
373
+ }, {
374
+ readonly name: "default";
375
+ readonly category: "background";
376
+ readonly light: readonly ["var(--color-foam-300)", "#ececec"];
377
+ readonly dark: readonly ["var(--color-space-1500)", "#1d1a30"];
378
+ }, {
379
+ readonly name: "elevated";
380
+ readonly category: "background";
381
+ readonly light: readonly ["var(--color-foam-400)", "#e3e3e3"];
382
+ readonly dark: readonly ["var(--color-space-1400)", "#242236"];
383
+ }, {
384
+ readonly name: "strong";
385
+ readonly category: "background";
386
+ readonly light: readonly ["var(--color-foam-500)", "#cacace"];
387
+ readonly dark: readonly ["var(--color-space-1300)", "#2d2a3f"];
388
+ }, {
389
+ readonly name: "brand-subtle";
390
+ readonly category: "background";
391
+ readonly light: readonly ["var(--color-brand-300)", "#a994ff"];
392
+ readonly dark: readonly ["var(--color-brand-800)", "#3d2b8c"];
393
+ }, {
394
+ readonly name: "brand-muted";
395
+ readonly category: "background";
396
+ readonly light: readonly ["var(--color-brand-400)", "#8c70ff"];
397
+ readonly dark: readonly ["var(--color-brand-700)", "#5138ba"];
398
+ }, {
399
+ readonly name: "brand-default";
400
+ readonly category: "background";
401
+ readonly light: readonly ["var(--color-brand-500)", "#6f4cff"];
402
+ readonly dark: readonly ["var(--color-brand-500)", "#6f4cff"];
403
+ }, {
404
+ readonly name: "brand-elevated";
405
+ readonly category: "background";
406
+ readonly light: readonly ["var(--color-brand-700)", "#5138ba"];
407
+ readonly dark: readonly ["var(--color-brand-400)", "#8c70ff"];
408
+ }, {
409
+ readonly name: "brand-strong";
410
+ readonly category: "background";
411
+ readonly light: readonly ["var(--color-brand-800)", "#3d2b8c"];
412
+ readonly dark: readonly ["var(--color-brand-300)", "#a994ff"];
413
+ }, {
414
+ readonly name: "inverse-canvas";
415
+ readonly category: "background";
416
+ readonly light: readonly ["var(--color-space-1800)", "#080618"];
417
+ readonly dark: readonly ["var(--color-space-100)", "#f3f3f4"];
418
+ }, {
419
+ readonly name: "inverse-subtle";
420
+ readonly category: "background";
421
+ readonly light: readonly ["var(--color-space-1700)", "#0c0a1d"];
422
+ readonly dark: readonly ["var(--color-space-200)", "#dbdbdb"];
423
+ }, {
424
+ readonly name: "inverse-muted";
425
+ readonly category: "background";
426
+ readonly light: readonly ["var(--color-space-1600)", "#16132a"];
427
+ readonly dark: readonly ["var(--color-space-300)", "#c5c4c6"];
428
+ }, {
429
+ readonly name: "inverse-default";
430
+ readonly category: "background";
431
+ readonly light: readonly ["var(--color-space-1500)", "#1d1a30"];
432
+ readonly dark: readonly ["var(--color-space-400)", "#b6b5b9"];
433
+ }, {
434
+ readonly name: "inverse-elevated";
435
+ readonly category: "background";
436
+ readonly light: readonly ["var(--color-space-1400)", "#242236"];
437
+ readonly dark: readonly ["var(--color-space-500)", "#a7a5ae"];
438
+ }, {
439
+ readonly name: "inverse-strong";
440
+ readonly category: "background";
441
+ readonly light: readonly ["var(--color-space-1300)", "#2d2a3f"];
442
+ readonly dark: readonly ["var(--color-space-600)", "#918f9d"];
443
+ }, {
444
+ readonly name: "code";
445
+ readonly category: "background";
446
+ readonly light: readonly ["var(--color-solar-100)", "#ffeecc"];
447
+ readonly dark: readonly ["var(--color-solar-1000)", "#271b1b"];
448
+ }, {
449
+ readonly name: "code-added";
450
+ readonly category: "background";
451
+ readonly light: readonly ["var(--color-starfield-100)", "#dbf4e6"];
452
+ readonly dark: readonly ["var(--color-starfield-1000)", "#112221"];
453
+ }, {
454
+ readonly name: "code-deleted";
455
+ readonly category: "background";
456
+ readonly light: readonly ["var(--color-sonja-100)", "#fbdbe2"];
457
+ readonly dark: readonly ["var(--color-sonja-1000)", "#250e25"];
458
+ }, {
459
+ readonly name: "code-highlighted";
460
+ readonly category: "background";
461
+ readonly light: readonly ["color-mix(in oklab, var(--color-solar-500) 20%, transparent)"];
462
+ readonly dark: readonly ["color-mix(in oklab, var(--color-solar-500) 20%, transparent)"];
463
+ }, {
464
+ readonly name: "backdrop";
465
+ readonly category: "background";
466
+ readonly light: readonly ["color-mix(in oklab, var(--color-space-1800) 50%, transparent)"];
467
+ readonly dark: readonly ["color-mix(in oklab, var(--color-space-1800) 50%, transparent)"];
468
+ }, {
469
+ readonly name: "focus";
470
+ readonly category: "border";
471
+ readonly light: readonly ["var(--color-brand-500)", "#6f4cff"];
472
+ readonly dark: readonly ["var(--color-brand-500)", "#6f4cff"];
473
+ }, {
474
+ readonly name: "subtle";
475
+ readonly category: "border";
476
+ readonly light: readonly ["var(--color-foam-300)", "#ececec"];
477
+ readonly dark: readonly ["var(--color-space-1500)", "#1d1a30"];
478
+ }, {
479
+ readonly name: "muted";
480
+ readonly category: "border";
481
+ readonly light: readonly ["var(--color-foam-400)", "#e3e3e3"];
482
+ readonly dark: readonly ["var(--color-space-1400)", "#242236"];
483
+ }, {
484
+ readonly name: "default";
485
+ readonly category: "border";
486
+ readonly light: readonly ["var(--color-foam-500)", "#cacace"];
487
+ readonly dark: readonly ["var(--color-space-1300)", "#2d2a3f"];
488
+ }, {
489
+ readonly name: "elevated";
490
+ readonly category: "border";
491
+ readonly light: readonly ["var(--color-foam-800)", "#afafb6"];
492
+ readonly dark: readonly ["var(--color-space-1200)", "#3a374d"];
493
+ }, {
494
+ readonly name: "strong";
495
+ readonly category: "border";
496
+ readonly light: readonly ["var(--color-foam-1000)", "#7d7d87"];
497
+ readonly dark: readonly ["var(--color-space-1100)", "#49465d"];
498
+ }, {
499
+ readonly name: "brand-subtle";
500
+ readonly category: "border";
501
+ readonly light: readonly ["var(--color-brand-300)", "#a994ff"];
502
+ readonly dark: readonly ["var(--color-brand-800)", "#3d2b8c"];
503
+ }, {
504
+ readonly name: "brand-muted";
505
+ readonly category: "border";
506
+ readonly light: readonly ["var(--color-brand-400)", "#8c70ff"];
507
+ readonly dark: readonly ["var(--color-brand-700)", "#5138ba"];
508
+ }, {
509
+ readonly name: "brand-default";
510
+ readonly category: "border";
511
+ readonly light: readonly ["var(--color-brand-500)", "#6f4cff"];
512
+ readonly dark: readonly ["var(--color-brand-500)", "#6f4cff"];
513
+ }, {
514
+ readonly name: "brand-elevated";
515
+ readonly category: "border";
516
+ readonly light: readonly ["var(--color-brand-700)", "#5138ba"];
517
+ readonly dark: readonly ["var(--color-brand-400)", "#8c70ff"];
518
+ }, {
519
+ readonly name: "brand-strong";
520
+ readonly category: "border";
521
+ readonly light: readonly ["var(--color-brand-800)", "#3d2b8c"];
522
+ readonly dark: readonly ["var(--color-brand-300)", "#a994ff"];
523
+ }, {
524
+ readonly name: "code";
525
+ readonly category: "border";
526
+ readonly light: readonly ["var(--color-solar-200)", "#ffdc99"];
527
+ readonly dark: readonly ["var(--color-solar-900)", "#3c2915"];
528
+ }, {
529
+ readonly name: "info-subtle";
530
+ readonly category: "status";
531
+ readonly light: readonly ["var(--color-galactic-300)", "#94c5ff"];
532
+ readonly dark: readonly ["var(--color-galactic-800)", "#254576"];
533
+ }, {
534
+ readonly name: "info-muted";
535
+ readonly category: "status";
536
+ readonly light: readonly ["var(--color-galactic-400)", "#70b1ff"];
537
+ readonly dark: readonly ["var(--color-galactic-700)", "#3262a3"];
538
+ }, {
539
+ readonly name: "info-default";
540
+ readonly category: "status";
541
+ readonly light: readonly ["var(--color-galactic-500)", "#4c9eff"];
542
+ readonly dark: readonly ["var(--color-galactic-500)", "#4c9eff"];
543
+ }, {
544
+ readonly name: "info-elevated";
545
+ readonly category: "status";
546
+ readonly light: readonly ["var(--color-galactic-700)", "#3262a3"];
547
+ readonly dark: readonly ["var(--color-galactic-400)", "#70b1ff"];
548
+ }, {
549
+ readonly name: "info-strong";
550
+ readonly category: "status";
551
+ readonly light: readonly ["var(--color-galactic-800)", "#254576"];
552
+ readonly dark: readonly ["var(--color-galactic-300)", "#94c5ff"];
553
+ }, {
554
+ readonly name: "warning-subtle";
555
+ readonly category: "status";
556
+ readonly light: readonly ["var(--color-solar-300)", "#ffcb67"];
557
+ readonly dark: readonly ["var(--color-solar-800)", "#6d4910"];
558
+ }, {
559
+ readonly name: "warning-muted";
560
+ readonly category: "status";
561
+ readonly light: readonly ["var(--color-solar-400)", "#ffb934"];
562
+ readonly dark: readonly ["var(--color-solar-700)", "#9d680b"];
563
+ }, {
564
+ readonly name: "warning-default";
565
+ readonly category: "status";
566
+ readonly light: readonly ["var(--color-solar-500)", "#ffa801"];
567
+ readonly dark: readonly ["var(--color-solar-500)", "#ffa801"];
568
+ }, {
569
+ readonly name: "warning-elevated";
570
+ readonly category: "status";
571
+ readonly light: readonly ["var(--color-solar-700)", "#9d680b"];
572
+ readonly dark: readonly ["var(--color-solar-400)", "#ffb934"];
573
+ }, {
574
+ readonly name: "warning-strong";
575
+ readonly category: "status";
576
+ readonly light: readonly ["var(--color-solar-800)", "#6d4910"];
577
+ readonly dark: readonly ["var(--color-solar-300)", "#ffcb67"];
578
+ }, {
579
+ readonly name: "error-subtle";
580
+ readonly category: "status";
581
+ readonly light: readonly ["var(--color-sonja-300)", "#f492a7"];
582
+ readonly dark: readonly ["var(--color-sonja-800)", "#65233b"];
583
+ }, {
584
+ readonly name: "error-muted";
585
+ readonly category: "status";
586
+ readonly light: readonly ["var(--color-sonja-400)", "#f16e8a"];
587
+ readonly dark: readonly ["var(--color-sonja-700)", "#93304c"];
588
+ }, {
589
+ readonly name: "error-default";
590
+ readonly category: "status";
591
+ readonly light: readonly ["var(--color-sonja-500)", "#ed4a6d"];
592
+ readonly dark: readonly ["var(--color-sonja-500)", "#ed4a6d"];
593
+ }, {
594
+ readonly name: "error-elevated";
595
+ readonly category: "status";
596
+ readonly light: readonly ["var(--color-sonja-700)", "#93304c"];
597
+ readonly dark: readonly ["var(--color-sonja-400)", "#f16e8a"];
598
+ }, {
599
+ readonly name: "error-strong";
600
+ readonly category: "status";
601
+ readonly light: readonly ["var(--color-sonja-800)", "#65233b"];
602
+ readonly dark: readonly ["var(--color-sonja-300)", "#f492a7"];
603
+ }, {
604
+ readonly name: "success-subtle";
605
+ readonly category: "status";
606
+ readonly light: readonly ["var(--color-starfield-300)", "#93dfb3"];
607
+ readonly dark: readonly ["var(--color-starfield-800)", "#255643"];
608
+ }, {
609
+ readonly name: "success-muted";
610
+ readonly category: "status";
611
+ readonly light: readonly ["var(--color-starfield-400)", "#6fd59a"];
612
+ readonly dark: readonly ["var(--color-starfield-700)", "#317d58"];
613
+ }, {
614
+ readonly name: "success-default";
615
+ readonly category: "status";
616
+ readonly light: readonly ["var(--color-starfield-500)", "#4bca81"];
617
+ readonly dark: readonly ["var(--color-starfield-500)", "#4bca81"];
618
+ }, {
619
+ readonly name: "success-elevated";
620
+ readonly category: "status";
621
+ readonly light: readonly ["var(--color-starfield-700)", "#317d58"];
622
+ readonly dark: readonly ["var(--color-starfield-400)", "#6fd59a"];
623
+ }, {
624
+ readonly name: "success-strong";
625
+ readonly category: "status";
626
+ readonly light: readonly ["var(--color-starfield-800)", "#255643"];
627
+ readonly dark: readonly ["var(--color-starfield-300)", "#93dfb3"];
628
+ }];
629
+ export declare const componentColors: readonly [{
630
+ readonly name: "button-primary";
631
+ readonly category: "text";
632
+ readonly light: readonly ["var(--color-white)", "#ffffff"];
633
+ readonly dark: readonly ["var(--color-white)", "#ffffff"];
634
+ }, {
635
+ readonly name: "button-secondary";
636
+ readonly category: "text";
637
+ readonly light: readonly ["var(--text-color-default)", "var(--color-space-1800)", "#080618"];
638
+ readonly dark: readonly ["var(--text-color-default)", "var(--color-white)", "#ffffff"];
639
+ }, {
640
+ readonly name: "button-tertiary";
641
+ readonly category: "text";
642
+ readonly light: readonly ["var(--text-color-default)", "var(--color-space-1800)", "#080618"];
643
+ readonly dark: readonly ["var(--text-color-default)", "var(--color-white)", "#ffffff"];
644
+ }, {
645
+ readonly name: "button-inverse";
646
+ readonly category: "text";
647
+ readonly light: readonly ["var(--text-color-inverse-default)", "var(--color-white)", "#ffffff"];
648
+ readonly dark: readonly ["var(--text-color-inverse-default)", "var(--color-space-1800)", "#080618"];
649
+ }, {
650
+ readonly name: "button-danger";
651
+ readonly category: "text";
652
+ readonly light: readonly ["var(--color-white)", "#ffffff"];
653
+ readonly dark: readonly ["var(--color-white)", "#ffffff"];
654
+ }, {
655
+ readonly name: "button-naked-idle";
656
+ readonly category: "text";
657
+ readonly light: readonly ["var(--text-color-muted)", "var(--color-space-1000)", "#59556c"];
658
+ readonly dark: readonly ["var(--text-color-muted)", "var(--color-foam-800)", "#afafb6"];
659
+ }, {
660
+ readonly name: "button-naked-hover";
661
+ readonly category: "text";
662
+ readonly light: readonly ["var(--text-color-default)", "var(--color-space-1800)", "#080618"];
663
+ readonly dark: readonly ["var(--text-color-default)", "var(--color-white)", "#ffffff"];
664
+ }, {
665
+ readonly name: "button-naked-active";
666
+ readonly category: "text";
667
+ readonly light: readonly ["var(--text-color-muted)", "var(--color-space-1000)", "#59556c"];
668
+ readonly dark: readonly ["var(--text-color-muted)", "var(--color-foam-800)", "#afafb6"];
669
+ }, {
670
+ readonly name: "button-naked-toggled-idle";
671
+ readonly category: "text";
672
+ readonly light: readonly ["var(--text-color-default)", "var(--color-space-1800)", "#080618"];
673
+ readonly dark: readonly ["var(--text-color-default)", "var(--color-white)", "#ffffff"];
674
+ }, {
675
+ readonly name: "button-naked-toggled-hover";
676
+ readonly category: "text";
677
+ readonly light: readonly ["var(--text-color-muted)", "var(--color-space-1000)", "#59556c"];
678
+ readonly dark: readonly ["var(--text-color-muted)", "var(--color-foam-800)", "#afafb6"];
679
+ }, {
680
+ readonly name: "button-naked-toggled-active";
681
+ readonly category: "text";
682
+ readonly light: readonly ["var(--text-color-default)", "var(--color-space-1800)", "#080618"];
683
+ readonly dark: readonly ["var(--text-color-default)", "var(--color-white)", "#ffffff"];
684
+ }, {
685
+ readonly name: "form-text";
686
+ readonly category: "text";
687
+ readonly light: readonly ["var(--text-color-default)", "var(--color-space-1800)", "#080618"];
688
+ readonly dark: readonly ["var(--text-color-default)", "var(--color-white)", "#ffffff"];
689
+ }, {
690
+ readonly name: "form-placeholder";
691
+ readonly category: "text";
692
+ readonly light: readonly ["var(--text-color-muted)", "var(--color-space-1000)", "#59556c"];
693
+ readonly dark: readonly ["var(--text-color-muted)", "var(--color-foam-800)", "#afafb6"];
694
+ }, {
695
+ readonly name: "form-disabled";
696
+ readonly category: "text";
697
+ readonly light: readonly ["var(--text-color-subtle)", "var(--color-space-600)", "#918f9d"];
698
+ readonly dark: readonly ["var(--text-color-subtle)", "var(--color-foam-1000)", "#7d7d87"];
699
+ }, {
700
+ readonly name: "form-helper";
701
+ readonly category: "text";
702
+ readonly light: readonly ["var(--text-color-default)", "var(--color-space-1800)", "#080618"];
703
+ readonly dark: readonly ["var(--text-color-default)", "var(--color-white)", "#ffffff"];
704
+ }, {
705
+ readonly name: "form-checked";
706
+ readonly category: "text";
707
+ readonly light: readonly ["var(--color-white)", "#ffffff"];
708
+ readonly dark: readonly ["var(--color-white)", "#ffffff"];
709
+ }, {
710
+ readonly name: "button-primary-idle";
711
+ readonly category: "background";
712
+ readonly light: readonly ["var(--background-color-brand-default)", "var(--color-brand-500)", "#6f4cff"];
713
+ readonly dark: readonly ["var(--background-color-brand-default)", "var(--color-brand-500)", "#6f4cff"];
714
+ }, {
715
+ readonly name: "button-primary-hover";
716
+ readonly category: "background";
717
+ readonly light: readonly ["var(--background-color-brand-elevated)", "var(--color-brand-700)", "#5138ba"];
718
+ readonly dark: readonly ["var(--background-color-brand-elevated)", "var(--color-brand-400)", "#8c70ff"];
719
+ }, {
720
+ readonly name: "button-primary-active";
721
+ readonly category: "background";
722
+ readonly light: readonly ["var(--background-color-brand-default)", "var(--color-brand-500)", "#6f4cff"];
723
+ readonly dark: readonly ["var(--background-color-brand-default)", "var(--color-brand-500)", "#6f4cff"];
724
+ }, {
725
+ readonly name: "button-primary-disabled";
726
+ readonly category: "background";
727
+ readonly light: readonly ["var(--background-color-brand-subtle)", "var(--color-brand-300)", "#a994ff"];
728
+ readonly dark: readonly ["var(--background-color-brand-subtle)", "var(--color-brand-800)", "#3d2b8c"];
729
+ }, {
730
+ readonly name: "button-secondary-idle";
731
+ readonly category: "background";
732
+ readonly light: readonly ["var(--background-color-default)", "var(--color-foam-300)", "#ececec"];
733
+ readonly dark: readonly ["var(--background-color-default)", "var(--color-space-1500)", "#1d1a30"];
734
+ }, {
735
+ readonly name: "button-secondary-hover";
736
+ readonly category: "background";
737
+ readonly light: readonly ["var(--background-color-elevated)", "var(--color-foam-400)", "#e3e3e3"];
738
+ readonly dark: readonly ["var(--background-color-elevated)", "var(--color-space-1400)", "#242236"];
739
+ }, {
740
+ readonly name: "button-secondary-active";
741
+ readonly category: "background";
742
+ readonly light: readonly ["var(--background-color-muted)", "var(--color-foam-200)", "#f3f3f4"];
743
+ readonly dark: readonly ["var(--background-color-muted)", "var(--color-space-1600)", "#16132a"];
744
+ }, {
745
+ readonly name: "button-secondary-disabled";
746
+ readonly category: "background";
747
+ readonly light: readonly ["var(--background-color-default)", "var(--color-foam-300)", "#ececec"];
748
+ readonly dark: readonly ["var(--background-color-default)", "var(--color-space-1500)", "#1d1a30"];
749
+ }, {
750
+ readonly name: "button-secondary-toggled-idle";
751
+ readonly category: "background";
752
+ readonly light: readonly ["var(--color-brand-100)", "#e2dbff"];
753
+ readonly dark: readonly ["var(--color-brand-1100)", "#19123a"];
754
+ }, {
755
+ readonly name: "button-secondary-toggled-hover";
756
+ readonly category: "background";
757
+ readonly light: readonly ["var(--color-brand-200)", "#c5b7ff"];
758
+ readonly dark: readonly ["var(--color-brand-1000)", "#281c5c"];
759
+ }, {
760
+ readonly name: "button-secondary-toggled-active";
761
+ readonly category: "background";
762
+ readonly light: readonly ["var(--color-brand-100)", "#e2dbff"];
763
+ readonly dark: readonly ["var(--color-brand-1200)", "#140f2f"];
764
+ }, {
765
+ readonly name: "button-secondary-toggled-disabled";
766
+ readonly category: "background";
767
+ readonly light: readonly ["var(--color-brand-100)", "#e2dbff"];
768
+ readonly dark: readonly ["var(--color-brand-1100)", "#19123a"];
769
+ }, {
770
+ readonly name: "button-tertiary-hover";
771
+ readonly category: "background";
772
+ readonly light: readonly ["var(--background-color-elevated)", "var(--color-foam-400)", "#e3e3e3"];
773
+ readonly dark: readonly ["var(--background-color-elevated)", "var(--color-space-1400)", "#242236"];
774
+ }, {
775
+ readonly name: "button-tertiary-active";
776
+ readonly category: "background";
777
+ readonly light: readonly ["var(--background-color-muted)", "var(--color-foam-200)", "#f3f3f4"];
778
+ readonly dark: readonly ["var(--background-color-muted)", "var(--color-space-1600)", "#16132a"];
779
+ }, {
780
+ readonly name: "button-tertiary-toggled-idle";
781
+ readonly category: "background";
782
+ readonly light: readonly ["var(--background-color-default)", "var(--color-foam-300)", "#ececec"];
783
+ readonly dark: readonly ["var(--background-color-default)", "var(--color-space-1500)", "#1d1a30"];
784
+ }, {
785
+ readonly name: "button-tertiary-toggled-hover";
786
+ readonly category: "background";
787
+ readonly light: readonly ["var(--background-color-strong)", "var(--color-foam-500)", "#cacace"];
788
+ readonly dark: readonly ["var(--background-color-strong)", "var(--color-space-1300)", "#2d2a3f"];
789
+ }, {
790
+ readonly name: "button-tertiary-toggled-active";
791
+ readonly category: "background";
792
+ readonly light: readonly ["var(--background-color-muted)", "var(--color-foam-200)", "#f3f3f4"];
793
+ readonly dark: readonly ["var(--background-color-muted)", "var(--color-space-1600)", "#16132a"];
794
+ }, {
795
+ readonly name: "button-tertiary-toggled-disabled";
796
+ readonly category: "background";
797
+ readonly light: readonly ["var(--background-color-default)", "var(--color-foam-300)", "#ececec"];
798
+ readonly dark: readonly ["var(--background-color-default)", "var(--color-space-1500)", "#1d1a30"];
799
+ }, {
800
+ readonly name: "button-inverse-idle";
801
+ readonly category: "background";
802
+ readonly light: readonly ["var(--background-color-inverse-canvas)", "var(--color-space-1800)", "#080618"];
803
+ readonly dark: readonly ["var(--background-color-inverse-canvas)", "var(--color-space-100)", "#f3f3f4"];
804
+ }, {
805
+ readonly name: "button-inverse-hover";
806
+ readonly category: "background";
807
+ readonly light: readonly ["var(--background-color-inverse-subtle)", "var(--color-space-1700)", "#0c0a1d"];
808
+ readonly dark: readonly ["var(--background-color-inverse-subtle)", "var(--color-space-200)", "#dbdbdb"];
809
+ }, {
810
+ readonly name: "button-inverse-active";
811
+ readonly category: "background";
812
+ readonly light: readonly ["var(--background-color-inverse-elevated)", "var(--color-space-1400)", "#242236"];
813
+ readonly dark: readonly ["var(--background-color-inverse-elevated)", "var(--color-space-500)", "#a7a5ae"];
814
+ }, {
815
+ readonly name: "button-inverse-disabled";
816
+ readonly category: "background";
817
+ readonly light: readonly ["var(--background-color-inverse-default)", "var(--color-space-1500)", "#1d1a30"];
818
+ readonly dark: readonly ["var(--background-color-inverse-default)", "var(--color-space-400)", "#b6b5b9"];
819
+ }, {
820
+ readonly name: "button-danger-idle";
821
+ readonly category: "background";
822
+ readonly light: readonly ["var(--color-status-error-default)", "var(--color-sonja-500)", "#ed4a6d"];
823
+ readonly dark: readonly ["var(--color-status-error-default)", "var(--color-sonja-500)", "#ed4a6d"];
824
+ }, {
825
+ readonly name: "button-danger-hover";
826
+ readonly category: "background";
827
+ readonly light: readonly ["var(--color-status-error-elevated)", "var(--color-sonja-700)", "#93304c"];
828
+ readonly dark: readonly ["var(--color-status-error-elevated)", "var(--color-sonja-400)", "#f16e8a"];
829
+ }, {
830
+ readonly name: "button-danger-active";
831
+ readonly category: "background";
832
+ readonly light: readonly ["var(--color-status-error-muted)", "var(--color-sonja-400)", "#f16e8a"];
833
+ readonly dark: readonly ["var(--color-status-error-muted)", "var(--color-sonja-700)", "#93304c"];
834
+ }, {
835
+ readonly name: "button-danger-disabled";
836
+ readonly category: "background";
837
+ readonly light: readonly ["var(--color-status-error-subtle)", "var(--color-sonja-300)", "#f492a7"];
838
+ readonly dark: readonly ["var(--color-status-error-subtle)", "var(--color-sonja-800)", "#65233b"];
839
+ }, {
840
+ readonly name: "form-idle";
841
+ readonly category: "background";
842
+ readonly light: readonly ["var(--background-color-subtle)", "var(--color-foam-100)", "#fafafa"];
843
+ readonly dark: readonly ["var(--background-color-subtle)", "var(--color-space-1700)", "#0c0a1d"];
844
+ }, {
845
+ readonly name: "form-hover";
846
+ readonly category: "background";
847
+ readonly light: readonly ["var(--background-color-muted)", "var(--color-foam-200)", "#f3f3f4"];
848
+ readonly dark: readonly ["var(--background-color-muted)", "var(--color-space-1600)", "#16132a"];
849
+ }, {
850
+ readonly name: "form-focus";
851
+ readonly category: "background";
852
+ readonly light: readonly ["var(--background-color-subtle)", "var(--color-foam-100)", "#fafafa"];
853
+ readonly dark: readonly ["var(--background-color-subtle)", "var(--color-space-1700)", "#0c0a1d"];
854
+ }, {
855
+ readonly name: "form-disabled";
856
+ readonly category: "background";
857
+ readonly light: readonly ["var(--background-color-muted)", "var(--color-foam-200)", "#f3f3f4"];
858
+ readonly dark: readonly ["var(--background-color-muted)", "var(--color-space-1600)", "#16132a"];
859
+ }, {
860
+ readonly name: "form-checked-idle";
861
+ readonly category: "background";
862
+ readonly light: readonly ["var(--background-color-brand-default)", "var(--color-brand-500)", "#6f4cff"];
863
+ readonly dark: readonly ["var(--background-color-brand-default)", "var(--color-brand-500)", "#6f4cff"];
864
+ }, {
865
+ readonly name: "form-checked-hover";
866
+ readonly category: "background";
867
+ readonly light: readonly ["var(--background-color-brand-elevated)", "var(--color-brand-700)", "#5138ba"];
868
+ readonly dark: readonly ["var(--background-color-brand-elevated)", "var(--color-brand-400)", "#8c70ff"];
869
+ }, {
870
+ readonly name: "form-checked-active";
871
+ readonly category: "background";
872
+ readonly light: readonly ["var(--color-brand-300)", "#a994ff"];
873
+ readonly dark: readonly ["var(--color-brand-1100)", "#19123a"];
874
+ }, {
875
+ readonly name: "form-checked-disabled";
876
+ readonly category: "background";
877
+ readonly light: readonly ["var(--color-brand-200)", "#c5b7ff"];
878
+ readonly dark: readonly ["var(--color-brand-1000)", "#281c5c"];
879
+ }, {
880
+ readonly name: "form-handle-default";
881
+ readonly category: "background";
882
+ readonly light: readonly ["var(--color-space-1000)", "#59556c"];
883
+ readonly dark: readonly ["var(--color-white)", "#ffffff"];
884
+ }, {
885
+ readonly name: "form-handle-checked";
886
+ readonly category: "background";
887
+ readonly light: readonly ["var(--color-white)", "#ffffff"];
888
+ readonly dark: readonly ["var(--color-white)", "#ffffff"];
889
+ }, {
890
+ readonly name: "form-handle-disabled";
891
+ readonly category: "background";
892
+ readonly light: readonly ["var(--color-foam-600)", "#bfbfc5"];
893
+ readonly dark: readonly ["var(--color-space-400)", "#b6b5b9"];
894
+ }, {
895
+ readonly name: "form-handle-checked-disabled";
896
+ readonly category: "background";
897
+ readonly light: readonly ["var(--color-brand-400)", "#8c70ff"];
898
+ readonly dark: readonly ["var(--color-space-400)", "#b6b5b9"];
899
+ }, {
900
+ readonly name: "card-primary-idle";
901
+ readonly category: "background";
902
+ readonly light: readonly ["var(--color-brand-100)", "#e2dbff"];
903
+ readonly dark: readonly ["var(--color-brand-1200)", "#140f2f"];
904
+ }, {
905
+ readonly name: "card-primary-hover";
906
+ readonly category: "background";
907
+ readonly light: readonly ["var(--color-brand-200)", "#c5b7ff"];
908
+ readonly dark: readonly ["var(--color-brand-1100)", "#19123a"];
909
+ }, {
910
+ readonly name: "card-primary-active";
911
+ readonly category: "background";
912
+ readonly light: readonly ["var(--color-brand-100)", "#e2dbff"];
913
+ readonly dark: readonly ["var(--color-brand-1200)", "#140f2f"];
914
+ }, {
915
+ readonly name: "card-primary-disabled";
916
+ readonly category: "background";
917
+ readonly light: readonly ["var(--color-brand-100)", "#e2dbff"];
918
+ readonly dark: readonly ["var(--color-brand-1200)", "#140f2f"];
919
+ }, {
920
+ readonly name: "card-secondary-idle";
921
+ readonly category: "background";
922
+ readonly light: readonly ["var(--background-color-muted)", "var(--color-foam-200)", "#f3f3f4"];
923
+ readonly dark: readonly ["var(--background-color-muted)", "var(--color-space-1600)", "#16132a"];
924
+ }, {
925
+ readonly name: "card-secondary-hover";
926
+ readonly category: "background";
927
+ readonly light: readonly ["var(--background-color-default)", "var(--color-foam-300)", "#ececec"];
928
+ readonly dark: readonly ["var(--background-color-default)", "var(--color-space-1500)", "#1d1a30"];
929
+ }, {
930
+ readonly name: "card-secondary-active";
931
+ readonly category: "background";
932
+ readonly light: readonly ["var(--background-color-muted)", "var(--color-foam-200)", "#f3f3f4"];
933
+ readonly dark: readonly ["var(--background-color-muted)", "var(--color-space-1600)", "#16132a"];
934
+ }, {
935
+ readonly name: "card-secondary-disabled";
936
+ readonly category: "background";
937
+ readonly light: readonly ["var(--background-color-muted)", "var(--color-foam-200)", "#f3f3f4"];
938
+ readonly dark: readonly ["var(--background-color-muted)", "var(--color-space-1600)", "#16132a"];
939
+ }, {
940
+ readonly name: "card-tertiary-hover";
941
+ readonly category: "background";
942
+ readonly light: readonly ["var(--background-color-subtle)", "var(--color-foam-100)", "#fafafa"];
943
+ readonly dark: readonly ["var(--background-color-subtle)", "var(--color-space-1700)", "#0c0a1d"];
944
+ }, {
945
+ readonly name: "card-tertiary-active";
946
+ readonly category: "background";
947
+ readonly light: readonly ["var(--background-color-muted)", "var(--color-foam-200)", "#f3f3f4"];
948
+ readonly dark: readonly ["var(--background-color-muted)", "var(--color-space-1600)", "#16132a"];
949
+ }, {
950
+ readonly name: "button-primary-idle";
951
+ readonly category: "border";
952
+ readonly light: readonly ["var(--border-color-brand-elevated)", "var(--color-brand-700)", "#5138ba"];
953
+ readonly dark: readonly ["var(--border-color-brand-elevated)", "var(--color-brand-400)", "#8c70ff"];
954
+ }, {
955
+ readonly name: "button-primary-hover";
956
+ readonly category: "border";
957
+ readonly light: readonly ["var(--border-color-brand-strong)", "var(--color-brand-800)", "#3d2b8c"];
958
+ readonly dark: readonly ["var(--border-color-brand-strong)", "var(--color-brand-300)", "#a994ff"];
959
+ }, {
960
+ readonly name: "button-primary-active";
961
+ readonly category: "border";
962
+ readonly light: readonly ["var(--border-color-brand-elevated)", "var(--color-brand-700)", "#5138ba"];
963
+ readonly dark: readonly ["var(--border-color-brand-elevated)", "var(--color-brand-400)", "#8c70ff"];
964
+ }, {
965
+ readonly name: "button-secondary-idle";
966
+ readonly category: "border";
967
+ readonly light: readonly ["var(--border-color-default)", "var(--color-foam-500)", "#cacace"];
968
+ readonly dark: readonly ["var(--border-color-default)", "var(--color-space-1300)", "#2d2a3f"];
969
+ }, {
970
+ readonly name: "button-secondary-hover";
971
+ readonly category: "border";
972
+ readonly light: readonly ["var(--border-color-elevated)", "var(--color-foam-800)", "#afafb6"];
973
+ readonly dark: readonly ["var(--border-color-elevated)", "var(--color-space-1200)", "#3a374d"];
974
+ }, {
975
+ readonly name: "button-secondary-active";
976
+ readonly category: "border";
977
+ readonly light: readonly ["var(--border-color-muted)", "var(--color-foam-400)", "#e3e3e3"];
978
+ readonly dark: readonly ["var(--border-color-muted)", "var(--color-space-1400)", "#242236"];
979
+ }, {
980
+ readonly name: "button-secondary-toggled-idle";
981
+ readonly category: "border";
982
+ readonly light: readonly ["var(--border-color-brand-default)", "var(--color-brand-500)", "#6f4cff"];
983
+ readonly dark: readonly ["var(--border-color-brand-default)", "var(--color-brand-500)", "#6f4cff"];
984
+ }, {
985
+ readonly name: "button-secondary-toggled-hover";
986
+ readonly category: "border";
987
+ readonly light: readonly ["var(--border-color-brand-muted)", "var(--color-brand-400)", "#8c70ff"];
988
+ readonly dark: readonly ["var(--border-color-brand-muted)", "var(--color-brand-700)", "#5138ba"];
989
+ }, {
990
+ readonly name: "button-secondary-toggled-active";
991
+ readonly category: "border";
992
+ readonly light: readonly ["var(--border-color-brand-subtle)", "var(--color-brand-300)", "#a994ff"];
993
+ readonly dark: readonly ["var(--border-color-brand-subtle)", "var(--color-brand-800)", "#3d2b8c"];
994
+ }, {
995
+ readonly name: "button-tertiary-idle";
996
+ readonly category: "border";
997
+ readonly light: readonly ["var(--border-color-default)", "var(--color-foam-500)", "#cacace"];
998
+ readonly dark: readonly ["var(--border-color-default)", "var(--color-space-1300)", "#2d2a3f"];
999
+ }, {
1000
+ readonly name: "button-tertiary-hover";
1001
+ readonly category: "border";
1002
+ readonly light: readonly ["var(--border-color-elevated)", "var(--color-foam-800)", "#afafb6"];
1003
+ readonly dark: readonly ["var(--border-color-elevated)", "var(--color-space-1200)", "#3a374d"];
1004
+ }, {
1005
+ readonly name: "button-tertiary-active";
1006
+ readonly category: "border";
1007
+ readonly light: readonly ["var(--border-color-muted)", "var(--color-foam-400)", "#e3e3e3"];
1008
+ readonly dark: readonly ["var(--border-color-muted)", "var(--color-space-1400)", "#242236"];
1009
+ }, {
1010
+ readonly name: "button-tertiary-disabled";
1011
+ readonly category: "border";
1012
+ readonly light: readonly ["var(--border-color-muted)", "var(--color-foam-400)", "#e3e3e3"];
1013
+ readonly dark: readonly ["var(--border-color-muted)", "var(--color-space-1400)", "#242236"];
1014
+ }, {
1015
+ readonly name: "button-tertiary-toggled-idle";
1016
+ readonly category: "border";
1017
+ readonly light: readonly ["var(--border-color-default)", "var(--color-foam-500)", "#cacace"];
1018
+ readonly dark: readonly ["var(--border-color-default)", "var(--color-space-1300)", "#2d2a3f"];
1019
+ }, {
1020
+ readonly name: "button-tertiary-toggled-hover";
1021
+ readonly category: "border";
1022
+ readonly light: readonly ["var(--border-color-strong)", "var(--color-foam-1000)", "#7d7d87"];
1023
+ readonly dark: readonly ["var(--border-color-strong)", "var(--color-space-1100)", "#49465d"];
1024
+ }, {
1025
+ readonly name: "button-tertiary-toggled-active";
1026
+ readonly category: "border";
1027
+ readonly light: readonly ["var(--border-color-muted)", "var(--color-foam-400)", "#e3e3e3"];
1028
+ readonly dark: readonly ["var(--border-color-muted)", "var(--color-space-1400)", "#242236"];
1029
+ }, {
1030
+ readonly name: "button-danger-idle";
1031
+ readonly category: "border";
1032
+ readonly light: readonly ["var(--color-status-error-elevated)", "var(--color-sonja-700)", "#93304c"];
1033
+ readonly dark: readonly ["var(--color-status-error-elevated)", "var(--color-sonja-400)", "#f16e8a"];
1034
+ }, {
1035
+ readonly name: "button-danger-hover";
1036
+ readonly category: "border";
1037
+ readonly light: readonly ["var(--color-status-error-strong)", "var(--color-sonja-800)", "#65233b"];
1038
+ readonly dark: readonly ["var(--color-status-error-strong)", "var(--color-sonja-300)", "#f492a7"];
1039
+ }, {
1040
+ readonly name: "button-danger-active";
1041
+ readonly category: "border";
1042
+ readonly light: readonly ["var(--color-status-error-default)", "var(--color-sonja-500)", "#ed4a6d"];
1043
+ readonly dark: readonly ["var(--color-status-error-default)", "var(--color-sonja-500)", "#ed4a6d"];
1044
+ }, {
1045
+ readonly name: "form-idle";
1046
+ readonly category: "border";
1047
+ readonly light: readonly ["var(--border-color-default)", "var(--color-foam-500)", "#cacace"];
1048
+ readonly dark: readonly ["var(--border-color-default)", "var(--color-space-1300)", "#2d2a3f"];
1049
+ }, {
1050
+ readonly name: "form-hover";
1051
+ readonly category: "border";
1052
+ readonly light: readonly ["var(--border-color-elevated)", "var(--color-foam-800)", "#afafb6"];
1053
+ readonly dark: readonly ["var(--border-color-elevated)", "var(--color-space-1200)", "#3a374d"];
1054
+ }, {
1055
+ readonly name: "form-active";
1056
+ readonly category: "border";
1057
+ readonly light: readonly ["var(--border-color-default)", "var(--color-foam-500)", "#cacace"];
1058
+ readonly dark: readonly ["var(--border-color-default)", "var(--color-space-1300)", "#2d2a3f"];
1059
+ }, {
1060
+ readonly name: "form-disabled";
1061
+ readonly category: "border";
1062
+ readonly light: readonly ["var(--border-color-subtle)", "var(--color-foam-300)", "#ececec"];
1063
+ readonly dark: readonly ["var(--border-color-subtle)", "var(--color-space-1500)", "#1d1a30"];
1064
+ }, {
1065
+ readonly name: "form-checked-active";
1066
+ readonly category: "border";
1067
+ readonly light: readonly ["var(--border-color-brand-muted)", "var(--color-brand-400)", "#8c70ff"];
1068
+ readonly dark: readonly ["var(--border-color-brand-muted)", "var(--color-brand-700)", "#5138ba"];
1069
+ }, {
1070
+ readonly name: "form-status-warning-idle";
1071
+ readonly category: "border";
1072
+ readonly light: readonly ["var(--color-status-warning-subtle)", "var(--color-solar-300)", "#ffcb67"];
1073
+ readonly dark: readonly ["var(--color-status-warning-subtle)", "var(--color-solar-800)", "#6d4910"];
1074
+ }, {
1075
+ readonly name: "form-status-warning-hover";
1076
+ readonly category: "border";
1077
+ readonly light: readonly ["var(--color-status-warning-muted)", "var(--color-solar-400)", "#ffb934"];
1078
+ readonly dark: readonly ["var(--color-status-warning-muted)", "var(--color-solar-700)", "#9d680b"];
1079
+ }, {
1080
+ readonly name: "form-status-warning-focus";
1081
+ readonly category: "border";
1082
+ readonly light: readonly ["var(--color-status-warning-muted)", "var(--color-solar-400)", "#ffb934"];
1083
+ readonly dark: readonly ["var(--color-status-warning-muted)", "var(--color-solar-700)", "#9d680b"];
1084
+ }, {
1085
+ readonly name: "form-status-error-idle";
1086
+ readonly category: "border";
1087
+ readonly light: readonly ["var(--color-status-error-subtle)", "var(--color-sonja-300)", "#f492a7"];
1088
+ readonly dark: readonly ["var(--color-status-error-subtle)", "var(--color-sonja-800)", "#65233b"];
1089
+ }, {
1090
+ readonly name: "form-status-error-hover";
1091
+ readonly category: "border";
1092
+ readonly light: readonly ["var(--color-status-error-muted)", "var(--color-sonja-400)", "#f16e8a"];
1093
+ readonly dark: readonly ["var(--color-status-error-muted)", "var(--color-sonja-700)", "#93304c"];
1094
+ }, {
1095
+ readonly name: "form-status-error-focus";
1096
+ readonly category: "border";
1097
+ readonly light: readonly ["var(--color-status-error-muted)", "var(--color-sonja-400)", "#f16e8a"];
1098
+ readonly dark: readonly ["var(--color-status-error-muted)", "var(--color-sonja-700)", "#93304c"];
1099
+ }, {
1100
+ readonly name: "form-status-success-idle";
1101
+ readonly category: "border";
1102
+ readonly light: readonly ["var(--color-status-success-subtle)", "var(--color-starfield-300)", "#93dfb3"];
1103
+ readonly dark: readonly ["var(--color-status-success-subtle)", "var(--color-starfield-800)", "#255643"];
1104
+ }, {
1105
+ readonly name: "form-status-success-hover";
1106
+ readonly category: "border";
1107
+ readonly light: readonly ["var(--color-status-success-muted)", "var(--color-starfield-400)", "#6fd59a"];
1108
+ readonly dark: readonly ["var(--color-status-success-muted)", "var(--color-starfield-700)", "#317d58"];
1109
+ }, {
1110
+ readonly name: "form-status-success-focus";
1111
+ readonly category: "border";
1112
+ readonly light: readonly ["var(--color-status-success-muted)", "var(--color-starfield-400)", "#6fd59a"];
1113
+ readonly dark: readonly ["var(--color-status-success-muted)", "var(--color-starfield-700)", "#317d58"];
1114
+ }, {
1115
+ readonly name: "card-primary-idle";
1116
+ readonly category: "border";
1117
+ readonly light: readonly ["var(--color-brand-300)", "#a994ff"];
1118
+ readonly dark: readonly ["var(--color-brand-800)", "#3d2b8c"];
1119
+ }, {
1120
+ readonly name: "card-primary-hover";
1121
+ readonly category: "border";
1122
+ readonly light: readonly ["var(--color-brand-400)", "#8c70ff"];
1123
+ readonly dark: readonly ["var(--color-brand-700)", "#5138ba"];
1124
+ }, {
1125
+ readonly name: "card-primary-active";
1126
+ readonly category: "border";
1127
+ readonly light: readonly ["var(--color-brand-300)", "#a994ff"];
1128
+ readonly dark: readonly ["var(--color-brand-800)", "#3d2b8c"];
1129
+ }, {
1130
+ readonly name: "card-secondary-idle";
1131
+ readonly category: "border";
1132
+ readonly light: readonly ["var(--border-color-muted)", "var(--color-foam-400)", "#e3e3e3"];
1133
+ readonly dark: readonly ["var(--border-color-muted)", "var(--color-space-1400)", "#242236"];
1134
+ }, {
1135
+ readonly name: "card-secondary-hover";
1136
+ readonly category: "border";
1137
+ readonly light: readonly ["var(--border-color-elevated)", "var(--color-foam-800)", "#afafb6"];
1138
+ readonly dark: readonly ["var(--border-color-elevated)", "var(--color-space-1200)", "#3a374d"];
1139
+ }, {
1140
+ readonly name: "card-secondary-active";
1141
+ readonly category: "border";
1142
+ readonly light: readonly ["var(--border-color-muted)", "var(--color-foam-400)", "#e3e3e3"];
1143
+ readonly dark: readonly ["var(--border-color-muted)", "var(--color-space-1400)", "#242236"];
1144
+ }, {
1145
+ readonly name: "card-tertiary-idle";
1146
+ readonly category: "border";
1147
+ readonly light: readonly ["var(--border-color-default)", "var(--color-foam-500)", "#cacace"];
1148
+ readonly dark: readonly ["var(--border-color-default)", "var(--color-space-1300)", "#2d2a3f"];
1149
+ }, {
1150
+ readonly name: "card-tertiary-hover";
1151
+ readonly category: "border";
1152
+ readonly light: readonly ["var(--border-color-elevated)", "var(--color-foam-800)", "#afafb6"];
1153
+ readonly dark: readonly ["var(--border-color-elevated)", "var(--color-space-1200)", "#3a374d"];
1154
+ }, {
1155
+ readonly name: "card-tertiary-active";
1156
+ readonly category: "border";
1157
+ readonly light: readonly ["var(--border-color-muted)", "var(--color-foam-400)", "#e3e3e3"];
1158
+ readonly dark: readonly ["var(--border-color-muted)", "var(--color-space-1400)", "#242236"];
1159
+ }, {
1160
+ readonly name: "card-tertiary-disabled";
1161
+ readonly category: "border";
1162
+ readonly light: readonly ["var(--border-color-muted)", "var(--color-foam-400)", "#e3e3e3"];
1163
+ readonly dark: readonly ["var(--border-color-muted)", "var(--color-space-1400)", "#242236"];
1164
+ }];
1165
+ export declare const defaultDuration: GDSDuration;
1166
+ export declare const defaultEasing: GDSEasing;
1167
+ //# sourceMappingURL=design-tokens.generated.d.ts.map