@techsio/ui-kit 0.39.0 → 0.40.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (80) hide show
  1. package/dist/.storybook/manager.d.ts +2 -0
  2. package/dist/.storybook/manager.d.ts.map +1 -0
  3. package/dist/.storybook/preview.d.ts.map +1 -1
  4. package/dist/atoms/action-icon.figma.js +1 -1
  5. package/dist/atoms/badge.figma.js +1 -1
  6. package/dist/atoms/button.figma.js +1 -1
  7. package/dist/atoms/checkbox.figma.js +1 -1
  8. package/dist/atoms/icon.figma.js +1 -1
  9. package/dist/atoms/image.figma.js +1 -1
  10. package/dist/atoms/input.figma.js +1 -1
  11. package/dist/atoms/label.figma.js +1 -1
  12. package/dist/atoms/link-button.figma.js +1 -1
  13. package/dist/atoms/link.figma.js +1 -1
  14. package/dist/atoms/numeric-input.figma.js +1 -1
  15. package/dist/atoms/rating.figma.js +1 -1
  16. package/dist/atoms/skeleton.figma.js +3 -3
  17. package/dist/atoms/status-text.figma.js +1 -1
  18. package/dist/atoms/textarea.figma.js +1 -1
  19. package/dist/atoms/tooltip.figma.js +1 -1
  20. package/dist/molecules/accordion.figma.js +1 -1
  21. package/dist/molecules/breadcrumb.figma.js +1 -1
  22. package/dist/molecules/carousel.figma.js +1 -1
  23. package/dist/molecules/combobox.figma.js +1 -1
  24. package/dist/molecules/combobox.js +47 -32
  25. package/dist/molecules/dialog.figma.js +1 -1
  26. package/dist/molecules/form-checkbox.figma.js +1 -1
  27. package/dist/molecules/form-input.figma.js +1 -1
  28. package/dist/molecules/form-numeric-input.figma.js +1 -1
  29. package/dist/molecules/form-textarea.figma.js +1 -1
  30. package/dist/molecules/menu.figma.js +1 -1
  31. package/dist/molecules/menu.js +44 -38
  32. package/dist/molecules/pagination.figma.js +1 -1
  33. package/dist/molecules/phone-input.figma.js +1 -1
  34. package/dist/molecules/popover.figma.js +1 -1
  35. package/dist/molecules/product-card.figma.js +1 -1
  36. package/dist/molecules/radio-card.figma.js +1 -1
  37. package/dist/molecules/radio-group.figma.js +1 -1
  38. package/dist/molecules/search-form.figma.js +1 -1
  39. package/dist/molecules/select.figma.js +1 -1
  40. package/dist/molecules/select.js +24 -28
  41. package/dist/molecules/slider.figma.js +1 -1
  42. package/dist/molecules/steps.figma.js +1 -1
  43. package/dist/molecules/switch.figma.js +1 -1
  44. package/dist/molecules/tabs.figma.js +1 -1
  45. package/dist/molecules/toast.figma.js +1 -1
  46. package/dist/molecules/tree-view.figma.js +1 -1
  47. package/dist/organisms/footer.figma.js +1 -1
  48. package/dist/organisms/gallery.figma.js +1 -1
  49. package/dist/organisms/header.figma.js +1 -1
  50. package/dist/organisms/table.figma.js +1 -1
  51. package/dist/organisms/table.js +4 -1
  52. package/dist/src/molecules/combobox.d.ts +6 -18
  53. package/dist/src/molecules/combobox.d.ts.map +1 -1
  54. package/dist/src/molecules/menu.d.ts +12 -9
  55. package/dist/src/molecules/menu.d.ts.map +1 -1
  56. package/dist/src/molecules/select.d.ts +12 -12
  57. package/dist/src/molecules/select.d.ts.map +1 -1
  58. package/dist/src/organisms/table.d.ts +1 -1
  59. package/dist/src/organisms/table.d.ts.map +1 -1
  60. package/dist/src/templates/select.d.ts +1 -1
  61. package/dist/src/theme/theme-config.d.ts +5 -0
  62. package/dist/src/theme/theme-config.d.ts.map +1 -1
  63. package/dist/stories/changelog/changelog.stories.d.ts.map +1 -1
  64. package/dist/theme/theme-config.js +7 -0
  65. package/package.json +1 -1
  66. package/src/tokens/components/_popup-surface.css +163 -0
  67. package/src/tokens/components/components.css +1 -2
  68. package/src/tokens/components/molecules/_combobox.css +0 -12
  69. package/src/tokens/components/molecules/_menu.css +4 -0
  70. package/src/tokens/components/molecules/_select.css +0 -11
  71. package/src/tokens/components/organisms/_table.css +17 -0
  72. package/src/tokens/figma/brand-overrides.css +141 -19
  73. package/src/tokens/figma/business/variables.css +437 -0
  74. package/src/tokens/figma/dark/variables.css +100 -1455
  75. package/src/tokens/figma/light/variables.css +213 -179
  76. package/src/tokens/figma/neo/variables.css +87 -1442
  77. package/src/tokens/figma/neo-dark/variables.css +84 -1439
  78. package/src/tokens/figma/variables.css +217 -183
  79. package/src/tokens/components/_icon-button.css +0 -39
  80. package/src/tokens/components/molecules/_search-form.css +0 -12
@@ -1,51 +1,17 @@
1
1
  /*
2
2
  * Design tokens exported from Figma
3
- * Exported at: 2026-06-16T10:13:13.216Z
3
+ * Exported at: 2026-08-28T10:50:48.938Z
4
4
  * Format: Raw CSS variables grouped by kind
5
5
  */
6
6
  :root {
7
7
  /* Colors */
8
- --border-width-color-select: var(--border-md);
9
- --color-accordion-bg: var(--color-fill-surface);
10
- --color-accordion-border: var(--color-border-primary);
11
- --color-accordion-content-bg: var(--color-fill-surface);
12
- --color-accordion-content-fg: var(--color-fg-primary);
13
- --color-accordion-fg: var(--color-fg-primary);
14
- --color-accordion-subtitle-fg: var(--color-fg-secondary);
15
- --color-accordion-title-bg: var(--color-fill-surface);
16
- --color-accordion-title-bg-hover: var(--color-form-control-bg-hover);
17
- --color-accordion-title-fg: var(--color-fg-primary);
18
- --color-badge-bg-danger: var(--color-bg-danger-base);
19
- --color-badge-bg-discount: var(--color-bg-danger-base);
20
- --color-badge-bg-info: var(--color-bg-info);
21
- --color-badge-bg-outline: var(--color-bg-transparent);
22
- --color-badge-bg-primary: var(--color-bg-primary-base);
23
- --color-badge-bg-secondary: var(--color-bg-secondary-base);
24
- --color-badge-bg-success: var(--color-bg-success);
25
- --color-badge-bg-tertiary: var(--color-bg-tertiary-base);
26
- --color-badge-bg-warning: var(--color-bg-warning-base);
27
- --color-badge-border-danger: var(--color-bg-transparent);
28
- --color-badge-border-discount: var(--color-bg-transparent);
29
- --color-badge-border-info: var(--color-bg-transparent);
30
- --color-badge-border-outline: var(--color-border-primary);
31
- --color-badge-border-primary: var(--color-bg-transparent);
32
- --color-badge-border-secondary: var(--color-bg-transparent);
33
- --color-badge-border-success: var(--color-bg-transparent);
34
- --color-badge-border-tertiary: var(--color-bg-transparent);
35
- --color-badge-border-warning: var(--color-bg-transparent);
36
- --color-badge-fg-danger: var(--color-fg-light);
37
- --color-badge-fg-discount: var(--color-fg-light);
38
- --color-badge-fg-info: var(--color-fg-light);
39
- --color-badge-fg-outline: var(--color-fg-secondary);
40
- --color-badge-fg-primary: var(--color-fg-reverse);
41
- --color-badge-fg-secondary: var(--color-fg-light);
42
- --color-badge-fg-success: var(--color-fg-light);
43
- --color-badge-fg-tertiary: var(--color-fg-light);
44
- --color-badge-fg-warning: var(--color-fg-light);
45
8
  --color-base: var(--color-gray-950);
46
9
  --color-base-dark: var(--color-gray-950);
47
10
  --color-base-light: var(--color-white);
48
11
  --color-base-reverse: var(--color-white);
12
+ --color-bg-badge-danger-solid: var(--color-bg-danger-base);
13
+ --color-bg-badge-primary-solid: var(--color-bg-primary-base);
14
+ --color-bg-badge-secondary-solid: var(--color-bg-secondary-base);
49
15
  --color-bg-danger-active: oklch(0.881 0.063 18.416);
50
16
  --color-bg-danger-base: var(--color-danger-400);
51
17
  --color-bg-danger-hover: oklch(0.855 0.079 18.827);
@@ -85,6 +51,9 @@
85
51
  --color-bg-secondary-base: var(--color-secondary-500);
86
52
  --color-bg-secondary-hover: oklch(0.881 0.181 94.02);
87
53
  --color-bg-success: var(--color-success-300);
54
+ --color-bg-switch-checked-hover: var(--color-success-300);
55
+ --color-bg-switch-hover: var(--color-neutral-700);
56
+ --color-bg-switch-invalid: var(--color-danger-300);
88
57
  --color-bg-tertiary-active: oklch(0.769 0.142 7.776);
89
58
  --color-bg-tertiary-base: var(--color-tertiary-300);
90
59
  --color-bg-tertiary-hover: oklch(0.747 0.158 9.988);
@@ -93,385 +62,86 @@
93
62
  --color-bg-warning-base: var(--color-warning-500);
94
63
  --color-bg-warning-hover: oklch(0.909 0.189 99.865);
95
64
  --color-black: oklch(0 0 0);
65
+ --color-black-15: oklch(0.129 0.041 264.695 / 0.15);
66
+ --color-black-5: oklch(0.129 0.041 264.695 / 0.05);
96
67
  --color-blue-500: oklch(0.623 0.188 259.815);
97
- --color-blue-7dd3fc: oklch(0.828 0.101 230.318);
98
- --color-blue-93c5fd: oklch(0.809 0.096 251.813);
68
+ --color-border-danger-focus: var(--color-danger-300);
69
+ --color-border-danger-hover: var(--color-danger-400);
99
70
  --color-border-disabled: var(--color-neutral-700);
100
71
  --color-border-primary: var(--color-white-15);
101
72
  --color-border-secondary: var(--color-border-primary);
102
- --color-breadcrumb-bg: var(--color-fill-surface);
103
- --color-breadcrumb-ellipsis: var(--color-fg-secondary);
104
- --color-breadcrumb-item: var(--color-fg-primary);
105
- --color-breadcrumb-item-current: var(--color-fg-accent-primary);
106
- --color-breadcrumb-item-hover: var(--color-fg-accent-primary);
107
- --color-breadcrumb-ring: var(--color-ring-default);
108
- --color-breadcrumb-separator: var(--color-fg-secondary);
109
- --color-button-bg-borderless-active: var(--color-fill-active);
110
- --color-button-bg-borderless-base: var(--color-fill-base);
111
- --color-button-bg-borderless-hover: var(--color-fill-hover);
112
- --color-button-bg-danger-active: var(--color-bg-danger-active);
113
- --color-button-bg-danger-base: var(--color-bg-danger-base);
114
- --color-button-bg-danger-hover: var(--color-bg-danger-hover);
115
- --color-button-bg-danger-light-active: var(--color-bg-light-danger-active);
116
- --color-button-bg-danger-light-base: var(--color-bg-light-danger-base);
117
- --color-button-bg-danger-light-hover: var(--color-bg-light-danger-hover);
118
- --color-button-bg-disabled: var(--color-bg-disabled);
119
- --color-button-bg-outlined: var(--color-bg-transparent);
120
- --color-button-bg-outlined-danger-active: var(--color-bg-outlined-danger-active);
121
- --color-button-bg-outlined-danger-hover: var(--color-bg-outlined-danger-hover);
122
- --color-button-bg-outlined-primary-active: var(--color-bg-outlined-primary-active);
123
- --color-button-bg-outlined-primary-hover: var(--color-bg-outlined-primary-hover);
124
- --color-button-bg-outlined-secondary-active: var(--color-bg-outlined-secondary-active);
125
- --color-button-bg-outlined-secondary-hover: var(--color-bg-outlined-secondary-hover);
126
- --color-button-bg-outlined-tertiary-active: var(--color-bg-outlined-tertiary-active);
127
- --color-button-bg-outlined-tertiary-hover: var(--color-bg-outlined-tertiary-hover);
128
- --color-button-bg-outlined-warning-active: var(--color-bg-outlined-warning-active);
129
- --color-button-bg-outlined-warning-hover: var(--color-bg-outlined-warning-hover);
130
- --color-button-bg-primary-active: var(--color-bg-primary-active);
131
- --color-button-bg-primary-base: var(--color-bg-primary-base);
132
- --color-button-bg-primary-hover: var(--color-bg-primary-hover);
133
- --color-button-bg-primary-light-active: var(--color-bg-light-primary-active);
134
- --color-button-bg-primary-light-base: var(--color-bg-light-primary-base);
135
- --color-button-bg-primary-light-hover: var(--color-bg-light-primary-hover);
136
- --color-button-bg-secondary-active: var(--color-bg-secondary-active);
137
- --color-button-bg-secondary-base: var(--color-bg-secondary-base);
138
- --color-button-bg-secondary-hover: var(--color-bg-secondary-hover);
139
- --color-button-bg-secondary-light-active: var(--color-bg-light-secondary-active);
140
- --color-button-bg-secondary-light-base: var(--color-bg-light-secondary-base);
141
- --color-button-bg-secondary-light-hover: var(--color-bg-light-secondary-hover);
142
- --color-button-bg-tertiary-active: var(--color-bg-tertiary-active);
143
- --color-button-bg-tertiary-base: var(--color-bg-tertiary-base);
144
- --color-button-bg-tertiary-hover: var(--color-bg-tertiary-hover);
145
- --color-button-bg-tertiary-light-active: var(--color-bg-light-tertiary-active);
146
- --color-button-bg-tertiary-light-base: var(--color-bg-light-tertiary-base);
147
- --color-button-bg-tertiary-light-hover: var(--color-bg-light-tertiary-hover);
148
- --color-button-bg-warning-active: var(--color-bg-warning-active);
149
- --color-button-bg-warning-base: var(--color-bg-warning-base);
150
- --color-button-bg-warning-hover: var(--color-bg-warning-hover);
151
- --color-button-bg-warning-light-active: var(--color-bg-light-warning-active);
152
- --color-button-bg-warning-light-base: var(--color-bg-light-warning-base);
153
- --color-button-bg-warning-light-hover: var(--color-bg-light-warning-hover);
154
- --color-button-border-danger: var(--color-bg-danger-base);
155
- --color-button-border-disabled: var(--color-border-disabled);
156
- --color-button-border-primary: var(--color-bg-primary-base);
157
- --color-button-border-secondary: var(--color-bg-secondary-base);
158
- --color-button-border-tertiary: var(--color-bg-tertiary-base);
159
- --color-button-border-warning: var(--color-bg-warning-base);
160
- --color-button-fg-danger: var(--color-fg-light);
161
- --color-button-fg-danger-borderless: var(--color-fg-accent-danger);
162
- --color-button-fg-danger-light: var(--color-fg-light);
163
- --color-button-fg-disabled: var(--color-fg-disabled);
164
- --color-button-fg-outlined-danger: var(--color-fg-primary);
165
- --color-button-fg-outlined-primary: var(--color-fg-primary);
166
- --color-button-fg-outlined-secondary: var(--color-fg-primary);
167
- --color-button-fg-outlined-tertiary: var(--color-fg-primary);
168
- --color-button-fg-outlined-warning: var(--color-fg-primary);
169
- --color-button-fg-primary: var(--color-fg-reverse);
170
- --color-button-fg-primary-borderless: var(--color-fg-accent-primary);
171
- --color-button-fg-primary-light: var(--color-fg-light);
172
- --color-button-fg-secondary: var(--color-fg-light);
173
- --color-button-fg-secondary-borderless: var(--color-fg-accent-secondary);
174
- --color-button-fg-secondary-light: var(--color-fg-light);
175
- --color-button-fg-tertiary: var(--color-fg-light);
176
- --color-button-fg-tertiary-borderless: var(--color-fg-accent-tertiary);
177
- --color-button-fg-tertiary-light: var(--color-fg-light);
178
- --color-button-fg-warning: var(--color-fg-light);
179
- --color-button-fg-warning-borderless: var(--color-fg-accent-warning);
180
- --color-button-fg-warning-light: var(--color-fg-light);
181
- --color-button-ring: var(--color-ring-default);
182
- --color-carousel-control-bg: var(--color-fill-highlight);
183
- --color-carousel-indicator-bg-active: var(--color-bg-primary-base);
184
- --color-carousel-indicator-bg-base: var(--color-fill-highlight);
185
- --color-carousel-indicator-border-active: var(--color-transparent);
186
- --color-carousel-indicator-border-base: var(--color-transparent);
187
- --color-carousel-ring: var(--color-ring-default);
188
- --color-carousel-trigger-bg-base: var(--color-fill-highlight);
189
- --color-carousel-trigger-bg-hover: var(--color-fill-hover);
190
- --color-carousel-trigger-fg-base: var(--color-fg-primary);
191
- --color-carousel-trigger-fg-hover: var(--color-fg-primary);
192
- --color-checkbox-bg-base: var(--color-bg-disabled);
193
- --color-checkbox-bg-checked: var(--color-bg-success);
194
- --color-checkbox-bg-disabled: var(--color-bg-disabled);
195
- --color-checkbox-bg-indeterminate: var(--color-bg-primary-base);
196
- --color-checkbox-border-base: var(--color-border-primary);
197
- --color-checkbox-border-checked: var(--color-bg-success);
198
- --color-checkbox-border-disabled: var(--color-border-disabled);
199
- --color-checkbox-border-error: var(--color-bg-danger-base);
200
- --color-checkbox-border-indeterminate: var(--color-bg-primary-base);
201
- --color-checkbox-fg-checked: var(--color-white);
202
- --color-checkbox-fg-disabled: var(--color-fg-disabled);
203
- --color-checkbox-fg-indeterminate: var(--color-white);
204
- --color-checkbox-ring-error: var(--color-bg-danger-base);
205
- --color-checkbox-ring-focus: var(--color-ring-default);
206
- --color-color-select-border: var(--color-fill-highlight);
207
- --color-color-select-border-hover: var(--color-fg-primary);
208
- --color-color-select-border-selected: var(--color-fg-primary);
209
- --color-color-select-fg-check: var(--color-white);
210
- --color-color-select-label-fg: var(--color-fg-secondary);
211
- --color-color-select-ring: var(--color-ring-default);
212
- --color-combobox-bg-base: var(--color-form-control-bg);
213
- --color-combobox-bg-disabled: var(--color-bg-disabled);
214
- --color-combobox-bg-focus: var(--color-form-control-bg-focus);
215
- --color-combobox-bg-hover: var(--color-form-control-bg-hover);
216
- --color-combobox-border-base: var(--color-form-control-border);
217
- --color-combobox-border-disabled: var(--color-border-disabled);
218
- --color-combobox-border-error: var(--color-bg-danger-base);
219
- --color-combobox-border-focus: var(--color-form-control-border-focus);
220
- --color-combobox-border-hover: var(--color-form-control-border-hover);
221
- --color-combobox-border-success: var(--color-fg-accent-success);
222
- --color-combobox-border-warning: var(--color-bg-warning-base);
223
- --color-combobox-content-bg: var(--color-fill-surface);
224
- --color-combobox-danger-fg: var(--color-fg-accent-danger);
225
- --color-combobox-fg: var(--color-fg-primary);
226
- --color-combobox-fg-disabled: var(--color-fg-disabled);
227
- --color-combobox-fg-placeholder: var(--color-form-control-fg-placeholder);
228
- --color-combobox-input-bg-base: var(--color-transparent);
229
- --color-combobox-input-bg-focus: var(--color-transparent);
230
- --color-combobox-input-bg-hover: var(--color-transparent);
231
- --color-combobox-item-bg-hover: var(--color-fill-hover);
232
- --color-combobox-item-bg-selected: var(--color-bg-light-primary-base);
233
- --color-combobox-item-fg: var(--color-fg-primary);
234
- --color-combobox-ring: var(--color-form-control-ring);
235
- --color-combobox-success-fg: var(--color-fg-accent-success);
236
- --color-combobox-trigger-bg-active: var(--color-transparent);
237
- --color-combobox-trigger-bg-base: var(--color-transparent);
238
- --color-combobox-trigger-bg-hover: var(--color-transparent);
239
- --color-combobox-trigger-fg-base: var(--color-fg-primary);
240
- --color-combobox-trigger-fg-hover: var(--color-bg-primary-base);
241
- --color-combobox-warning-fg: var(--color-fg-accent-warning);
73
+ --color-border-success-focus: var(--color-success-300);
74
+ --color-border-success-hover: var(--color-success-500);
75
+ --color-border-warning-focus: var(--color-warning-400);
76
+ --color-border-warning-hover: var(--color-warning-500);
242
77
  --color-danger: var(--color-danger-400);
243
- --color-danger-100: oklch(0.936 0.032 17.738);
244
- --color-danger-200: oklch(0.883 0.062 18.386);
245
- --color-danger-300: oklch(0.805 0.111 19.782);
246
- --color-danger-400: oklch(0.702 0.189 22.228);
78
+ --color-danger-100: oklch(0.936 0.031 17.717);
79
+ --color-danger-200: oklch(0.885 0.059 18.334);
80
+ --color-danger-300: oklch(0.808 0.103 19.571);
81
+ --color-danger-400: oklch(0.711 0.166 22.216);
247
82
  --color-danger-400-10: oklch(0.702 0.189 22.228 / 0.1);
248
- --color-danger-500: oklch(0.638 0.237 25.436);
249
- --color-danger-600: oklch(0.583 0.239 28.476);
250
- --color-danger-700: oklch(0.509 0.209 28.513);
251
- --color-danger-800: oklch(0.445 0.177 26.787);
252
- --color-danger-900: oklch(0.397 0.141 25.714);
253
- --color-danger-accent-fg: var(--color-fg-accent-danger);
83
+ --color-danger-500: oklch(0.637 0.208 25.331);
84
+ --color-danger-600: oklch(0.577 0.215 27.325);
85
+ --color-danger-700: oklch(0.505 0.19 27.518);
86
+ --color-danger-800: oklch(0.444 0.161 26.899);
87
+ --color-danger-900: oklch(0.396 0.133 25.723);
254
88
  --color-danger-active: var(--color-bg-danger-active);
255
89
  --color-danger-disabled: var(--color-bg-disabled);
256
- --color-danger-ef4444: oklch(0.637 0.208 25.331);
257
- --color-danger-f77070: oklch(0.708 0.166 22.25);
258
- --color-danger-f87171: oklch(0.711 0.166 22.216);
259
- --color-danger-fc9191: oklch(0.77 0.13 20.486);
260
- --color-danger-fca5a5: oklch(0.808 0.103 19.571);
261
90
  --color-danger-hover: var(--color-bg-danger-hover);
262
91
  --color-danger-light: var(--color-bg-light-danger-base);
263
92
  --color-danger-light-active: var(--color-bg-light-danger-active);
264
93
  --color-danger-light-disabled: var(--color-bg-disabled);
265
94
  --color-danger-light-hover: var(--color-bg-light-danger-hover);
266
- --color-dialog-backdrop-bg-modal: var(--color-bg-scrim);
267
- --color-dialog-backdrop-bg-modeless: var(--color-transparent);
268
- --color-dialog-close-trigger-fg: var(--color-fg-primary);
269
- --color-dialog-content-bg: var(--color-fill-surface);
270
- --color-dialog-content-border: var(--color-border-primary);
271
- --color-dialog-content-fg: var(--color-fg-primary);
272
- --color-dialog-description-fg: var(--color-fg-primary);
273
- --color-dialog-ring: var(--color-ring-default);
274
- --color-dialog-title-fg: var(--color-fg-primary);
275
95
  --color-fg-accent-danger: oklch(0.452 0.066 4.881);
276
96
  --color-fg-accent-primary: var(--color-primary-600);
277
97
  --color-fg-accent-secondary: oklch(0.447 0.076 49.767);
278
98
  --color-fg-accent-success: var(--color-success-300);
279
99
  --color-fg-accent-tertiary: oklch(0.511 0.054 323.997);
280
100
  --color-fg-accent-warning: oklch(0.492 0.079 93.623);
101
+ --color-fg-badge-on-solid: var(--color-fg-light);
281
102
  --color-fg-dark: var(--color-white);
282
103
  --color-fg-disabled: var(--color-neutral-500);
104
+ --color-fg-icon-tree: var(--color-fg-secondary);
283
105
  --color-fg-light: var(--color-slate-950);
284
- --color-fg-placeholder: var(--color-neutral-64748b);
106
+ --color-fg-on-accent-solid: var(--color-fg-light);
107
+ --color-fg-on-primary-indicator: var(--color-white);
108
+ --color-fg-on-primary-solid: var(--color-white);
109
+ --color-fg-on-primary-solid-neo: var(--color-white);
110
+ --color-fg-placeholder: var(--color-neutral-500);
285
111
  --color-fg-primary: var(--color-white);
286
112
  --color-fg-reverse: var(--color-slate-950);
287
113
  --color-fg-secondary: oklch(0.494 0.037 261.595);
114
+ --color-fg-status-error: var(--color-danger-300);
115
+ --color-fg-status-success: var(--color-success-300);
116
+ --color-fg-status-warning: var(--color-warning-400);
288
117
  --color-fill-active: var(--color-white-15);
289
118
  --color-fill-base: var(--color-white-5);
119
+ --color-fill-borderless-active: var(--color-fill-active);
120
+ --color-fill-borderless-base: var(--color-fill-base);
121
+ --color-fill-borderless-hover: var(--color-fill-hover);
290
122
  --color-fill-disabled: var(--color-bg-disabled);
291
123
  --color-fill-highlight: var(--color-neutral-700);
292
- --color-fill-hover: var(--color-white-10);
124
+ --color-fill-hover: var(--color-primary-900);
293
125
  --color-fill-overlay: var(--color-neutral-800);
294
- --color-fill-selected: var(--color-primary-alpha-10);
126
+ --color-fill-selected: var(--color-primary-600);
295
127
  --color-fill-surface: var(--color-neutral-800);
296
128
  --color-float: var(--color-fill-highlight);
297
- --color-footer-bg: var(--color-fill-surface);
298
- --color-footer-border: var(--color-border-primary);
299
- --color-footer-bottom-bg: var(--color-fill-surface);
300
- --color-footer-container-bg: var(--color-fill-surface);
301
- --color-footer-divider-bg: var(--color-border-primary);
302
- --color-footer-link-fg: var(--color-fg-secondary);
303
- --color-footer-link-fg-hover: var(--color-bg-primary-base);
304
- --color-footer-list-bg: var(--color-fill-surface);
305
- --color-footer-section-bg: var(--color-fill-surface);
306
- --color-footer-text-fg: var(--color-fg-secondary);
307
- --color-footer-title-fg: var(--color-fg-primary);
308
- --color-footer-title-fg-hover: var(--color-bg-primary-base);
309
- --color-form-control-bg: var(--color-fill-base);
310
- --color-form-control-bg-disabled: var(--color-bg-disabled);
311
- --color-form-control-bg-focus: var(--color-fill-active);
312
- --color-form-control-bg-hover: var(--color-fill-hover);
313
- --color-form-control-border: var(--color-border-primary);
314
- --color-form-control-border-disabled: var(--color-border-disabled);
315
- --color-form-control-border-focus: var(--color-primary);
316
- --color-form-control-border-hover: var(--color-border-primary);
317
- --color-form-control-fg-disabled: var(--color-fg-disabled);
318
- --color-form-control-fg-placeholder: var(--color-fg-placeholder);
319
- --color-form-control-ring: var(--color-ring-default);
320
- --color-gallery-trigger-bg: var(--color-fill-surface);
321
- --color-gallery-trigger-bg-active: var(--color-bg-light-primary-base);
322
- --color-gallery-trigger-border: var(--color-border-primary);
323
- --color-gallery-trigger-border-active: var(--color-bg-primary-base);
324
- --color-gallery-trigger-ring: var(--color-ring-default);
325
129
  --color-gray-950: oklch(0.13 0.027 261.692);
326
- --color-header-actions-fg: var(--color-bg-primary-base);
327
- --color-header-actions-fg-hover: var(--color-fg-primary);
328
- --color-header-bg: var(--color-fill-surface);
329
- --color-header-fg: var(--color-fg-primary);
330
- --color-header-hamburger-fg: var(--color-fg-primary);
331
- --color-header-hamburger-fg-hover: var(--color-fg-secondary);
332
- --color-header-nav-fg: var(--color-fg-secondary);
333
- --color-header-nav-fg-active: var(--color-bg-primary-base);
334
- --color-header-nav-fg-hover: var(--color-fg-primary);
335
- --color-header-nav-item-bg: var(--color-bg-transparent);
336
- --color-header-nav-item-bg-hover: var(--color-bg-transparent);
337
130
  --color-highlight: var(--color-fill-highlight);
338
- --color-icon-fg: var(--color-fg-primary);
339
- --color-icon-fg-danger: var(--color-danger);
340
- --color-icon-fg-primary: var(--color-primary);
341
- --color-icon-fg-secondary: var(--color-secondary);
342
- --color-icon-fg-success: var(--color-success);
343
- --color-icon-fg-warning: var(--color-warning);
344
131
  --color-info: var(--color-bg-info);
345
132
  --color-info-disabled: var(--color-bg-disabled);
346
- --color-input-bg-base: var(--color-form-control-bg);
347
- --color-input-bg-disabled: var(--color-bg-disabled);
348
- --color-input-bg-focus: var(--color-form-control-bg-focus);
349
- --color-input-bg-hover: var(--color-form-control-bg-hover);
350
- --color-input-border-base: var(--color-form-control-border);
351
- --color-input-border-danger-base: var(--color-danger);
352
- --color-input-border-danger-focus: var(--color-danger-fca5a5);
353
- --color-input-border-danger-hover: var(--color-danger-f87171);
354
- --color-input-border-disabled: var(--color-border-disabled);
355
- --color-input-border-focus: var(--color-form-control-border-focus);
356
- --color-input-border-hover: var(--color-form-control-border-hover);
357
- --color-input-border-success-base: var(--color-success);
358
- --color-input-border-success-focus: var(--color-success-6ee7b7);
359
- --color-input-border-success-hover: var(--color-success-34d399);
360
- --color-input-border-warning-base: var(--color-warning);
361
- --color-input-border-warning-focus: var(--color-warning-facc15);
362
- --color-input-border-warning-hover: var(--color-warning-eab308);
363
- --color-input-danger: var(--color-danger);
364
- --color-input-fg: var(--color-fg-primary);
365
- --color-input-fg-disabled: var(--color-fg-disabled);
366
- --color-input-fg-placeholder: var(--color-form-control-fg-placeholder);
367
- --color-input-ring: var(--color-form-control-ring);
368
- --color-label-fg: var(--color-input-fg);
369
- --color-label-fg-disabled: var(--color-fg-disabled);
370
- --color-label-fg-required: var(--color-input-danger);
371
133
  --color-link: var(--color-sky-300);
372
- --color-link-active: var(--color-primary-400);
373
- --color-link-base: var(--color-fg-accent-primary);
374
- --color-link-disabled: var(--color-fg-disabled);
375
- --color-link-fg-active: var(--color-link-active);
376
- --color-link-fg-base: var(--color-link-base);
377
- --color-link-fg-disabled: var(--color-fg-disabled);
378
- --color-link-fg-hover: var(--color-link-hover);
379
- --color-link-fg-visited: var(--color-link-visited);
380
- --color-link-hover: var(--color-primary-700);
381
- --color-link-visited: var(--color-primary-600);
382
- --color-menu-content-bg: var(--color-fill-overlay);
383
- --color-menu-content-border: var(--color-fill-highlight);
384
- --color-menu-fg-disabled: var(--color-fg-disabled);
385
- --color-menu-item-bg-hover: var(--color-fill-hover);
386
- --color-menu-item-fg: var(--color-fg-primary);
387
- --color-menu-item-icon-fg: var(--color-fg-secondary);
388
- --color-menu-separator-bg: var(--color-border-primary);
389
- --color-menu-submenu-indicator-fg: var(--color-fg-secondary);
390
- --color-neutral-020617: oklch(0.129 0.041 264.695);
391
- --color-neutral-020617-10: oklch(0.129 0.041 264.695 / 0.1);
392
- --color-neutral-020617-15: oklch(0.129 0.041 264.695 / 0.15);
393
- --color-neutral-020617-5: oklch(0.129 0.041 264.695 / 0.05);
394
134
  --color-neutral-100: oklch(0.967 0.003 264.542);
395
- --color-neutral-1f2937: oklch(0.278 0.03 256.848);
396
135
  --color-neutral-200: oklch(0.928 0.006 264.531);
397
136
  --color-neutral-300: oklch(0.872 0.011 261.787);
398
- --color-neutral-374151: oklch(0.373 0.031 259.733);
399
- --color-neutral-383838: oklch(0.341 0 0);
400
137
  --color-neutral-400: oklch(0.707 0.022 261.749);
401
138
  --color-neutral-50: oklch(0.985 0.002 247.839);
402
- --color-neutral-500: oklch(0.551 0.027 264.328);
403
- --color-neutral-600: oklch(0.446 0.03 257.68);
404
- --color-neutral-64748b: oklch(0.554 0.041 257.417);
405
- --color-neutral-6b7280: oklch(0.551 0.023 264.364);
406
- --color-neutral-700: oklch(0.373 0.034 260.169);
407
- --color-neutral-800: oklch(0.278 0.034 257.672);
408
- --color-neutral-900: oklch(0.21 0.034 263.436);
409
- --color-neutral-94a3b8: oklch(0.711 0.035 256.788);
139
+ --color-neutral-500: oklch(0.551 0.023 264.364);
140
+ --color-neutral-600: oklch(0.446 0.026 256.802);
141
+ --color-neutral-700: oklch(0.374 0.028 262.946);
142
+ --color-neutral-800: oklch(0.278 0.03 256.848);
143
+ --color-neutral-900: oklch(0.21 0.032 264.665);
410
144
  --color-neutral-950: oklch(0.13 0.027 261.692);
411
- --color-neutral-9ca3af: oklch(0.714 0.019 261.325);
412
- --color-neutral-d1d5db: oklch(0.872 0.009 258.338);
413
- --color-neutral-dbdbdb: oklch(0.891 0 0);
414
- --color-numeric-input-bg: var(--color-form-control-bg);
415
- --color-numeric-input-bg-disabled: var(--color-bg-disabled);
416
- --color-numeric-input-bg-invalid: var(--color-bg-danger-subtle);
417
- --color-numeric-input-border: var(--color-form-control-border);
418
- --color-numeric-input-border-disabled: var(--color-border-disabled);
419
- --color-numeric-input-border-focus: var(--color-form-control-border-focus);
420
- --color-numeric-input-border-hover: var(--color-form-control-border-hover);
421
- --color-numeric-input-border-invalid: var(--color-danger);
422
- --color-numeric-input-fg: var(--color-input-fg);
423
- --color-numeric-input-fg-disabled: var(--color-fg-disabled);
424
- --color-numeric-input-input-bg: var(--color-bg-transparent);
425
- --color-numeric-input-input-bg-focus: var(--color-form-control-bg-focus);
426
- --color-numeric-input-input-bg-hover: var(--color-form-control-bg-hover);
427
- --color-numeric-input-ring: var(--color-form-control-ring);
428
- --color-numeric-input-trigger-bg: var(--color-form-control-bg);
429
- --color-numeric-input-trigger-bg-hover: var(--color-form-control-bg-hover);
430
- --color-numeric-input-trigger-container-bg: var(--color-form-control-border);
431
- --color-numeric-input-trigger-fg: var(--color-input-fg);
432
- --color-numeric-input-trigger-fg-hover: var(--color-primary);
433
- --color-pagination-bg-active: var(--color-bg-primary-base);
434
- --color-pagination-bg-base: var(--color-fill-surface);
435
- --color-pagination-bg-disabled: var(--color-bg-disabled);
436
- --color-pagination-bg-hover: var(--color-bg-primary-hover);
437
- --color-pagination-bg-neutral: var(--color-transparent);
438
- --color-pagination-border-active: var(--color-bg-primary-base);
439
- --color-pagination-border-base: var(--color-border-primary);
440
- --color-pagination-border-disabled: var(--color-border-disabled);
441
- --color-pagination-fg: var(--color-fg-primary);
442
- --color-pagination-fg-disabled: var(--color-fg-disabled);
443
- --color-pagination-fg-filled-active: var(--color-white);
444
- --color-pagination-fg-minimal-active: var(--color-fg-accent-primary);
445
- --color-pagination-fg-outlined-active: var(--color-fg-accent-primary);
446
- --color-pagination-ring: var(--color-ring-default);
447
- --color-phone-input-bg-base: var(--color-form-control-bg);
448
- --color-phone-input-bg-disabled: var(--color-form-control-bg-disabled);
449
- --color-phone-input-bg-focus: var(--color-form-control-bg-focus);
450
- --color-phone-input-bg-hover: var(--color-form-control-bg-hover);
451
- --color-phone-input-border-danger: var(--color-bg-danger-base);
452
- --color-phone-input-border-disabled: var(--color-form-control-border-disabled);
453
- --color-phone-input-border-focus: var(--color-form-control-border-focus);
454
- --color-phone-input-border-hover: var(--color-form-control-border-hover);
455
- --color-phone-input-border-success: var(--color-bg-success);
456
- --color-phone-input-border-warning: var(--color-bg-warning-base);
457
- --color-phone-input-country-calling-code-fg: var(--color-fg-secondary);
458
- --color-phone-input-divider: var(--color-border-primary);
459
- --color-phone-input-fg: var(--color-fg-primary);
460
- --color-phone-input-fg-disabled: var(--color-form-control-fg-disabled);
461
- --color-phone-input-fg-placeholder: var(--color-form-control-fg-placeholder);
462
- --color-phone-input-input-bg-base: var(--color-transparent);
463
- --color-phone-input-input-bg-focus: var(--color-transparent);
464
- --color-phone-input-input-bg-hover: var(--color-transparent);
465
- --color-phone-input-item-meta-fg: var(--color-fg-secondary);
466
- --color-phone-input-ring: var(--color-form-control-ring);
467
- --color-phone-input-trigger-bg-base: var(--color-transparent);
468
- --color-phone-input-trigger-bg-hover: var(--color-fill-hover);
469
- --color-popover-arrow: var(--color-fill-overlay);
470
- --color-popover-bg: var(--color-fill-overlay);
471
- --color-popover-border: var(--color-fill-highlight);
472
- --color-popover-close-trigger-fg: var(--color-fg-primary);
473
- --color-popover-description-fg: var(--color-fg-secondary);
474
- --color-popover-fg: var(--color-fg-primary);
475
145
  --color-primary: var(--color-primary-300);
476
146
  --color-primary-100: oklch(0.936 0.032 17.738);
477
147
  --color-primary-200: oklch(0.883 0.062 18.386);
@@ -484,133 +154,24 @@
484
154
  --color-primary-900: oklch(0.445 0.177 26.787);
485
155
  --color-primary-accent-fg: var(--color-fg-accent-primary);
486
156
  --color-primary-active: var(--color-bg-primary-active);
487
- --color-primary-alpha-10: oklch(0.581 0.238 29.234 / 0.1);
488
157
  --color-primary-disabled: var(--color-bg-disabled);
489
158
  --color-primary-hover: var(--color-bg-primary-hover);
490
159
  --color-primary-light: var(--color-bg-light-primary-base);
491
160
  --color-primary-light-active: var(--color-bg-light-primary-active);
492
161
  --color-primary-light-disabled: var(--color-bg-disabled);
493
162
  --color-primary-light-hover: var(--color-bg-light-primary-hover);
494
- --color-product-card-bg: var(--color-fill-surface);
495
- --color-product-card-border: var(--color-border-primary);
496
- --color-product-card-button-cart-bg-base: var(--color-bg-primary-base);
497
- --color-product-card-button-cart-bg-hover: var(--color-bg-primary-hover);
498
- --color-product-card-button-cart-fg: var(--color-fg-reverse);
499
- --color-product-card-button-detail-bg-base: var(--color-bg-secondary-base);
500
- --color-product-card-button-detail-bg-hover: var(--color-bg-secondary-hover);
501
- --color-product-card-button-detail-fg: var(--color-fg-light);
502
- --color-product-card-button-wishlist-bg-base: var(--color-bg-tertiary-base);
503
- --color-product-card-button-wishlist-bg-hover: var(--color-bg-tertiary-hover);
504
- --color-product-card-button-wishlist-fg: var(--color-fg-light);
505
- --color-product-card-name-fg: var(--color-fg-primary);
506
- --color-product-card-price-fg: var(--color-fg-primary);
507
- --color-product-card-stock-fg-in-stock: var(--color-fg-accent-success);
508
- --color-product-card-stock-fg-limited-stock: var(--color-fg-accent-warning);
509
- --color-product-card-stock-fg-out-of-stock: var(--color-fg-accent-danger);
510
- --color-radio-card-addon-bg-disabled: var(--color-bg-disabled);
511
- --color-radio-card-addon-border: var(--color-border-primary);
512
- --color-radio-card-addon-border-disabled: var(--color-border-disabled);
513
- --color-radio-card-addon-border-solid-checked: var(--color-bg-primary-hover);
514
- --color-radio-card-addon-border-subtle-checked: var(--color-bg-light-primary-hover);
515
- --color-radio-card-addon-fg: var(--color-fg-secondary);
516
- --color-radio-card-addon-fg-disabled: var(--color-fg-disabled);
517
- --color-radio-card-addon-fg-solid-checked: var(--color-fg-reverse);
518
- --color-radio-card-addon-fg-subtle-checked: var(--color-fg-light);
519
- --color-radio-card-item-bg: var(--color-fill-surface);
520
- --color-radio-card-item-bg-disabled: var(--color-bg-disabled);
521
- --color-radio-card-item-bg-hover: var(--color-fill-hover);
522
- --color-radio-card-item-bg-outline-checked-hover: var(--color-fill-hover);
523
- --color-radio-card-item-bg-solid-checked: var(--color-bg-primary-base);
524
- --color-radio-card-item-bg-solid-checked-hover: var(--color-bg-primary-hover);
525
- --color-radio-card-item-bg-subtle-checked: var(--color-bg-light-primary-base);
526
- --color-radio-card-item-bg-subtle-checked-hover: var(--color-bg-light-primary-hover);
527
- --color-radio-card-item-border: var(--color-border-primary);
528
- --color-radio-card-item-border-disabled: var(--color-border-disabled);
529
- --color-radio-card-item-border-error: var(--color-bg-danger-base);
530
- --color-radio-card-item-border-hover: var(--color-form-control-border-hover);
531
- --color-radio-card-item-border-outline-checked: var(--color-bg-primary-base);
532
- --color-radio-card-item-border-outline-checked-hover: var(--color-primary-hover);
533
- --color-radio-card-item-border-solid-checked: var(--color-bg-primary-base);
534
- --color-radio-card-item-border-solid-checked-hover: var(--color-bg-primary-hover);
535
- --color-radio-card-item-border-subtle-checked: var(--color-bg-light-primary-base);
536
- --color-radio-card-item-border-subtle-checked-hover: var(--color-bg-light-primary-hover);
537
- --color-radio-card-item-description-fg: var(--color-fg-secondary);
538
- --color-radio-card-item-description-fg-disabled: var(--color-fg-disabled);
539
- --color-radio-card-item-description-fg-solid-checked: var(--color-fg-reverse);
540
- --color-radio-card-item-description-fg-subtle-checked: var(--color-fg-light);
541
- --color-radio-card-item-fg: var(--color-fg-primary);
542
- --color-radio-card-item-fg-disabled: var(--color-fg-disabled);
543
- --color-radio-card-item-fg-solid-checked: var(--color-white);
544
- --color-radio-card-item-fg-subtle-checked: var(--color-fg-light);
545
- --color-radio-card-item-indicator-bg: var(--color-transparent);
546
- --color-radio-card-item-indicator-bg-disabled: var(--color-transparent);
547
- --color-radio-card-item-indicator-bg-solid-checked: var(--color-fg-reverse);
548
- --color-radio-card-item-indicator-border: var(--color-border-primary);
549
- --color-radio-card-item-indicator-border-disabled: var(--color-border-disabled);
550
- --color-radio-card-item-indicator-border-outline-checked: var(--color-bg-primary-base);
551
- --color-radio-card-item-indicator-border-solid-checked: var(--color-fg-reverse);
552
- --color-radio-card-item-indicator-border-subtle-checked: var(--color-fg-light);
553
- --color-radio-card-item-indicator-content-fg: var(--color-fg-accent-primary);
554
- --color-radio-card-item-indicator-content-fg-disabled: var(--color-fg-disabled);
555
- --color-radio-card-item-indicator-content-fg-outline-checked: var(--color-bg-primary-base);
556
- --color-radio-card-item-indicator-content-fg-solid-checked: var(--color-bg-primary-base);
557
- --color-radio-card-item-indicator-content-fg-subtle-checked: var(--color-fg-light);
558
- --color-radio-card-ring: var(--color-ring-default);
559
- --color-radio-group-item-bg: var(--color-fill-base);
560
- --color-radio-group-item-bg-disabled: var(--color-bg-disabled);
561
- --color-radio-group-item-bg-hover: var(--color-fill-hover);
562
- --color-radio-group-item-bg-outline-checked: var(--color-fill-base);
563
- --color-radio-group-item-bg-outline-checked-hover: var(--color-fill-hover);
564
- --color-radio-group-item-bg-solid-checked: var(--color-bg-primary-base);
565
- --color-radio-group-item-bg-solid-checked-hover: var(--color-bg-primary-hover);
566
- --color-radio-group-item-bg-subtle-checked: var(--color-bg-light-primary-base);
567
- --color-radio-group-item-bg-subtle-checked-hover: var(--color-bg-light-primary-hover);
568
- --color-radio-group-item-border-base: var(--color-border-primary);
569
- --color-radio-group-item-border-checked: var(--color-bg-primary-base);
570
- --color-radio-group-item-border-disabled: var(--color-border-disabled);
571
- --color-radio-group-item-border-error: var(--color-bg-danger-base);
572
- --color-radio-group-item-border-hover: var(--color-form-control-border-hover);
573
- --color-radio-group-item-border-outline-checked: var(--color-fg-accent-primary);
574
- --color-radio-group-item-border-outline-checked-hover: var(--color-primary-hover);
575
- --color-radio-group-item-border-solid-checked: var(--color-bg-primary-base);
576
- --color-radio-group-item-border-solid-checked-hover: var(--color-bg-primary-hover);
577
- --color-radio-group-item-border-subtle-checked: var(--color-bg-light-primary-base);
578
- --color-radio-group-item-border-subtle-checked-hover: var(--color-bg-light-primary-hover);
579
- --color-radio-group-item-description: var(--color-fg-secondary);
580
- --color-radio-group-item-description-disabled: var(--color-fg-disabled);
581
- --color-radio-group-item-fg: var(--color-fg-primary);
582
- --color-radio-group-item-fg-disabled: var(--color-fg-disabled);
583
- --color-radio-group-item-indicator-disabled: var(--color-fg-disabled);
584
- --color-radio-group-item-indicator-outline: var(--color-fg-accent-primary);
585
- --color-radio-group-item-indicator-solid: var(--color-white);
586
- --color-radio-group-item-indicator-subtle: var(--color-fg-accent-primary);
587
- --color-radio-group-ring: var(--color-ring-default);
588
- --color-rating-fg-active: var(--color-warning);
589
- --color-rating-fg-base: var(--color-highlight);
590
- --color-rating-fg-disabled: var(--color-fg-disabled);
591
- --color-rating-ring: var(--color-ring-default);
592
163
  --color-ring: var(--default-ring-color);
593
164
  --color-ring-default: var(--color-white);
594
- --color-search-form-bg-base: var(--color-form-control-bg);
595
- --color-search-form-bg-disabled: var(--color-bg-disabled);
596
- --color-search-form-bg-focus: var(--color-form-control-bg);
597
- --color-search-form-border-base: var(--color-form-control-border);
598
- --color-search-form-border-disabled: var(--color-border-disabled);
599
- --color-search-form-border-focus: var(--color-input-border-focus);
600
- --color-search-form-border-hover: var(--color-input-border-hover);
601
- --color-search-form-fg-disabled: var(--color-fg-disabled);
602
- --color-search-form-fg-placeholder: var(--color-input-fg-placeholder);
603
- --color-search-form-ring: var(--color-input-ring);
604
165
  --color-secondary: var(--color-secondary-500);
605
- --color-secondary-100: #fef3c7;
606
- --color-secondary-200: #fde68a;
607
- --color-secondary-300: #fcd34d;
608
- --color-secondary-400: #fbbf24;
609
- --color-secondary-500: #f59e0b;
610
- --color-secondary-600: #d97706;
611
- --color-secondary-700: #b45309;
612
- --color-secondary-800: #92400e;
613
- --color-secondary-900: #78350f;
166
+ --color-secondary-100: oklch(0.962 0.058 95.617);
167
+ --color-secondary-200: oklch(0.924 0.115 95.746);
168
+ --color-secondary-300: oklch(0.879 0.153 91.605);
169
+ --color-secondary-400: oklch(0.837 0.164 84.429);
170
+ --color-secondary-500: oklch(0.769 0.165 70.08);
171
+ --color-secondary-600: oklch(0.666 0.157 58.318);
172
+ --color-secondary-700: oklch(0.555 0.146 48.998);
173
+ --color-secondary-800: oklch(0.473 0.125 46.201);
174
+ --color-secondary-900: oklch(0.414 0.105 45.904);
614
175
  --color-secondary-accent-fg: var(--color-fg-accent-secondary);
615
176
  --color-secondary-active: var(--color-bg-secondary-active);
616
177
  --color-secondary-disabled: var(--color-bg-disabled);
@@ -619,163 +180,26 @@
619
180
  --color-secondary-light-active: var(--color-bg-light-secondary-active);
620
181
  --color-secondary-light-disabled: var(--color-bg-disabled);
621
182
  --color-secondary-light-hover: var(--color-bg-light-secondary-hover);
622
- --color-select-bg-disabled: var(--color-bg-disabled);
623
- --color-select-border-disabled: var(--color-border-disabled);
624
- --color-select-border-error: var(--color-bg-danger-base);
625
- --color-select-border-success: var(--color-bg-success);
626
- --color-select-border-warning: var(--color-bg-warning-base);
627
- --color-select-clear-trigger-bg: var(--color-fill-base);
628
- --color-select-clear-trigger-fg: var(--color-fg-primary);
629
- --color-select-content-bg: var(--color-fill-surface);
630
- --color-select-content-border: var(--color-border-primary);
631
- --color-select-fg-disabled: var(--color-fg-disabled);
632
- --color-select-indicator: var(--color-fg-accent-primary);
633
- --color-select-item-bg-base: var(--color-fill-base);
634
- --color-select-item-bg-hover: var(--color-form-control-bg-hover);
635
- --color-select-item-bg-selected: var(--color-form-control-bg);
636
- --color-select-item-fg-base: var(--color-fg-primary);
637
- --color-select-item-fg-selected: var(--color-fg-accent-primary);
638
- --color-select-placeholder: var(--color-form-control-fg-placeholder);
639
- --color-select-ring: var(--color-form-control-ring);
640
- --color-select-trigger-bg-hover: var(--color-form-control-bg-hover);
641
- --color-select-trigger-border: var(--color-form-control-border);
642
- --color-select-trigger-border-focus: var(--color-form-control-border-focus);
643
- --color-select-trigger-border-hover: var(--color-form-control-border-hover);
644
- --color-select-trigger-fg-base: var(--color-fg-primary);
645
- --color-select-trigger-fg-hover: var(--color-fg-accent-primary);
646
- --color-shadow-1: oklch(0 0 0);
647
- --color-shadow-2: oklch(0 0 0);
648
- --color-shadow-3: oklch(0 0 0);
649
- --color-skeleton-bg-primary: var(--color-fill-overlay);
650
- --color-skeleton-bg-secondary: var(--color-fill-surface);
183
+ --color-shadow-1: oklch(0.145 0 0);
184
+ --color-shadow-2: oklch(0.145 0 0);
185
+ --color-shadow-3: oklch(0.145 0 0);
651
186
  --color-sky-300: oklch(0.828 0.101 230.318);
652
- --color-slate-950: oklch(0.13 0.043 265.132);
653
- --color-slider-border: var(--color-border-primary);
654
- --color-slider-border-disabled: var(--color-border-disabled);
655
- --color-slider-border-error: var(--color-bg-danger-base);
656
- --color-slider-label-fg: var(--color-fg-primary);
657
- --color-slider-marker-bg: var(--color-fill-overlay);
658
- --color-slider-range-bg: var(--color-bg-primary-base);
659
- --color-slider-range-bg-disabled: var(--color-bg-disabled);
660
- --color-slider-range-bg-error: var(--color-bg-danger-base);
661
- --color-slider-range-bg-hover: var(--color-bg-primary-hover);
662
- --color-slider-ring: var(--color-ring-default);
663
- --color-slider-thumb-bg: var(--color-white);
664
- --color-slider-thumb-bg-disabled: var(--color-bg-disabled);
665
- --color-slider-thumb-bg-hover: var(--color-white);
666
- --color-slider-track-bg: var(--color-fill-surface);
667
- --color-slider-track-bg-disabled: var(--color-bg-disabled);
668
- --color-slider-track-bg-hover: var(--color-fill-hover);
669
- --color-status-text-fg: var(--color-fg-secondary);
670
- --color-status-text-fg-error: var(--color-danger-fca5a5);
671
- --color-status-text-fg-success: var(--color-success-6ee7b7);
672
- --color-status-text-fg-warning: var(--color-warning-facc15);
673
- --color-steps-content-bg: var(--color-fill-surface);
674
- --color-steps-content-bg-complete: var(--color-fill-overlay);
675
- --color-steps-content-border: var(--color-border-primary);
676
- --color-steps-content-border-complete: var(--color-bg-success);
677
- --color-steps-content-fg: var(--color-fg-primary);
678
- --color-steps-description-fg: var(--color-fg-secondary);
679
- --color-steps-description-fg-complete: var(--color-fg-primary);
680
- --color-steps-description-fg-current: var(--color-fg-primary);
681
- --color-steps-indicator-bg: var(--color-fill-overlay);
682
- --color-steps-indicator-bg-complete: var(--color-bg-success);
683
- --color-steps-indicator-bg-current: var(--color-bg-primary-base);
684
- --color-steps-indicator-bg-hover: var(--color-fill-active);
685
- --color-steps-indicator-bg-solid: var(--color-fill-active);
686
- --color-steps-indicator-bg-solid-complete: var(--color-bg-success);
687
- --color-steps-indicator-bg-solid-current: var(--color-bg-primary-base);
688
- --color-steps-indicator-bg-solid-hover: var(--color-fill-hover);
689
- --color-steps-indicator-border: var(--color-border-primary);
690
- --color-steps-indicator-border-complete: var(--color-bg-success);
691
- --color-steps-indicator-border-current: var(--color-bg-primary-base);
692
- --color-steps-indicator-border-hover: var(--color-primary-hover);
693
- --color-steps-indicator-fg: var(--color-fg-secondary);
694
- --color-steps-indicator-fg-complete: var(--color-white);
695
- --color-steps-indicator-fg-current: var(--color-white);
696
- --color-steps-indicator-fg-solid: var(--color-fg-reverse);
697
- --color-steps-indicator-fg-solid-complete: var(--color-fg-reverse);
698
- --color-steps-indicator-fg-solid-current: var(--color-fg-reverse);
699
- --color-steps-progress-bg: var(--color-border-primary);
700
- --color-steps-progress-range-bg: var(--color-bg-primary-base);
701
- --color-steps-separator-bg: var(--color-border-primary);
702
- --color-steps-separator-bg-complete: var(--color-bg-success);
703
- --color-steps-separator-bg-current: var(--color-primary-light);
704
- --color-steps-title-fg: var(--color-fg-primary);
705
- --color-steps-title-fg-complete: var(--color-fg-accent-success);
706
- --color-steps-title-fg-current: var(--color-fg-accent-primary);
707
- --color-steps-trigger-bg-complete: var(--color-bg-success);
708
- --color-steps-trigger-bg-current: var(--color-bg-light-primary-base);
709
- --color-steps-trigger-bg-hover: var(--color-fill-hover);
187
+ --color-slate-950: oklch(0.208 0.04 265.755);
710
188
  --color-success: var(--color-success-300);
711
- --color-success-059669: oklch(0.596 0.127 163.225);
712
- --color-success-0d945c: oklch(0.588 0.136 157.638);
713
- --color-success-100: oklch(0.95 0.052 163.631);
714
- --color-success-10b981: oklch(0.696 0.149 162.48);
715
- --color-success-200: oklch(0.905 0.094 163.868);
716
- --color-success-300: oklch(0.844 0.143 165.23);
717
- --color-success-34d399: oklch(0.773 0.153 163.223);
718
- --color-success-400: oklch(0.769 0.169 161.949);
719
- --color-success-500: oklch(0.702 0.158 160.438);
720
- --color-success-600: oklch(0.603 0.134 160.923);
721
- --color-success-6ee7b7: oklch(0.845 0.13 164.978);
722
- --color-success-700: oklch(0.513 0.11 163.565);
723
- --color-success-800: oklch(0.434 0.09 165.866);
724
- --color-success-8cebc7: oklch(0.871 0.105 167.65);
725
- --color-success-900: oklch(0.38 0.076 168.711);
726
- --color-success-accent-fg: var(--color-fg-accent-success);
189
+ --color-success-300: oklch(0.871 0.136 154.449);
190
+ --color-success-500: oklch(0.723 0.192 149.579);
191
+ --color-success-600: oklch(0.627 0.17 149.214);
727
192
  --color-success-disabled: var(--color-bg-disabled);
728
- --color-switch-bg-base: var(--color-fill-overlay);
729
- --color-switch-bg-checked: var(--color-bg-success);
730
- --color-switch-bg-checked-hover: var(--color-success-8cebc7);
731
- --color-switch-bg-disabled: var(--color-bg-disabled);
732
- --color-switch-bg-hover: var(--color-neutral-383838);
733
- --color-switch-bg-invalid: var(--color-danger-fc9191);
734
- --color-switch-border: var(--color-border-primary);
735
- --color-switch-border-disabled: var(--color-border-disabled);
736
- --color-switch-label-fg: var(--color-fg-primary);
737
- --color-switch-label-fg-disabled: var(--color-fg-disabled);
738
- --color-switch-ring: var(--color-ring-default);
739
- --color-switch-ring-invalid: var(--color-fg-accent-danger);
740
- --color-switch-thumb-bg: var(--color-white);
741
- --color-switch-thumb-bg-disabled: var(--color-bg-disabled);
742
- --color-table-bg: var(--color-fill-surface);
743
- --color-table-border: var(--color-border-primary);
744
- --color-table-caption-fg: var(--color-fg-secondary);
745
- --color-table-fg: var(--color-fg-primary);
746
- --color-table-footer-bg: var(--color-fill-base);
747
- --color-table-footer-fg: var(--color-fg-secondary);
748
- --color-table-header-bg: var(--color-fill-base);
749
- --color-table-header-fg: var(--color-fg-primary);
750
- --color-table-row-bg: var(--color-bg-transparent);
751
- --color-table-row-bg-hover: var(--color-fill-hover);
752
- --color-table-row-bg-selected: var(--color-fill-selected);
753
- --color-table-row-striped-primary: var(--color-fill-base);
754
- --color-table-row-striped-secondary: var(--color-bg-transparent);
755
- --color-tabs-bg: var(--color-fill-surface);
756
- --color-tabs-border-base: var(--color-border-primary);
757
- --color-tabs-border-selected: var(--color-bg-primary-base);
758
- --color-tabs-content-fg: var(--color-fg-primary);
759
- --color-tabs-indicator-bg: var(--color-bg-primary-base);
760
- --color-tabs-list-bg: var(--color-fill-highlight);
761
- --color-tabs-ring: var(--color-ring-default);
762
- --color-tabs-trigger-bg-hover: var(--color-fill-hover);
763
- --color-tabs-trigger-bg-outline-selected: var(--color-bg-light-primary-base);
764
- --color-tabs-trigger-bg-selected: var(--color-bg-primary-base);
765
- --color-tabs-trigger-fg-base: var(--color-fg-secondary);
766
- --color-tabs-trigger-fg-disabled: var(--color-fg-disabled);
767
- --color-tabs-trigger-fg-selected: var(--color-bg-primary-base);
768
- --color-tabs-trigger-fg-solid-selected: var(--color-fg-reverse);
769
193
  --color-tertiary: var(--color-bg-tertiary-base);
770
- --color-tertiary-100: oklch(0.941 0.03 12.58);
771
- --color-tertiary-200: oklch(0.892 0.058 9.078);
772
- --color-tertiary-300: oklch(0.806 0.112 11.594);
773
- --color-tertiary-400: oklch(0.706 0.19 12.979);
774
- --color-tertiary-500: oklch(0.643 0.245 16.501);
775
- --color-tertiary-600: oklch(0.597 0.24 19.695);
776
- --color-tertiary-700: oklch(0.525 0.211 18.944);
777
- --color-tertiary-800: oklch(0.459 0.184 14.559);
778
- --color-tertiary-900: oklch(0.411 0.159 10.192);
194
+ --color-tertiary-100: oklch(0.963 0.021 301.149);
195
+ --color-tertiary-200: oklch(0.914 0.051 303.063);
196
+ --color-tertiary-300: oklch(0.836 0.097 301.177);
197
+ --color-tertiary-400: oklch(0.725 0.169 300.382);
198
+ --color-tertiary-500: oklch(0.603 0.225 297.523);
199
+ --color-tertiary-600: oklch(0.541 0.247 293.009);
200
+ --color-tertiary-700: oklch(0.491 0.241 292.581);
201
+ --color-tertiary-800: oklch(0.432 0.211 292.759);
202
+ --color-tertiary-900: oklch(0.38 0.178 293.745);
779
203
  --color-tertiary-accent-fg: var(--color-fg-accent-tertiary);
780
204
  --color-tertiary-active: var(--color-bg-tertiary-active);
781
205
  --color-tertiary-disabled: var(--color-bg-disabled);
@@ -784,132 +208,35 @@
784
208
  --color-tertiary-light-active: var(--color-bg-light-tertiary-active);
785
209
  --color-tertiary-light-disabled: var(--color-bg-disabled);
786
210
  --color-tertiary-light-hover: var(--color-bg-light-tertiary-hover);
787
- --color-textarea-bg: var(--color-form-control-bg);
788
- --color-textarea-bg-disabled: var(--color-bg-disabled);
789
- --color-textarea-bg-focus: var(--color-form-control-bg-focus);
790
- --color-textarea-bg-hover: var(--color-form-control-bg-hover);
791
- --color-textarea-border: var(--color-form-control-border);
792
- --color-textarea-border-danger-base: var(--color-input-border-danger-base);
793
- --color-textarea-border-danger-hover: var(--color-input-border-danger-hover);
794
- --color-textarea-border-disabled: var(--color-border-disabled);
795
- --color-textarea-border-focus: var(--color-form-control-border-focus);
796
- --color-textarea-border-hover: var(--color-form-control-border-hover);
797
- --color-textarea-border-success-base: var(--color-input-border-success-base);
798
- --color-textarea-border-success-hover: var(--color-input-border-success-hover);
799
- --color-textarea-border-warning-base: var(--color-input-border-warning-base);
800
- --color-textarea-border-warning-hover: var(--color-input-border-warning-hover);
801
- --color-textarea-fg: var(--color-input-fg);
802
- --color-textarea-fg-disabled: var(--color-fg-disabled);
803
- --color-textarea-fg-placeholder: var(--color-form-control-fg-placeholder);
804
- --color-textarea-ring: var(--color-form-control-ring);
805
- --color-toast-bg: var(--color-fill-highlight);
806
- --color-toast-border: var(--color-border-primary);
807
- --color-toast-close-fg: var(--color-fg-primary);
808
- --color-toast-close-fg-hover: var(--color-fg-primary);
809
- --color-toast-error-bg: var(--color-bg-danger-base);
810
- --color-toast-error-border: var(--color-bg-danger-base);
811
- --color-toast-error-icon: var(--color-toast-fg);
812
- --color-toast-error-title: var(--color-toast-fg);
813
- --color-toast-fg: var(--color-fg-primary);
814
- --color-toast-info-bg: var(--color-bg-info);
815
- --color-toast-info-border: var(--color-bg-info);
816
- --color-toast-info-icon: var(--color-toast-fg);
817
- --color-toast-info-title: var(--color-toast-fg);
818
- --color-toast-success-bg: var(--color-bg-success);
819
- --color-toast-success-border: var(--color-bg-success);
820
- --color-toast-success-icon: var(--color-toast-fg);
821
- --color-toast-success-title: var(--color-toast-fg);
822
- --color-toast-warning-bg: var(--color-bg-warning-base);
823
- --color-toast-warning-border: var(--color-bg-warning-base);
824
- --color-toast-warning-icon: var(--color-toast-fg);
825
- --color-toast-warning-title: var(--color-toast-fg);
826
- --color-tooltip-arrow: var(--color-fill-overlay);
827
- --color-tooltip-bg: var(--color-fill-overlay);
828
- --color-tooltip-border-outline: var(--color-border-primary);
829
- --color-tooltip-fg: var(--color-fg-primary);
830
211
  --color-transparent: oklch(0 0 0 / 0);
831
- --color-tree-view-bg: var(--color-fill-base);
832
- --color-tree-view-fg-base: var(--color-fg-primary);
833
- --color-tree-view-fg-disabled: var(--color-fg-disabled);
834
- --color-tree-view-fg-hover: var(--color-fg-light);
835
- --color-tree-view-fg-selected: var(--color-bg-primary-base);
836
- --color-tree-view-icon-base: var(--color-fg-secondary);
837
- --color-tree-view-icon-hover: var(--color-fg-primary);
838
- --color-tree-view-indent-bg: var(--color-border-primary);
839
- --color-tree-view-label-fg: var(--color-fg-primary);
840
- --color-tree-view-node-bg-hover: var(--color-bg-primary-hover);
841
- --color-tree-view-ring: var(--color-ring-default);
842
- --color-tree-view-root-bg: var(--color-transparent);
843
212
  --color-warning: var(--color-warning-500);
844
- --color-warning-100: oklch(0.973 0.071 103.291);
845
- --color-warning-200: oklch(0.945 0.129 101.405);
846
- --color-warning-300: oklch(0.903 0.182 98.271);
847
- --color-warning-400: oklch(0.854 0.174 88.773);
848
- --color-warning-500: oklch(0.798 0.164 82.706);
849
- --color-warning-600: oklch(0.682 0.146 71.472);
850
- --color-warning-700: oklch(0.555 0.127 62.525);
851
- --color-warning-800: oklch(0.478 0.112 60.426);
852
- --color-warning-900: oklch(0.422 0.095 57.939);
853
- --color-warning-accent-fg: var(--color-fg-accent-warning);
213
+ --color-warning-100: oklch(0.962 0.058 95.617);
214
+ --color-warning-200: oklch(0.924 0.115 95.746);
215
+ --color-warning-300: oklch(0.879 0.153 91.605);
216
+ --color-warning-400: oklch(0.837 0.164 84.429);
217
+ --color-warning-500: oklch(0.769 0.165 70.08);
218
+ --color-warning-600: oklch(0.666 0.157 58.318);
219
+ --color-warning-700: oklch(0.555 0.146 48.998);
220
+ --color-warning-800: oklch(0.473 0.125 46.201);
221
+ --color-warning-900: oklch(0.414 0.105 45.904);
854
222
  --color-warning-active: var(--color-bg-warning-active);
855
- --color-warning-ca8a04: oklch(0.681 0.142 75.834);
856
223
  --color-warning-disabled: var(--color-bg-disabled);
857
- --color-warning-eab308: oklch(0.795 0.162 86.047);
858
- --color-warning-facc15: oklch(0.861 0.173 91.936);
859
224
  --color-warning-hover: var(--color-bg-warning-hover);
860
225
  --color-warning-light: var(--color-bg-light-warning-base);
861
226
  --color-warning-light-active: var(--color-bg-light-warning-active);
862
227
  --color-warning-light-disabled: var(--color-bg-disabled);
863
228
  --color-warning-light-hover: var(--color-bg-light-warning-hover);
864
229
  --color-white: oklch(1 0 0);
865
- --color-white-10: oklch(1 0 0 / 0.1);
866
230
  --color-white-15: oklch(1 0 0 / 0.15);
867
231
  --color-white-5: oklch(1 0 0 / 0.05);
868
232
  --default-ring-color: oklch(1 0 0);
869
- --radius-color-select-full: var(--radius-full);
870
- --radius-color-select-lg: var(--radius-2xl);
871
- --radius-color-select-md: var(--radius-md);
872
- --radius-color-select-sm: var(--radius-sm);
873
- --shadow-color-select: var(--shadow-sm);
874
- --size-color-select-lg: var(--dimension-40);
875
- --size-color-select-md: var(--dimension-30);
876
- --size-color-select-sm: var(--dimension-20);
877
- --spacing-color-select-lg: var(--dimension-24);
878
- --spacing-color-select-md: var(--dimension-16);
879
- --spacing-color-select-sm: var(--dimension-6);
880
- --text-color-select-lg: var(--text-md);
881
- --text-color-select-md: var(--text-sm);
882
- --text-color-select-sm: var(--text-xs);
883
233
  /* Fonts */
884
- --font-weight-accordion-title: var(--font-weight-medium);
885
- --font-weight-badge-lg: var(--font-weight-semibold);
886
- --font-weight-badge-md: var(--font-weight-medium);
887
- --font-weight-badge-sm: var(--font-weight-light);
888
- --font-weight-badge-xl: var(--font-weight-bold);
889
234
  --font-weight-bold: 700;
890
- --font-weight-dialog-title: var(--font-weight-semibold);
891
235
  --font-weight-extra-light: 200;
892
- --font-weight-footer-link: var(--font-weight-normal);
893
- --font-weight-footer-title: var(--font-weight-semibold);
894
- --font-weight-header-nav: var(--font-weight-medium);
895
- --font-weight-header-nav-active: var(--font-weight-semibold);
896
- --font-weight-label: var(--font-weight-bold);
897
236
  --font-weight-light: 300;
898
- --font-weight-link: var(--font-weight-medium);
899
237
  --font-weight-medium: 500;
900
238
  --font-weight-normal: 400;
901
- --font-weight-popover-title: var(--font-weight-semibold);
902
- --font-weight-product-card-name: var(--font-weight-medium);
903
- --font-weight-product-card-price: var(--font-weight-medium);
904
- --font-weight-product-card-stock: var(--font-weight-medium);
905
- --font-weight-radio-card-addon: var(--font-weight-medium);
906
- --font-weight-radio-card-item: var(--font-weight-medium);
907
239
  --font-weight-semibold: 600;
908
- --font-weight-table-caption: var(--font-weight-normal);
909
- --font-weight-table-footer: var(--font-weight-medium);
910
- --font-weight-table-header: var(--font-weight-semibold);
911
- --font-weight-toast-title: var(--font-weight-medium);
912
- --font-weight-tree-view-label: var(--font-weight-medium);
913
240
  /* Measures */
914
241
  --aspect-card: 3 / 2;
915
242
  --aspect-golden: 1.618;
@@ -918,43 +245,9 @@
918
245
  --aspect-square: 1;
919
246
  --aspect-video: 16 / 9;
920
247
  --aspect-wide: 21 / 9;
921
- --border-footer-width: var(--border-md);
922
248
  --border-lg: 0.19rem;
923
249
  --border-md: 0.13rem;
924
250
  --border-sm: 0.06rem;
925
- --border-table-width: var(--border-sm);
926
- --border-width-accordion: var(--border-sm);
927
- --border-width-badge: var(--border-sm);
928
- --border-width-button-lg: var(--border-lg);
929
- --border-width-button-md: var(--border-md);
930
- --border-width-button-sm: var(--border-sm);
931
- --border-width-checkbox: var(--border-sm);
932
- --border-width-checkbox-error: var(--border-md);
933
- --border-width-combobox: var(--border-width-form-control);
934
- --border-width-dialog: var(--border-sm);
935
- --border-width-form-control: var(--border-md);
936
- --border-width-input: var(--border-width-form-control);
937
- --border-width-input-validation: var(--border-lg);
938
- --border-width-numeric-input: var(--border-width-input);
939
- --border-width-pagination: var(--border-sm);
940
- --border-width-product-card: var(--border-sm);
941
- --border-width-radio-card: var(--border-sm);
942
- --border-width-radio-card-addon: var(--border-sm);
943
- --border-width-radio-card-indicator: var(--border-sm);
944
- --border-width-radio-group: var(--border-sm);
945
- --border-width-search-form: var(--border-width-form-control);
946
- --border-width-select: var(--border-width-form-control);
947
- --border-width-select-validation: var(--border-lg);
948
- --border-width-slider: var(--border-sm);
949
- --border-width-slider-error: var(--border-lg);
950
- --border-width-steps-content: var(--border-sm);
951
- --border-width-steps-indicator: var(--border-sm);
952
- --border-width-switch: var(--border-sm);
953
- --border-width-tabs: var(--border-md);
954
- --border-width-textarea: var(--border-width-form-control);
955
- --border-width-textarea-validation: var(--border-width-input-validation);
956
- --border-width-toast: var(--border-sm);
957
- --border-width-tooltip: var(--size-1);
958
251
  --breakpoint-2xl: 96rem;
959
252
  --breakpoint-lg: 64rem;
960
253
  --breakpoint-md: 48rem;
@@ -963,31 +256,7 @@
963
256
  --breakpoint-xs: 30rem;
964
257
  --brightness-100: 6.25rem;
965
258
  --brightness-70: 4.38rem;
966
- --brightness-gallery-trigger: var(--brightness-70);
967
- --brightness-gallery-trigger-active: var(--brightness-100);
968
- --container-2xl: var(--dimension-container-2xl);
969
- --container-2xs: var(--dimension-container-2xs);
970
- --container-3xl: var(--dimension-container-3xl);
971
- --container-3xs: var(--dimension-container-3xs);
972
- --container-4xl: var(--dimension-container-4xl);
973
- --container-5xl: var(--dimension-container-5xl);
974
- --container-6xl: var(--dimension-container-6xl);
975
- --container-dialog-center-max-h: var(--size-800);
976
- --container-dialog-center-max-w: var(--container-2xl);
977
- --container-dialog-lg: var(--container-lg);
978
- --container-dialog-md: var(--container-md);
979
- --container-dialog-sm: var(--container-sm);
980
- --container-dialog-xl: var(--container-xl);
981
- --container-dialog-xs: var(--container-xs);
982
- --container-footer-max: var(--container-max-w);
983
- --container-header-desktop: var(--dimension-768);
984
- --container-lg: var(--dimension-container-lg);
985
- --container-max-w: var(--dimension-container-max-w);
986
- --container-md: var(--dimension-container-md);
987
259
  --container-prose: 65ch;
988
- --container-sm: var(--dimension-container-sm);
989
- --container-xl: var(--dimension-container-xl);
990
- --container-xs: var(--dimension-container-xs);
991
260
  --default-ring-offset: 0.13rem;
992
261
  --default-ring-style: solid;
993
262
  --default-ring-width: 0.13rem;
@@ -1098,33 +367,11 @@
1098
367
  --dimension-container-xl: 36rem;
1099
368
  --dimension-container-xs: 20rem;
1100
369
  --duration-fast: 1ms;
1101
- --duration-header: var(--duration-normal);
1102
370
  --duration-normal: 2ms;
1103
- --duration-skeleton-fast: var(--duration-fast);
1104
- --duration-skeleton-normal: var(--duration-normal);
1105
- --duration-skeleton-slow: var(--duration-slow);
1106
371
  --duration-slow: 3ms;
1107
- --height-footer-divider: var(--border-md);
1108
- --height-form-control-lg: var(--dimension-70);
1109
- --height-form-control-md: var(--size-44);
1110
- --height-form-control-sm: var(--dimension-32);
1111
- --height-gallery: var(--dimension-576);
1112
- --height-numeric-input-lg: var(--height-form-control-lg);
1113
- --height-numeric-input-md: var(--height-form-control-md);
1114
- --height-numeric-input-sm: var(--height-form-control-sm);
1115
- --height-pagination-lg: var(--dimension-48);
1116
- --height-pagination-md: var(--dimension-40);
1117
- --height-pagination-sm: var(--dimension-32);
1118
- --height-skeleton-text-line: var(--size-16);
1119
372
  --line-height-24: 1.5rem;
1120
373
  --line-height-30: 1.88rem;
1121
374
  --line-height-36: 2.25rem;
1122
- --line-height-status-text-lg: var(--line-height-36);
1123
- --line-height-status-text-md: var(--line-height-30);
1124
- --line-height-status-text-sm: var(--line-height-24);
1125
- --margin-footer-divider-lg: var(--dimension-36);
1126
- --margin-footer-divider-md: var(--dimension-24);
1127
- --margin-footer-divider-sm: var(--dimension-16);
1128
375
  --offset-shadow-1: 0px 1px 3px 0px;
1129
376
  --offset-shadow-2: 0px 5px 6px 0px;
1130
377
  --offset-shadow-3: 1px 1px 20px 0px;
@@ -1132,216 +379,19 @@
1132
379
  --opacity-disabled-placeholder: 30%;
1133
380
  --opacity-placeholder: 60%;
1134
381
  --opacity-text-secondary: 70%;
1135
- --opacity-tree-view-indent: 100%;
1136
- --padding-accordion-content-x-lg: var(--dimension-30);
1137
- --padding-accordion-content-x-md: var(--dimension-16);
1138
- --padding-accordion-content-x-sm: var(--dimension-6);
1139
- --padding-accordion-content-y-lg: var(--dimension-16);
1140
- --padding-accordion-content-y-md: var(--dimension-10);
1141
- --padding-accordion-content-y-sm: var(--dimension-0);
1142
- --padding-accordion-icon-right: var(--dimension-16);
1143
- --padding-accordion-title-x-lg: var(--dimension-20);
1144
- --padding-accordion-title-x-md: var(--dimension-16);
1145
- --padding-accordion-title-x-sm: var(--dimension-10);
1146
- --padding-accordion-title-y-lg: var(--dimension-16);
1147
- --padding-accordion-title-y-md: var(--dimension-10);
1148
- --padding-accordion-title-y-sm: var(--dimension-6);
1149
- --padding-badge-lg: var(--dimension-10);
1150
- --padding-badge-md: var(--dimension-6);
1151
- --padding-badge-sm: var(--dimension-4);
1152
- --padding-badge-xl: var(--dimension-16);
1153
- --padding-breadcrumb-lg: var(--dimension-16);
1154
- --padding-breadcrumb-md: var(--dimension-10);
1155
- --padding-breadcrumb-sm: var(--dimension-6);
1156
- --padding-button-x-lg: var(--dimension-36);
1157
- --padding-button-x-md: var(--dimension-20);
1158
- --padding-button-x-sm: var(--dimension-16);
1159
- --padding-button-y-lg: var(--dimension-10);
1160
- --padding-button-y-md: var(--dimension-6);
1161
- --padding-button-y-sm: var(--dimension-4);
1162
- --padding-carousel-control: var(--dimension-6);
1163
- --padding-dialog-actions-top: var(--dimension-10);
1164
- --padding-dialog-close-trigger: var(--dimension-10);
1165
- --padding-dialog-content: var(--dimension-40);
1166
- --padding-footer-bottom: var(--dimension-24);
1167
- --padding-footer-bottom-lg: var(--dimension-36);
1168
- --padding-footer-bottom-md: var(--dimension-24);
1169
- --padding-footer-bottom-sm: var(--dimension-16);
1170
- --padding-footer-lg: var(--dimension-24);
1171
- --padding-footer-md: var(--dimension-16);
1172
- --padding-footer-sm: var(--dimension-6);
1173
- --padding-gallery-trigger: var(--dimension-0);
1174
- --padding-header-hamburger-lg: var(--dimension-16);
1175
- --padding-header-hamburger-md: var(--dimension-10);
1176
- --padding-header-hamburger-sm: var(--dimension-6);
1177
- --padding-header-item-lg: var(--dimension-16);
1178
- --padding-header-item-md: var(--dimension-10);
1179
- --padding-header-item-sm: var(--dimension-6);
1180
- --padding-input-lg: var(--spacing-200);
1181
- --padding-input-md: var(--spacing-150);
1182
- --padding-input-sm: var(--spacing-100);
1183
- --padding-input-with-button: var(--dimension-120);
1184
- --padding-input-with-button-left: var(--dimension-120);
1185
- --padding-input-with-button-right: var(--dimension-120);
1186
- --padding-menu-content: var(--dimension-16);
1187
- --padding-menu-item-x: var(--dimension-20);
1188
- --padding-menu-item-y: var(--dimension-16);
1189
- --padding-numeric-input-input-lg: var(--spacing-200);
1190
- --padding-numeric-input-input-md: var(--spacing-150);
1191
- --padding-numeric-input-input-sm: var(--spacing-100);
1192
- --padding-numeric-input-trigger-x: var(--dimension-10);
1193
- --padding-numeric-input-trigger-y: var(--dimension-0);
1194
- --padding-phone-input-country-flag: 0rem;
1195
- --padding-popover-lg: var(--dimension-30);
1196
- --padding-popover-md: var(--dimension-20);
1197
- --padding-popover-sm: var(--dimension-16);
1198
- --padding-radio-card-addon-lg: var(--dimension-16);
1199
- --padding-radio-card-addon-md: var(--dimension-10);
1200
- --padding-radio-card-addon-sm: var(--dimension-8);
1201
- --padding-radio-card-item-control-lg: var(--dimension-20);
1202
- --padding-radio-card-item-control-md: var(--dimension-16);
1203
- --padding-radio-card-item-control-sm: var(--dimension-10);
1204
- --padding-select-clear-trigger: var(--dimension-6);
1205
- --padding-select-item-x: var(--dimension-20);
1206
- --padding-select-item-y: var(--dimension-10);
1207
- --padding-select-trigger-md: var(--spacing-150);
1208
- --padding-select-trigger-sm: var(--spacing-100);
1209
- --padding-select-trigger-x-md: var(--dimension-10);
1210
- --padding-select-trigger-x-sm: var(--dimension-6);
1211
- --padding-select-trigger-y-md: var(--dimension-10);
1212
- --padding-select-trigger-y-sm: var(--dimension-6);
1213
- --padding-steps-trigger-x: var(--dimension-10);
1214
- --padding-steps-trigger-y: var(--dimension-8);
1215
- --padding-table-caption-lg: var(--dimension-16);
1216
- --padding-table-caption-md: var(--dimension-10);
1217
- --padding-table-caption-sm: var(--dimension-6);
1218
- --padding-table-cell-lg-x: var(--dimension-20);
1219
- --padding-table-cell-lg-y: var(--dimension-16);
1220
- --padding-table-cell-md-x: var(--dimension-16);
1221
- --padding-table-cell-md-y: var(--dimension-10);
1222
- --padding-table-cell-sm-x: var(--dimension-10);
1223
- --padding-table-cell-sm-y: var(--dimension-6);
1224
- --padding-tabs-trigger-x-lg: var(--dimension-20);
1225
- --padding-tabs-trigger-x-md: var(--dimension-16);
1226
- --padding-tabs-trigger-x-sm: var(--dimension-10);
1227
- --padding-tabs-trigger-y-lg: var(--dimension-16);
1228
- --padding-tabs-trigger-y-md: var(--dimension-10);
1229
- --padding-tabs-trigger-y-sm: var(--dimension-6);
1230
- --padding-textarea-lg: var(--spacing-200);
1231
- --padding-textarea-md: var(--spacing-150);
1232
- --padding-textarea-sm: var(--spacing-100);
1233
- --padding-textarea-x-lg: var(--dimension-16);
1234
- --padding-textarea-x-md: var(--dimension-10);
1235
- --padding-textarea-x-sm: var(--dimension-6);
1236
- --padding-textarea-y-lg: var(--dimension-16);
1237
- --padding-textarea-y-md: var(--dimension-10);
1238
- --padding-textarea-y-sm: var(--dimension-6);
1239
- --padding-toast-root: var(--dimension-20);
1240
- --padding-tooltip-x-lg: var(--dimension-30);
1241
- --padding-tooltip-x-md: var(--dimension-20);
1242
- --padding-tooltip-x-sm: var(--dimension-16);
1243
- --padding-tooltip-y-lg: var(--dimension-20);
1244
- --padding-tooltip-y-md: var(--dimension-16);
1245
- --padding-tooltip-y-sm: var(--dimension-10);
1246
- --radius-2xl: 1rem;
1247
- --radius-accordion: var(--radius-sm);
1248
- --radius-badge: var(--radius-sm);
1249
- --radius-breadcrumb-link: var(--radius-sm);
1250
- --radius-button-lg: var(--radius-lg);
1251
- --radius-button-md: var(--radius-md);
1252
- --radius-button-sm: var(--radius-sm);
1253
- --radius-carousel: var(--radius-sm);
1254
- --radius-carousel-indicator: var(--radius-full);
1255
- --radius-checkbox: var(--radius-sm);
1256
- --radius-checkbox-indeterminate: var(--radius-sm);
1257
- --radius-combobox: var(--radius-form-control);
1258
- --radius-combobox-lg: var(--radius-form-control-lg);
1259
- --radius-combobox-md: var(--radius-form-control-md);
1260
- --radius-combobox-sm: var(--radius-form-control-sm);
1261
- --radius-dialog-close-trigger: var(--radius-full);
1262
- --radius-dialog-content-center: var(--radius-sm);
1263
- --radius-dialog-content-edge: var(--radius-none);
1264
- --radius-dialog-content-side: var(--radius-none);
1265
- --radius-footer: var(--radius-none);
1266
- --radius-form-control: var(--radius-md);
1267
- --radius-form-control-lg: var(--radius-lg);
1268
- --radius-form-control-md: var(--radius-md);
1269
- --radius-form-control-sm: var(--radius-sm);
1270
- --radius-full: 624.94rem;
1271
- --radius-gallery-trigger: var(--radius-sm);
1272
- --radius-input: var(--radius-form-control);
1273
- --radius-input-lg: var(--radius-form-control-lg);
1274
- --radius-input-md: var(--radius-form-control-md);
1275
- --radius-input-sm: var(--radius-form-control-sm);
1276
- --radius-lg: 0.75rem;
1277
- --radius-md: 0.5rem;
1278
- --radius-menu: var(--radius-sm);
1279
- --radius-menu-item: var(--radius-xs);
382
+ --radius-2xl: 2rem;
383
+ --radius-full: 62.44rem;
384
+ --radius-lg: 1rem;
385
+ --radius-md: 0.75rem;
1280
386
  --radius-none: 0rem;
1281
- --radius-numeric-input: var(--radius-form-control);
1282
- --radius-numeric-input-lg: var(--radius-form-control-lg);
1283
- --radius-numeric-input-md: var(--radius-form-control-md);
1284
- --radius-numeric-input-sm: var(--radius-form-control-sm);
1285
- --radius-pagination: var(--radius-sm);
1286
- --radius-phone-input-country-flag: var(--radius-button-sm);
1287
- --radius-phone-input-lg: var(--radius-form-control-lg);
1288
- --radius-phone-input-md: var(--radius-form-control-md);
1289
- --radius-phone-input-sm: var(--radius-form-control-sm);
1290
- --radius-popover: var(--radius-sm);
1291
- --radius-product-card: var(--radius-md);
1292
- --radius-product-card-image: var(--radius-md);
1293
- --radius-radio-card-indicator: var(--radius-full);
1294
- --radius-radio-card-item: var(--radius-md);
1295
- --radius-radio-group-control: var(--radius-full);
1296
- --radius-search-form: var(--radius-form-control);
1297
- --radius-search-form-input: var(--radius-none);
1298
- --radius-search-form-lg: var(--radius-form-control-lg);
1299
- --radius-search-form-md: var(--radius-form-control-md);
1300
- --radius-search-form-sm: var(--radius-form-control-sm);
1301
- --radius-select: var(--radius-form-control);
1302
- --radius-select-lg: var(--radius-form-control-lg);
1303
- --radius-select-md: var(--radius-form-control-md);
1304
- --radius-select-sm: var(--radius-form-control-sm);
1305
- --radius-skeleton-text: var(--radius-sm);
1306
- --radius-slider-thumb: var(--radius-full);
1307
- --radius-slider-track: var(--radius-full);
1308
- --radius-sm: 0.25rem;
1309
- --radius-steps-content: var(--radius-md);
1310
- --radius-steps-indicator: var(--radius-full);
1311
- --radius-steps-progress: var(--radius-full);
1312
- --radius-steps-separator: var(--radius-full);
1313
- --radius-steps-trigger: var(--radius-sm);
1314
- --radius-switch: var(--radius-full);
1315
- --radius-table: var(--radius-sm);
1316
- --radius-tabs: var(--radius-none);
1317
- --radius-tabs-indicator: var(--radius-none);
1318
- --radius-tabs-trigger: var(--radius-none);
1319
- --radius-textarea: var(--radius-form-control);
1320
- --radius-textarea-lg: var(--radius-form-control-lg);
1321
- --radius-textarea-md: var(--radius-form-control-md);
1322
- --radius-textarea-sm: var(--radius-form-control-sm);
1323
- --radius-toast-root: var(--radius-sm);
1324
- --radius-tooltip: var(--radius-md);
1325
- --radius-tree-view: var(--radius-none);
1326
- --radius-xs: 0.13rem;
387
+ --radius-sm: 0.5rem;
388
+ --radius-xs: 0.25rem;
1327
389
  --ring-offset: 0.13rem;
1328
390
  --ring-width: 0.13rem;
1329
- --shadow-accordion-content-md: var(--shadow-primary);
1330
- --shadow-accordion-content-sm: var(--shadow-sm);
1331
- --shadow-accordion-root-md: var(--shadow-xl);
1332
- --shadow-accordion-root-sm: var(--shadow-primary);
1333
- --shadow-dialog-content: var(--shadow-primary);
1334
- --shadow-gallery-trigger: var(--shadow-sm);
1335
391
  --shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.1);
1336
392
  --shadow-md: 0 4px 6px rgba(0, 0, 0, 0.1);
1337
- --shadow-menu-content: var(--shadow-lg);
1338
- --shadow-popover: var(--shadow-primary);
1339
393
  --shadow-primary: var(--offset-shadow-1) var(--color-shadow-1), var(--offset-shadow-2) var(--color-shadow-2), var(--offset-shadow-3) var(--color-shadow-3);
1340
- --shadow-radio-card-item: var(--shadow-sm);
1341
- --shadow-select-content: var(--shadow-md);
1342
- --shadow-slider-thumb: var(--shadow-sm);
1343
394
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
1344
- --shadow-table-outline: var(--shadow-sm);
1345
395
  --shadow-xl: 0 20px 25px rgba(0, 0, 0, 0.15), 0 10px 10px rgba(0, 0, 0, 0.04);
1346
396
  --size-1: 0.06rem;
1347
397
  --size-12: 0.75rem;
@@ -1353,234 +403,13 @@
1353
403
  --size-192: 12rem;
1354
404
  --size-2: 0.13rem;
1355
405
  --size-240: 15rem;
1356
- --size-32: var(--dimension-32);
1357
406
  --size-36: 2.25rem;
1358
407
  --size-4: 0.25rem;
1359
408
  --size-40: 2.5rem;
1360
409
  --size-44: 2.75rem;
1361
- --size-48: var(--dimension-48);
1362
- --size-56: 3.5rem;
1363
410
  --size-6: 0.38rem;
1364
- --size-64: var(--dimension-64);
1365
411
  --size-8: 0.5rem;
1366
412
  --size-800: 50rem;
1367
- --size-96: var(--dimension-96);
1368
- --size-carousel-indicator: var(--dimension-16);
1369
- --size-carousel-lg: var(--dimension-container-lg);
1370
- --size-carousel-md: var(--dimension-container-sm);
1371
- --size-carousel-sm: var(--dimension-container-xs);
1372
- --size-checkbox: var(--dimension-16);
1373
- --size-combobox-lg: var(--size-form-control-lg);
1374
- --size-combobox-md: var(--size-form-control-md);
1375
- --size-combobox-sm: var(--size-form-control-sm);
1376
- --size-dialog-content-max-width: var(--dimension-container-2xl);
1377
- --size-dialog-x-lg: var(--dimension-container-lg);
1378
- --size-dialog-x-md: var(--dimension-container-md);
1379
- --size-dialog-x-sm: var(--dimension-container-sm);
1380
- --size-dialog-x-xl: var(--dimension-container-xl);
1381
- --size-dialog-x-xs: var(--dimension-container-xs);
1382
- --size-dialog-y-lg: var(--dimension-container-lg);
1383
- --size-dialog-y-md: var(--dimension-container-md);
1384
- --size-dialog-y-sm: var(--dimension-container-sm);
1385
- --size-dialog-y-xl: var(--dimension-container-xl);
1386
- --size-dialog-y-xs: var(--dimension-container-xs);
1387
- --size-form-control-lg: var(--dimension-70);
1388
- --size-form-control-md: var(--size-44);
1389
- --size-form-control-sm: var(--dimension-32);
1390
- --size-image-lg: var(--size-240);
1391
- --size-image-md: var(--size-160);
1392
- --size-image-sm: var(--dimension-80);
1393
- --size-menu-separator-height: var(--border-sm);
1394
- --size-radio-card-indicator-lg: var(--dimension-20);
1395
- --size-radio-card-indicator-mark-lg: var(--dimension-10);
1396
- --size-radio-card-indicator-mark-md: var(--size-8);
1397
- --size-radio-card-indicator-mark-sm: var(--size-6);
1398
- --size-radio-card-indicator-md: var(--size-18);
1399
- --size-radio-card-indicator-sm: var(--size-16);
1400
- --size-radio-group-control-lg: var(--size-18);
1401
- --size-radio-group-control-md: var(--size-16);
1402
- --size-radio-group-control-sm: var(--size-14);
1403
- --size-radio-group-indicator-lg: var(--size-12);
1404
- --size-radio-group-indicator-md: var(--dimension-10);
1405
- --size-radio-group-indicator-sm: var(--size-8);
1406
- --size-search-form-lg: var(--height-form-control-lg);
1407
- --size-search-form-md: var(--height-form-control-md);
1408
- --size-search-form-sm: var(--height-form-control-sm);
1409
- --size-skeleton-circle-lg: var(--dimension-64);
1410
- --size-skeleton-circle-md: var(--dimension-48);
1411
- --size-skeleton-circle-sm: var(--dimension-32);
1412
- --size-skeleton-circle-xl: var(--dimension-96);
1413
- --size-skeleton-text-line: var(--text-md);
1414
- --size-slider-marker: var(--dimension-2);
1415
- --size-slider-marker-vertical-height: var(--dimension-22);
1416
- --size-slider-track-lg: var(--dimension-16);
1417
- --size-slider-track-md: var(--dimension-10);
1418
- --size-slider-track-sm: var(--dimension-6);
1419
- --size-steps-indicator-lg: var(--dimension-36);
1420
- --size-steps-indicator-md: var(--dimension-30);
1421
- --size-steps-indicator-sm: var(--dimension-24);
1422
- --size-steps-progress-height: var(--size-4);
1423
- --size-steps-progress-width: var(--size-4);
1424
- --size-steps-separator-height: var(--size-2);
1425
- --size-steps-separator-width: var(--size-2);
1426
- --size-tabs-indicator-width: var(--dimension-2);
1427
- --size-toast-width: 22.5rem;
1428
- --spacing-100: 0.25rem;
1429
- --spacing-150: 0.63rem;
1430
- --spacing-200: 0.88rem;
1431
- --spacing-250: 1.25rem;
1432
- --spacing-400: 2.13rem;
1433
- --spacing-50: 0.13rem;
1434
- --spacing-breadcrumb-item: var(--dimension-10);
1435
- --spacing-breadcrumb-lg: var(--dimension-16);
1436
- --spacing-breadcrumb-link-lg: var(--spacing-200);
1437
- --spacing-breadcrumb-link-md: var(--spacing-150);
1438
- --spacing-breadcrumb-link-sm: var(--spacing-100);
1439
- --spacing-breadcrumb-md: var(--dimension-10);
1440
- --spacing-breadcrumb-separator: var(--dimension-10);
1441
- --spacing-breadcrumb-separator-lg: var(--spacing-200);
1442
- --spacing-breadcrumb-separator-md: var(--spacing-150);
1443
- --spacing-breadcrumb-separator-sm: var(--spacing-100);
1444
- --spacing-breadcrumb-sm: var(--dimension-6);
1445
- --spacing-button-lg: var(--dimension-20);
1446
- --spacing-button-md: var(--dimension-16);
1447
- --spacing-button-sm: var(--dimension-10);
1448
- --spacing-carousel-control: var(--dimension-16);
1449
- --spacing-carousel-indicator: var(--dimension-6);
1450
- --spacing-carousel-trigger-right: var(--dimension-6);
1451
- --spacing-carousel-trigger-top: var(--dimension-6);
1452
- --spacing-combobox-clear-right: var(--dimension-18);
1453
- --spacing-combobox-item-padding-x: var(--dimension-20);
1454
- --spacing-combobox-item-padding-y-lg: var(--dimension-4);
1455
- --spacing-combobox-item-padding-y-md: var(--dimension-10);
1456
- --spacing-combobox-item-padding-y-sm: var(--dimension-10);
1457
- --spacing-combobox-lg: var(--dimension-16);
1458
- --spacing-combobox-md: var(--dimension-10);
1459
- --spacing-combobox-sm: var(--dimension-6);
1460
- --spacing-dialog-actions: var(--dimension-6);
1461
- --spacing-dialog-close-trigger-offset: var(--dimension-20);
1462
- --spacing-dialog-content: var(--dimension-20);
1463
- --spacing-footer-container-lg: var(--dimension-44);
1464
- --spacing-footer-container-md: var(--dimension-36);
1465
- --spacing-footer-container-sm: var(--dimension-24);
1466
- --spacing-footer-lg: var(--dimension-10);
1467
- --spacing-footer-list: var(--dimension-6);
1468
- --spacing-footer-md: var(--dimension-6);
1469
- --spacing-footer-section-lg: var(--dimension-10);
1470
- --spacing-footer-section-md: var(--dimension-6);
1471
- --spacing-footer-section-sm: var(--dimension-4);
1472
- --spacing-footer-sm: var(--dimension-4);
1473
- --spacing-form-checkbox: var(--dimension-10);
1474
- --spacing-form-checkbox-text-offset: var(--dimension-30);
1475
- --spacing-form-field: var(--dimension-4);
1476
- --spacing-gallery-lg: var(--dimension-24);
1477
- --spacing-gallery-md: var(--dimension-16);
1478
- --spacing-gallery-root: var(--dimension-16);
1479
- --spacing-gallery-sm: var(--dimension-6);
1480
- --spacing-gallery-xs: var(--dimension-4);
1481
- --spacing-header-actions-lg: var(--dimension-36);
1482
- --spacing-header-actions-md: var(--dimension-24);
1483
- --spacing-header-actions-sm: var(--dimension-16);
1484
- --spacing-header-container: var(--dimension-6);
1485
- --spacing-header-nav-lg: var(--dimension-36);
1486
- --spacing-header-nav-md: var(--dimension-24);
1487
- --spacing-header-nav-sm: var(--dimension-16);
1488
- --spacing-label: var(--size-4);
1489
- --spacing-menu-item: var(--dimension-16);
1490
- --spacing-menu-separator-margin: var(--dimension-16);
1491
- --spacing-menu-submenu-indicator: var(--dimension-20);
1492
- --spacing-numeric-input: var(--size-1);
1493
- --spacing-numeric-input-lg: var(--dimension-0);
1494
- --spacing-numeric-input-md: var(--dimension-0);
1495
- --spacing-numeric-input-sm: var(--dimension-0);
1496
- --spacing-pagination-list: var(--dimension-16);
1497
- --spacing-phone-input: var(--spacing-form-field);
1498
- --spacing-phone-input-country-value: var(--dimension-8);
1499
- --spacing-phone-input-item: var(--dimension-10);
1500
- --spacing-popover-arrow-size: var(--dimension-10);
1501
- --spacing-popover-title: var(--dimension-10);
1502
- --spacing-product-card-actions: var(--dimension-10);
1503
- --spacing-product-card-badges: var(--dimension-10);
1504
- --spacing-product-card-col-layout: var(--dimension-6);
1505
- --spacing-product-card-padding: var(--dimension-10);
1506
- --spacing-product-card-row-layout: var(--dimension-20);
1507
- --spacing-radio-card-item-content-lg: var(--dimension-6);
1508
- --spacing-radio-card-item-content-md: var(--dimension-6);
1509
- --spacing-radio-card-item-content-sm: var(--dimension-4);
1510
- --spacing-radio-card-item-control-lg: var(--dimension-16);
1511
- --spacing-radio-card-item-control-md: var(--dimension-10);
1512
- --spacing-radio-card-item-control-sm: var(--dimension-6);
1513
- --spacing-radio-card-stack-lg: var(--dimension-16);
1514
- --spacing-radio-card-stack-md: var(--dimension-10);
1515
- --spacing-radio-card-stack-sm: var(--dimension-8);
1516
- --spacing-radio-group-item-content-lg: var(--dimension-6);
1517
- --spacing-radio-group-item-content-md: var(--dimension-6);
1518
- --spacing-radio-group-item-content-sm: var(--dimension-4);
1519
- --spacing-radio-group-item-lg: var(--dimension-16);
1520
- --spacing-radio-group-item-md: var(--dimension-10);
1521
- --spacing-radio-group-item-sm: var(--dimension-6);
1522
- --spacing-radio-group-stack-horizontal-lg: var(--dimension-22);
1523
- --spacing-radio-group-stack-horizontal-md: var(--dimension-18);
1524
- --spacing-radio-group-stack-horizontal-sm: var(--dimension-10);
1525
- --spacing-radio-group-stack-lg: var(--dimension-16);
1526
- --spacing-radio-group-stack-md: var(--dimension-10);
1527
- --spacing-radio-group-stack-sm: var(--dimension-6);
1528
- --spacing-radio-group-stack-vertical-lg: var(--dimension-16);
1529
- --spacing-radio-group-stack-vertical-md: var(--dimension-10);
1530
- --spacing-radio-group-stack-vertical-sm: var(--dimension-8);
1531
- --spacing-rating-lg: var(--dimension-16);
1532
- --spacing-rating-md: var(--dimension-10);
1533
- --spacing-rating-sm: var(--dimension-6);
1534
- --spacing-search-form-clear-button: var(--dimension-16);
1535
- --spacing-search-form-lg: var(--dimension-20);
1536
- --spacing-search-form-md: var(--dimension-16);
1537
- --spacing-search-form-sm: var(--dimension-10);
1538
- --spacing-select: var(--spacing-form-field);
1539
- --spacing-select-content: var(--dimension-40);
1540
- --spacing-select-right: var(--dimension-40);
1541
- --spacing-skeleton-lg: var(--dimension-16);
1542
- --spacing-skeleton-md: var(--dimension-10);
1543
- --spacing-skeleton-sm: var(--dimension-6);
1544
- --spacing-skeleton-xl: var(--dimension-20);
1545
- --spacing-slider: var(--dimension-16);
1546
- --spacing-slider-marker-text: var(--dimension-10);
1547
- --spacing-slider-thumb-lg: var(--dimension-30);
1548
- --spacing-slider-thumb-md: var(--dimension-20);
1549
- --spacing-slider-thumb-sm: var(--dimension-16);
1550
- --spacing-status-text-icon-offset: var(--dimension-4);
1551
- --spacing-status-text-icon-offset-long-text: var(--dimension-6);
1552
- --spacing-status-text-lg: var(--dimension-16);
1553
- --spacing-status-text-md: var(--dimension-6);
1554
- --spacing-status-text-sm: var(--dimension-4);
1555
- --spacing-steps: var(--dimension-24);
1556
- --spacing-steps-content-padding-lg: var(--dimension-22);
1557
- --spacing-steps-content-padding-md: var(--dimension-18);
1558
- --spacing-steps-content-padding-sm: var(--dimension-16);
1559
- --spacing-steps-item: var(--dimension-10);
1560
- --spacing-steps-list: var(--dimension-10);
1561
- --spacing-steps-navigation: var(--dimension-10);
1562
- --spacing-steps-panels: var(--dimension-18);
1563
- --spacing-steps-root: var(--dimension-22);
1564
- --spacing-steps-separator-offset: var(--dimension-16);
1565
- --spacing-steps-separator-vertical: var(--dimension-28);
1566
- --spacing-steps-text: var(--dimension-4);
1567
- --spacing-steps-trigger: var(--dimension-10);
1568
- --spacing-switch: var(--dimension-16);
1569
- --spacing-switch-control: var(--dimension-4);
1570
- --spacing-switch-thumb-height: var(--dimension-24);
1571
- --spacing-switch-track-height: var(--dimension-30);
1572
- --spacing-switch-track-width: var(--dimension-60);
1573
- --spacing-tabs-content-padding-lg: var(--dimension-30);
1574
- --spacing-tabs-content-padding-md: var(--dimension-20);
1575
- --spacing-tabs-content-padding-sm: var(--dimension-16);
1576
- --spacing-tabs-indicator-height: var(--border-md);
1577
- --spacing-toast-content: var(--dimension-16);
1578
- --spacing-toast-description: var(--dimension-6);
1579
- --spacing-tooltip-arrow: var(--dimension-10);
1580
- --spacing-tree-view-icon: var(--dimension-10);
1581
- --spacing-tree-view-indent-per-level: var(--dimension-6);
1582
- --spacing-tree-view-indent-width: var(--size-1);
1583
- --spacing-tree-view-node-padding: var(--dimension-6);
1584
413
  --text-2xl: 2.5rem;
1585
414
  --text-2xl-max: var(--text-2xl);
1586
415
  --text-2xl-min: 1.88rem;
@@ -1588,194 +417,16 @@
1588
417
  --text-3xl-min: 2.38rem;
1589
418
  --text-4xl-max: 3.88rem;
1590
419
  --text-4xl-min: 2.75rem;
1591
- --text-accordion-content-lg: var(--text-lg);
1592
- --text-accordion-content-md: var(--text-md);
1593
- --text-accordion-content-sm: var(--text-sm);
1594
- --text-accordion-subtitle-lg: var(--text-md);
1595
- --text-accordion-subtitle-md: var(--text-sm);
1596
- --text-accordion-subtitle-sm: var(--text-xs);
1597
- --text-accordion-title-lg: var(--text-lg);
1598
- --text-accordion-title-md: var(--text-md);
1599
- --text-accordion-title-sm: var(--text-sm);
1600
- --text-badge-lg: var(--text-sm);
1601
- --text-badge-md: var(--text-xs);
1602
- --text-badge-sm: var(--text-xs);
1603
- --text-badge-xl: var(--text-md);
1604
420
  --text-base: 1rem;
1605
- --text-breadcrumb-ellipsis-icon-lg: var(--text-md);
1606
- --text-breadcrumb-ellipsis-icon-md: var(--text-sm);
1607
- --text-breadcrumb-ellipsis-icon-sm: var(--text-xs);
1608
- --text-breadcrumb-icon-lg: var(--text-md);
1609
- --text-breadcrumb-icon-md: var(--text-sm);
1610
- --text-breadcrumb-icon-sm: var(--text-xs);
1611
- --text-breadcrumb-lg: var(--text-md);
1612
- --text-breadcrumb-md: var(--text-sm);
1613
- --text-breadcrumb-separator-icon-lg: var(--text-md);
1614
- --text-breadcrumb-separator-icon-md: var(--text-sm);
1615
- --text-breadcrumb-separator-icon-sm: var(--text-xs);
1616
- --text-breadcrumb-sm: var(--text-xs);
1617
- --text-button-lg: var(--text-lg);
1618
- --text-button-md: var(--text-md);
1619
- --text-button-sm: var(--text-sm);
1620
- --text-carousel-trigger: var(--text-md);
1621
- --text-combobox-item-lg: var(--text-lg);
1622
- --text-combobox-item-md: var(--text-md);
1623
- --text-combobox-item-sm: var(--text-sm);
1624
- --text-combobox-lg: var(--text-lg);
1625
- --text-combobox-md: var(--text-md);
1626
- --text-combobox-sm: var(--text-sm);
1627
- --text-combobox-trigger: var(--text-lg);
1628
- --text-dialog-description: var(--text-md);
1629
- --text-dialog-title: var(--text-xl);
1630
- --text-footer-lg: var(--text-md);
1631
- --text-footer-link-lg: var(--text-lg);
1632
- --text-footer-link-md: var(--text-md);
1633
- --text-footer-link-sm: var(--text-sm);
1634
- --text-footer-md: var(--text-sm);
1635
- --text-footer-sm: var(--text-xs);
1636
- --text-footer-title-lg: var(--text-xl);
1637
- --text-footer-title-md: var(--text-lg);
1638
- --text-footer-title-sm: var(--text-md);
1639
- --text-header-hamburger-lg: var(--text-lg);
1640
- --text-header-hamburger-md: var(--text-md);
1641
- --text-header-hamburger-sm: var(--text-sm);
1642
- --text-header-item-lg: var(--text-lg);
1643
- --text-header-item-md: var(--text-md);
1644
- --text-header-item-sm: var(--text-sm);
1645
- --text-header-lg: var(--text-lg);
1646
- --text-header-md: var(--text-md);
1647
- --text-header-sm: var(--text-sm);
1648
- --text-icon-2xl: var(--text-2xl);
1649
- --text-icon-lg: var(--text-lg);
1650
- --text-icon-md: var(--text-md);
1651
- --text-icon-sm: var(--text-sm);
1652
- --text-icon-xl: var(--text-xl);
1653
- --text-icon-xs: var(--text-xs);
1654
- --text-input-lg: var(--text-lg);
1655
- --text-input-md: var(--text-md);
1656
- --text-input-sm: var(--text-sm);
1657
- --text-label-current: var(--text-input-md);
1658
- --text-label-lg: var(--text-input-lg);
1659
- --text-label-md: var(--text-input-md);
1660
- --text-label-sm: var(--text-input-sm);
1661
421
  --text-lg: 1.5rem;
1662
422
  --text-lg-max: var(--text-lg);
1663
423
  --text-lg-min: 1.38rem;
1664
- --text-link: var(--text-md);
1665
424
  --text-md: 1.25rem;
1666
425
  --text-md-max: var(--text-md);
1667
426
  --text-md-min: 1.13rem;
1668
- --text-menu-item-icon: var(--text-lg);
1669
- --text-menu-lg: var(--text-lg);
1670
- --text-menu-md: var(--text-md);
1671
- --text-menu-sm: var(--text-sm);
1672
- --text-numeric-input-lg: var(--text-lg);
1673
- --text-numeric-input-md: var(--text-md);
1674
- --text-numeric-input-sm: var(--text-sm);
1675
- --text-pagination-lg: var(--text-md);
1676
- --text-pagination-md: var(--text-sm);
1677
- --text-pagination-sm: var(--text-xs);
1678
- --text-phone-input-country-flag: var(--text-xs);
1679
- --text-phone-input-lg: var(--text-lg);
1680
- --text-phone-input-md: var(--text-md);
1681
- --text-phone-input-sm: var(--text-sm);
1682
- --text-popover-body-lg: var(--text-lg);
1683
- --text-popover-body-md: var(--text-md);
1684
- --text-popover-body-sm: var(--text-sm);
1685
- --text-popover-description: var(--text-sm);
1686
- --text-popover-title-lg: var(--text-xl);
1687
- --text-popover-title-md: var(--text-lg);
1688
- --text-popover-title-sm: var(--text-md);
1689
- --text-product-card-name-size: var(--text-md);
1690
- --text-product-card-price-size: var(--text-lg);
1691
- --text-product-card-stock-size: var(--text-sm);
1692
- --text-radio-card-addon-lg: var(--text-md);
1693
- --text-radio-card-addon-md: var(--text-sm);
1694
- --text-radio-card-addon-sm: var(--text-xs);
1695
- --text-radio-card-item-description-lg: var(--text-md);
1696
- --text-radio-card-item-description-md: var(--text-sm);
1697
- --text-radio-card-item-description-sm: var(--text-xs);
1698
- --text-radio-card-item-lg: var(--text-lg);
1699
- --text-radio-card-item-md: var(--text-md);
1700
- --text-radio-card-item-sm: var(--text-sm);
1701
- --text-radio-group-item-description-lg: var(--text-md);
1702
- --text-radio-group-item-description-md: var(--text-sm);
1703
- --text-radio-group-item-description-sm: var(--text-sm);
1704
- --text-radio-group-item-lg: var(--text-lg);
1705
- --text-radio-group-item-md: var(--text-md);
1706
- --text-radio-group-item-sm: var(--text-sm);
1707
- --text-rating-lg: var(--text-icon-lg);
1708
- --text-rating-md: var(--text-icon-md);
1709
- --text-rating-sm: var(--text-icon-sm);
1710
- --text-select-item-group-label-lg: var(--text-lg);
1711
- --text-select-item-group-label-md: var(--text-md);
1712
- --text-select-item-group-label-sm: var(--text-sm);
1713
- --text-select-item-group-label-xs: var(--text-xs);
1714
- --text-select-item-lg: var(--text-lg);
1715
- --text-select-item-md: var(--text-md);
1716
- --text-select-item-sm: var(--text-sm);
1717
- --text-select-item-xs: var(--text-xs);
1718
- --text-select-trigger-lg: var(--text-lg);
1719
- --text-select-trigger-md: var(--text-md);
1720
- --text-select-trigger-sm: var(--text-sm);
1721
- --text-select-trigger-xs: var(--text-xs);
1722
- --text-select-value-lg: var(--text-lg);
1723
- --text-select-value-md: var(--text-md);
1724
- --text-select-value-sm: var(--text-sm);
1725
- --text-select-value-xs: var(--text-xs);
1726
- --text-slider-value: var(--text-sm);
1727
- --text-slider-value-size: var(--text-sm);
1728
427
  --text-sm: 0.88rem;
1729
428
  --text-sm-max: var(--text-sm);
1730
429
  --text-sm-min: 0.75rem;
1731
- --text-status-text-lg: var(--text-lg);
1732
- --text-status-text-md: var(--text-md);
1733
- --text-status-text-sm: var(--text-sm);
1734
- --text-steps-content-lg: var(--text-lg);
1735
- --text-steps-content-md: var(--text-md);
1736
- --text-steps-content-sm: var(--text-sm);
1737
- --text-steps-description-lg: var(--text-md);
1738
- --text-steps-description-md: var(--text-sm);
1739
- --text-steps-description-sm: var(--text-xs);
1740
- --text-steps-icon-lg: var(--text-lg);
1741
- --text-steps-icon-md: var(--text-md);
1742
- --text-steps-icon-sm: var(--text-sm);
1743
- --text-steps-number-lg: var(--text-lg);
1744
- --text-steps-number-md: var(--text-md);
1745
- --text-steps-number-sm: var(--text-sm);
1746
- --text-steps-title-lg: var(--text-lg);
1747
- --text-steps-title-md: var(--text-md);
1748
- --text-steps-title-sm: var(--text-sm);
1749
- --text-table-caption-lg: var(--text-md);
1750
- --text-table-caption-md: var(--text-sm);
1751
- --text-table-caption-sm: var(--text-xs);
1752
- --text-table-lg: var(--text-lg);
1753
- --text-table-md: var(--text-md);
1754
- --text-table-sm: var(--text-sm);
1755
- --text-tabs-content-lg: var(--text-lg);
1756
- --text-tabs-content-md: var(--text-md);
1757
- --text-tabs-content-sm: var(--text-sm);
1758
- --text-tabs-trigger-lg: var(--text-lg);
1759
- --text-tabs-trigger-md: var(--text-md);
1760
- --text-tabs-trigger-sm: var(--text-sm);
1761
- --text-textarea-lg: var(--text-lg);
1762
- --text-textarea-md: var(--text-md);
1763
- --text-textarea-sm: var(--text-sm);
1764
- --text-toast-description: var(--text-sm);
1765
- --text-toast-icon: var(--text-lg);
1766
- --text-toast-title: var(--text-md);
1767
- --text-tooltip-lg: var(--text-md);
1768
- --text-tooltip-md: var(--text-sm);
1769
- --text-tooltip-sm: var(--text-xs);
1770
- --text-tree-view-icon-lg: var(--text-icon-lg);
1771
- --text-tree-view-icon-md: var(--text-icon-md);
1772
- --text-tree-view-icon-sm: var(--text-icon-sm);
1773
- --text-tree-view-indicator-lg: var(--text-icon-xl);
1774
- --text-tree-view-indicator-md: var(--text-icon-lg);
1775
- --text-tree-view-indicator-sm: var(--text-icon-md);
1776
- --text-tree-view-lg: var(--text-lg);
1777
- --text-tree-view-md: var(--text-md);
1778
- --text-tree-view-sm: var(--text-sm);
1779
430
  --text-xl: 1.88rem;
1780
431
  --text-xl-max: var(--text-xl);
1781
432
  --text-xl-min: 1.63rem;
@@ -1783,10 +434,4 @@
1783
434
  --text-xs-max: var(--text-xs);
1784
435
  --text-xs-min: 0.75rem;
1785
436
  --width-full: 100%;
1786
- --width-header-max: var(--width-full);
1787
- --width-numeric-input-lg: var(--size-44);
1788
- --width-numeric-input-md: var(--size-40);
1789
- --width-numeric-input-sm: var(--size-36);
1790
- --width-product-card-image-max: var(--size-192);
1791
- --width-product-card-image-min: var(--size-128);
1792
437
  }