@floegence/floe-webapp-core 0.36.70 → 0.36.71
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/styles/tokens.d.ts +84 -84
- package/dist/styles/tokens.js +42 -42
- package/dist/styles.css +1 -1
- package/dist/themes/light.css +48 -48
- package/dist/workbench.css +26 -18
- package/package.json +1 -1
package/dist/styles/tokens.d.ts
CHANGED
|
@@ -54,61 +54,61 @@ export declare const floeColorTokenCategories: readonly [{
|
|
|
54
54
|
readonly tokens: readonly [{
|
|
55
55
|
readonly name: "Background";
|
|
56
56
|
readonly variable: "--background";
|
|
57
|
-
readonly lightValue: "hsl(
|
|
57
|
+
readonly lightValue: "hsl(34 24% 94%)";
|
|
58
58
|
readonly darkValue: "hsl(222 30% 8%)";
|
|
59
59
|
readonly description: "Main application background color.";
|
|
60
60
|
}, {
|
|
61
61
|
readonly name: "Foreground";
|
|
62
62
|
readonly variable: "--foreground";
|
|
63
|
-
readonly lightValue: "hsl(
|
|
63
|
+
readonly lightValue: "hsl(214 26% 17%)";
|
|
64
64
|
readonly darkValue: "hsl(210 20% 98%)";
|
|
65
65
|
readonly description: "Default foreground color for body text.";
|
|
66
66
|
}, {
|
|
67
67
|
readonly name: "Primary";
|
|
68
68
|
readonly variable: "--primary";
|
|
69
|
-
readonly lightValue: "hsl(
|
|
69
|
+
readonly lightValue: "hsl(214 26% 17%)";
|
|
70
70
|
readonly darkValue: "hsl(210 20% 98%)";
|
|
71
71
|
readonly description: "Primary interactive color used by buttons and emphasis.";
|
|
72
72
|
}, {
|
|
73
73
|
readonly name: "Primary Foreground";
|
|
74
74
|
readonly variable: "--primary-foreground";
|
|
75
|
-
readonly lightValue: "hsl(
|
|
75
|
+
readonly lightValue: "hsl(36 100% 99%)";
|
|
76
76
|
readonly darkValue: "hsl(222 30% 10%)";
|
|
77
77
|
readonly description: "Foreground color used on primary surfaces.";
|
|
78
78
|
}, {
|
|
79
79
|
readonly name: "Secondary";
|
|
80
80
|
readonly variable: "--secondary";
|
|
81
|
-
readonly lightValue: "hsl(36
|
|
81
|
+
readonly lightValue: "hsl(36 15% 94%)";
|
|
82
82
|
readonly darkValue: "hsl(220 25% 14%)";
|
|
83
83
|
readonly description: "Secondary surface color for lower-emphasis blocks.";
|
|
84
84
|
}, {
|
|
85
85
|
readonly name: "Secondary Foreground";
|
|
86
86
|
readonly variable: "--secondary-foreground";
|
|
87
|
-
readonly lightValue: "hsl(
|
|
87
|
+
readonly lightValue: "hsl(214 25% 25%)";
|
|
88
88
|
readonly darkValue: "hsl(210 20% 98%)";
|
|
89
89
|
readonly description: "Foreground color used on secondary surfaces.";
|
|
90
90
|
}, {
|
|
91
91
|
readonly name: "Muted";
|
|
92
92
|
readonly variable: "--muted";
|
|
93
|
-
readonly lightValue: "hsl(36
|
|
93
|
+
readonly lightValue: "hsl(36 15% 94%)";
|
|
94
94
|
readonly darkValue: "hsl(220 25% 14%)";
|
|
95
95
|
readonly description: "Muted surface color for subtle containers and fills.";
|
|
96
96
|
}, {
|
|
97
97
|
readonly name: "Muted Foreground";
|
|
98
98
|
readonly variable: "--muted-foreground";
|
|
99
|
-
readonly lightValue: "hsl(215
|
|
99
|
+
readonly lightValue: "hsl(215 16% 42%)";
|
|
100
100
|
readonly darkValue: "hsl(215 20% 60%)";
|
|
101
101
|
readonly description: "Secondary text color for supporting copy.";
|
|
102
102
|
}, {
|
|
103
103
|
readonly name: "Accent";
|
|
104
104
|
readonly variable: "--accent";
|
|
105
|
-
readonly lightValue: "hsl(
|
|
105
|
+
readonly lightValue: "hsl(34 11% 88%)";
|
|
106
106
|
readonly darkValue: "hsl(220 25% 16%)";
|
|
107
107
|
readonly description: "Accent surface for hover states and light emphasis.";
|
|
108
108
|
}, {
|
|
109
109
|
readonly name: "Accent Foreground";
|
|
110
110
|
readonly variable: "--accent-foreground";
|
|
111
|
-
readonly lightValue: "hsl(
|
|
111
|
+
readonly lightValue: "hsl(214 26% 17%)";
|
|
112
112
|
readonly darkValue: "hsl(210 20% 98%)";
|
|
113
113
|
readonly description: "Foreground color used on accent surfaces.";
|
|
114
114
|
}];
|
|
@@ -118,43 +118,43 @@ export declare const floeColorTokenCategories: readonly [{
|
|
|
118
118
|
readonly tokens: readonly [{
|
|
119
119
|
readonly name: "Card";
|
|
120
120
|
readonly variable: "--card";
|
|
121
|
-
readonly lightValue: "hsl(
|
|
121
|
+
readonly lightValue: "hsl(36 100% 99%)";
|
|
122
122
|
readonly darkValue: "hsl(222 28% 10%)";
|
|
123
123
|
readonly description: "Card background surface.";
|
|
124
124
|
}, {
|
|
125
125
|
readonly name: "Card Foreground";
|
|
126
126
|
readonly variable: "--card-foreground";
|
|
127
|
-
readonly lightValue: "hsl(
|
|
127
|
+
readonly lightValue: "hsl(214 26% 17%)";
|
|
128
128
|
readonly darkValue: "hsl(210 20% 98%)";
|
|
129
129
|
readonly description: "Foreground color used on card surfaces.";
|
|
130
130
|
}, {
|
|
131
131
|
readonly name: "Popover";
|
|
132
132
|
readonly variable: "--popover";
|
|
133
|
-
readonly lightValue: "hsl(
|
|
133
|
+
readonly lightValue: "hsl(36 100% 99%)";
|
|
134
134
|
readonly darkValue: "hsl(222 28% 10%)";
|
|
135
135
|
readonly description: "Popover and floating panel background.";
|
|
136
136
|
}, {
|
|
137
137
|
readonly name: "Popover Foreground";
|
|
138
138
|
readonly variable: "--popover-foreground";
|
|
139
|
-
readonly lightValue: "hsl(
|
|
139
|
+
readonly lightValue: "hsl(214 26% 17%)";
|
|
140
140
|
readonly darkValue: "hsl(210 20% 98%)";
|
|
141
141
|
readonly description: "Foreground color used on popovers.";
|
|
142
142
|
}, {
|
|
143
143
|
readonly name: "Border";
|
|
144
144
|
readonly variable: "--border";
|
|
145
|
-
readonly lightValue: "hsl(
|
|
145
|
+
readonly lightValue: "hsl(35 13% 82%)";
|
|
146
146
|
readonly darkValue: "hsl(220 20% 18%)";
|
|
147
147
|
readonly description: "Default border color.";
|
|
148
148
|
}, {
|
|
149
149
|
readonly name: "Input";
|
|
150
150
|
readonly variable: "--input";
|
|
151
|
-
readonly lightValue: "hsl(
|
|
151
|
+
readonly lightValue: "hsl(37 15% 76%)";
|
|
152
152
|
readonly darkValue: "hsl(220 25% 14%)";
|
|
153
153
|
readonly description: "Input border color.";
|
|
154
154
|
}, {
|
|
155
155
|
readonly name: "Ring";
|
|
156
156
|
readonly variable: "--ring";
|
|
157
|
-
readonly lightValue: "hsl(
|
|
157
|
+
readonly lightValue: "hsl(214 26% 17%)";
|
|
158
158
|
readonly darkValue: "hsl(215 25% 70%)";
|
|
159
159
|
readonly description: "Focus ring color.";
|
|
160
160
|
}];
|
|
@@ -176,13 +176,13 @@ export declare const floeColorTokenCategories: readonly [{
|
|
|
176
176
|
}, {
|
|
177
177
|
readonly name: "Warning";
|
|
178
178
|
readonly variable: "--warning";
|
|
179
|
-
readonly lightValue: "
|
|
179
|
+
readonly lightValue: "hsl(38 92% 50%)";
|
|
180
180
|
readonly darkValue: "oklch(0.82 0.16 80)";
|
|
181
181
|
readonly description: "Warning state color.";
|
|
182
182
|
}, {
|
|
183
183
|
readonly name: "Warning Foreground";
|
|
184
184
|
readonly variable: "--warning-foreground";
|
|
185
|
-
readonly lightValue: "hsl(
|
|
185
|
+
readonly lightValue: "hsl(214 26% 17%)";
|
|
186
186
|
readonly darkValue: "hsl(222 30% 10%)";
|
|
187
187
|
readonly description: "Foreground color used on warning surfaces.";
|
|
188
188
|
}, {
|
|
@@ -200,7 +200,7 @@ export declare const floeColorTokenCategories: readonly [{
|
|
|
200
200
|
}, {
|
|
201
201
|
readonly name: "Info";
|
|
202
202
|
readonly variable: "--info";
|
|
203
|
-
readonly lightValue: "
|
|
203
|
+
readonly lightValue: "hsl(217 91% 60%)";
|
|
204
204
|
readonly darkValue: "oklch(0.7 0.15 250)";
|
|
205
205
|
readonly description: "Informational state color.";
|
|
206
206
|
}, {
|
|
@@ -256,7 +256,7 @@ export declare const floeColorTokenCategories: readonly [{
|
|
|
256
256
|
readonly tokens: readonly [{
|
|
257
257
|
readonly name: "Chrome Border";
|
|
258
258
|
readonly variable: "--chrome-border";
|
|
259
|
-
readonly lightValue: "
|
|
259
|
+
readonly lightValue: "hsl(33 11% 84%)";
|
|
260
260
|
readonly darkValue: "var(--border)";
|
|
261
261
|
readonly description: "Default shared shell divider color.";
|
|
262
262
|
}, {
|
|
@@ -290,49 +290,49 @@ export declare const floeColorTokenCategories: readonly [{
|
|
|
290
290
|
readonly tokens: readonly [{
|
|
291
291
|
readonly name: "Sidebar";
|
|
292
292
|
readonly variable: "--sidebar";
|
|
293
|
-
readonly lightValue: "hsl(36
|
|
293
|
+
readonly lightValue: "hsl(36 13% 92%)";
|
|
294
294
|
readonly darkValue: "hsl(222 28% 10%)";
|
|
295
295
|
readonly description: "Sidebar background.";
|
|
296
296
|
}, {
|
|
297
297
|
readonly name: "Sidebar Foreground";
|
|
298
298
|
readonly variable: "--sidebar-foreground";
|
|
299
|
-
readonly lightValue: "hsl(
|
|
299
|
+
readonly lightValue: "hsl(214 26% 17%)";
|
|
300
300
|
readonly darkValue: "hsl(210 20% 98%)";
|
|
301
301
|
readonly description: "Sidebar foreground color.";
|
|
302
302
|
}, {
|
|
303
303
|
readonly name: "Sidebar Primary";
|
|
304
304
|
readonly variable: "--sidebar-primary";
|
|
305
|
-
readonly lightValue: "hsl(
|
|
305
|
+
readonly lightValue: "hsl(214 26% 17%)";
|
|
306
306
|
readonly darkValue: "hsl(217 80% 55%)";
|
|
307
307
|
readonly description: "Primary emphasis color inside the sidebar.";
|
|
308
308
|
}, {
|
|
309
309
|
readonly name: "Sidebar Primary Foreground";
|
|
310
310
|
readonly variable: "--sidebar-primary-foreground";
|
|
311
|
-
readonly lightValue: "hsl(
|
|
311
|
+
readonly lightValue: "hsl(36 100% 99%)";
|
|
312
312
|
readonly darkValue: "hsl(0 0% 100%)";
|
|
313
313
|
readonly description: "Foreground color used on sidebar primary surfaces.";
|
|
314
314
|
}, {
|
|
315
315
|
readonly name: "Sidebar Accent";
|
|
316
316
|
readonly variable: "--sidebar-accent";
|
|
317
|
-
readonly lightValue: "hsl(
|
|
317
|
+
readonly lightValue: "hsl(34 11% 88%)";
|
|
318
318
|
readonly darkValue: "hsl(220 25% 16%)";
|
|
319
319
|
readonly description: "Accent surface used for sidebar hover and active states.";
|
|
320
320
|
}, {
|
|
321
321
|
readonly name: "Sidebar Accent Foreground";
|
|
322
322
|
readonly variable: "--sidebar-accent-foreground";
|
|
323
|
-
readonly lightValue: "hsl(
|
|
323
|
+
readonly lightValue: "hsl(214 26% 17%)";
|
|
324
324
|
readonly darkValue: "hsl(210 20% 98%)";
|
|
325
325
|
readonly description: "Foreground color used on sidebar accent surfaces.";
|
|
326
326
|
}, {
|
|
327
327
|
readonly name: "Sidebar Border";
|
|
328
328
|
readonly variable: "--sidebar-border";
|
|
329
|
-
readonly lightValue: "hsl(
|
|
329
|
+
readonly lightValue: "hsl(33 11% 84%)";
|
|
330
330
|
readonly darkValue: "hsl(220 20% 18%)";
|
|
331
331
|
readonly description: "Sidebar inner border color.";
|
|
332
332
|
}, {
|
|
333
333
|
readonly name: "Sidebar Ring";
|
|
334
334
|
readonly variable: "--sidebar-ring";
|
|
335
|
-
readonly lightValue: "hsl(
|
|
335
|
+
readonly lightValue: "hsl(214 26% 17%)";
|
|
336
336
|
readonly darkValue: "hsl(217 80% 55%)";
|
|
337
337
|
readonly description: "Focus ring color for sidebar elements.";
|
|
338
338
|
}];
|
|
@@ -342,31 +342,31 @@ export declare const floeColorTokenCategories: readonly [{
|
|
|
342
342
|
readonly tokens: readonly [{
|
|
343
343
|
readonly name: "Activity Bar";
|
|
344
344
|
readonly variable: "--activity-bar";
|
|
345
|
-
readonly lightValue: "hsl(36
|
|
345
|
+
readonly lightValue: "hsl(36 13% 92%)";
|
|
346
346
|
readonly darkValue: "hsl(222 30% 9%)";
|
|
347
347
|
readonly description: "Activity bar background.";
|
|
348
348
|
}, {
|
|
349
349
|
readonly name: "Activity Bar Foreground";
|
|
350
350
|
readonly variable: "--activity-bar-foreground";
|
|
351
|
-
readonly lightValue: "hsl(215
|
|
351
|
+
readonly lightValue: "hsl(215 16% 42%)";
|
|
352
352
|
readonly darkValue: "hsl(215 20% 55%)";
|
|
353
353
|
readonly description: "Default activity bar icon color.";
|
|
354
354
|
}, {
|
|
355
355
|
readonly name: "Activity Bar Foreground Active";
|
|
356
356
|
readonly variable: "--activity-bar-foreground-active";
|
|
357
|
-
readonly lightValue: "hsl(
|
|
357
|
+
readonly lightValue: "hsl(214 26% 17%)";
|
|
358
358
|
readonly darkValue: "hsl(210 20% 98%)";
|
|
359
359
|
readonly description: "Active activity bar icon color.";
|
|
360
360
|
}, {
|
|
361
361
|
readonly name: "Activity Bar Badge";
|
|
362
362
|
readonly variable: "--activity-bar-badge";
|
|
363
|
-
readonly lightValue: "hsl(
|
|
363
|
+
readonly lightValue: "hsl(214 26% 17%)";
|
|
364
364
|
readonly darkValue: "hsl(217 80% 55%)";
|
|
365
365
|
readonly description: "Activity bar badge background.";
|
|
366
366
|
}, {
|
|
367
367
|
readonly name: "Activity Bar Badge Foreground";
|
|
368
368
|
readonly variable: "--activity-bar-badge-foreground";
|
|
369
|
-
readonly lightValue: "hsl(
|
|
369
|
+
readonly lightValue: "hsl(36 100% 99%)";
|
|
370
370
|
readonly darkValue: "hsl(0 0% 100%)";
|
|
371
371
|
readonly description: "Activity bar badge foreground.";
|
|
372
372
|
}];
|
|
@@ -376,7 +376,7 @@ export declare const floeColorTokenCategories: readonly [{
|
|
|
376
376
|
readonly tokens: readonly [{
|
|
377
377
|
readonly name: "Terminal Background";
|
|
378
378
|
readonly variable: "--terminal-background";
|
|
379
|
-
readonly lightValue: "hsl(
|
|
379
|
+
readonly lightValue: "hsl(214 26% 17%)";
|
|
380
380
|
readonly darkValue: "hsl(222 32% 7%)";
|
|
381
381
|
readonly description: "Integrated terminal background.";
|
|
382
382
|
}, {
|
|
@@ -392,19 +392,19 @@ export declare const floeColorTokenCategories: readonly [{
|
|
|
392
392
|
readonly tokens: readonly [{
|
|
393
393
|
readonly name: "Chart 1";
|
|
394
394
|
readonly variable: "--chart-1";
|
|
395
|
-
readonly lightValue: "hsl(
|
|
395
|
+
readonly lightValue: "hsl(214 26% 17%)";
|
|
396
396
|
readonly darkValue: "hsl(210 20% 98%)";
|
|
397
397
|
readonly description: "Primary chart series color.";
|
|
398
398
|
}, {
|
|
399
399
|
readonly name: "Chart 2";
|
|
400
400
|
readonly variable: "--chart-2";
|
|
401
|
-
readonly lightValue: "hsl(
|
|
401
|
+
readonly lightValue: "hsl(215 16% 42%)";
|
|
402
402
|
readonly darkValue: "hsl(215 20% 60%)";
|
|
403
403
|
readonly description: "Secondary chart series color.";
|
|
404
404
|
}, {
|
|
405
405
|
readonly name: "Chart 3";
|
|
406
406
|
readonly variable: "--chart-3";
|
|
407
|
-
readonly lightValue: "
|
|
407
|
+
readonly lightValue: "hsl(217 91% 60%)";
|
|
408
408
|
readonly darkValue: "oklch(0.7 0.15 250)";
|
|
409
409
|
readonly description: "Tertiary chart series color.";
|
|
410
410
|
}, {
|
|
@@ -416,7 +416,7 @@ export declare const floeColorTokenCategories: readonly [{
|
|
|
416
416
|
}, {
|
|
417
417
|
readonly name: "Chart 5";
|
|
418
418
|
readonly variable: "--chart-5";
|
|
419
|
-
readonly lightValue: "
|
|
419
|
+
readonly lightValue: "hsl(38 92% 50%)";
|
|
420
420
|
readonly darkValue: "oklch(0.82 0.16 80)";
|
|
421
421
|
readonly description: "Quinary chart series color.";
|
|
422
422
|
}];
|
|
@@ -426,7 +426,7 @@ export declare const floeColorTokenCategories: readonly [{
|
|
|
426
426
|
readonly tokens: readonly [{
|
|
427
427
|
readonly name: "Selection Background";
|
|
428
428
|
readonly variable: "--selection-bg";
|
|
429
|
-
readonly lightValue: "hsl(
|
|
429
|
+
readonly lightValue: "hsl(217 91% 60%)";
|
|
430
430
|
readonly darkValue: "hsl(215 70% 50%)";
|
|
431
431
|
readonly description: "Default text selection background.";
|
|
432
432
|
}, {
|
|
@@ -438,13 +438,13 @@ export declare const floeColorTokenCategories: readonly [{
|
|
|
438
438
|
}, {
|
|
439
439
|
readonly name: "Selection On Primary Background";
|
|
440
440
|
readonly variable: "--selection-on-primary-bg";
|
|
441
|
-
readonly lightValue: "hsl(
|
|
441
|
+
readonly lightValue: "hsl(38 92% 50%)";
|
|
442
442
|
readonly darkValue: "hsl(215 80% 35%)";
|
|
443
443
|
readonly description: "Selection background for text rendered on primary surfaces.";
|
|
444
444
|
}, {
|
|
445
445
|
readonly name: "Selection On Primary Foreground";
|
|
446
446
|
readonly variable: "--selection-on-primary-fg";
|
|
447
|
-
readonly lightValue: "hsl(
|
|
447
|
+
readonly lightValue: "hsl(214 26% 17%)";
|
|
448
448
|
readonly darkValue: "hsl(0 0% 100%)";
|
|
449
449
|
readonly description: "Selection foreground for text rendered on primary surfaces.";
|
|
450
450
|
}, {
|
|
@@ -644,61 +644,61 @@ export declare const floeDesignTokens: {
|
|
|
644
644
|
readonly tokens: readonly [{
|
|
645
645
|
readonly name: "Background";
|
|
646
646
|
readonly variable: "--background";
|
|
647
|
-
readonly lightValue: "hsl(
|
|
647
|
+
readonly lightValue: "hsl(34 24% 94%)";
|
|
648
648
|
readonly darkValue: "hsl(222 30% 8%)";
|
|
649
649
|
readonly description: "Main application background color.";
|
|
650
650
|
}, {
|
|
651
651
|
readonly name: "Foreground";
|
|
652
652
|
readonly variable: "--foreground";
|
|
653
|
-
readonly lightValue: "hsl(
|
|
653
|
+
readonly lightValue: "hsl(214 26% 17%)";
|
|
654
654
|
readonly darkValue: "hsl(210 20% 98%)";
|
|
655
655
|
readonly description: "Default foreground color for body text.";
|
|
656
656
|
}, {
|
|
657
657
|
readonly name: "Primary";
|
|
658
658
|
readonly variable: "--primary";
|
|
659
|
-
readonly lightValue: "hsl(
|
|
659
|
+
readonly lightValue: "hsl(214 26% 17%)";
|
|
660
660
|
readonly darkValue: "hsl(210 20% 98%)";
|
|
661
661
|
readonly description: "Primary interactive color used by buttons and emphasis.";
|
|
662
662
|
}, {
|
|
663
663
|
readonly name: "Primary Foreground";
|
|
664
664
|
readonly variable: "--primary-foreground";
|
|
665
|
-
readonly lightValue: "hsl(
|
|
665
|
+
readonly lightValue: "hsl(36 100% 99%)";
|
|
666
666
|
readonly darkValue: "hsl(222 30% 10%)";
|
|
667
667
|
readonly description: "Foreground color used on primary surfaces.";
|
|
668
668
|
}, {
|
|
669
669
|
readonly name: "Secondary";
|
|
670
670
|
readonly variable: "--secondary";
|
|
671
|
-
readonly lightValue: "hsl(36
|
|
671
|
+
readonly lightValue: "hsl(36 15% 94%)";
|
|
672
672
|
readonly darkValue: "hsl(220 25% 14%)";
|
|
673
673
|
readonly description: "Secondary surface color for lower-emphasis blocks.";
|
|
674
674
|
}, {
|
|
675
675
|
readonly name: "Secondary Foreground";
|
|
676
676
|
readonly variable: "--secondary-foreground";
|
|
677
|
-
readonly lightValue: "hsl(
|
|
677
|
+
readonly lightValue: "hsl(214 25% 25%)";
|
|
678
678
|
readonly darkValue: "hsl(210 20% 98%)";
|
|
679
679
|
readonly description: "Foreground color used on secondary surfaces.";
|
|
680
680
|
}, {
|
|
681
681
|
readonly name: "Muted";
|
|
682
682
|
readonly variable: "--muted";
|
|
683
|
-
readonly lightValue: "hsl(36
|
|
683
|
+
readonly lightValue: "hsl(36 15% 94%)";
|
|
684
684
|
readonly darkValue: "hsl(220 25% 14%)";
|
|
685
685
|
readonly description: "Muted surface color for subtle containers and fills.";
|
|
686
686
|
}, {
|
|
687
687
|
readonly name: "Muted Foreground";
|
|
688
688
|
readonly variable: "--muted-foreground";
|
|
689
|
-
readonly lightValue: "hsl(215
|
|
689
|
+
readonly lightValue: "hsl(215 16% 42%)";
|
|
690
690
|
readonly darkValue: "hsl(215 20% 60%)";
|
|
691
691
|
readonly description: "Secondary text color for supporting copy.";
|
|
692
692
|
}, {
|
|
693
693
|
readonly name: "Accent";
|
|
694
694
|
readonly variable: "--accent";
|
|
695
|
-
readonly lightValue: "hsl(
|
|
695
|
+
readonly lightValue: "hsl(34 11% 88%)";
|
|
696
696
|
readonly darkValue: "hsl(220 25% 16%)";
|
|
697
697
|
readonly description: "Accent surface for hover states and light emphasis.";
|
|
698
698
|
}, {
|
|
699
699
|
readonly name: "Accent Foreground";
|
|
700
700
|
readonly variable: "--accent-foreground";
|
|
701
|
-
readonly lightValue: "hsl(
|
|
701
|
+
readonly lightValue: "hsl(214 26% 17%)";
|
|
702
702
|
readonly darkValue: "hsl(210 20% 98%)";
|
|
703
703
|
readonly description: "Foreground color used on accent surfaces.";
|
|
704
704
|
}];
|
|
@@ -708,43 +708,43 @@ export declare const floeDesignTokens: {
|
|
|
708
708
|
readonly tokens: readonly [{
|
|
709
709
|
readonly name: "Card";
|
|
710
710
|
readonly variable: "--card";
|
|
711
|
-
readonly lightValue: "hsl(
|
|
711
|
+
readonly lightValue: "hsl(36 100% 99%)";
|
|
712
712
|
readonly darkValue: "hsl(222 28% 10%)";
|
|
713
713
|
readonly description: "Card background surface.";
|
|
714
714
|
}, {
|
|
715
715
|
readonly name: "Card Foreground";
|
|
716
716
|
readonly variable: "--card-foreground";
|
|
717
|
-
readonly lightValue: "hsl(
|
|
717
|
+
readonly lightValue: "hsl(214 26% 17%)";
|
|
718
718
|
readonly darkValue: "hsl(210 20% 98%)";
|
|
719
719
|
readonly description: "Foreground color used on card surfaces.";
|
|
720
720
|
}, {
|
|
721
721
|
readonly name: "Popover";
|
|
722
722
|
readonly variable: "--popover";
|
|
723
|
-
readonly lightValue: "hsl(
|
|
723
|
+
readonly lightValue: "hsl(36 100% 99%)";
|
|
724
724
|
readonly darkValue: "hsl(222 28% 10%)";
|
|
725
725
|
readonly description: "Popover and floating panel background.";
|
|
726
726
|
}, {
|
|
727
727
|
readonly name: "Popover Foreground";
|
|
728
728
|
readonly variable: "--popover-foreground";
|
|
729
|
-
readonly lightValue: "hsl(
|
|
729
|
+
readonly lightValue: "hsl(214 26% 17%)";
|
|
730
730
|
readonly darkValue: "hsl(210 20% 98%)";
|
|
731
731
|
readonly description: "Foreground color used on popovers.";
|
|
732
732
|
}, {
|
|
733
733
|
readonly name: "Border";
|
|
734
734
|
readonly variable: "--border";
|
|
735
|
-
readonly lightValue: "hsl(
|
|
735
|
+
readonly lightValue: "hsl(35 13% 82%)";
|
|
736
736
|
readonly darkValue: "hsl(220 20% 18%)";
|
|
737
737
|
readonly description: "Default border color.";
|
|
738
738
|
}, {
|
|
739
739
|
readonly name: "Input";
|
|
740
740
|
readonly variable: "--input";
|
|
741
|
-
readonly lightValue: "hsl(
|
|
741
|
+
readonly lightValue: "hsl(37 15% 76%)";
|
|
742
742
|
readonly darkValue: "hsl(220 25% 14%)";
|
|
743
743
|
readonly description: "Input border color.";
|
|
744
744
|
}, {
|
|
745
745
|
readonly name: "Ring";
|
|
746
746
|
readonly variable: "--ring";
|
|
747
|
-
readonly lightValue: "hsl(
|
|
747
|
+
readonly lightValue: "hsl(214 26% 17%)";
|
|
748
748
|
readonly darkValue: "hsl(215 25% 70%)";
|
|
749
749
|
readonly description: "Focus ring color.";
|
|
750
750
|
}];
|
|
@@ -766,13 +766,13 @@ export declare const floeDesignTokens: {
|
|
|
766
766
|
}, {
|
|
767
767
|
readonly name: "Warning";
|
|
768
768
|
readonly variable: "--warning";
|
|
769
|
-
readonly lightValue: "
|
|
769
|
+
readonly lightValue: "hsl(38 92% 50%)";
|
|
770
770
|
readonly darkValue: "oklch(0.82 0.16 80)";
|
|
771
771
|
readonly description: "Warning state color.";
|
|
772
772
|
}, {
|
|
773
773
|
readonly name: "Warning Foreground";
|
|
774
774
|
readonly variable: "--warning-foreground";
|
|
775
|
-
readonly lightValue: "hsl(
|
|
775
|
+
readonly lightValue: "hsl(214 26% 17%)";
|
|
776
776
|
readonly darkValue: "hsl(222 30% 10%)";
|
|
777
777
|
readonly description: "Foreground color used on warning surfaces.";
|
|
778
778
|
}, {
|
|
@@ -790,7 +790,7 @@ export declare const floeDesignTokens: {
|
|
|
790
790
|
}, {
|
|
791
791
|
readonly name: "Info";
|
|
792
792
|
readonly variable: "--info";
|
|
793
|
-
readonly lightValue: "
|
|
793
|
+
readonly lightValue: "hsl(217 91% 60%)";
|
|
794
794
|
readonly darkValue: "oklch(0.7 0.15 250)";
|
|
795
795
|
readonly description: "Informational state color.";
|
|
796
796
|
}, {
|
|
@@ -846,7 +846,7 @@ export declare const floeDesignTokens: {
|
|
|
846
846
|
readonly tokens: readonly [{
|
|
847
847
|
readonly name: "Chrome Border";
|
|
848
848
|
readonly variable: "--chrome-border";
|
|
849
|
-
readonly lightValue: "
|
|
849
|
+
readonly lightValue: "hsl(33 11% 84%)";
|
|
850
850
|
readonly darkValue: "var(--border)";
|
|
851
851
|
readonly description: "Default shared shell divider color.";
|
|
852
852
|
}, {
|
|
@@ -880,49 +880,49 @@ export declare const floeDesignTokens: {
|
|
|
880
880
|
readonly tokens: readonly [{
|
|
881
881
|
readonly name: "Sidebar";
|
|
882
882
|
readonly variable: "--sidebar";
|
|
883
|
-
readonly lightValue: "hsl(36
|
|
883
|
+
readonly lightValue: "hsl(36 13% 92%)";
|
|
884
884
|
readonly darkValue: "hsl(222 28% 10%)";
|
|
885
885
|
readonly description: "Sidebar background.";
|
|
886
886
|
}, {
|
|
887
887
|
readonly name: "Sidebar Foreground";
|
|
888
888
|
readonly variable: "--sidebar-foreground";
|
|
889
|
-
readonly lightValue: "hsl(
|
|
889
|
+
readonly lightValue: "hsl(214 26% 17%)";
|
|
890
890
|
readonly darkValue: "hsl(210 20% 98%)";
|
|
891
891
|
readonly description: "Sidebar foreground color.";
|
|
892
892
|
}, {
|
|
893
893
|
readonly name: "Sidebar Primary";
|
|
894
894
|
readonly variable: "--sidebar-primary";
|
|
895
|
-
readonly lightValue: "hsl(
|
|
895
|
+
readonly lightValue: "hsl(214 26% 17%)";
|
|
896
896
|
readonly darkValue: "hsl(217 80% 55%)";
|
|
897
897
|
readonly description: "Primary emphasis color inside the sidebar.";
|
|
898
898
|
}, {
|
|
899
899
|
readonly name: "Sidebar Primary Foreground";
|
|
900
900
|
readonly variable: "--sidebar-primary-foreground";
|
|
901
|
-
readonly lightValue: "hsl(
|
|
901
|
+
readonly lightValue: "hsl(36 100% 99%)";
|
|
902
902
|
readonly darkValue: "hsl(0 0% 100%)";
|
|
903
903
|
readonly description: "Foreground color used on sidebar primary surfaces.";
|
|
904
904
|
}, {
|
|
905
905
|
readonly name: "Sidebar Accent";
|
|
906
906
|
readonly variable: "--sidebar-accent";
|
|
907
|
-
readonly lightValue: "hsl(
|
|
907
|
+
readonly lightValue: "hsl(34 11% 88%)";
|
|
908
908
|
readonly darkValue: "hsl(220 25% 16%)";
|
|
909
909
|
readonly description: "Accent surface used for sidebar hover and active states.";
|
|
910
910
|
}, {
|
|
911
911
|
readonly name: "Sidebar Accent Foreground";
|
|
912
912
|
readonly variable: "--sidebar-accent-foreground";
|
|
913
|
-
readonly lightValue: "hsl(
|
|
913
|
+
readonly lightValue: "hsl(214 26% 17%)";
|
|
914
914
|
readonly darkValue: "hsl(210 20% 98%)";
|
|
915
915
|
readonly description: "Foreground color used on sidebar accent surfaces.";
|
|
916
916
|
}, {
|
|
917
917
|
readonly name: "Sidebar Border";
|
|
918
918
|
readonly variable: "--sidebar-border";
|
|
919
|
-
readonly lightValue: "hsl(
|
|
919
|
+
readonly lightValue: "hsl(33 11% 84%)";
|
|
920
920
|
readonly darkValue: "hsl(220 20% 18%)";
|
|
921
921
|
readonly description: "Sidebar inner border color.";
|
|
922
922
|
}, {
|
|
923
923
|
readonly name: "Sidebar Ring";
|
|
924
924
|
readonly variable: "--sidebar-ring";
|
|
925
|
-
readonly lightValue: "hsl(
|
|
925
|
+
readonly lightValue: "hsl(214 26% 17%)";
|
|
926
926
|
readonly darkValue: "hsl(217 80% 55%)";
|
|
927
927
|
readonly description: "Focus ring color for sidebar elements.";
|
|
928
928
|
}];
|
|
@@ -932,31 +932,31 @@ export declare const floeDesignTokens: {
|
|
|
932
932
|
readonly tokens: readonly [{
|
|
933
933
|
readonly name: "Activity Bar";
|
|
934
934
|
readonly variable: "--activity-bar";
|
|
935
|
-
readonly lightValue: "hsl(36
|
|
935
|
+
readonly lightValue: "hsl(36 13% 92%)";
|
|
936
936
|
readonly darkValue: "hsl(222 30% 9%)";
|
|
937
937
|
readonly description: "Activity bar background.";
|
|
938
938
|
}, {
|
|
939
939
|
readonly name: "Activity Bar Foreground";
|
|
940
940
|
readonly variable: "--activity-bar-foreground";
|
|
941
|
-
readonly lightValue: "hsl(215
|
|
941
|
+
readonly lightValue: "hsl(215 16% 42%)";
|
|
942
942
|
readonly darkValue: "hsl(215 20% 55%)";
|
|
943
943
|
readonly description: "Default activity bar icon color.";
|
|
944
944
|
}, {
|
|
945
945
|
readonly name: "Activity Bar Foreground Active";
|
|
946
946
|
readonly variable: "--activity-bar-foreground-active";
|
|
947
|
-
readonly lightValue: "hsl(
|
|
947
|
+
readonly lightValue: "hsl(214 26% 17%)";
|
|
948
948
|
readonly darkValue: "hsl(210 20% 98%)";
|
|
949
949
|
readonly description: "Active activity bar icon color.";
|
|
950
950
|
}, {
|
|
951
951
|
readonly name: "Activity Bar Badge";
|
|
952
952
|
readonly variable: "--activity-bar-badge";
|
|
953
|
-
readonly lightValue: "hsl(
|
|
953
|
+
readonly lightValue: "hsl(214 26% 17%)";
|
|
954
954
|
readonly darkValue: "hsl(217 80% 55%)";
|
|
955
955
|
readonly description: "Activity bar badge background.";
|
|
956
956
|
}, {
|
|
957
957
|
readonly name: "Activity Bar Badge Foreground";
|
|
958
958
|
readonly variable: "--activity-bar-badge-foreground";
|
|
959
|
-
readonly lightValue: "hsl(
|
|
959
|
+
readonly lightValue: "hsl(36 100% 99%)";
|
|
960
960
|
readonly darkValue: "hsl(0 0% 100%)";
|
|
961
961
|
readonly description: "Activity bar badge foreground.";
|
|
962
962
|
}];
|
|
@@ -966,7 +966,7 @@ export declare const floeDesignTokens: {
|
|
|
966
966
|
readonly tokens: readonly [{
|
|
967
967
|
readonly name: "Terminal Background";
|
|
968
968
|
readonly variable: "--terminal-background";
|
|
969
|
-
readonly lightValue: "hsl(
|
|
969
|
+
readonly lightValue: "hsl(214 26% 17%)";
|
|
970
970
|
readonly darkValue: "hsl(222 32% 7%)";
|
|
971
971
|
readonly description: "Integrated terminal background.";
|
|
972
972
|
}, {
|
|
@@ -982,19 +982,19 @@ export declare const floeDesignTokens: {
|
|
|
982
982
|
readonly tokens: readonly [{
|
|
983
983
|
readonly name: "Chart 1";
|
|
984
984
|
readonly variable: "--chart-1";
|
|
985
|
-
readonly lightValue: "hsl(
|
|
985
|
+
readonly lightValue: "hsl(214 26% 17%)";
|
|
986
986
|
readonly darkValue: "hsl(210 20% 98%)";
|
|
987
987
|
readonly description: "Primary chart series color.";
|
|
988
988
|
}, {
|
|
989
989
|
readonly name: "Chart 2";
|
|
990
990
|
readonly variable: "--chart-2";
|
|
991
|
-
readonly lightValue: "hsl(
|
|
991
|
+
readonly lightValue: "hsl(215 16% 42%)";
|
|
992
992
|
readonly darkValue: "hsl(215 20% 60%)";
|
|
993
993
|
readonly description: "Secondary chart series color.";
|
|
994
994
|
}, {
|
|
995
995
|
readonly name: "Chart 3";
|
|
996
996
|
readonly variable: "--chart-3";
|
|
997
|
-
readonly lightValue: "
|
|
997
|
+
readonly lightValue: "hsl(217 91% 60%)";
|
|
998
998
|
readonly darkValue: "oklch(0.7 0.15 250)";
|
|
999
999
|
readonly description: "Tertiary chart series color.";
|
|
1000
1000
|
}, {
|
|
@@ -1006,7 +1006,7 @@ export declare const floeDesignTokens: {
|
|
|
1006
1006
|
}, {
|
|
1007
1007
|
readonly name: "Chart 5";
|
|
1008
1008
|
readonly variable: "--chart-5";
|
|
1009
|
-
readonly lightValue: "
|
|
1009
|
+
readonly lightValue: "hsl(38 92% 50%)";
|
|
1010
1010
|
readonly darkValue: "oklch(0.82 0.16 80)";
|
|
1011
1011
|
readonly description: "Quinary chart series color.";
|
|
1012
1012
|
}];
|
|
@@ -1016,7 +1016,7 @@ export declare const floeDesignTokens: {
|
|
|
1016
1016
|
readonly tokens: readonly [{
|
|
1017
1017
|
readonly name: "Selection Background";
|
|
1018
1018
|
readonly variable: "--selection-bg";
|
|
1019
|
-
readonly lightValue: "hsl(
|
|
1019
|
+
readonly lightValue: "hsl(217 91% 60%)";
|
|
1020
1020
|
readonly darkValue: "hsl(215 70% 50%)";
|
|
1021
1021
|
readonly description: "Default text selection background.";
|
|
1022
1022
|
}, {
|
|
@@ -1028,13 +1028,13 @@ export declare const floeDesignTokens: {
|
|
|
1028
1028
|
}, {
|
|
1029
1029
|
readonly name: "Selection On Primary Background";
|
|
1030
1030
|
readonly variable: "--selection-on-primary-bg";
|
|
1031
|
-
readonly lightValue: "hsl(
|
|
1031
|
+
readonly lightValue: "hsl(38 92% 50%)";
|
|
1032
1032
|
readonly darkValue: "hsl(215 80% 35%)";
|
|
1033
1033
|
readonly description: "Selection background for text rendered on primary surfaces.";
|
|
1034
1034
|
}, {
|
|
1035
1035
|
readonly name: "Selection On Primary Foreground";
|
|
1036
1036
|
readonly variable: "--selection-on-primary-fg";
|
|
1037
|
-
readonly lightValue: "hsl(
|
|
1037
|
+
readonly lightValue: "hsl(214 26% 17%)";
|
|
1038
1038
|
readonly darkValue: "hsl(0 0% 100%)";
|
|
1039
1039
|
readonly description: "Selection foreground for text rendered on primary surfaces.";
|
|
1040
1040
|
}, {
|