@etus/tokens 0.2.0 → 0.4.0-beta.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.
package/dist/tokens.css CHANGED
@@ -12,7 +12,7 @@
12
12
  --accordion-content-padding-bottom-lg: 24px;
13
13
  --accordion-content-padding-bottom-md: 16px;
14
14
  --accordion-content-padding-bottom-sm: 8px;
15
- --accordion-icon-size: 16px;
15
+ --accordion-icon-size: 20px;
16
16
  --accordion-icon-transition-duration: 200ms;
17
17
  --accordion-item-border-width: 1px;
18
18
  --accordion-item-padding-x: 16px;
@@ -22,9 +22,14 @@
22
22
  --accordion-trigger-padding-y-lg: 24px;
23
23
  --accordion-trigger-padding-y-md: 16px;
24
24
  --accordion-trigger-padding-y-sm: 8px;
25
+ --accordion-trigger-radius: 8px;
26
+ --accordion-trigger-ring-primary: oklch(81.75% 0.1821 159.79);
27
+ --accordion-trigger-ring-width: 3px;
25
28
  --accordion-trigger-text-size-lg: 1rem;
26
29
  --accordion-trigger-text-size-md: 0.875rem;
27
30
  --accordion-trigger-text-size-sm: 0.75rem;
31
+ --account-switch-content-min-width: 17.5rem;
32
+ --account-switch-name-max-width: 10rem;
28
33
  --alert-icon-size: 16px;
29
34
  --alert-root-gap: 12px;
30
35
  --alert-root-padding-x: 16px;
@@ -33,9 +38,18 @@
33
38
  --alert-variant-default-bg: oklch(100.00% 0.0000 0);
34
39
  --alert-variant-default-border: oklch(92.19% 0.0000 0);
35
40
  --alert-variant-default-fg: oklch(14.48% 0.0000 0);
36
- --alert-variant-destructive-bg: oklch(100.00% 0.0000 0);
37
- --alert-variant-destructive-border: oklch(63.68% 0.2078 25.33);
38
- --alert-variant-destructive-fg: oklch(63.68% 0.2078 25.33);
41
+ --alert-variant-destructive-bg: oklch(97.05% 0.0129 17.38);
42
+ --alert-variant-destructive-border: oklch(88.45% 0.0593 18.33);
43
+ --alert-variant-destructive-fg: oklch(50.54% 0.1905 27.52);
44
+ --alert-variant-info-bg: oklch(97.05% 0.0142 254.60);
45
+ --alert-variant-info-border: oklch(88.23% 0.0571 254.13);
46
+ --alert-variant-info-fg: oklch(48.82% 0.2172 264.38);
47
+ --alert-variant-success-bg: oklch(98.19% 0.0181 155.83);
48
+ --alert-variant-success-border: oklch(92.50% 0.0806 155.99);
49
+ --alert-variant-success-fg: oklch(52.73% 0.1371 150.07);
50
+ --alert-variant-warning-bg: oklch(98.73% 0.0262 102.21);
51
+ --alert-variant-warning-border: oklch(94.51% 0.1243 101.54);
52
+ --alert-variant-warning-fg: oklch(55.38% 0.1207 66.44);
39
53
  --asset-manager-grid-columns: minmax(200px, 1fr);
40
54
  --asset-manager-grid-gap: 16px;
41
55
  --asset-manager-item-background: oklch(100.00% 0.0000 0);
@@ -44,6 +58,57 @@
44
58
  --asset-manager-preview-background: oklch(97.02% 0.0000 0);
45
59
  --asset-manager-preview-height: 150px;
46
60
  --asset-manager-root-min-height-lg: 600px;
61
+ --asset-palette-status-approved-color: oklch(81.75% 0.1821 159.79);
62
+ --asset-palette-status-approved-label-en: Approved;
63
+ --asset-palette-status-approved-label-pt: Aprovado;
64
+ --asset-palette-status-archived-color: oklch(55.55% 0.0000 0);
65
+ --asset-palette-status-archived-label-en: Archived;
66
+ --asset-palette-status-archived-label-pt: Arquivado;
67
+ --asset-palette-status-changes-color: oklch(63.68% 0.2078 25.33);
68
+ --asset-palette-status-changes-label-en: Changes requested;
69
+ --asset-palette-status-changes-label-pt: Mudanças;
70
+ --asset-palette-status-draft-color: oklch(71.07% 0.0351 256.79);
71
+ --asset-palette-status-draft-label-en: Draft;
72
+ --asset-palette-status-draft-label-pt: Rascunho;
73
+ --asset-palette-status-review-color: oklch(79.52% 0.1617 86.05);
74
+ --asset-palette-status-review-label-en: In review;
75
+ --asset-palette-status-review-label-pt: Em review;
76
+ --asset-palette-type-archive-color: oklch(55.44% 0.0407 257.42);
77
+ --asset-palette-type-archive-tint: rgb(100 116 139 / 0.18);
78
+ --asset-palette-type-audio-color: oklch(71.48% 0.1257 215.22);
79
+ --asset-palette-type-audio-tint: rgb(6 182 212 / 0.16);
80
+ --asset-palette-type-code-css-color: oklch(65.59% 0.2118 354.31);
81
+ --asset-palette-type-code-css-tint: rgb(236 72 153 / 0.14);
82
+ --asset-palette-type-code-env-color: oklch(55.44% 0.0407 257.42);
83
+ --asset-palette-type-code-env-tint: rgb(100 116 139 / 0.18);
84
+ --asset-palette-type-code-js-color: oklch(79.52% 0.1617 86.05);
85
+ --asset-palette-type-code-js-tint: rgb(234 179 8 / 0.16);
86
+ --asset-palette-type-code-json-color: oklch(70.90% 0.1592 293.54);
87
+ --asset-palette-type-code-json-tint: rgb(167 139 250 / 0.16);
88
+ --asset-palette-type-code-md-color: oklch(55.55% 0.0000 0);
89
+ --asset-palette-type-code-md-tint: oklch(97.02% 0.0000 0);
90
+ --asset-palette-type-code-ts-color: oklch(62.31% 0.1880 259.81);
91
+ --asset-palette-type-code-ts-tint: rgb(59 130 246 / 0.14);
92
+ --asset-palette-type-code-tsx-color: oklch(75.35% 0.1390 232.66);
93
+ --asset-palette-type-code-tsx-tint: rgb(56 189 248 / 0.14);
94
+ --asset-palette-type-design-figma-color: oklch(70.90% 0.1592 293.54);
95
+ --asset-palette-type-design-figma-tint: rgb(167 139 250 / 0.18);
96
+ --asset-palette-type-design-illustrator-color: oklch(79.52% 0.1617 86.05);
97
+ --asset-palette-type-design-illustrator-tint: rgb(234 179 8 / 0.18);
98
+ --asset-palette-type-design-raster-color: oklch(62.31% 0.1880 259.81);
99
+ --asset-palette-type-design-raster-tint: rgb(59 130 246 / 0.16);
100
+ --asset-palette-type-doc-pdf-color: oklch(57.71% 0.2152 27.33);
101
+ --asset-palette-type-doc-pdf-tint: rgb(220 38 38 / 0.14);
102
+ --asset-palette-type-doc-text-color: oklch(54.61% 0.2152 262.88);
103
+ --asset-palette-type-doc-text-tint: rgb(37 99 235 / 0.16);
104
+ --asset-palette-type-image-color: oklch(70.49% 0.1867 47.60);
105
+ --asset-palette-type-image-tint: rgb(249 115 22 / 0.16);
106
+ --asset-palette-type-unknown-color: oklch(55.55% 0.0000 0);
107
+ --asset-palette-type-unknown-tint: oklch(97.02% 0.0000 0);
108
+ --asset-palette-type-vector-color: oklch(81.75% 0.1821 159.79);
109
+ --asset-palette-type-vector-tint: rgb(25 230 153 / 0.18);
110
+ --asset-palette-type-video-color: oklch(63.68% 0.2078 25.33);
111
+ --asset-palette-type-video-tint: rgb(239 68 68 / 0.16);
47
112
  --autocomplete-content-bg: oklch(100.00% 0.0000 0);
48
113
  --autocomplete-content-border: oklch(92.19% 0.0000 0);
49
114
  --autocomplete-content-fg: oklch(20.46% 0.0000 0);
@@ -75,6 +140,7 @@
75
140
  --autocomplete-loading-fg: oklch(55.55% 0.0000 0);
76
141
  --autocomplete-loading-padding: 8px;
77
142
  --autocomplete-loading-text: 0.875rem;
143
+ --autocomplete-tags-max-width: 70%;
78
144
  --avatar-border-contrast: rgba(0, 0, 0, 0.08);
79
145
  --avatar-fallback-bg-default: oklch(97.02% 0.0000 0);
80
146
  --avatar-fallback-bg-destructive: oklch(63.68% 0.2078 25.33);
@@ -87,7 +153,28 @@
87
153
  --avatar-fallback-text-primary: oklch(18.34% 0.0338 166.67);
88
154
  --avatar-fallback-text-secondary: oklch(21.23% 0.0502 138.22);
89
155
  --avatar-fallback-text-success: oklch(100.00% 0.0000 0);
90
- --avatar-fallback-text-warning: oklch(100.00% 0.0000 0);
156
+ --avatar-fallback-text-warning: oklch(28.57% 0.0639 53.81);
157
+ --avatar-focus-ring-color: oklch(81.75% 0.1821 159.79);
158
+ --avatar-focus-ring-offset: 2px;
159
+ --avatar-focus-ring-width: 4px;
160
+ --avatar-label-c2-font-size: 10px;
161
+ --avatar-label-c2-font-weight: 600;
162
+ --avatar-label-c2-line-height: 14px;
163
+ --avatar-label-h3-font-size: 24px;
164
+ --avatar-label-h3-font-weight: 700;
165
+ --avatar-label-h3-line-height: 32px;
166
+ --avatar-label-h4-font-size: 20px;
167
+ --avatar-label-h4-font-weight: 700;
168
+ --avatar-label-h4-line-height: 28px;
169
+ --avatar-label-p1-font-size: 18px;
170
+ --avatar-label-p1-font-weight: 400;
171
+ --avatar-label-p1-line-height: 28px;
172
+ --avatar-label-p2-font-size: 16px;
173
+ --avatar-label-p2-font-weight: 400;
174
+ --avatar-label-p2-line-height: 24px;
175
+ --avatar-label-p3-font-size: 14px;
176
+ --avatar-label-p3-font-weight: 400;
177
+ --avatar-label-p3-line-height: 20px;
91
178
  --avatar-radius-circle: 9999px;
92
179
  --avatar-radius-square: 0.375rem;
93
180
  --avatar-size-2xl: 64px;
@@ -115,18 +202,27 @@
115
202
  --badge-color-secondary-bg: oklch(87.82% 0.2037 137.75);
116
203
  --badge-color-secondary-border: oklch(92.19% 0.0000 0);
117
204
  --badge-color-secondary-fg: oklch(21.23% 0.0502 138.22);
118
- --badge-radius-default: 0.375rem;
205
+ --badge-color-success-bg: oklch(62.71% 0.1699 149.21);
206
+ --badge-color-success-border: oklch(62.71% 0.1699 149.21);
207
+ --badge-color-success-fg: oklch(100.00% 0.0000 0);
208
+ --badge-color-warning-bg: oklch(86.06% 0.1731 91.94);
209
+ --badge-color-warning-border: oklch(86.06% 0.1731 91.94);
210
+ --badge-color-warning-fg: oklch(28.57% 0.0639 53.81);
211
+ --badge-line-height-lg: 20px;
212
+ --badge-line-height-md: 20px;
213
+ --badge-line-height-sm: 16px;
214
+ --badge-radius-default: 4px;
119
215
  --badge-radius-pill: 9999px;
120
- --badge-size-lg-h: 28px;
216
+ --badge-size-lg-h: 32px;
121
217
  --badge-size-lg-px: 12px;
122
218
  --badge-size-lg-text: 0.875rem;
123
- --badge-size-md-h: 24px;
219
+ --badge-size-md-h: 28px;
124
220
  --badge-size-md-px: 0.625rem;
125
221
  --badge-size-md-text: 0.875rem;
126
- --badge-size-sm-h: 22px;
222
+ --badge-size-sm-h: 24px;
127
223
  --badge-size-sm-px: 8px;
128
224
  --badge-size-sm-text: 0.75rem;
129
- --banner-root-gap: 8px;
225
+ --banner-root-gap: 24px;
130
226
  --banner-root-padding-x: 16px;
131
227
  --banner-root-padding-y: 12px;
132
228
  --banner-text-size: 0.875rem;
@@ -241,22 +337,44 @@
241
337
  --breakpoints-4xl: 2560px;
242
338
  --breakpoints-sm: 360px;
243
339
  --breakpoints-xs: 320px;
340
+ --button-destructive-bg-default: oklch(63.68% 0.2078 25.33);
341
+ --button-destructive-bg-hover: oklch(63.68% 0.2078 25.33);
342
+ --button-destructive-fg-default: oklch(100.00% 0.0000 0);
244
343
  --button-disabled-bg: oklch(97.02% 0.0000 0);
245
344
  --button-disabled-border: oklch(92.19% 0.0000 0);
246
345
  --button-disabled-fg: oklch(55.55% 0.0000 0);
346
+ --button-ghost-bg-hover: oklch(95.21% 0.0467 171.12);
347
+ --button-ghost-fg-default: oklch(14.48% 0.0000 0);
348
+ --button-ghost-fg-hover: oklch(26.88% 0.0527 163.85);
247
349
  --button-group-item-background-active: oklch(97.02% 0.0000 0);
248
350
  --button-group-item-background-hover: oklch(97.02% 0.0000 0);
249
351
  --button-group-item-background: oklch(100.00% 0.0000 0);
250
- --button-group-item-font-size: 0.875rem;
251
- --button-group-item-font-weight: 600;
352
+ --button-group-item-font-size-lg: 0.875rem;
353
+ --button-group-item-font-size-md: 0.875rem;
354
+ --button-group-item-font-size-sm: 0.75rem;
355
+ --button-group-item-font-weight: 500;
252
356
  --button-group-item-gap: 8px;
253
- --button-group-item-height: 40px;
254
- --button-group-item-padding-x: 16px;
255
- --button-group-item-padding-y: 8px;
256
- --button-group-root-border-color: oklch(92.19% 0.0000 0);
257
- --button-group-root-radius: 0.375rem;
357
+ --button-group-item-height-lg: 40px;
358
+ --button-group-item-height-md: 36px;
359
+ --button-group-item-height-sm: 32px;
360
+ --button-group-item-line-height: 16px;
361
+ --button-group-item-padding-x-lg: 16px;
362
+ --button-group-item-padding-x-md: 16px;
363
+ --button-group-item-padding-x-sm: 12px;
364
+ --button-group-item-padding-y-lg: 8px;
365
+ --button-group-item-padding-y-md: 8px;
366
+ --button-group-item-padding-y-sm: 6px;
367
+ --button-group-root-bg-primary: oklch(81.75% 0.1821 159.79);
368
+ --button-group-root-border-color-default: oklch(92.19% 0.0000 0);
369
+ --button-group-root-border-color-primary: oklch(81.75% 0.1821 159.79);
370
+ --button-group-root-fg-primary: oklch(18.34% 0.0338 166.67);
371
+ --button-group-root-radius: 8px;
258
372
  --button-group-root-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
259
373
  --button-group-separator-color: oklch(92.19% 0.0000 0);
374
+ --button-group-text-background: oklch(97.02% 0.0000 0);
375
+ --button-group-text-font-size: 0.875rem;
376
+ --button-group-text-font-weight: 500;
377
+ --button-group-text-padding-x: 16px;
260
378
  --button-link-color-fg-default: oklch(81.75% 0.1821 159.79);
261
379
  --button-link-color-fg-hover: oklch(81.75% 0.1821 159.79);
262
380
  --button-link-gray-fg-default: oklch(55.55% 0.0000 0);
@@ -266,19 +384,22 @@
266
384
  --button-primary-border-default: oklch(81.75% 0.1821 159.79);
267
385
  --button-primary-border-hover: oklch(69.20% 0.1533 159.90);
268
386
  --button-primary-fg-default: oklch(18.34% 0.0338 166.67);
269
- --button-radius-default: 6px;
387
+ --button-radius-default: 8px;
270
388
  --button-radius-full: 9999px;
271
389
  --button-radius-lg: 8px;
272
390
  --button-radius-sm: 4px;
273
391
  --button-radius-xl: 10px;
274
392
  --button-ring-brand: oklch(81.75% 0.1821 159.79);
393
+ --button-ring-destructive: oklch(63.68% 0.2078 25.33);
275
394
  --button-ring-gray: oklch(81.75% 0.1821 159.79);
276
- --button-secondary-color-bg-default: oklch(87.87% 0.1277 154.40);
277
- --button-secondary-color-bg-hover: oklch(85.41% 0.1543 153.03);
278
- --button-secondary-color-border-default: oklch(85.41% 0.1543 153.03);
279
- --button-secondary-color-border-hover: oklch(84.08% 0.1705 152.55);
280
- --button-secondary-color-fg-default: oklch(64.44% 0.1647 149.79);
281
- --button-secondary-color-fg-hover: oklch(56.61% 0.1469 149.54);
395
+ --button-ring-success: oklch(62.71% 0.1699 149.21);
396
+ --button-ring-warning: oklch(86.06% 0.1731 91.94);
397
+ --button-secondary-color-bg-default: oklch(87.82% 0.2037 137.75);
398
+ --button-secondary-color-bg-hover: oklch(72.57% 0.1684 137.62);
399
+ --button-secondary-color-border-default: oklch(87.82% 0.2037 137.75);
400
+ --button-secondary-color-border-hover: oklch(72.57% 0.1684 137.62);
401
+ --button-secondary-color-fg-default: oklch(21.23% 0.0502 138.22);
402
+ --button-secondary-color-fg-hover: oklch(21.23% 0.0502 138.22);
282
403
  --button-secondary-gray-bg-default: oklch(100.00% 0.0000 0);
283
404
  --button-secondary-gray-bg-hover: oklch(95.21% 0.0467 171.12);
284
405
  --button-secondary-gray-border-default: oklch(92.19% 0.0000 0);
@@ -329,6 +450,7 @@
329
450
  --button-tertiary-gray-bg-hover: oklch(95.21% 0.0467 171.12);
330
451
  --button-tertiary-gray-fg-default: oklch(55.55% 0.0000 0);
331
452
  --button-tertiary-gray-fg-hover: oklch(14.48% 0.0000 0);
453
+ --button-transition-duration: 150ms;
332
454
  --calendar-cell-gap: 0.125rem;
333
455
  --calendar-cell-size: 36px;
334
456
  --calendar-container-cell-size-default: 32px;
@@ -350,7 +472,7 @@
350
472
  --callout-root-padding-lg: 24px;
351
473
  --callout-root-padding-md: 16px;
352
474
  --callout-root-padding-sm: 12px;
353
- --callout-root-radius: 0.5rem;
475
+ --callout-root-radius: 4px;
354
476
  --callout-text-lg: 1rem;
355
477
  --callout-text-md: 0.875rem;
356
478
  --callout-text-sm: 0.75rem;
@@ -402,13 +524,67 @@
402
524
  --checkbox-root-bg-default: oklch(100.00% 0.0000 0);
403
525
  --checkbox-root-bg-disabled: oklch(97.02% 0.0000 0);
404
526
  --checkbox-root-border-checked: oklch(81.75% 0.1821 159.79);
405
- --checkbox-root-border-default: oklch(81.75% 0.1821 159.79);
527
+ --checkbox-root-border-default: oklch(92.19% 0.0000 0);
406
528
  --checkbox-root-border-focus: oklch(81.75% 0.1821 159.79);
407
- --checkbox-root-radius: 0.375rem;
529
+ --checkbox-root-radius: 4px;
408
530
  --checkbox-root-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
409
531
  --checkbox-size-lg: 24px;
410
532
  --checkbox-size-md: 20px;
411
533
  --checkbox-size-sm: 16px;
534
+ --collection-batchbar-action-h: 32px;
535
+ --collection-batchbar-action-primary-bg: oklch(81.75% 0.1821 159.79);
536
+ --collection-batchbar-action-primary-fg: oklch(18.34% 0.0338 166.67);
537
+ --collection-batchbar-action-px: 12px;
538
+ --collection-batchbar-action-radius: 8px;
539
+ --collection-batchbar-bg: oklch(14.48% 0.0000 0);
540
+ --collection-batchbar-bottom-offset: 20px;
541
+ --collection-batchbar-fg: oklch(100.00% 0.0000 0);
542
+ --collection-batchbar-padding-left: 16px;
543
+ --collection-batchbar-padding-right: 6px;
544
+ --collection-batchbar-padding-y: 6px;
545
+ --collection-batchbar-radius: 14px;
546
+ --collection-batchbar-shadow: 0 10px 24px -6px rgb(0 0 0 / 0.30), 0 0 0 1px rgb(255 255 255 / 0.06);
547
+ --collection-batchbar-text: 13px;
548
+ --collection-batchbar-z-index: 20;
549
+ --collection-chip-bg: oklch(97.02% 0.0000 0);
550
+ --collection-chip-close-color: oklch(55.55% 0.0000 0);
551
+ --collection-chip-close-radius: 50%;
552
+ --collection-chip-close-size: 18px;
553
+ --collection-chip-fg: oklch(14.48% 0.0000 0);
554
+ --collection-chip-h: 26px;
555
+ --collection-chip-padding-left: 10px;
556
+ --collection-chip-padding-right: 4px;
557
+ --collection-chip-radius: 13px;
558
+ --collection-chip-text: 12px;
559
+ --collection-empty-fg: oklch(55.55% 0.0000 0);
560
+ --collection-empty-padding-y: 48px;
561
+ --collection-empty-text: 13px;
562
+ --collection-grid-files-gap: 14px;
563
+ --collection-grid-files-min-w: 180px;
564
+ --collection-grid-folders-gap: 10px;
565
+ --collection-grid-folders-min-w: 240px;
566
+ --collection-section-gap: 18px;
567
+ --collection-section-title-fg: oklch(55.55% 0.0000 0);
568
+ --collection-section-title-padding-bottom: 10px;
569
+ --collection-section-title-text: 11px;
570
+ --collection-section-title-tracking: 0.08em;
571
+ --collection-section-title-weight: 600;
572
+ --collection-tabs-count-active-bg: oklch(81.75% 0.1821 159.79);
573
+ --collection-tabs-count-active-fg: oklch(18.34% 0.0338 166.67);
574
+ --collection-tabs-count-bg: oklch(100.00% 0.0000 0);
575
+ --collection-tabs-count-px: 6px;
576
+ --collection-tabs-count-py: 1px;
577
+ --collection-tabs-count-radius: 999px;
578
+ --collection-tabs-count-text: 10.5px;
579
+ --collection-tabs-gap: 4px;
580
+ --collection-tabs-tab-active-bg: oklch(97.02% 0.0000 0);
581
+ --collection-tabs-tab-active-fg: oklch(14.48% 0.0000 0);
582
+ --collection-tabs-tab-h: 30px;
583
+ --collection-tabs-tab-inactive-fg: oklch(55.55% 0.0000 0);
584
+ --collection-tabs-tab-px: 12px;
585
+ --collection-tabs-tab-radius: 7px;
586
+ --collection-tabs-tab-text: 13px;
587
+ --collection-tabs-tab-weight: 500;
412
588
  --color-chrome: oklch(81.75% 0.1821 159.79);
413
589
  --color-desktop: oklch(81.75% 0.1821 159.79);
414
590
  --color-edge: oklch(86.06% 0.1731 91.94);
@@ -418,17 +594,21 @@
418
594
  --color-picker-content-gap: 12px;
419
595
  --color-picker-content-padding: 12px;
420
596
  --color-picker-content-width: 260px;
421
- --color-picker-swatch-radius: 0.125rem;
597
+ --color-picker-filled-preview-radius: 9999px;
598
+ --color-picker-focus-ring-destructive: oklch(63.68% 0.2078 25.33);
599
+ --color-picker-focus-ring-primary: oklch(81.75% 0.1821 159.79);
600
+ --color-picker-focus-ring-width: 3px;
601
+ --color-picker-swatch-radius: 9999px;
422
602
  --color-picker-swatch-size: 24px;
423
603
  --color-picker-trigger-border: oklch(92.19% 0.0000 0);
424
- --color-picker-trigger-radius: 0.375rem;
425
- --color-picker-trigger-size: 32px;
604
+ --color-picker-trigger-radius: 8px;
605
+ --color-picker-trigger-size: 40px;
426
606
  --color-safari: oklch(65.95% 0.2608 320.32);
427
607
  --combobox-content-bg: oklch(100.00% 0.0000 0);
428
608
  --combobox-content-border: oklch(92.19% 0.0000 0);
429
609
  --combobox-content-fg: oklch(20.46% 0.0000 0);
430
610
  --combobox-content-min-width: 8rem;
431
- --combobox-content-radius: 0.375rem;
611
+ --combobox-content-radius: 8px;
432
612
  --combobox-content-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
433
613
  --combobox-item-focus-bg: oklch(95.21% 0.0467 171.12);
434
614
  --combobox-item-focus-fg: oklch(26.88% 0.0527 163.85);
@@ -438,17 +618,22 @@
438
618
  --combobox-item-text: 0.875rem;
439
619
  --combobox-trigger-border-default: oklch(92.19% 0.0000 0);
440
620
  --combobox-trigger-border-focus: oklch(81.75% 0.1821 159.79);
621
+ --combobox-trigger-disabled-bg: oklch(97.02% 0.0000 0);
622
+ --combobox-trigger-disabled-border: oklch(97.02% 0.0000 0);
623
+ --combobox-trigger-disabled-fg: oklch(55.55% 0.0000 0);
441
624
  --combobox-trigger-gap: 8px;
442
- --combobox-trigger-height-lg: 40px;
443
- --combobox-trigger-height-md: 36px;
444
- --combobox-trigger-height-sm: 32px;
625
+ --combobox-trigger-height-lg: 44px;
626
+ --combobox-trigger-height-md: 40px;
627
+ --combobox-trigger-height-sm: 36px;
445
628
  --combobox-trigger-padding-x-lg: 14px;
446
629
  --combobox-trigger-padding-x-md: 12px;
447
630
  --combobox-trigger-padding-x-sm: 10px;
448
631
  --combobox-trigger-padding-y-lg: 8px;
449
632
  --combobox-trigger-padding-y-md: 8px;
450
633
  --combobox-trigger-padding-y-sm: 4px;
451
- --combobox-trigger-radius: 0.375rem;
634
+ --combobox-trigger-radius: 8px;
635
+ --combobox-trigger-ring-primary: oklch(81.75% 0.1821 159.79);
636
+ --combobox-trigger-ring-width: 3px;
452
637
  --combobox-trigger-text-lg: 1rem;
453
638
  --combobox-trigger-text-md: 0.875rem;
454
639
  --combobox-trigger-text-sm: 0.875rem;
@@ -524,7 +709,7 @@
524
709
  --context-menu-content-border-width: 1px;
525
710
  --context-menu-content-min-width: 8rem;
526
711
  --context-menu-content-padding: 4px;
527
- --context-menu-content-radius: 0.375rem;
712
+ --context-menu-content-radius: 8px;
528
713
  --context-menu-content-z-index: 50;
529
714
  --context-menu-indicator-left: 8px;
530
715
  --context-menu-indicator-size: 0.875rem;
@@ -580,10 +765,21 @@
580
765
  --datatable-toolbar-search-icon-size: 1rem;
581
766
  --datatable-toolbar-search-icon-top: 50%;
582
767
  --datatable-toolbar-search-input-padding-left: 36px;
768
+ --date-picker-content-bg: oklch(100.00% 0.0000 0);
769
+ --date-picker-content-border: oklch(92.19% 0.0000 0);
770
+ --date-picker-content-fg: oklch(20.46% 0.0000 0);
771
+ --date-picker-content-padding: 12px;
772
+ --date-picker-content-radius: 8px;
773
+ --date-picker-content-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
583
774
  --date-picker-footer-gap: 8px;
584
775
  --date-picker-footer-padding: 12px;
585
776
  --date-picker-preset-item-height: 32px;
586
777
  --date-picker-preset-min-width: 140px;
778
+ --date-picker-trigger-border-default: oklch(92.19% 0.0000 0);
779
+ --date-picker-trigger-border-focus: oklch(81.75% 0.1821 159.79);
780
+ --date-picker-trigger-disabled-bg: oklch(97.02% 0.0000 0);
781
+ --date-picker-trigger-disabled-border: oklch(97.02% 0.0000 0);
782
+ --date-picker-trigger-disabled-fg: oklch(55.55% 0.0000 0);
587
783
  --date-picker-trigger-height-lg: 44px;
588
784
  --date-picker-trigger-height-md: 40px;
589
785
  --date-picker-trigger-height-sm: 36px;
@@ -594,12 +790,16 @@
594
790
  --date-picker-trigger-padding-y-lg: 0.625rem;
595
791
  --date-picker-trigger-padding-y-md: 8px;
596
792
  --date-picker-trigger-padding-y-sm: 6px;
793
+ --date-picker-trigger-radius: 8px;
794
+ --date-picker-trigger-ring-primary: oklch(81.75% 0.1821 159.79);
795
+ --date-picker-trigger-ring-width: 3px;
597
796
  --date-picker-trigger-text-lg: 16px;
598
797
  --date-picker-trigger-text-md: 14px;
599
798
  --date-picker-trigger-text-sm: 12px;
600
799
  --date-range-picker-calendar-gap: 16px;
800
+ --date-range-picker-today-button-height: 28px;
801
+ --date-range-picker-today-button-text-size: 0.75rem;
601
802
  --date-range-picker-trigger-gap: 8px;
602
- --date-range-picker-trigger-padding-x: 12px;
603
803
  --date-range-picker-trigger-width: 300px;
604
804
  --destructive-border: oklch(88.45% 0.0593 18.33);
605
805
  --destructive-foreground: oklch(100.00% 0.0000 0);
@@ -617,6 +817,7 @@
617
817
  --divider-content-bg-fill: oklch(87.82% 0.2037 137.75);
618
818
  --divider-content-text-default: oklch(55.55% 0.0000 0);
619
819
  --divider-content-text-heading: oklch(14.48% 0.0000 0);
820
+ --divider-thickness: 1px;
620
821
  --drag-and-drop-draggable-opacity-dragging: 0.5;
621
822
  --drag-and-drop-droppable-background-active: oklch(81.75% 0.1821 159.79);
622
823
  --drag-and-drop-droppable-background-opacity: 0.05;
@@ -627,15 +828,15 @@
627
828
  --drag-and-drop-overlay-background: oklch(100.00% 0.0000 0);
628
829
  --drag-and-drop-overlay-radius: 0.375rem;
629
830
  --drag-and-drop-overlay-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
630
- --drawer-content-bg: oklch(100.00% 0.0000 0);
831
+ --drawer-content-bg: oklch(98.51% 0.0000 0);
631
832
  --drawer-content-border: oklch(92.19% 0.0000 0);
632
833
  --drawer-content-radius: 0.75rem;
633
834
  --drawer-footer-gap: 8px;
634
835
  --drawer-footer-padding: 16px;
635
- --drawer-handle-bg: oklch(97.02% 0.0000 0);
636
- --drawer-handle-height: 8px;
836
+ --drawer-handle-bg: oklch(55.55% 0.0000 0);
837
+ --drawer-handle-height: 4px;
637
838
  --drawer-handle-margin-top: 16px;
638
- --drawer-handle-width: 96px;
839
+ --drawer-handle-width: 32px;
639
840
  --drawer-header-gap: 8px;
640
841
  --drawer-header-padding: 16px;
641
842
  --drawer-overlay-bg: oklch(0.00% 0.0000 0 / 60.0%);
@@ -643,7 +844,7 @@
643
844
  --dropdown-menu-content-border-width: 1px;
644
845
  --dropdown-menu-content-min-width: 8rem;
645
846
  --dropdown-menu-content-padding: 4px;
646
- --dropdown-menu-content-radius: 0.375rem;
847
+ --dropdown-menu-content-radius: 8px;
647
848
  --dropdown-menu-content-z-index: 50;
648
849
  --dropdown-menu-indicator-left: 8px;
649
850
  --dropdown-menu-indicator-size: 0.875rem;
@@ -652,7 +853,7 @@
652
853
  --dropdown-menu-item-inset-padding-left: 32px;
653
854
  --dropdown-menu-item-padding-x: 8px;
654
855
  --dropdown-menu-item-padding-y: 0.375rem;
655
- --dropdown-menu-item-radius: 0.125rem;
856
+ --dropdown-menu-item-radius: 4px;
656
857
  --dropdown-menu-item-text-size: 0.875rem;
657
858
  --dropdown-menu-radio-size: 8px;
658
859
  --dropdown-menu-separator-height: 1px;
@@ -666,18 +867,14 @@
666
867
  --duration-slow: 300ms;
667
868
  --duration-slower: 500ms;
668
869
  --duration-slowest: 700ms;
870
+ --ease-bounce: cubic-bezier(0.68, -0.55, 0.265, 1.55);
669
871
  --ease-default: cubic-bezier(0.4, 0, 0.2, 1);
670
872
  --ease-emphasized: cubic-bezier(0.2, 0, 0, 1);
873
+ --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
671
874
  --ease-in: cubic-bezier(0.4, 0, 1, 1);
672
875
  --ease-linear: cubic-bezier(0, 0, 1, 1);
673
876
  --ease-out: cubic-bezier(0, 0, 0.2, 1);
674
- --ease-spring: cubic-bezier(0.36, 1.56, 0.64, 1);
675
- --easing-bounce: cubic-bezier(0.68, -0.55, 0.265, 1.55);
676
- --easing-default: cubic-bezier(0.4, 0, 0.2, 1);
677
- --easing-in-out: cubic-bezier(0.4, 0, 0.2, 1);
678
- --easing-in: cubic-bezier(0.4, 0, 1, 1);
679
- --easing-out: cubic-bezier(0, 0, 0.2, 1);
680
- --easing-spring: cubic-bezier(0.175, 0.885, 0.32, 1.275);
877
+ --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
681
878
  --empty-state-media-icon-bg: oklch(97.02% 0.0000 0);
682
879
  --empty-state-media-icon-fg: oklch(14.48% 0.0000 0);
683
880
  --empty-state-media-icon-icon-size: 24px;
@@ -691,6 +888,56 @@
691
888
  --extended-chart-3: oklch(62.31% 0.1880 259.81);
692
889
  --extended-chart-4: oklch(79.52% 0.1617 86.05);
693
890
  --extended-chart-5: oklch(63.68% 0.2078 25.33);
891
+ --feature-item-body-gap: 4px;
892
+ --feature-item-description-color: oklch(55.55% 0.0000 0);
893
+ --feature-item-description-font-size: 13px;
894
+ --feature-item-description-line-height: 1.55;
895
+ --feature-item-icon-radius: 10px;
896
+ --feature-item-icon-size: 40px;
897
+ --feature-item-link-color: oklch(56.08% 0.1221 160.56);
898
+ --feature-item-link-font-size: 12px;
899
+ --feature-item-link-font-weight: 600;
900
+ --feature-item-link-gap: 4px;
901
+ --feature-item-link-margin-top: 4px;
902
+ --feature-item-root-gap: 14px;
903
+ --feature-item-root-padding: 4px;
904
+ --feature-item-title-color: oklch(14.48% 0.0000 0);
905
+ --feature-item-title-font-size: 14px;
906
+ --feature-item-title-font-weight: 600;
907
+ --feature-item-tone-brand-bg: oklch(81.75% 0.1821 159.79);
908
+ --feature-item-tone-brand-fg: oklch(18.34% 0.0338 166.67);
909
+ --feature-item-tone-info-bg: oklch(97.05% 0.0142 254.60);
910
+ --feature-item-tone-info-fg: oklch(48.82% 0.2172 264.38);
911
+ --feature-item-tone-subtle-bg: oklch(97.65% 0.0243 170.99);
912
+ --feature-item-tone-subtle-fg: oklch(56.08% 0.1221 160.56);
913
+ --feature-item-tone-warning-bg: oklch(98.73% 0.0262 102.21);
914
+ --feature-item-tone-warning-fg: oklch(55.38% 0.1207 66.44);
915
+ --featured-icon-color-brand-bg: oklch(97.65% 0.0243 170.99);
916
+ --featured-icon-color-brand-fg: oklch(81.75% 0.1821 159.79);
917
+ --featured-icon-color-default-bg: oklch(97.02% 0.0000 0);
918
+ --featured-icon-color-default-fg: oklch(55.55% 0.0000 0);
919
+ --featured-icon-color-destructive-bg: oklch(97.05% 0.0129 17.38);
920
+ --featured-icon-color-destructive-fg: oklch(63.68% 0.2078 25.33);
921
+ --featured-icon-color-info-bg: oklch(97.05% 0.0142 254.60);
922
+ --featured-icon-color-info-fg: oklch(54.61% 0.2152 262.88);
923
+ --featured-icon-color-success-bg: oklch(98.19% 0.0181 155.83);
924
+ --featured-icon-color-success-fg: oklch(62.71% 0.1699 149.21);
925
+ --featured-icon-color-warning-bg: oklch(98.73% 0.0262 102.21);
926
+ --featured-icon-color-warning-fg: oklch(86.06% 0.1731 91.94);
927
+ --featured-icon-radius-circle: 9999px;
928
+ --featured-icon-radius-default: 8px;
929
+ --featured-icon-size-2xl-icon: 48px;
930
+ --featured-icon-size-2xl-plate: 80px;
931
+ --featured-icon-size-lg-icon: 24px;
932
+ --featured-icon-size-lg-plate: 48px;
933
+ --featured-icon-size-md-icon: 20px;
934
+ --featured-icon-size-md-plate: 44px;
935
+ --featured-icon-size-sm-icon: 16px;
936
+ --featured-icon-size-sm-plate: 32px;
937
+ --featured-icon-size-xl-icon: 32px;
938
+ --featured-icon-size-xl-plate: 56px;
939
+ --featured-icon-size-xs-icon: 12px;
940
+ --featured-icon-size-xs-plate: 28px;
694
941
  --feed-content-description-color: oklch(55.55% 0.0000 0);
695
942
  --feed-content-description-size: 0.875rem;
696
943
  --feed-content-title-weight: 500;
@@ -715,13 +962,93 @@
715
962
  --file-upload-dropzone-border-width: 2px;
716
963
  --file-upload-dropzone-gap: 16px;
717
964
  --file-upload-dropzone-padding: 40px;
718
- --file-upload-dropzone-radius: 0.5rem;
965
+ --file-upload-dropzone-radius: 12px;
719
966
  --file-upload-icon-color: oklch(55.55% 0.0000 0);
720
967
  --file-upload-icon-size: 40px;
721
968
  --file-upload-item-border: oklch(92.19% 0.0000 0);
722
969
  --file-upload-item-gap: 12px;
723
970
  --file-upload-item-padding: 12px;
724
971
  --file-upload-item-radius: 0.375rem;
972
+ --filetree-footer-branch-text: 11.5px;
973
+ --filetree-footer-branch-weight: 500;
974
+ --filetree-footer-dot-color: oklch(81.75% 0.1821 159.79);
975
+ --filetree-footer-dot-ring: 0 0 0 3px rgb(25 230 153 / 0.18);
976
+ --filetree-footer-dot-size: 6px;
977
+ --filetree-footer-gap: 8px;
978
+ --filetree-footer-padding-x: 12px;
979
+ --filetree-footer-padding-y: 10px;
980
+ --filetree-footer-text: 12px;
981
+ --filetree-project-badge-bg: oklch(81.75% 0.1821 159.79);
982
+ --filetree-project-badge-fg: oklch(18.34% 0.0338 166.67);
983
+ --filetree-project-badge-radius: 7px;
984
+ --filetree-project-badge-size: 28px;
985
+ --filetree-project-badge-text: 12px;
986
+ --filetree-project-badge-weight: 700;
987
+ --filetree-project-gap: 10px;
988
+ --filetree-project-name-text: 13px;
989
+ --filetree-project-name-weight: 600;
990
+ --filetree-project-padding-bottom: 12px;
991
+ --filetree-project-padding-top: 14px;
992
+ --filetree-project-padding-x: 14px;
993
+ --filetree-project-sub-fg: oklch(55.55% 0.0000 0);
994
+ --filetree-project-sub-text: 11px;
995
+ --filetree-row-active-bg: oklch(95.21% 0.0467 171.12);
996
+ --filetree-row-active-fg: oklch(26.88% 0.0527 163.85);
997
+ --filetree-row-hover-bg: oklch(97.02% 0.0000 0);
998
+ --filetree-row-modified-color: oklch(81.75% 0.1821 159.79);
999
+ --filetree-row-padding-x: 8px;
1000
+ --filetree-row-radius: 4px;
1001
+ --filetree-shell-bg: oklch(98.51% 0.0000 0);
1002
+ --filetree-shell-border: oklch(92.19% 0.0000 0);
1003
+ --filetree-shell-fg: oklch(14.48% 0.0000 0);
1004
+ --filetree-shell-width-default: 296px;
1005
+ --filetree-shell-width-lg: 320px;
1006
+ --filetree-shell-width-sm: 240px;
1007
+ --filetree-toolbar-action-radius: 6px;
1008
+ --filetree-toolbar-action-size: 28px;
1009
+ --filetree-toolbar-gap: 6px;
1010
+ --filetree-toolbar-padding-x: 12px;
1011
+ --filetree-toolbar-padding-y: 10px;
1012
+ --filetree-toolbar-search-bg: oklch(97.02% 0.0000 0);
1013
+ --filetree-toolbar-search-h: 28px;
1014
+ --filetree-toolbar-search-px: 8px;
1015
+ --filetree-toolbar-search-radius: 6px;
1016
+ --filetree-toolbar-search-text: 12px;
1017
+ --filetree-variant-ide-chev-h: 24px;
1018
+ --filetree-variant-ide-chev-w: 16px;
1019
+ --filetree-variant-ide-folder-icon-color: oklch(81.75% 0.1821 159.79);
1020
+ --filetree-variant-ide-folder-icon-w: 18px;
1021
+ --filetree-variant-ide-indent-guide-color: oklch(92.19% 0.0000 0);
1022
+ --filetree-variant-ide-indent: 14px;
1023
+ --filetree-variant-ide-row-h: 24px;
1024
+ --filetree-variant-ide-swatch-h: 16px;
1025
+ --filetree-variant-ide-swatch-radius: 3px;
1026
+ --filetree-variant-ide-swatch-text: 8.5px;
1027
+ --filetree-variant-ide-swatch-w: 18px;
1028
+ --filetree-variant-ide-swatch-weight: 700;
1029
+ --filetree-variant-ide-text: 12.5px;
1030
+ --filetree-variant-notion-chev-h: 22px;
1031
+ --filetree-variant-notion-chev-w: 20px;
1032
+ --filetree-variant-notion-count-text: 11px;
1033
+ --filetree-variant-notion-icon-radius: 5px;
1034
+ --filetree-variant-notion-icon-size: 22px;
1035
+ --filetree-variant-notion-indent-guide-color: oklch(92.19% 0.0000 0);
1036
+ --filetree-variant-notion-indent-guide-style: dotted;
1037
+ --filetree-variant-notion-indent: 18px;
1038
+ --filetree-variant-notion-modified-dot-size: 6px;
1039
+ --filetree-variant-notion-row-h: 30px;
1040
+ --filetree-variant-notion-text: 13.5px;
1041
+ --filetree-variant-outline-indent: 16px;
1042
+ --filetree-variant-outline-l0-margin-top: 12px;
1043
+ --filetree-variant-outline-l0-text: 11px;
1044
+ --filetree-variant-outline-l0-tracking: 0.08em;
1045
+ --filetree-variant-outline-l0-weight: 700;
1046
+ --filetree-variant-outline-marker-text: 12px;
1047
+ --filetree-variant-outline-marker-w: 10px;
1048
+ --filetree-variant-outline-meta-text: 10.5px;
1049
+ --filetree-variant-outline-row-h: 28px;
1050
+ --filetree-variant-outline-status-size: 7px;
1051
+ --filetree-variant-outline-text: 13px;
725
1052
  --filter-builder-group-border-color: oklch(92.19% 0.0000 0);
726
1053
  --filter-builder-group-border-left-width: 2px;
727
1054
  --filter-builder-group-gap: 8px;
@@ -742,6 +1069,51 @@
742
1069
  --focus-ring-secondary-color: oklch(58.24% 0.1354 137.66);
743
1070
  --focus-ring-secondary-shadow: 0 0 0 2px #508d3740;
744
1071
  --focus-ring-width: 2px;
1072
+ --folder-stack-empty-bg: oklch(97.02% 0.0000 0);
1073
+ --folder-stack-interactive-active-ring-color: oklch(81.75% 0.1821 159.79);
1074
+ --folder-stack-interactive-active-ring-width: 2px;
1075
+ --folder-stack-interactive-hover-scale: 1.02;
1076
+ --folder-stack-outline-color: oklch(100.00% 0.0000 0);
1077
+ --folder-stack-size-default-gap-x: 2px;
1078
+ --folder-stack-size-default-gap-y: 6px;
1079
+ --folder-stack-size-default-height: 40px;
1080
+ --folder-stack-size-default-outline-width: 1.5px;
1081
+ --folder-stack-size-default-tile-height: 16px;
1082
+ --folder-stack-size-default-tile-radius: 3px;
1083
+ --folder-stack-size-default-tile-width: 20px;
1084
+ --folder-stack-size-default-width: 40px;
1085
+ --folder-stack-size-lg-gap-x: 2px;
1086
+ --folder-stack-size-lg-gap-y: 8px;
1087
+ --folder-stack-size-lg-height: 56px;
1088
+ --folder-stack-size-lg-outline-width: 2px;
1089
+ --folder-stack-size-lg-tile-height: 22px;
1090
+ --folder-stack-size-lg-tile-radius: 4px;
1091
+ --folder-stack-size-lg-tile-width: 26px;
1092
+ --folder-stack-size-lg-width: 56px;
1093
+ --folder-stack-size-sm-gap-x: 2px;
1094
+ --folder-stack-size-sm-gap-y: 2px;
1095
+ --folder-stack-size-sm-height: 24px;
1096
+ --folder-stack-size-sm-outline-width: 1px;
1097
+ --folder-stack-size-sm-tile-height: 11px;
1098
+ --folder-stack-size-sm-tile-radius: 2px;
1099
+ --folder-stack-size-sm-tile-width: 14px;
1100
+ --folder-stack-size-sm-width: 30px;
1101
+ --folder-stack-size-xl-gap-x: 2px;
1102
+ --folder-stack-size-xl-gap-y: 10px;
1103
+ --folder-stack-size-xl-height: 72px;
1104
+ --folder-stack-size-xl-outline-width: 2px;
1105
+ --folder-stack-size-xl-tile-height: 28px;
1106
+ --folder-stack-size-xl-tile-radius: 5px;
1107
+ --folder-stack-size-xl-tile-width: 34px;
1108
+ --folder-stack-size-xl-width: 72px;
1109
+ --folder-stack-size-xs-gap-x: 1px;
1110
+ --folder-stack-size-xs-gap-y: 2px;
1111
+ --folder-stack-size-xs-height: 18px;
1112
+ --folder-stack-size-xs-outline-width: 1px;
1113
+ --folder-stack-size-xs-tile-height: 8px;
1114
+ --folder-stack-size-xs-tile-radius: 1.5px;
1115
+ --folder-stack-size-xs-tile-width: 10px;
1116
+ --folder-stack-size-xs-width: 22px;
745
1117
  --font-leading-loose: 2;
746
1118
  --font-leading-none: 1;
747
1119
  --font-leading-normal: 1.5;
@@ -795,6 +1167,14 @@
795
1167
  --green-800: oklch(44.79% 0.1083 151.33);
796
1168
  --green-900: oklch(39.25% 0.0896 152.54);
797
1169
  --green-950: oklch(26.64% 0.0628 152.93);
1170
+ --header-root-bg: oklch(100.00% 0.0000 0);
1171
+ --header-root-border-color: oklch(92.19% 0.0000 0);
1172
+ --header-root-padding-x: 16px;
1173
+ --header-root-padding-y: 12px;
1174
+ --header-size-lg-height: 80px;
1175
+ --header-size-md-height: 64px;
1176
+ --header-size-sm-height: 48px;
1177
+ --header-sticky-z-index: 30;
798
1178
  --heading-base-color: oklch(14.48% 0.0000 0);
799
1179
  --heading-base-font-family: Inter;
800
1180
  --heading-base-font-weight: 600;
@@ -839,7 +1219,7 @@
839
1219
  --icon-color-primary: oklch(81.75% 0.1821 159.79);
840
1220
  --icon-color-success: oklch(62.71% 0.1699 149.21);
841
1221
  --icon-color-warning: oklch(86.06% 0.1731 91.94);
842
- --icon-size-2xl: 40px;
1222
+ --icon-size-2xl: 48px;
843
1223
  --icon-size-2xs: 10px;
844
1224
  --icon-size-3xl: 48px;
845
1225
  --icon-size-lg: 24px;
@@ -847,6 +1227,16 @@
847
1227
  --icon-size-sm: 16px;
848
1228
  --icon-size-xl: 32px;
849
1229
  --icon-size-xs: 12px;
1230
+ --ifta-label-label-color-destructive: oklch(63.68% 0.2078 25.33);
1231
+ --ifta-label-label-color-foreground: oklch(14.48% 0.0000 0);
1232
+ --ifta-label-label-color-muted: oklch(55.55% 0.0000 0);
1233
+ --ifta-label-ring-destructive: oklch(63.68% 0.2078 25.33);
1234
+ --ifta-label-ring-primary: oklch(81.75% 0.1821 159.79);
1235
+ --ifta-label-ring-width: 3px;
1236
+ --ifta-label-wrapper-disabled-opacity: 0.5;
1237
+ --ifta-label-wrapper-height: 60px;
1238
+ --ifta-label-wrapper-padding-bottom: 8px;
1239
+ --ifta-label-wrapper-padding-top: 24px;
850
1240
  --image-rounded-circle: 9999px;
851
1241
  --image-rounded-default: 0px;
852
1242
  --image-rounded-rounded: 0.375rem;
@@ -871,6 +1261,8 @@
871
1261
  --input-fg-disabled: oklch(55.55% 0.0000 0);
872
1262
  --input-fg-icon: oklch(55.55% 0.0000 0);
873
1263
  --input-fg-placeholder: oklch(55.55% 0.0000 0);
1264
+ --input-group-button-radius: 4px;
1265
+ --input-group-radius: 8px;
874
1266
  --input-icon-padding-lg: 44px;
875
1267
  --input-icon-padding-md: 40px;
876
1268
  --input-icon-padding-sm: 36px;
@@ -896,25 +1288,25 @@
896
1288
  --input-otp-slot-active-ring: oklch(81.75% 0.1821 159.79);
897
1289
  --input-otp-slot-bg: oklch(100.00% 0.0000 0);
898
1290
  --input-otp-slot-border: oklch(92.19% 0.0000 0);
899
- --input-otp-slot-size-lg-radius: 0.375rem;
1291
+ --input-otp-slot-size-lg-radius: 8px;
900
1292
  --input-otp-slot-size-lg-size: 48px;
901
1293
  --input-otp-slot-size-lg-text: 1.125rem;
902
- --input-otp-slot-size-md-radius: 0.375rem;
903
- --input-otp-slot-size-md-size: 40px;
1294
+ --input-otp-slot-size-md-radius: 8px;
1295
+ --input-otp-slot-size-md-size: 44px;
904
1296
  --input-otp-slot-size-md-text: 1rem;
905
- --input-otp-slot-size-sm-radius: 0.375rem;
1297
+ --input-otp-slot-size-sm-radius: 8px;
906
1298
  --input-otp-slot-size-sm-size: 36px;
907
1299
  --input-otp-slot-size-sm-text: 0.875rem;
908
1300
  --input-radius: 0.375rem;
909
- --input-size-lg-h: 40px;
1301
+ --input-size-lg-h: 44px;
910
1302
  --input-size-lg-px: 0.875rem;
911
1303
  --input-size-lg-py: 0.375rem;
912
1304
  --input-size-lg-text: 1rem;
913
- --input-size-md-h: 36px;
1305
+ --input-size-md-h: 40px;
914
1306
  --input-size-md-px: 12px;
915
1307
  --input-size-md-py: 4px;
916
1308
  --input-size-md-text: 0.875rem;
917
- --input-size-sm-h: 32px;
1309
+ --input-size-sm-h: 36px;
918
1310
  --input-size-sm-px: 0.625rem;
919
1311
  --input-size-sm-py: 4px;
920
1312
  --input-size-sm-text: 0.875rem;
@@ -947,7 +1339,7 @@
947
1339
  --kbd-root-border-width: 1px;
948
1340
  --kbd-root-display: inline-flex;
949
1341
  --kbd-root-font-family: Inter;
950
- --kbd-root-font-weight: 500;
1342
+ --kbd-root-font-weight: 600;
951
1343
  --kbd-root-gap: 4px;
952
1344
  --kbd-root-justify-content: center;
953
1345
  --kbd-root-user-select: none;
@@ -997,10 +1389,16 @@
997
1389
  --label-root-align-items: center;
998
1390
  --label-root-display: flex;
999
1391
  --label-root-font-size: 14px;
1000
- --label-root-font-weight: 500;
1392
+ --label-root-font-weight: 400;
1001
1393
  --label-root-gap: 8px;
1002
- --label-root-line-height: 1;
1394
+ --label-root-line-height: 20px;
1003
1395
  --label-root-user-select: none;
1396
+ --label-size-lg-font-size: 16px;
1397
+ --label-size-lg-line-height: 24px;
1398
+ --label-size-md-font-size: 14px;
1399
+ --label-size-md-line-height: 20px;
1400
+ --label-size-sm-font-size: 12px;
1401
+ --label-size-sm-line-height: 16px;
1004
1402
  --layout-breakpoint-desktop: 1280px;
1005
1403
  --layout-breakpoint-mobile: 768px;
1006
1404
  --layout-breakpoint-tablet: 1024px;
@@ -1031,13 +1429,6 @@
1031
1429
  --layout-header-background: oklch(100.00% 0.0000 0);
1032
1430
  --layout-header-border: oklch(92.19% 0.0000 0);
1033
1431
  --layout-header-height: 56px;
1034
- --layout-rail-background: oklch(98.51% 0.0000 0);
1035
- --layout-rail-border: oklch(92.19% 0.0000 0);
1036
- --layout-rail-width: 48px;
1037
- --layout-sidebar-background: oklch(98.51% 0.0000 0);
1038
- --layout-sidebar-border: oklch(92.19% 0.0000 0);
1039
- --layout-sidebar-collapsed-width: 64px;
1040
- --layout-sidebar-width: 240px;
1041
1432
  --lightbox-button-background-hover: oklch(100.00% 0.0000 0 / 80.0%);
1042
1433
  --lightbox-button-background: oklch(100.00% 0.0000 0 / 90.2%);
1043
1434
  --lightbox-button-color: oklch(100.00% 0.0000 0);
@@ -1079,12 +1470,24 @@
1079
1470
  --markdown-editor-toolbar-border-bottom: oklch(92.19% 0.0000 0);
1080
1471
  --markdown-editor-toolbar-gap: 4px;
1081
1472
  --markdown-editor-toolbar-padding: 8px;
1473
+ --menu-item-bg-default: transparent;
1474
+ --menu-item-bg-hover: oklch(95.21% 0.0467 171.12);
1475
+ --menu-item-fg-default: oklch(14.48% 0.0000 0);
1476
+ --menu-item-fg-destructive: oklch(63.68% 0.2078 25.33);
1477
+ --menu-item-fg-hover: oklch(26.88% 0.0527 163.85);
1478
+ --menu-item-gap: 8px;
1479
+ --menu-item-padding-x: 8px;
1480
+ --menu-item-padding-y: 6px;
1481
+ --menu-item-radius: 4px;
1482
+ --menu-item-text-size: 0.875rem;
1483
+ --menu-root-gap: 2px;
1484
+ --menu-root-padding: 4px;
1082
1485
  --menubar-checkbox-radius: 1px;
1083
1486
  --menubar-checkbox-size: 16px;
1084
1487
  --menubar-content-border-width: 1px;
1085
1488
  --menubar-content-min-width: 12rem;
1086
1489
  --menubar-content-padding: 4px;
1087
- --menubar-content-radius: 0.375rem;
1490
+ --menubar-content-radius: 8px;
1088
1491
  --menubar-content-sub-min-width: 8rem;
1089
1492
  --menubar-content-z-index: 50;
1090
1493
  --menubar-indicator-left: 8px;
@@ -1102,29 +1505,29 @@
1102
1505
  --menubar-root-gap: 4px;
1103
1506
  --menubar-root-height: 36px;
1104
1507
  --menubar-root-padding: 4px;
1105
- --menubar-root-radius: 0.375rem;
1106
- --menubar-root-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
1508
+ --menubar-root-radius: 8px;
1509
+ --menubar-root-shadow: none;
1107
1510
  --menubar-separator-height: 1px;
1108
1511
  --menubar-separator-margin-x: -4px;
1109
1512
  --menubar-separator-margin-y: 4px;
1110
1513
  --menubar-shortcut-text-size: 0.75rem;
1111
- --menubar-trigger-padding-x: 8px;
1514
+ --menubar-trigger-padding-x: 12px;
1112
1515
  --menubar-trigger-padding-y: 4px;
1113
- --menubar-trigger-radius: 0.125rem;
1516
+ --menubar-trigger-radius: 4px;
1114
1517
  --menubar-trigger-text-size: 0.875rem;
1115
1518
  --modal-content-bg: oklch(100.00% 0.0000 0);
1116
1519
  --modal-content-border: oklch(92.19% 0.0000 0);
1117
1520
  --modal-content-gap: 16px;
1118
1521
  --modal-content-max-width: 32rem;
1119
1522
  --modal-content-padding: 24px;
1120
- --modal-content-radius: 0.5rem;
1523
+ --modal-content-radius: 12px;
1121
1524
  --modal-content-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
1122
1525
  --modal-footer-gap: 8px;
1123
1526
  --modal-header-gap: 8px;
1124
1527
  --modal-overlay-bg: oklch(0.00% 0.0000 0 / 60.0%);
1125
1528
  --multiselect-content-bg: oklch(100.00% 0.0000 0);
1126
1529
  --multiselect-content-fg: oklch(20.46% 0.0000 0);
1127
- --multiselect-content-radius: 0.375rem;
1530
+ --multiselect-content-radius: 8px;
1128
1531
  --multiselect-content-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
1129
1532
  --multiselect-content-width: 200px;
1130
1533
  --multiselect-empty-fg: oklch(55.55% 0.0000 0);
@@ -1158,12 +1561,36 @@
1158
1561
  --multiselect-trigger-padding-y-lg: 8px;
1159
1562
  --multiselect-trigger-padding-y-md: 8px;
1160
1563
  --multiselect-trigger-padding-y-sm: 4px;
1564
+ --multiselect-trigger-radius: 8px;
1161
1565
  --multiselect-trigger-text-lg: 1rem;
1162
1566
  --multiselect-trigger-text-md: 0.875rem;
1163
1567
  --multiselect-trigger-text-sm: 0.875rem;
1164
1568
  --multiselect-trigger-width: 200px;
1165
1569
  --muted-foreground: oklch(55.55% 0.0000 0);
1166
1570
  --muted: oklch(97.02% 0.0000 0);
1571
+ --native-select-focus-ring-color: oklch(81.75% 0.1821 159.79);
1572
+ --native-select-focus-ring-width: 3px;
1573
+ --native-select-root-border-default: oklch(92.19% 0.0000 0);
1574
+ --native-select-root-border-focus: oklch(81.75% 0.1821 159.79);
1575
+ --native-select-root-border-width: 1px;
1576
+ --native-select-root-radius: 8px;
1577
+ --native-select-root-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
1578
+ --native-select-size-lg-height: 40px;
1579
+ --native-select-size-lg-padding-x: 14px;
1580
+ --native-select-size-lg-text: 1rem;
1581
+ --native-select-size-md-height: 36px;
1582
+ --native-select-size-md-padding-x: 12px;
1583
+ --native-select-size-md-text: 0.875rem;
1584
+ --native-select-size-sm-height: 32px;
1585
+ --native-select-size-sm-padding-x: 10px;
1586
+ --native-select-size-sm-text: 0.875rem;
1587
+ --native-select-size-xl-height: 48px;
1588
+ --native-select-size-xl-padding-x: 16px;
1589
+ --native-select-size-xl-text: 1.125rem;
1590
+ --native-select-size-xs-height: 28px;
1591
+ --native-select-size-xs-padding-x: 8px;
1592
+ --native-select-size-xs-text: 0.75rem;
1593
+ --native-select-variant-filled-bg: oklch(97.02% 0.0000 0);
1167
1594
  --navbar-item-gap: 16px;
1168
1595
  --navbar-root-background: oklch(100.00% 0.0000 0);
1169
1596
  --navbar-root-border-color: oklch(92.19% 0.0000 0);
@@ -1208,6 +1635,21 @@
1208
1635
  --pagination-button-padding-x: 10px;
1209
1636
  --pagination-content-gap: 4px;
1210
1637
  --pagination-ellipsis-size: 36px;
1638
+ --panel-footer-padding-x: 16px;
1639
+ --panel-footer-padding-y: 12px;
1640
+ --panel-header-padding-x: 16px;
1641
+ --panel-header-padding-y: 12px;
1642
+ --panel-root-border-color: oklch(92.19% 0.0000 0);
1643
+ --panel-root-radius: 8px;
1644
+ --panel-root-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
1645
+ --panel-size-lg: 400px;
1646
+ --panel-size-md: 320px;
1647
+ --panel-size-sm: 280px;
1648
+ --panel-size-xl: 480px;
1649
+ --panel-size-xs: 240px;
1650
+ --panel-variant-default-bg: oklch(100.00% 0.0000 0);
1651
+ --panel-variant-elevated-bg: oklch(100.00% 0.0000 0);
1652
+ --panel-variant-subtle-bg: oklch(97.02% 0.0000 0);
1211
1653
  --paragraph-base-font-family: Inter;
1212
1654
  --paragraph-color-default: oklch(14.48% 0.0000 0);
1213
1655
  --paragraph-color-destructive: oklch(63.68% 0.2078 25.33);
@@ -1244,17 +1686,19 @@
1244
1686
  --phone-input-flag-size: 16px;
1245
1687
  --popover-bg: oklch(100.00% 0.0000 0);
1246
1688
  --popover-border: oklch(92.19% 0.0000 0);
1689
+ --popover-content-animation-duration: 300ms;
1690
+ --popover-content-animation-easing: cubic-bezier(0.4, 0, 0.2, 1);
1247
1691
  --popover-content-background: oklch(100.00% 0.0000 0);
1248
1692
  --popover-content-border-width: 1px;
1249
1693
  --popover-content-foreground: oklch(20.46% 0.0000 0);
1250
1694
  --popover-content-padding: 16px;
1251
- --popover-content-radius: 0.375rem;
1695
+ --popover-content-radius: 8px;
1252
1696
  --popover-content-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
1253
1697
  --popover-content-width: 18rem;
1254
1698
  --popover-content-z-index: 50;
1255
1699
  --popover-fg: oklch(20.46% 0.0000 0);
1256
1700
  --popover-foreground: oklch(20.46% 0.0000 0);
1257
- --popover-radius: 0.375rem;
1701
+ --popover-radius: 8px;
1258
1702
  --popover: oklch(100.00% 0.0000 0);
1259
1703
  --primary-active: oklch(56.08% 0.1221 160.56);
1260
1704
  --primary-border: oklch(90.88% 0.0912 168.55);
@@ -1271,7 +1715,7 @@
1271
1715
  --priority-medium-text: oklch(45% 0.15 95);
1272
1716
  --priority-urgent-bg: oklch(93% 0.08 25);
1273
1717
  --priority-urgent-text: oklch(45% 0.18 25);
1274
- --progress-bar-fill-color-default: oklch(62.71% 0.1699 149.21);
1718
+ --progress-bar-fill-color-default: oklch(81.75% 0.1821 159.79);
1275
1719
  --progress-bar-fill-color-error: oklch(63.68% 0.2078 25.33);
1276
1720
  --progress-bar-fill-color-primary: oklch(81.75% 0.1821 159.79);
1277
1721
  --progress-bar-fill-color-success: oklch(62.71% 0.1699 149.21);
@@ -1299,11 +1743,11 @@
1299
1743
  --progress-bar-size-xl-height: 16px;
1300
1744
  --progress-bar-size-xs-height: 4px;
1301
1745
  --progress-bar-track-color-default: oklch(97.02% 0.0000 0);
1302
- --progress-bar-track-color-error: oklch(63.68% 0.2078 25.33);
1303
- --progress-bar-track-color-primary: oklch(81.75% 0.1821 159.79);
1304
- --progress-bar-track-color-success: oklch(62.71% 0.1699 149.21);
1305
- --progress-bar-track-color-warning: oklch(86.06% 0.1731 91.94);
1306
- --progress-circle-indicator-color-default: oklch(62.71% 0.1699 149.21);
1746
+ --progress-bar-track-color-error: oklch(97.02% 0.0000 0);
1747
+ --progress-bar-track-color-primary: oklch(97.02% 0.0000 0);
1748
+ --progress-bar-track-color-success: oklch(97.02% 0.0000 0);
1749
+ --progress-bar-track-color-warning: oklch(97.02% 0.0000 0);
1750
+ --progress-circle-indicator-color-default: oklch(14.48% 0.0000 0);
1307
1751
  --progress-circle-indicator-color-error: oklch(63.68% 0.2078 25.33);
1308
1752
  --progress-circle-indicator-color-primary: oklch(81.75% 0.1821 159.79);
1309
1753
  --progress-circle-indicator-color-success: oklch(62.71% 0.1699 149.21);
@@ -1321,21 +1765,27 @@
1321
1765
  --progress-circle-size-xxs-diameter: 64px;
1322
1766
  --progress-circle-size-xxs-stroke-width: 4px;
1323
1767
  --progress-circle-track-color-default: oklch(97.02% 0.0000 0);
1324
- --progress-circle-track-color-error: oklch(63.68% 0.2078 25.33);
1325
- --progress-circle-track-color-primary: oklch(81.75% 0.1821 159.79);
1326
- --progress-circle-track-color-success: oklch(62.71% 0.1699 149.21);
1327
- --progress-circle-track-color-warning: oklch(86.06% 0.1731 91.94);
1768
+ --progress-circle-track-color-error: oklch(97.02% 0.0000 0);
1769
+ --progress-circle-track-color-primary: oklch(97.02% 0.0000 0);
1770
+ --progress-circle-track-color-success: oklch(97.02% 0.0000 0);
1771
+ --progress-circle-track-color-warning: oklch(97.02% 0.0000 0);
1328
1772
  --progress-circle-value-color: oklch(14.48% 0.0000 0);
1329
1773
  --progress-circle-value-font-weight: 600;
1330
- --radio-indicator-color: oklch(18.34% 0.0338 166.67);
1774
+ --progress-steps-connector-offset-lg: 24px;
1775
+ --progress-steps-connector-offset-md: 20px;
1776
+ --progress-steps-connector-offset-sm: 16px;
1777
+ --progress-steps-connector-vertical-height-offset-lg: 48px;
1778
+ --progress-steps-connector-vertical-height-offset-md: 40px;
1779
+ --progress-steps-connector-vertical-height-offset-sm: 32px;
1780
+ --radio-indicator-color: oklch(81.75% 0.1821 159.79);
1331
1781
  --radio-indicator-size-lg: 12px;
1332
1782
  --radio-indicator-size-md: 10px;
1333
1783
  --radio-indicator-size-sm: 8px;
1334
- --radio-root-bg-checked: oklch(81.75% 0.1821 159.79);
1784
+ --radio-root-bg-checked: oklch(100.00% 0.0000 0);
1335
1785
  --radio-root-bg-default: oklch(100.00% 0.0000 0);
1336
1786
  --radio-root-bg-disabled: oklch(97.02% 0.0000 0);
1337
1787
  --radio-root-border-checked: oklch(81.75% 0.1821 159.79);
1338
- --radio-root-border-default: oklch(81.75% 0.1821 159.79);
1788
+ --radio-root-border-default: oklch(92.19% 0.0000 0);
1339
1789
  --radio-root-border-focus: oklch(81.75% 0.1821 159.79);
1340
1790
  --radio-root-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
1341
1791
  --radio-root-size-lg: 24px;
@@ -1357,7 +1807,7 @@
1357
1807
  --rail-accent: oklch(95.21% 0.0467 171.12);
1358
1808
  --rail-background: oklch(98.51% 0.0000 0);
1359
1809
  --rail-border: oklch(92.19% 0.0000 0);
1360
- --rail-width: 3.5rem;
1810
+ --rail-width: 4rem;
1361
1811
  --rating-icon-color-empty: oklch(55.55% 0.0000 0);
1362
1812
  --rating-icon-color-filled: oklch(86.06% 0.1731 91.94);
1363
1813
  --rating-icon-size-lg: 24px;
@@ -1412,19 +1862,28 @@
1412
1862
  --section-root-gap: 24px;
1413
1863
  --section-root-padding-x: 24px;
1414
1864
  --section-root-padding-y: 32px;
1865
+ --section-root-radius: 8px;
1866
+ --section-size-default-padding: 24px;
1867
+ --section-size-lg-padding: 32px;
1868
+ --section-size-sm-padding: 16px;
1415
1869
  --select-content-bg: oklch(100.00% 0.0000 0);
1416
1870
  --select-content-border: oklch(92.19% 0.0000 0);
1417
1871
  --select-content-fg: oklch(20.46% 0.0000 0);
1418
1872
  --select-content-min-width: 8rem;
1419
- --select-content-radius: 0.375rem;
1873
+ --select-content-radius: 8px;
1420
1874
  --select-content-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
1421
1875
  --select-item-focus-bg: oklch(95.21% 0.0467 171.12);
1422
1876
  --select-item-focus-fg: oklch(26.88% 0.0527 163.85);
1423
1877
  --select-item-padding-l: 8px;
1424
1878
  --select-item-padding-r: 32px;
1425
1879
  --select-item-padding-y: 0.375rem;
1426
- --select-item-radius: 0.125rem;
1880
+ --select-item-radius: 4px;
1427
1881
  --select-item-text: 0.875rem;
1882
+ --select-trigger-border-focus: oklch(81.75% 0.1821 159.79);
1883
+ --select-trigger-disabled-bg: oklch(97.02% 0.0000 0);
1884
+ --select-trigger-disabled-border: oklch(97.02% 0.0000 0);
1885
+ --select-trigger-disabled-fg: oklch(55.55% 0.0000 0);
1886
+ --select-trigger-gap: 8px;
1428
1887
  --select-trigger-height-lg: 40px;
1429
1888
  --select-trigger-height-md: 36px;
1430
1889
  --select-trigger-height-sm: 32px;
@@ -1434,37 +1893,101 @@
1434
1893
  --select-trigger-padding-y-lg: 8px;
1435
1894
  --select-trigger-padding-y-md: 8px;
1436
1895
  --select-trigger-padding-y-sm: 4px;
1896
+ --select-trigger-radius: 8px;
1897
+ --select-trigger-ring-destructive: oklch(63.68% 0.2078 25.33);
1898
+ --select-trigger-ring-primary: oklch(81.75% 0.1821 159.79);
1899
+ --select-trigger-ring-width: 3px;
1437
1900
  --select-trigger-text-lg: 1rem;
1438
1901
  --select-trigger-text-md: 0.875rem;
1439
1902
  --select-trigger-text-sm: 0.875rem;
1440
- --sheet-content-bg: oklch(100.00% 0.0000 0);
1903
+ --shadow-lg: 0 10px 20px 0 rgb(0 0 0 / 0.12), 0 6px 6px 0 rgb(0 0 0 / 0.08);
1904
+ --shadow-md: 0 4px 8px 0 rgb(0 0 0 / 0.10), 0 2px 4px 0 rgb(0 0 0 / 0.06);
1905
+ --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.06), 0 1px 3px 0 rgb(0 0 0 / 0.04);
1906
+ --shadow-xl: 0 20px 40px 0 rgb(0 0 0 / 0.12), 0 10px 10px 0 rgb(0 0 0 / 0.10);
1907
+ --shadow-xs: 0 1px 2px 0 rgb(0 0 0 / 0.05);
1908
+ --sheet-close-opacity-default: 0.7;
1909
+ --sheet-close-radius: 2px;
1910
+ --sheet-close-right: 16px;
1911
+ --sheet-close-top: 16px;
1912
+ --sheet-content-bg: oklch(98.51% 0.0000 0);
1441
1913
  --sheet-content-border: oklch(92.19% 0.0000 0);
1442
- --sheet-content-max-height-lg: 600px;
1443
- --sheet-content-padding: 24px;
1914
+ --sheet-content-max-height-default: 24rem;
1915
+ --sheet-content-max-height-lg: 820px;
1916
+ --sheet-content-max-height-sm: 16rem;
1917
+ --sheet-content-padding: 32px;
1444
1918
  --sheet-content-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
1445
1919
  --sheet-content-width-default: 24rem;
1446
- --sheet-content-width-lg: 32rem;
1447
- --sheet-content-width-sm: 18rem;
1448
- --sheet-overlay-bg-blur: oklch(0.00% 0.0000 0 / 60.0%);
1920
+ --sheet-content-width-lg: 72rem;
1921
+ --sheet-content-width-sm: 36rem;
1922
+ --sheet-overlay-bg-blur: oklch(0% 0 0 / 30%);
1449
1923
  --sheet-overlay-bg-default: oklch(0.00% 0.0000 0 / 60.0%);
1450
- --sheet-overlay-bg-light: oklch(0.00% 0.0000 0 / 60.0%);
1924
+ --sheet-overlay-bg-light: oklch(100% 0 0 / 50%);
1451
1925
  --sidebar-accent-foreground: oklch(26.88% 0.0527 163.85);
1452
1926
  --sidebar-accent: oklch(95.21% 0.0467 171.12);
1453
1927
  --sidebar-background: oklch(98.51% 0.0000 0);
1454
1928
  --sidebar-border: oklch(92.19% 0.0000 0);
1929
+ --sidebar-container-background: oklch(98.51% 0.0000 0);
1930
+ --sidebar-container-padding-x: 12px;
1931
+ --sidebar-container-padding-y: 24px;
1455
1932
  --sidebar-foreground: oklch(20.46% 0.0000 0);
1456
1933
  --sidebar-group-padding: 8px;
1457
1934
  --sidebar-input-background: oklch(100.00% 0.0000 0);
1458
1935
  --sidebar-input-border: oklch(92.19% 0.0000 0);
1459
1936
  --sidebar-input-foreground: oklch(14.48% 0.0000 0);
1460
1937
  --sidebar-input-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
1938
+ --sidebar-logo-background: oklch(81.75% 0.1821 159.79);
1939
+ --sidebar-logo-foreground: oklch(18.34% 0.0338 166.67);
1940
+ --sidebar-logo-icon-size: 1rem;
1941
+ --sidebar-logo-padding: 4px;
1942
+ --sidebar-logo-radius: 4px;
1943
+ --sidebar-logo-size: 2rem;
1944
+ --sidebar-nav-item-bg-default: transparent;
1945
+ --sidebar-nav-item-bg-hover: oklch(97.02% 0.0000 0);
1946
+ --sidebar-nav-item-fg-active: oklch(14.48% 0.0000 0);
1947
+ --sidebar-nav-item-fg-default: oklch(55.55% 0.0000 0);
1948
+ --sidebar-nav-item-font-size: 0.875rem;
1949
+ --sidebar-nav-item-font-weight: 400;
1950
+ --sidebar-nav-item-gap: 12px;
1951
+ --sidebar-nav-item-icon-size: 1.25rem;
1952
+ --sidebar-nav-item-line-height: 1;
1953
+ --sidebar-nav-item-padding: 8px;
1954
+ --sidebar-nav-item-radius: 4px;
1955
+ --sidebar-panel-background: oklch(98.51% 0.0000 0);
1956
+ --sidebar-panel-border-color: oklch(92.19% 0.0000 0);
1957
+ --sidebar-panel-gap: 1.75rem;
1958
+ --sidebar-panel-header-color: oklch(14.48% 0.0000 0);
1959
+ --sidebar-panel-header-font-size: 1rem;
1960
+ --sidebar-panel-header-font-weight: 700;
1961
+ --sidebar-panel-header-line-height: 1.5rem;
1962
+ --sidebar-panel-header-padding-x: 16px;
1963
+ --sidebar-panel-padding-bottom: 5rem;
1964
+ --sidebar-panel-padding-top: 1.75rem;
1461
1965
  --sidebar-panel-width: 13.5rem;
1462
- --sidebar-width-icon: 3rem;
1966
+ --sidebar-rail-group-gap: 24px;
1967
+ --sidebar-rail-item-bg-default: transparent;
1968
+ --sidebar-rail-item-bg-hover: oklch(97.02% 0.0000 0);
1969
+ --sidebar-rail-item-fg-active: oklch(14.48% 0.0000 0);
1970
+ --sidebar-rail-item-fg-default: oklch(55.55% 0.0000 0);
1971
+ --sidebar-rail-item-gap: 20px;
1972
+ --sidebar-rail-item-icon-size: 1.25rem;
1973
+ --sidebar-rail-item-padding: 8px;
1974
+ --sidebar-rail-item-radius: 4px;
1975
+ --sidebar-rail-width: 4rem;
1976
+ --sidebar-section-content-gap: 8px;
1977
+ --sidebar-section-content-padding-x: 4px;
1978
+ --sidebar-section-gap: 16px;
1979
+ --sidebar-section-padding-x: 8px;
1980
+ --sidebar-section-title-color: oklch(55.55% 0.0000 0);
1981
+ --sidebar-section-title-font-size: 0.625rem;
1982
+ --sidebar-section-title-font-weight: 400;
1983
+ --sidebar-section-title-line-height: 1;
1984
+ --sidebar-section-title-padding-x: 8px;
1985
+ --sidebar-width-icon: 4rem;
1463
1986
  --sidebar-width-mobile: 18rem;
1464
- --sidebar-width: 16rem;
1987
+ --sidebar-width: 17rem;
1465
1988
  --single-stat-label-color: oklch(55.55% 0.0000 0);
1466
1989
  --single-stat-label-size: 0.875rem;
1467
- --single-stat-label-weight: 500;
1990
+ --single-stat-label-weight: 400;
1468
1991
  --single-stat-value-color: oklch(14.48% 0.0000 0);
1469
1992
  --single-stat-value-size-lg: 2.25rem;
1470
1993
  --single-stat-value-size-md: 1.5rem;
@@ -1504,16 +2027,25 @@
1504
2027
  --skeleton-size-text-sm: 96px;
1505
2028
  --skeleton-size-text-xl: 256px;
1506
2029
  --skeleton-size-text-xs: 64px;
2030
+ --slider-focus-ring-primary: oklch(81.75% 0.1821 159.79);
2031
+ --slider-focus-ring-width: 4px;
2032
+ --slider-label-color: oklch(14.48% 0.0000 0);
2033
+ --slider-label-size: 0.875rem;
2034
+ --slider-label-weight: 500;
1507
2035
  --slider-range-bg-default: oklch(81.75% 0.1821 159.79);
1508
2036
  --slider-thumb-bg: oklch(100.00% 0.0000 0);
1509
2037
  --slider-thumb-border: oklch(81.75% 0.1821 159.79);
2038
+ --slider-thumb-drop-shadow: 0 1px 2px 0 var(--drop-shadow-lg-color), 0 1px 3px 0 var(--drop-shadow-md-color);
1510
2039
  --slider-thumb-size-lg: 28px;
1511
2040
  --slider-thumb-size-md: 24px;
1512
- --slider-thumb-size-sm: 20px;
1513
- --slider-track-bg: oklch(87.82% 0.2037 137.75);
1514
- --slider-track-height-lg: 10px;
1515
- --slider-track-height-md: 8px;
1516
- --slider-track-height-sm: 6px;
2041
+ --slider-thumb-size-sm: 16px;
2042
+ --slider-tooltip-bg: oklch(100.00% 0.0000 0);
2043
+ --slider-tooltip-fg: oklch(20.46% 0.0000 0);
2044
+ --slider-tooltip-radius: 4px;
2045
+ --slider-track-bg: oklch(97.02% 0.0000 0);
2046
+ --slider-track-height-lg: 8px;
2047
+ --slider-track-height-md: 6px;
2048
+ --slider-track-height-sm: 4px;
1517
2049
  --spacer-size-2xl: 64px;
1518
2050
  --spacer-size-lg: 32px;
1519
2051
  --spacer-size-md: 24px;
@@ -1557,10 +2089,10 @@
1557
2089
  --spinner-color-warning: oklch(86.06% 0.1731 91.94);
1558
2090
  --spinner-gradient-end: oklch(69.20% 0.1533 159.90);
1559
2091
  --spinner-gradient-start: oklch(81.75% 0.1821 159.79);
1560
- --spinner-size-lg: 24px;
2092
+ --spinner-size-lg: 28px;
1561
2093
  --spinner-size-md: 20px;
1562
2094
  --spinner-size-sm: 16px;
1563
- --spinner-size-xl: 32px;
2095
+ --spinner-size-xl: 40px;
1564
2096
  --spinner-size-xs: 12px;
1565
2097
  --split-button-divider-color-contrast: oklch(100.00% 0.0000 0 / 80.0%);
1566
2098
  --split-button-divider-color: oklch(92.19% 0.0000 0);
@@ -1597,14 +2129,17 @@
1597
2129
  --status-in-review-bg: oklch(93% 0.08 250);
1598
2130
  --status-in-review-dot: oklch(60% 0.18 250);
1599
2131
  --status-in-review-text: oklch(45% 0.15 250);
2132
+ --status-indicator-dot-color-destructive: oklch(63.68% 0.2078 25.33);
1600
2133
  --status-indicator-dot-color-error: oklch(63.68% 0.2078 25.33);
1601
2134
  --status-indicator-dot-color-info: oklch(54.61% 0.2152 262.88);
1602
- --status-indicator-dot-color-neutral: oklch(55.55% 0.0000 0);
2135
+ --status-indicator-dot-color-neutral: oklch(92.19% 0.0000 0);
1603
2136
  --status-indicator-dot-color-success: oklch(62.71% 0.1699 149.21);
1604
2137
  --status-indicator-dot-color-warning: oklch(86.06% 0.1731 91.94);
2138
+ --status-indicator-dot-size-2xl: 16px;
1605
2139
  --status-indicator-dot-size-default: 10px;
1606
2140
  --status-indicator-dot-size-lg: 12px;
1607
2141
  --status-indicator-dot-size-sm: 8px;
2142
+ --status-indicator-dot-size-xl: 14px;
1608
2143
  --status-indicator-dot-size-xs: 6px;
1609
2144
  --status-indicator-label-color: oklch(14.48% 0.0000 0);
1610
2145
  --status-indicator-label-font-size: 0.875rem;
@@ -1632,6 +2167,12 @@
1632
2167
  --status-warning-foreground: oklch(100.00% 0.0000 0);
1633
2168
  --status-warning-subtle-foreground: oklch(55.38% 0.1207 66.44);
1634
2169
  --status-warning-subtle: oklch(98.73% 0.0262 102.21);
2170
+ --stepper-connector-offset-default: 24px;
2171
+ --stepper-connector-offset-lg: 30px;
2172
+ --stepper-connector-offset-sm: 20px;
2173
+ --stepper-connector-vertical-height-offset-default: 48px;
2174
+ --stepper-connector-vertical-height-offset-lg: 56px;
2175
+ --stepper-connector-vertical-height-offset-sm: 40px;
1635
2176
  --stepper-indicator-background-active: oklch(81.75% 0.1821 159.79);
1636
2177
  --stepper-indicator-background-inactive: oklch(97.02% 0.0000 0);
1637
2178
  --stepper-indicator-color-active: oklch(18.34% 0.0338 166.67);
@@ -1673,6 +2214,9 @@
1673
2214
  --switch-track-bg-off: oklch(92.19% 0.0000 0);
1674
2215
  --switch-track-bg-on: oklch(81.75% 0.1821 159.79);
1675
2216
  --switch-track-radius: 9999px;
2217
+ --switch-track-ring-ghost: oklch(55.55% 0.0000 0);
2218
+ --switch-track-ring-primary: oklch(81.75% 0.1821 159.79);
2219
+ --switch-track-ring-width: 3px;
1676
2220
  --switch-track-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
1677
2221
  --table-caption-fg: oklch(55.55% 0.0000 0);
1678
2222
  --table-caption-margin-top: 16px;
@@ -1701,14 +2245,18 @@
1701
2245
  --tabs-trigger-active-bg: oklch(100.00% 0.0000 0);
1702
2246
  --tabs-trigger-active-fg: oklch(14.48% 0.0000 0);
1703
2247
  --tabs-trigger-active-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
1704
- --tabs-trigger-base-gap: 6px;
2248
+ --tabs-trigger-badge-bg: oklch(97.02% 0.0000 0);
2249
+ --tabs-trigger-badge-fg: oklch(55.55% 0.0000 0);
2250
+ --tabs-trigger-badge-padding-x: 6px;
2251
+ --tabs-trigger-badge-radius: 9999px;
2252
+ --tabs-trigger-base-gap: 8px;
1705
2253
  --tabs-trigger-base-padding-x: 8px;
1706
2254
  --tabs-trigger-base-padding-y: 4px;
1707
- --tabs-trigger-base-radius: 0.125rem;
2255
+ --tabs-trigger-base-radius: 4px;
1708
2256
  --tabs-trigger-base-text: 0.875rem;
1709
- --tabs-trigger-base-weight: 500;
2257
+ --tabs-trigger-base-weight: 400;
1710
2258
  --tabs-trigger-focus-ring: oklch(81.75% 0.1821 159.79);
1711
- --tabs-trigger-inactive-fg: oklch(14.48% 0.0000 0);
2259
+ --tabs-trigger-inactive-fg: oklch(55.55% 0.0000 0);
1712
2260
  --tag-checkbox-bg-checked: oklch(81.75% 0.1821 159.79);
1713
2261
  --tag-checkbox-bg-default: oklch(100.00% 0.0000 0);
1714
2262
  --tag-checkbox-border-checked: oklch(81.75% 0.1821 159.79);
@@ -1719,7 +2267,10 @@
1719
2267
  --tag-color-bg-hover: oklch(97.02% 0.0000 0);
1720
2268
  --tag-color-border-checked: oklch(81.75% 0.1821 159.79);
1721
2269
  --tag-color-border-default: oklch(92.19% 0.0000 0);
2270
+ --tag-color-dot: oklch(81.75% 0.1821 159.79);
1722
2271
  --tag-color-text-default: oklch(14.48% 0.0000 0);
2272
+ --tag-count-radius: 4px;
2273
+ --tag-radius: 8px;
1723
2274
  --tag-size-checkbox-lg: 1.125rem;
1724
2275
  --tag-size-checkbox-md: 16px;
1725
2276
  --tag-size-checkbox-sm: 0.875rem;
@@ -1824,10 +2375,20 @@
1824
2375
  --text-secondary: oklch(55.55% 0.0000 0);
1825
2376
  --text-size-2xl-font-size: 24px;
1826
2377
  --text-size-2xl-line-height: 32px;
1827
- --text-size-3xl-font-size: 30px;
1828
- --text-size-3xl-line-height: 36px;
2378
+ --text-size-2xs-font-size: 10px;
2379
+ --text-size-2xs-line-height: 14px;
2380
+ --text-size-3xl-font-size: 32px;
2381
+ --text-size-3xl-line-height: 40px;
1829
2382
  --text-size-4xl-font-size: 36px;
1830
- --text-size-4xl-line-height: 40px;
2383
+ --text-size-4xl-line-height: 44px;
2384
+ --text-size-5xl-font-size: 48px;
2385
+ --text-size-5xl-line-height: 56px;
2386
+ --text-size-6xl-font-size: 60px;
2387
+ --text-size-6xl-line-height: 68px;
2388
+ --text-size-7xl-font-size: 72px;
2389
+ --text-size-7xl-line-height: 80px;
2390
+ --text-size-8xl-font-size: 96px;
2391
+ --text-size-8xl-line-height: 104px;
1831
2392
  --text-size-base-font-size: 16px;
1832
2393
  --text-size-base-line-height: 24px;
1833
2394
  --text-size-lg-font-size: 18px;
@@ -1840,6 +2401,9 @@
1840
2401
  --text-size-xs-line-height: 16px;
1841
2402
  --text-success: oklch(62.71% 0.1699 149.21);
1842
2403
  --text-tertiary: oklch(71.55% 0.0000 0);
2404
+ --text-variant-code-padding-x: 0.3rem;
2405
+ --text-variant-code-padding-y: 0.2rem;
2406
+ --text-variant-code-radius: 4px;
1843
2407
  --text-warning: oklch(68.06% 0.1423 75.83);
1844
2408
  --text-weight-bold: 700;
1845
2409
  --text-weight-medium: 500;
@@ -1847,42 +2411,49 @@
1847
2411
  --text-weight-semibold: 600;
1848
2412
  --textarea-bg-default: oklch(100.00% 0.0000 0);
1849
2413
  --textarea-bg-disabled: oklch(97.02% 0.0000 0);
2414
+ --textarea-bg-filled: oklch(97.02% 0.0000 0);
1850
2415
  --textarea-border-default: oklch(92.19% 0.0000 0);
2416
+ --textarea-border-disabled: oklch(97.02% 0.0000 0);
1851
2417
  --textarea-border-error: oklch(63.68% 0.2078 25.33);
1852
2418
  --textarea-border-focus: oklch(81.75% 0.1821 159.79);
1853
2419
  --textarea-border-width: 1px;
1854
2420
  --textarea-fg-default: oklch(14.48% 0.0000 0);
1855
2421
  --textarea-fg-disabled: oklch(55.55% 0.0000 0);
1856
2422
  --textarea-fg-placeholder: oklch(55.55% 0.0000 0);
1857
- --textarea-radius: 0.375rem;
2423
+ --textarea-radius: 8px;
2424
+ --textarea-ring-primary: oklch(81.75% 0.1821 159.79);
2425
+ --textarea-ring-width: 3px;
1858
2426
  --textarea-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
1859
- --textarea-size-lg-min-h: 96px;
2427
+ --textarea-size-lg-min-h: 160px;
1860
2428
  --textarea-size-lg-px: 14px;
1861
2429
  --textarea-size-lg-py: 10px;
1862
2430
  --textarea-size-lg-text: 1rem;
1863
- --textarea-size-md-min-h: 80px;
2431
+ --textarea-size-md-min-h: 128px;
1864
2432
  --textarea-size-md-px: 12px;
1865
2433
  --textarea-size-md-py: 8px;
1866
2434
  --textarea-size-md-text: 0.875rem;
1867
- --textarea-size-sm-min-h: 64px;
2435
+ --textarea-size-sm-min-h: 96px;
1868
2436
  --textarea-size-sm-px: 10px;
1869
2437
  --textarea-size-sm-py: 6px;
1870
2438
  --textarea-size-sm-text: 0.875rem;
1871
2439
  --thumbnail-root-bg: oklch(97.02% 0.0000 0);
1872
- --thumbnail-rounded-default: 0.375rem;
2440
+ --thumbnail-rounded-default: 8px;
1873
2441
  --thumbnail-rounded-full: 9999px;
1874
- --thumbnail-rounded-lg: 0.5rem;
2442
+ --thumbnail-rounded-lg: 12px;
1875
2443
  --thumbnail-rounded-none: 0px;
1876
- --thumbnail-rounded-sm: 0.125rem;
2444
+ --thumbnail-rounded-sm: 4px;
1877
2445
  --thumbnail-size-default-width: 80px;
1878
2446
  --thumbnail-size-lg-width: 120px;
1879
2447
  --thumbnail-size-sm-width: 56px;
1880
2448
  --thumbnail-size-xl-width: 160px;
1881
- --thumbnail-size-xs-width: 40px;
1882
- --time-picker-input-text-align: center;
1883
- --time-picker-input-width: 65px;
1884
- --time-picker-root-gap: 8px;
1885
- --time-picker-separator-padding-x: 4px;
2449
+ --thumbnail-size-xs-width: 48px;
2450
+ --time-picker-focus-ring-destructive: oklch(63.68% 0.2078 25.33);
2451
+ --time-picker-focus-ring-primary: oklch(81.75% 0.1821 159.79);
2452
+ --time-picker-focus-ring-width: 3px;
2453
+ --time-picker-trigger-height-lg: 44px;
2454
+ --time-picker-trigger-height-md: 40px;
2455
+ --time-picker-trigger-height-sm: 36px;
2456
+ --time-picker-trigger-radius: 8px;
1886
2457
  --timeline-connector-offset-compact: 3px;
1887
2458
  --timeline-connector-offset-default: 5px;
1888
2459
  --timeline-connector-offset-detailed: 7px;
@@ -1890,18 +2461,28 @@
1890
2461
  --timeline-connector-top-compact: 12px;
1891
2462
  --timeline-connector-top-default: 16px;
1892
2463
  --timeline-connector-top-detailed: 20px;
1893
- --timeline-connector-width: 2px;
2464
+ --timeline-connector-width: 1px;
1894
2465
  --timeline-item-gap-compact: 8px;
1895
2466
  --timeline-item-gap-default: 12px;
1896
2467
  --timeline-item-gap-detailed: 16px;
1897
2468
  --timeline-item-gap-horizontal: 8px;
1898
- --timeline-marker-border-width: 2px;
1899
- --timeline-marker-size-default: 12px;
2469
+ --timeline-marker-border-width: 1px;
2470
+ --timeline-marker-color-default: oklch(81.75% 0.1821 159.79);
2471
+ --timeline-marker-color-error: oklch(63.68% 0.2078 25.33);
2472
+ --timeline-marker-color-muted: oklch(97.02% 0.0000 0);
2473
+ --timeline-marker-color-success: oklch(62.71% 0.1699 149.21);
2474
+ --timeline-marker-color-warning: oklch(86.06% 0.1731 91.94);
2475
+ --timeline-marker-disabled-bg: oklch(97.02% 0.0000 0);
2476
+ --timeline-marker-disabled-border: oklch(92.19% 0.0000 0);
2477
+ --timeline-marker-disabled-fg: oklch(55.55% 0.0000 0);
2478
+ --timeline-marker-focus-ring-color: oklch(81.75% 0.1821 159.79);
2479
+ --timeline-marker-focus-ring-width: 4px;
2480
+ --timeline-marker-size-default: 16px;
1900
2481
  --timeline-marker-size-icon-default: 32px;
1901
2482
  --timeline-marker-size-icon-lg: 40px;
1902
2483
  --timeline-marker-size-icon-sm: 24px;
1903
- --timeline-marker-size-lg: 16px;
1904
- --timeline-marker-size-sm: 8px;
2484
+ --timeline-marker-size-lg: 20px;
2485
+ --timeline-marker-size-sm: 12px;
1905
2486
  --timeline-root-gap-compact: 8px;
1906
2487
  --timeline-root-gap-default: 16px;
1907
2488
  --timeline-root-gap-detailed: 24px;
@@ -1918,7 +2499,7 @@
1918
2499
  --toggle-group-root-radius: 0.375rem;
1919
2500
  --toggle-icon-size: 16px;
1920
2501
  --toggle-root-border-radius-pill: 9999px;
1921
- --toggle-root-border-radius-rounded: 0.375rem;
2502
+ --toggle-root-border-radius-rounded: 8px;
1922
2503
  --toggle-root-border-width: 1px;
1923
2504
  --toggle-root-font-weight: 500;
1924
2505
  --toggle-root-gap: 8px;
@@ -1932,16 +2513,16 @@
1932
2513
  --toggle-size-md-height: 36px;
1933
2514
  --toggle-size-md-min-width: 36px;
1934
2515
  --toggle-size-md-padding-x: 0.625rem;
1935
- --toggle-size-sm-height: 32px;
1936
- --toggle-size-sm-min-width: 32px;
2516
+ --toggle-size-sm-height: 24px;
2517
+ --toggle-size-sm-min-width: 24px;
1937
2518
  --toggle-size-sm-padding-x: 0.375rem;
1938
2519
  --toggle-variant-default-bg-default: oklch(97.02% 0.0000 0);
1939
2520
  --toggle-variant-default-bg-hover: oklch(97.02% 0.0000 0);
1940
- --toggle-variant-default-bg-on: oklch(81.75% 0.1821 159.79);
2521
+ --toggle-variant-default-bg-on: oklch(95.21% 0.0467 171.12);
1941
2522
  --toggle-variant-default-border: transparent;
1942
2523
  --toggle-variant-default-color-default: oklch(55.55% 0.0000 0);
1943
2524
  --toggle-variant-default-color-hover: oklch(14.48% 0.0000 0);
1944
- --toggle-variant-default-color-on: oklch(18.34% 0.0338 166.67);
2525
+ --toggle-variant-default-color-on: oklch(14.48% 0.0000 0);
1945
2526
  --toggle-variant-outline-bg-default: transparent;
1946
2527
  --toggle-variant-outline-bg-hover: oklch(97.02% 0.0000 0);
1947
2528
  --toggle-variant-outline-bg-on: oklch(81.75% 0.1821 159.79);
@@ -1952,14 +2533,16 @@
1952
2533
  --toolbar-button-background-hover: oklch(97.02% 0.0000 0);
1953
2534
  --toolbar-button-foreground-muted: oklch(55.55% 0.0000 0);
1954
2535
  --toolbar-button-foreground: oklch(14.48% 0.0000 0);
1955
- --toolbar-button-height: 36px;
2536
+ --toolbar-button-height: 32px;
1956
2537
  --toolbar-button-padding-x: 12px;
1957
- --toolbar-button-radius: 0.375rem;
2538
+ --toolbar-button-radius: 8px;
1958
2539
  --toolbar-root-background: oklch(100.00% 0.0000 0);
1959
2540
  --toolbar-root-border: oklch(92.19% 0.0000 0);
1960
2541
  --toolbar-root-gap: 8px;
2542
+ --toolbar-root-padding-x: 8px;
2543
+ --toolbar-root-padding-y: 8px;
1961
2544
  --toolbar-root-padding: 8px;
1962
- --toolbar-root-radius: 0.375rem;
2545
+ --toolbar-root-radius: 8px;
1963
2546
  --toolbar-separator-color: oklch(92.19% 0.0000 0);
1964
2547
  --toolbar-separator-margin-x: 8px;
1965
2548
  --toolbar-separator-width: 1px;
@@ -1967,11 +2550,21 @@
1967
2550
  --tooltip-arrow-size: 0.625rem;
1968
2551
  --tooltip-content-background: oklch(14.48% 0.0000 0);
1969
2552
  --tooltip-content-foreground: oklch(100.00% 0.0000 0);
2553
+ --tooltip-content-max-width: 24rem;
1970
2554
  --tooltip-content-padding-x: 12px;
1971
2555
  --tooltip-content-padding-y: 0.375rem;
1972
- --tooltip-content-radius: 0.375rem;
2556
+ --tooltip-content-radius: 8px;
1973
2557
  --tooltip-content-text-size: 0.75rem;
1974
2558
  --tooltip-content-z-index: 50;
2559
+ --topbar-leading-gap: 8px;
2560
+ --topbar-root-background: oklch(97.02% 0.0000 0);
2561
+ --topbar-root-border-color: oklch(92.19% 0.0000 0);
2562
+ --topbar-root-gap: 16px;
2563
+ --topbar-root-height-default: 3.5rem;
2564
+ --topbar-root-height-filters: 3.25rem;
2565
+ --topbar-root-padding-x: 32px;
2566
+ --topbar-root-padding-y: 8px;
2567
+ --topbar-trailing-gap: 16px;
1975
2568
  --typography-caption-c1-font-family: Inter;
1976
2569
  --typography-caption-c1-font-size: 12px;
1977
2570
  --typography-caption-c1-font-weight: 600;
@@ -2205,7 +2798,7 @@
2205
2798
  --typography-paragraph-p4-textcase: none;
2206
2799
  --typography-paragraph-p4-textdecoration: none;
2207
2800
  --warning-border: oklch(94.51% 0.1243 101.54);
2208
- --warning-foreground: oklch(100.00% 0.0000 0);
2801
+ --warning-foreground: oklch(28.57% 0.0639 53.81);
2209
2802
  --warning-subtle-foreground: oklch(55.38% 0.1207 66.44);
2210
2803
  --warning-subtle: oklch(98.73% 0.0262 102.21);
2211
2804
  --warning: oklch(86.06% 0.1731 91.94);
@@ -2336,6 +2929,11 @@
2336
2929
  --paragraph-color-muted: oklch(71.55% 0.0000 0);
2337
2930
  --paragraph-color-primary: oklch(84.11% 0.1609 163.31);
2338
2931
  --paragraph-color-success: oklch(72.27% 0.1920 149.58);
2932
+ --popover-bg: oklch(20.46% 0.0000 0);
2933
+ --popover-border: oklch(37.15% 0.0000 0);
2934
+ --popover-content-background: oklch(20.46% 0.0000 0);
2935
+ --popover-content-foreground: oklch(98.51% 0.0000 0);
2936
+ --popover-fg: oklch(98.51% 0.0000 0);
2339
2937
  --popover-foreground: oklch(98.51% 0.0000 0);
2340
2938
  --popover: oklch(20.46% 0.0000 0);
2341
2939
  --primary-active: oklch(90.88% 0.0912 168.55);
@@ -2357,6 +2955,7 @@
2357
2955
  --shadow-md: inset 0 1px 0 0 rgb(255 255 255 / 0.08), 0 6px 12px 0 rgb(0 0 0 / 0.40);
2358
2956
  --shadow-sm: inset 0 1px 0 0 rgb(255 255 255 / 0.08), 0 2px 4px 0 rgb(0 0 0 / 0.35);
2359
2957
  --shadow-xl: inset 0 1px 0 0 rgb(255 255 255 / 0.08), 0 24px 48px 0 rgb(0 0 0 / 0.50);
2958
+ --shadow-xs: inset 0 1px 0 0 rgb(255 255 255 / 0.04), 0 1px 2px 0 rgb(0 0 0 / 0.30);
2360
2959
  --sidebar-accent-foreground: oklch(95.21% 0.0467 171.12);
2361
2960
  --sidebar-accent: oklch(26.88% 0.0527 163.85);
2362
2961
  --sidebar-background: oklch(20.46% 0.0000 0);
@@ -2396,7 +2995,7 @@
2396
2995
  --text-color-default: oklch(98.51% 0.0000 0);
2397
2996
  --text-color-muted: oklch(71.55% 0.0000 0);
2398
2997
  --warning-border: oklch(55.38% 0.1207 66.44);
2399
- --warning-foreground: oklch(100.00% 0.0000 0);
2998
+ --warning-foreground: oklch(28.57% 0.0639 53.81);
2400
2999
  --warning-subtle-foreground: oklch(90.52% 0.1657 98.11);
2401
3000
  --warning-subtle: oklch(28.57% 0.0639 53.81);
2402
3001
  --warning: oklch(79.52% 0.1617 86.05);
@@ -2496,6 +3095,11 @@
2496
3095
  --paragraph-color-muted: oklch(55.55% 0.0000 0);
2497
3096
  --paragraph-color-primary: oklch(81.75% 0.1821 159.79);
2498
3097
  --paragraph-color-success: oklch(62.71% 0.1699 149.21);
3098
+ --popover-bg: oklch(100.00% 0.0000 0);
3099
+ --popover-border: oklch(92.19% 0.0000 0);
3100
+ --popover-content-background: oklch(100.00% 0.0000 0);
3101
+ --popover-content-foreground: oklch(20.46% 0.0000 0);
3102
+ --popover-fg: oklch(20.46% 0.0000 0);
2499
3103
  --popover-foreground: oklch(20.46% 0.0000 0);
2500
3104
  --popover: oklch(100.00% 0.0000 0);
2501
3105
  --primary-active: oklch(56.08% 0.1221 160.56);
@@ -2513,6 +3117,11 @@
2513
3117
  --secondary-subtle-foreground: oklch(58.24% 0.1354 137.66);
2514
3118
  --secondary-subtle: oklch(98.93% 0.0139 138.71);
2515
3119
  --secondary: oklch(87.82% 0.2037 137.75);
3120
+ --shadow-lg: 0 10px 20px 0 rgb(0 0 0 / 0.12), 0 6px 6px 0 rgb(0 0 0 / 0.08);
3121
+ --shadow-md: 0 4px 8px 0 rgb(0 0 0 / 0.10), 0 2px 4px 0 rgb(0 0 0 / 0.06);
3122
+ --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.06), 0 1px 3px 0 rgb(0 0 0 / 0.04);
3123
+ --shadow-xl: 0 20px 40px 0 rgb(0 0 0 / 0.12), 0 10px 10px 0 rgb(0 0 0 / 0.10);
3124
+ --shadow-xs: 0 1px 2px 0 rgb(0 0 0 / 0.05);
2516
3125
  --sidebar-accent-foreground: oklch(26.88% 0.0527 163.85);
2517
3126
  --sidebar-accent: oklch(95.21% 0.0467 171.12);
2518
3127
  --sidebar-background: oklch(98.51% 0.0000 0);
@@ -2552,7 +3161,7 @@
2552
3161
  --text-color-default: oklch(14.48% 0.0000 0);
2553
3162
  --text-color-muted: oklch(55.55% 0.0000 0);
2554
3163
  --warning-border: oklch(94.51% 0.1243 101.54);
2555
- --warning-foreground: oklch(100.00% 0.0000 0);
3164
+ --warning-foreground: oklch(28.57% 0.0639 53.81);
2556
3165
  --warning-subtle-foreground: oklch(55.38% 0.1207 66.44);
2557
3166
  --warning-subtle: oklch(98.73% 0.0262 102.21);
2558
3167
  --warning: oklch(86.06% 0.1731 91.94);
@@ -2570,15 +3179,66 @@
2570
3179
  --breakpoint-xs: 320px;
2571
3180
  --color-accent-foreground: var(--accent-foreground);
2572
3181
  --color-accent: var(--accent);
3182
+ --color-accordion-trigger-ring-primary: var(--accordion-trigger-ring-primary);
2573
3183
  --color-alert-variant-default-bg: var(--alert-variant-default-bg);
2574
3184
  --color-alert-variant-default-border: var(--alert-variant-default-border);
2575
3185
  --color-alert-variant-default-fg: var(--alert-variant-default-fg);
2576
3186
  --color-alert-variant-destructive-bg: var(--alert-variant-destructive-bg);
2577
3187
  --color-alert-variant-destructive-border: var(--alert-variant-destructive-border);
2578
3188
  --color-alert-variant-destructive-fg: var(--alert-variant-destructive-fg);
3189
+ --color-alert-variant-info-bg: var(--alert-variant-info-bg);
3190
+ --color-alert-variant-info-border: var(--alert-variant-info-border);
3191
+ --color-alert-variant-info-fg: var(--alert-variant-info-fg);
3192
+ --color-alert-variant-success-bg: var(--alert-variant-success-bg);
3193
+ --color-alert-variant-success-border: var(--alert-variant-success-border);
3194
+ --color-alert-variant-success-fg: var(--alert-variant-success-fg);
3195
+ --color-alert-variant-warning-bg: var(--alert-variant-warning-bg);
3196
+ --color-alert-variant-warning-border: var(--alert-variant-warning-border);
3197
+ --color-alert-variant-warning-fg: var(--alert-variant-warning-fg);
2579
3198
  --color-asset-manager-item-background: var(--asset-manager-item-background);
2580
3199
  --color-asset-manager-item-border: var(--asset-manager-item-border);
2581
3200
  --color-asset-manager-preview-background: var(--asset-manager-preview-background);
3201
+ --color-asset-palette-status-approved-color: var(--asset-palette-status-approved-color);
3202
+ --color-asset-palette-status-archived-color: var(--asset-palette-status-archived-color);
3203
+ --color-asset-palette-status-changes-color: var(--asset-palette-status-changes-color);
3204
+ --color-asset-palette-status-draft-color: var(--asset-palette-status-draft-color);
3205
+ --color-asset-palette-status-review-color: var(--asset-palette-status-review-color);
3206
+ --color-asset-palette-type-archive-color: var(--asset-palette-type-archive-color);
3207
+ --color-asset-palette-type-archive-tint: var(--asset-palette-type-archive-tint);
3208
+ --color-asset-palette-type-audio-color: var(--asset-palette-type-audio-color);
3209
+ --color-asset-palette-type-audio-tint: var(--asset-palette-type-audio-tint);
3210
+ --color-asset-palette-type-code-css-color: var(--asset-palette-type-code-css-color);
3211
+ --color-asset-palette-type-code-css-tint: var(--asset-palette-type-code-css-tint);
3212
+ --color-asset-palette-type-code-env-color: var(--asset-palette-type-code-env-color);
3213
+ --color-asset-palette-type-code-env-tint: var(--asset-palette-type-code-env-tint);
3214
+ --color-asset-palette-type-code-js-color: var(--asset-palette-type-code-js-color);
3215
+ --color-asset-palette-type-code-js-tint: var(--asset-palette-type-code-js-tint);
3216
+ --color-asset-palette-type-code-json-color: var(--asset-palette-type-code-json-color);
3217
+ --color-asset-palette-type-code-json-tint: var(--asset-palette-type-code-json-tint);
3218
+ --color-asset-palette-type-code-md-color: var(--asset-palette-type-code-md-color);
3219
+ --color-asset-palette-type-code-md-tint: var(--asset-palette-type-code-md-tint);
3220
+ --color-asset-palette-type-code-ts-color: var(--asset-palette-type-code-ts-color);
3221
+ --color-asset-palette-type-code-ts-tint: var(--asset-palette-type-code-ts-tint);
3222
+ --color-asset-palette-type-code-tsx-color: var(--asset-palette-type-code-tsx-color);
3223
+ --color-asset-palette-type-code-tsx-tint: var(--asset-palette-type-code-tsx-tint);
3224
+ --color-asset-palette-type-design-figma-color: var(--asset-palette-type-design-figma-color);
3225
+ --color-asset-palette-type-design-figma-tint: var(--asset-palette-type-design-figma-tint);
3226
+ --color-asset-palette-type-design-illustrator-color: var(--asset-palette-type-design-illustrator-color);
3227
+ --color-asset-palette-type-design-illustrator-tint: var(--asset-palette-type-design-illustrator-tint);
3228
+ --color-asset-palette-type-design-raster-color: var(--asset-palette-type-design-raster-color);
3229
+ --color-asset-palette-type-design-raster-tint: var(--asset-palette-type-design-raster-tint);
3230
+ --color-asset-palette-type-doc-pdf-color: var(--asset-palette-type-doc-pdf-color);
3231
+ --color-asset-palette-type-doc-pdf-tint: var(--asset-palette-type-doc-pdf-tint);
3232
+ --color-asset-palette-type-doc-text-color: var(--asset-palette-type-doc-text-color);
3233
+ --color-asset-palette-type-doc-text-tint: var(--asset-palette-type-doc-text-tint);
3234
+ --color-asset-palette-type-image-color: var(--asset-palette-type-image-color);
3235
+ --color-asset-palette-type-image-tint: var(--asset-palette-type-image-tint);
3236
+ --color-asset-palette-type-unknown-color: var(--asset-palette-type-unknown-color);
3237
+ --color-asset-palette-type-unknown-tint: var(--asset-palette-type-unknown-tint);
3238
+ --color-asset-palette-type-vector-color: var(--asset-palette-type-vector-color);
3239
+ --color-asset-palette-type-vector-tint: var(--asset-palette-type-vector-tint);
3240
+ --color-asset-palette-type-video-color: var(--asset-palette-type-video-color);
3241
+ --color-asset-palette-type-video-tint: var(--asset-palette-type-video-tint);
2582
3242
  --color-autocomplete-content-bg: var(--autocomplete-content-bg);
2583
3243
  --color-autocomplete-content-border: var(--autocomplete-content-border);
2584
3244
  --color-autocomplete-content-fg: var(--autocomplete-content-fg);
@@ -2599,6 +3259,7 @@
2599
3259
  --color-avatar-fallback-text-secondary: var(--avatar-fallback-text-secondary);
2600
3260
  --color-avatar-fallback-text-success: var(--avatar-fallback-text-success);
2601
3261
  --color-avatar-fallback-text-warning: var(--avatar-fallback-text-warning);
3262
+ --color-avatar-focus-ring-color: var(--avatar-focus-ring-color);
2602
3263
  --color-background: var(--background);
2603
3264
  --color-badge-color-destructive-bg: var(--badge-color-destructive-bg);
2604
3265
  --color-badge-color-destructive-border: var(--badge-color-destructive-border);
@@ -2612,6 +3273,12 @@
2612
3273
  --color-badge-color-secondary-bg: var(--badge-color-secondary-bg);
2613
3274
  --color-badge-color-secondary-border: var(--badge-color-secondary-border);
2614
3275
  --color-badge-color-secondary-fg: var(--badge-color-secondary-fg);
3276
+ --color-badge-color-success-bg: var(--badge-color-success-bg);
3277
+ --color-badge-color-success-border: var(--badge-color-success-border);
3278
+ --color-badge-color-success-fg: var(--badge-color-success-fg);
3279
+ --color-badge-color-warning-bg: var(--badge-color-warning-bg);
3280
+ --color-badge-color-warning-border: var(--badge-color-warning-border);
3281
+ --color-badge-color-warning-fg: var(--badge-color-warning-fg);
2615
3282
  --color-base-black-20: var(--base-black-20);
2616
3283
  --color-base-black-40: var(--base-black-40);
2617
3284
  --color-base-black-60: var(--base-black-60);
@@ -2695,14 +3362,24 @@
2695
3362
  --color-breadcrumb-link-hover: var(--breadcrumb-link-hover);
2696
3363
  --color-breadcrumb-list-text: var(--breadcrumb-list-text);
2697
3364
  --color-breadcrumb-page-text: var(--breadcrumb-page-text);
3365
+ --color-button-destructive-bg-default: var(--button-destructive-bg-default);
3366
+ --color-button-destructive-bg-hover: var(--button-destructive-bg-hover);
3367
+ --color-button-destructive-fg-default: var(--button-destructive-fg-default);
2698
3368
  --color-button-disabled-bg: var(--button-disabled-bg);
2699
3369
  --color-button-disabled-border: var(--button-disabled-border);
2700
3370
  --color-button-disabled-fg: var(--button-disabled-fg);
3371
+ --color-button-ghost-bg-hover: var(--button-ghost-bg-hover);
3372
+ --color-button-ghost-fg-default: var(--button-ghost-fg-default);
3373
+ --color-button-ghost-fg-hover: var(--button-ghost-fg-hover);
2701
3374
  --color-button-group-item-background-active: var(--button-group-item-background-active);
2702
3375
  --color-button-group-item-background-hover: var(--button-group-item-background-hover);
2703
3376
  --color-button-group-item-background: var(--button-group-item-background);
2704
- --color-button-group-root-border-color: var(--button-group-root-border-color);
3377
+ --color-button-group-root-bg-primary: var(--button-group-root-bg-primary);
3378
+ --color-button-group-root-border-color-default: var(--button-group-root-border-color-default);
3379
+ --color-button-group-root-border-color-primary: var(--button-group-root-border-color-primary);
3380
+ --color-button-group-root-fg-primary: var(--button-group-root-fg-primary);
2705
3381
  --color-button-group-separator-color: var(--button-group-separator-color);
3382
+ --color-button-group-text-background: var(--button-group-text-background);
2706
3383
  --color-button-link-color-fg-default: var(--button-link-color-fg-default);
2707
3384
  --color-button-link-color-fg-hover: var(--button-link-color-fg-hover);
2708
3385
  --color-button-link-gray-fg-default: var(--button-link-gray-fg-default);
@@ -2713,7 +3390,10 @@
2713
3390
  --color-button-primary-border-hover: var(--button-primary-border-hover);
2714
3391
  --color-button-primary-fg-default: var(--button-primary-fg-default);
2715
3392
  --color-button-ring-brand: var(--button-ring-brand);
3393
+ --color-button-ring-destructive: var(--button-ring-destructive);
2716
3394
  --color-button-ring-gray: var(--button-ring-gray);
3395
+ --color-button-ring-success: var(--button-ring-success);
3396
+ --color-button-ring-warning: var(--button-ring-warning);
2717
3397
  --color-button-secondary-color-bg-default: var(--button-secondary-color-bg-default);
2718
3398
  --color-button-secondary-color-bg-hover: var(--button-secondary-color-bg-hover);
2719
3399
  --color-button-secondary-color-border-default: var(--button-secondary-color-border-default);
@@ -2751,12 +3431,29 @@
2751
3431
  --color-checkbox-root-border-checked: var(--checkbox-root-border-checked);
2752
3432
  --color-checkbox-root-border-default: var(--checkbox-root-border-default);
2753
3433
  --color-checkbox-root-border-focus: var(--checkbox-root-border-focus);
3434
+ --color-collection-batchbar-action-primary-bg: var(--collection-batchbar-action-primary-bg);
3435
+ --color-collection-batchbar-action-primary-fg: var(--collection-batchbar-action-primary-fg);
3436
+ --color-collection-batchbar-bg: var(--collection-batchbar-bg);
3437
+ --color-collection-batchbar-fg: var(--collection-batchbar-fg);
3438
+ --color-collection-chip-bg: var(--collection-chip-bg);
3439
+ --color-collection-chip-close-color: var(--collection-chip-close-color);
3440
+ --color-collection-chip-fg: var(--collection-chip-fg);
3441
+ --color-collection-empty-fg: var(--collection-empty-fg);
3442
+ --color-collection-section-title-fg: var(--collection-section-title-fg);
3443
+ --color-collection-tabs-count-active-bg: var(--collection-tabs-count-active-bg);
3444
+ --color-collection-tabs-count-active-fg: var(--collection-tabs-count-active-fg);
3445
+ --color-collection-tabs-count-bg: var(--collection-tabs-count-bg);
3446
+ --color-collection-tabs-tab-active-bg: var(--collection-tabs-tab-active-bg);
3447
+ --color-collection-tabs-tab-active-fg: var(--collection-tabs-tab-active-fg);
3448
+ --color-collection-tabs-tab-inactive-fg: var(--collection-tabs-tab-inactive-fg);
2754
3449
  --color-color-chrome: var(--color-chrome);
2755
3450
  --color-color-desktop: var(--color-desktop);
2756
3451
  --color-color-edge: var(--color-edge);
2757
3452
  --color-color-firefox: var(--color-firefox);
2758
3453
  --color-color-mobile: var(--color-mobile);
2759
3454
  --color-color-other: var(--color-other);
3455
+ --color-color-picker-focus-ring-destructive: var(--color-picker-focus-ring-destructive);
3456
+ --color-color-picker-focus-ring-primary: var(--color-picker-focus-ring-primary);
2760
3457
  --color-color-picker-trigger-border: var(--color-picker-trigger-border);
2761
3458
  --color-color-safari: var(--color-safari);
2762
3459
  --color-combobox-content-bg: var(--combobox-content-bg);
@@ -2766,6 +3463,10 @@
2766
3463
  --color-combobox-item-focus-fg: var(--combobox-item-focus-fg);
2767
3464
  --color-combobox-trigger-border-default: var(--combobox-trigger-border-default);
2768
3465
  --color-combobox-trigger-border-focus: var(--combobox-trigger-border-focus);
3466
+ --color-combobox-trigger-disabled-bg: var(--combobox-trigger-disabled-bg);
3467
+ --color-combobox-trigger-disabled-border: var(--combobox-trigger-disabled-border);
3468
+ --color-combobox-trigger-disabled-fg: var(--combobox-trigger-disabled-fg);
3469
+ --color-combobox-trigger-ring-primary: var(--combobox-trigger-ring-primary);
2769
3470
  --color-comment-system-item-background: var(--comment-system-item-background);
2770
3471
  --color-comment-system-item-border: var(--comment-system-item-border);
2771
3472
  --color-core-background-background: var(--core-background-background);
@@ -2791,6 +3492,15 @@
2791
3492
  --color-datatable-sort-badge-bg: var(--datatable-sort-badge-bg);
2792
3493
  --color-datatable-sort-badge-fg: var(--datatable-sort-badge-fg);
2793
3494
  --color-datatable-toolbar-search-icon-color: var(--datatable-toolbar-search-icon-color);
3495
+ --color-date-picker-content-bg: var(--date-picker-content-bg);
3496
+ --color-date-picker-content-border: var(--date-picker-content-border);
3497
+ --color-date-picker-content-fg: var(--date-picker-content-fg);
3498
+ --color-date-picker-trigger-border-default: var(--date-picker-trigger-border-default);
3499
+ --color-date-picker-trigger-border-focus: var(--date-picker-trigger-border-focus);
3500
+ --color-date-picker-trigger-disabled-bg: var(--date-picker-trigger-disabled-bg);
3501
+ --color-date-picker-trigger-disabled-border: var(--date-picker-trigger-disabled-border);
3502
+ --color-date-picker-trigger-disabled-fg: var(--date-picker-trigger-disabled-fg);
3503
+ --color-date-picker-trigger-ring-primary: var(--date-picker-trigger-ring-primary);
2794
3504
  --color-destructive-border: var(--destructive-border);
2795
3505
  --color-destructive-foreground: var(--destructive-foreground);
2796
3506
  --color-destructive-hover: var(--destructive-hover);
@@ -2823,6 +3533,29 @@
2823
3533
  --color-extended-chart-3: var(--extended-chart-3);
2824
3534
  --color-extended-chart-4: var(--extended-chart-4);
2825
3535
  --color-extended-chart-5: var(--extended-chart-5);
3536
+ --color-feature-item-description-color: var(--feature-item-description-color);
3537
+ --color-feature-item-link-color: var(--feature-item-link-color);
3538
+ --color-feature-item-title-color: var(--feature-item-title-color);
3539
+ --color-feature-item-tone-brand-bg: var(--feature-item-tone-brand-bg);
3540
+ --color-feature-item-tone-brand-fg: var(--feature-item-tone-brand-fg);
3541
+ --color-feature-item-tone-info-bg: var(--feature-item-tone-info-bg);
3542
+ --color-feature-item-tone-info-fg: var(--feature-item-tone-info-fg);
3543
+ --color-feature-item-tone-subtle-bg: var(--feature-item-tone-subtle-bg);
3544
+ --color-feature-item-tone-subtle-fg: var(--feature-item-tone-subtle-fg);
3545
+ --color-feature-item-tone-warning-bg: var(--feature-item-tone-warning-bg);
3546
+ --color-feature-item-tone-warning-fg: var(--feature-item-tone-warning-fg);
3547
+ --color-featured-icon-color-brand-bg: var(--featured-icon-color-brand-bg);
3548
+ --color-featured-icon-color-brand-fg: var(--featured-icon-color-brand-fg);
3549
+ --color-featured-icon-color-default-bg: var(--featured-icon-color-default-bg);
3550
+ --color-featured-icon-color-default-fg: var(--featured-icon-color-default-fg);
3551
+ --color-featured-icon-color-destructive-bg: var(--featured-icon-color-destructive-bg);
3552
+ --color-featured-icon-color-destructive-fg: var(--featured-icon-color-destructive-fg);
3553
+ --color-featured-icon-color-info-bg: var(--featured-icon-color-info-bg);
3554
+ --color-featured-icon-color-info-fg: var(--featured-icon-color-info-fg);
3555
+ --color-featured-icon-color-success-bg: var(--featured-icon-color-success-bg);
3556
+ --color-featured-icon-color-success-fg: var(--featured-icon-color-success-fg);
3557
+ --color-featured-icon-color-warning-bg: var(--featured-icon-color-warning-bg);
3558
+ --color-featured-icon-color-warning-fg: var(--featured-icon-color-warning-fg);
2826
3559
  --color-feed-content-description-color: var(--feed-content-description-color);
2827
3560
  --color-feed-icon-background: var(--feed-icon-background);
2828
3561
  --color-feed-icon-color: var(--feed-icon-color);
@@ -2835,6 +3568,21 @@
2835
3568
  --color-file-upload-dropzone-border-color: var(--file-upload-dropzone-border-color);
2836
3569
  --color-file-upload-icon-color: var(--file-upload-icon-color);
2837
3570
  --color-file-upload-item-border: var(--file-upload-item-border);
3571
+ --color-filetree-footer-dot-color: var(--filetree-footer-dot-color);
3572
+ --color-filetree-project-badge-bg: var(--filetree-project-badge-bg);
3573
+ --color-filetree-project-badge-fg: var(--filetree-project-badge-fg);
3574
+ --color-filetree-project-sub-fg: var(--filetree-project-sub-fg);
3575
+ --color-filetree-row-active-bg: var(--filetree-row-active-bg);
3576
+ --color-filetree-row-active-fg: var(--filetree-row-active-fg);
3577
+ --color-filetree-row-hover-bg: var(--filetree-row-hover-bg);
3578
+ --color-filetree-row-modified-color: var(--filetree-row-modified-color);
3579
+ --color-filetree-shell-bg: var(--filetree-shell-bg);
3580
+ --color-filetree-shell-border: var(--filetree-shell-border);
3581
+ --color-filetree-shell-fg: var(--filetree-shell-fg);
3582
+ --color-filetree-toolbar-search-bg: var(--filetree-toolbar-search-bg);
3583
+ --color-filetree-variant-ide-folder-icon-color: var(--filetree-variant-ide-folder-icon-color);
3584
+ --color-filetree-variant-ide-indent-guide-color: var(--filetree-variant-ide-indent-guide-color);
3585
+ --color-filetree-variant-notion-indent-guide-color: var(--filetree-variant-notion-indent-guide-color);
2838
3586
  --color-filter-builder-group-border-color: var(--filter-builder-group-border-color);
2839
3587
  --color-focus-ring-color: var(--focus-ring-color);
2840
3588
  --color-focus-ring-destructive-color: var(--focus-ring-destructive-color);
@@ -2842,10 +3590,15 @@
2842
3590
  --color-focus-ring-outline-color: var(--focus-ring-outline-color);
2843
3591
  --color-focus-ring-primary-color: var(--focus-ring-primary-color);
2844
3592
  --color-focus-ring-secondary-color: var(--focus-ring-secondary-color);
3593
+ --color-folder-stack-empty-bg: var(--folder-stack-empty-bg);
3594
+ --color-folder-stack-interactive-active-ring-color: var(--folder-stack-interactive-active-ring-color);
3595
+ --color-folder-stack-outline-color: var(--folder-stack-outline-color);
2845
3596
  --color-foreground: var(--foreground);
2846
3597
  --color-form-error-fg: var(--form-error-fg);
2847
3598
  --color-form-helper-fg: var(--form-helper-fg);
2848
3599
  --color-form-label-fg: var(--form-label-fg);
3600
+ --color-header-root-bg: var(--header-root-bg);
3601
+ --color-header-root-border-color: var(--header-root-border-color);
2849
3602
  --color-heading-base-color: var(--heading-base-color);
2850
3603
  --color-heading-color-default: var(--heading-color-default);
2851
3604
  --color-heading-color-destructive: var(--heading-color-destructive);
@@ -2856,6 +3609,11 @@
2856
3609
  --color-icon-color-primary: var(--icon-color-primary);
2857
3610
  --color-icon-color-success: var(--icon-color-success);
2858
3611
  --color-icon-color-warning: var(--icon-color-warning);
3612
+ --color-ifta-label-label-color-destructive: var(--ifta-label-label-color-destructive);
3613
+ --color-ifta-label-label-color-foreground: var(--ifta-label-label-color-foreground);
3614
+ --color-ifta-label-label-color-muted: var(--ifta-label-label-color-muted);
3615
+ --color-ifta-label-ring-destructive: var(--ifta-label-ring-destructive);
3616
+ --color-ifta-label-ring-primary: var(--ifta-label-ring-primary);
2859
3617
  --color-image-rounded-circle: var(--image-rounded-circle);
2860
3618
  --color-image-rounded-rounded: var(--image-rounded-rounded);
2861
3619
  --color-image-skeleton-bg: var(--image-skeleton-bg);
@@ -2901,10 +3659,6 @@
2901
3659
  --color-label-required-color: var(--label-required-color);
2902
3660
  --color-layout-header-background: var(--layout-header-background);
2903
3661
  --color-layout-header-border: var(--layout-header-border);
2904
- --color-layout-rail-background: var(--layout-rail-background);
2905
- --color-layout-rail-border: var(--layout-rail-border);
2906
- --color-layout-sidebar-background: var(--layout-sidebar-background);
2907
- --color-layout-sidebar-border: var(--layout-sidebar-border);
2908
3662
  --color-lightbox-button-background-hover: var(--lightbox-button-background-hover);
2909
3663
  --color-lightbox-button-background: var(--lightbox-button-background);
2910
3664
  --color-lightbox-button-color: var(--lightbox-button-color);
@@ -2925,6 +3679,11 @@
2925
3679
  --color-markdown-editor-root-border: var(--markdown-editor-root-border);
2926
3680
  --color-markdown-editor-toolbar-background: var(--markdown-editor-toolbar-background);
2927
3681
  --color-markdown-editor-toolbar-border-bottom: var(--markdown-editor-toolbar-border-bottom);
3682
+ --color-menu-item-bg-default: var(--menu-item-bg-default);
3683
+ --color-menu-item-bg-hover: var(--menu-item-bg-hover);
3684
+ --color-menu-item-fg-default: var(--menu-item-fg-default);
3685
+ --color-menu-item-fg-destructive: var(--menu-item-fg-destructive);
3686
+ --color-menu-item-fg-hover: var(--menu-item-fg-hover);
2928
3687
  --color-modal-content-bg: var(--modal-content-bg);
2929
3688
  --color-modal-content-border: var(--modal-content-border);
2930
3689
  --color-modal-overlay-bg: var(--modal-overlay-bg);
@@ -2935,6 +3694,10 @@
2935
3694
  --color-multiselect-tag-fg: var(--multiselect-tag-fg);
2936
3695
  --color-muted-foreground: var(--muted-foreground);
2937
3696
  --color-muted: var(--muted);
3697
+ --color-native-select-focus-ring-color: var(--native-select-focus-ring-color);
3698
+ --color-native-select-root-border-default: var(--native-select-root-border-default);
3699
+ --color-native-select-root-border-focus: var(--native-select-root-border-focus);
3700
+ --color-native-select-variant-filled-bg: var(--native-select-variant-filled-bg);
2938
3701
  --color-navbar-root-background: var(--navbar-root-background);
2939
3702
  --color-navbar-root-border-color: var(--navbar-root-border-color);
2940
3703
  --color-navigation-menu-content-bg: var(--navigation-menu-content-bg);
@@ -2954,6 +3717,10 @@
2954
3717
  --color-notification-dot-color-success: var(--notification-dot-color-success);
2955
3718
  --color-notification-dot-color-warning: var(--notification-dot-color-warning);
2956
3719
  --color-overlay: var(--overlay);
3720
+ --color-panel-root-border-color: var(--panel-root-border-color);
3721
+ --color-panel-variant-default-bg: var(--panel-variant-default-bg);
3722
+ --color-panel-variant-elevated-bg: var(--panel-variant-elevated-bg);
3723
+ --color-panel-variant-subtle-bg: var(--panel-variant-subtle-bg);
2957
3724
  --color-paragraph-color-default: var(--paragraph-color-default);
2958
3725
  --color-paragraph-color-destructive: var(--paragraph-color-destructive);
2959
3726
  --color-paragraph-color-muted: var(--paragraph-color-muted);
@@ -3043,6 +3810,12 @@
3043
3810
  --color-select-content-fg: var(--select-content-fg);
3044
3811
  --color-select-item-focus-bg: var(--select-item-focus-bg);
3045
3812
  --color-select-item-focus-fg: var(--select-item-focus-fg);
3813
+ --color-select-trigger-border-focus: var(--select-trigger-border-focus);
3814
+ --color-select-trigger-disabled-bg: var(--select-trigger-disabled-bg);
3815
+ --color-select-trigger-disabled-border: var(--select-trigger-disabled-border);
3816
+ --color-select-trigger-disabled-fg: var(--select-trigger-disabled-fg);
3817
+ --color-select-trigger-ring-destructive: var(--select-trigger-ring-destructive);
3818
+ --color-select-trigger-ring-primary: var(--select-trigger-ring-primary);
3046
3819
  --color-sheet-content-bg: var(--sheet-content-bg);
3047
3820
  --color-sheet-content-border: var(--sheet-content-border);
3048
3821
  --color-sheet-overlay-bg-blur: var(--sheet-overlay-bg-blur);
@@ -3052,16 +3825,35 @@
3052
3825
  --color-sidebar-accent: var(--sidebar-accent);
3053
3826
  --color-sidebar-background: var(--sidebar-background);
3054
3827
  --color-sidebar-border: var(--sidebar-border);
3828
+ --color-sidebar-container-background: var(--sidebar-container-background);
3055
3829
  --color-sidebar-foreground: var(--sidebar-foreground);
3056
3830
  --color-sidebar-input-background: var(--sidebar-input-background);
3057
3831
  --color-sidebar-input-border: var(--sidebar-input-border);
3058
3832
  --color-sidebar-input-foreground: var(--sidebar-input-foreground);
3833
+ --color-sidebar-logo-background: var(--sidebar-logo-background);
3834
+ --color-sidebar-logo-foreground: var(--sidebar-logo-foreground);
3835
+ --color-sidebar-nav-item-bg-default: var(--sidebar-nav-item-bg-default);
3836
+ --color-sidebar-nav-item-bg-hover: var(--sidebar-nav-item-bg-hover);
3837
+ --color-sidebar-nav-item-fg-active: var(--sidebar-nav-item-fg-active);
3838
+ --color-sidebar-nav-item-fg-default: var(--sidebar-nav-item-fg-default);
3839
+ --color-sidebar-panel-background: var(--sidebar-panel-background);
3840
+ --color-sidebar-panel-border-color: var(--sidebar-panel-border-color);
3841
+ --color-sidebar-panel-header-color: var(--sidebar-panel-header-color);
3842
+ --color-sidebar-rail-item-bg-default: var(--sidebar-rail-item-bg-default);
3843
+ --color-sidebar-rail-item-bg-hover: var(--sidebar-rail-item-bg-hover);
3844
+ --color-sidebar-rail-item-fg-active: var(--sidebar-rail-item-fg-active);
3845
+ --color-sidebar-rail-item-fg-default: var(--sidebar-rail-item-fg-default);
3846
+ --color-sidebar-section-title-color: var(--sidebar-section-title-color);
3059
3847
  --color-single-stat-label-color: var(--single-stat-label-color);
3060
3848
  --color-single-stat-value-color: var(--single-stat-value-color);
3061
3849
  --color-skeleton-bg: var(--skeleton-bg);
3850
+ --color-slider-focus-ring-primary: var(--slider-focus-ring-primary);
3851
+ --color-slider-label-color: var(--slider-label-color);
3062
3852
  --color-slider-range-bg-default: var(--slider-range-bg-default);
3063
3853
  --color-slider-thumb-bg: var(--slider-thumb-bg);
3064
3854
  --color-slider-thumb-border: var(--slider-thumb-border);
3855
+ --color-slider-tooltip-bg: var(--slider-tooltip-bg);
3856
+ --color-slider-tooltip-fg: var(--slider-tooltip-fg);
3065
3857
  --color-slider-track-bg: var(--slider-track-bg);
3066
3858
  --color-spinner-color-default: var(--spinner-color-default);
3067
3859
  --color-spinner-color-error: var(--spinner-color-error);
@@ -3100,6 +3892,7 @@
3100
3892
  --color-status-in-review-bg: var(--status-in-review-bg);
3101
3893
  --color-status-in-review-dot: var(--status-in-review-dot);
3102
3894
  --color-status-in-review-text: var(--status-in-review-text);
3895
+ --color-status-indicator-dot-color-destructive: var(--status-indicator-dot-color-destructive);
3103
3896
  --color-status-indicator-dot-color-error: var(--status-indicator-dot-color-error);
3104
3897
  --color-status-indicator-dot-color-info: var(--status-indicator-dot-color-info);
3105
3898
  --color-status-indicator-dot-color-neutral: var(--status-indicator-dot-color-neutral);
@@ -3151,6 +3944,8 @@
3151
3944
  --color-switch-track-bg-disabled: var(--switch-track-bg-disabled);
3152
3945
  --color-switch-track-bg-off: var(--switch-track-bg-off);
3153
3946
  --color-switch-track-bg-on: var(--switch-track-bg-on);
3947
+ --color-switch-track-ring-ghost: var(--switch-track-ring-ghost);
3948
+ --color-switch-track-ring-primary: var(--switch-track-ring-primary);
3154
3949
  --color-table-caption-fg: var(--table-caption-fg);
3155
3950
  --color-table-footer-border: var(--table-footer-border);
3156
3951
  --color-table-header-bg: var(--table-header-bg);
@@ -3161,6 +3956,8 @@
3161
3956
  --color-tabs-list-fg: var(--tabs-list-fg);
3162
3957
  --color-tabs-trigger-active-bg: var(--tabs-trigger-active-bg);
3163
3958
  --color-tabs-trigger-active-fg: var(--tabs-trigger-active-fg);
3959
+ --color-tabs-trigger-badge-bg: var(--tabs-trigger-badge-bg);
3960
+ --color-tabs-trigger-badge-fg: var(--tabs-trigger-badge-fg);
3164
3961
  --color-tabs-trigger-focus-ring: var(--tabs-trigger-focus-ring);
3165
3962
  --color-tabs-trigger-inactive-fg: var(--tabs-trigger-inactive-fg);
3166
3963
  --color-tag-checkbox-bg-checked: var(--tag-checkbox-bg-checked);
@@ -3173,6 +3970,7 @@
3173
3970
  --color-tag-color-bg-hover: var(--tag-color-bg-hover);
3174
3971
  --color-tag-color-border-checked: var(--tag-color-border-checked);
3175
3972
  --color-tag-color-border-default: var(--tag-color-border-default);
3973
+ --color-tag-color-dot: var(--tag-color-dot);
3176
3974
  --color-tag-color-text-default: var(--tag-color-text-default);
3177
3975
  --color-tags-input-input-background: var(--tags-input-input-background);
3178
3976
  --color-tags-input-root-background: var(--tags-input-root-background);
@@ -3214,17 +4012,27 @@
3214
4012
  --color-text-warning: var(--text-warning);
3215
4013
  --color-textarea-bg-default: var(--textarea-bg-default);
3216
4014
  --color-textarea-bg-disabled: var(--textarea-bg-disabled);
4015
+ --color-textarea-bg-filled: var(--textarea-bg-filled);
3217
4016
  --color-textarea-border-default: var(--textarea-border-default);
4017
+ --color-textarea-border-disabled: var(--textarea-border-disabled);
3218
4018
  --color-textarea-border-error: var(--textarea-border-error);
3219
4019
  --color-textarea-border-focus: var(--textarea-border-focus);
3220
4020
  --color-textarea-fg-default: var(--textarea-fg-default);
3221
4021
  --color-textarea-fg-disabled: var(--textarea-fg-disabled);
3222
4022
  --color-textarea-fg-placeholder: var(--textarea-fg-placeholder);
4023
+ --color-textarea-ring-primary: var(--textarea-ring-primary);
3223
4024
  --color-thumbnail-root-bg: var(--thumbnail-root-bg);
3224
- --color-thumbnail-rounded-default: var(--thumbnail-rounded-default);
3225
- --color-thumbnail-rounded-full: var(--thumbnail-rounded-full);
3226
- --color-thumbnail-rounded-lg: var(--thumbnail-rounded-lg);
3227
- --color-thumbnail-rounded-sm: var(--thumbnail-rounded-sm);
4025
+ --color-time-picker-focus-ring-destructive: var(--time-picker-focus-ring-destructive);
4026
+ --color-time-picker-focus-ring-primary: var(--time-picker-focus-ring-primary);
4027
+ --color-timeline-marker-color-default: var(--timeline-marker-color-default);
4028
+ --color-timeline-marker-color-error: var(--timeline-marker-color-error);
4029
+ --color-timeline-marker-color-muted: var(--timeline-marker-color-muted);
4030
+ --color-timeline-marker-color-success: var(--timeline-marker-color-success);
4031
+ --color-timeline-marker-color-warning: var(--timeline-marker-color-warning);
4032
+ --color-timeline-marker-disabled-bg: var(--timeline-marker-disabled-bg);
4033
+ --color-timeline-marker-disabled-border: var(--timeline-marker-disabled-border);
4034
+ --color-timeline-marker-disabled-fg: var(--timeline-marker-disabled-fg);
4035
+ --color-timeline-marker-focus-ring-color: var(--timeline-marker-focus-ring-color);
3228
4036
  --color-tip-bg: var(--tip-bg);
3229
4037
  --color-tip-foreground: var(--tip-foreground);
3230
4038
  --color-tip: var(--tip);
@@ -3253,6 +4061,8 @@
3253
4061
  --color-toolbar-separator-color: var(--toolbar-separator-color);
3254
4062
  --color-tooltip-content-background: var(--tooltip-content-background);
3255
4063
  --color-tooltip-content-foreground: var(--tooltip-content-foreground);
4064
+ --color-topbar-root-background: var(--topbar-root-background);
4065
+ --color-topbar-root-border-color: var(--topbar-root-border-color);
3256
4066
  --color-warning-border: var(--warning-border);
3257
4067
  --color-warning-foreground: var(--warning-foreground);
3258
4068
  --color-warning-subtle-foreground: var(--warning-subtle-foreground);
@@ -3274,11 +4084,12 @@
3274
4084
  --radius-xl: var(--radius-xl);
3275
4085
  --radius-xs: var(--radius-xs);
3276
4086
  --shadow-default: var(--button-shadow-default);
3277
- --shadow-lg: var(--card-root-shadow-lg);
4087
+ --shadow-lg: var(--shadow-lg);
4088
+ --shadow-md: var(--shadow-md);
3278
4089
  --shadow-shadow: var(--autocomplete-content-shadow);
3279
- --shadow-sm: var(--button-shadow-sm);
3280
- --shadow-xl: var(--card-root-shadow-xl);
3281
- --shadow-xs: var(--button-shadow-xs);
4090
+ --shadow-sm: var(--shadow-sm);
4091
+ --shadow-xl: var(--shadow-xl);
4092
+ --shadow-xs: var(--shadow-xs);
3282
4093
  --spacing-none: var(--spacing-none);
3283
4094
  --spacing-normal: var(--paragraph-spacing-normal);
3284
4095
  --spacing-relaxed: var(--paragraph-spacing-relaxed);
@@ -3309,6 +4120,7 @@
3309
4120
  --text-base: var(--text-font-size-base);
3310
4121
  --text-font-size: var(--typography-heading-h1-font-size);
3311
4122
  --text-lg: var(--text-font-size-lg);
4123
+ --text-md: var(--button-group-item-font-size-md);
3312
4124
  --text-sm: var(--text-font-size-sm);
3313
4125
  --text-xl: var(--text-font-size-xl);
3314
4126
  --text-xs: var(--text-font-size-xs);