@xihan-ui/styles 3.2.0 → 4.0.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.
- package/CHANGELOG.md +441 -0
- package/component-tokens.d.ts +229 -60
- package/components.tokens.json +5124 -1555
- package/css/accordion.css +47 -20
- package/css/alert.css +14 -15
- package/css/anchor.css +2 -2
- package/css/approval.css +37 -13
- package/css/avatar-group.css +9 -12
- package/css/avatar.css +20 -18
- package/css/back-top.css +21 -7
- package/css/badge.css +5 -5
- package/css/breadcrumb.css +18 -16
- package/css/button-group.css +4 -6
- package/css/button.css +4 -7
- package/css/calendar-picker.css +177 -94
- package/css/calendar-range-picker.css +206 -121
- package/css/card.css +34 -6
- package/css/carousel.css +65 -49
- package/css/cascader.css +41 -29
- package/css/checkbox-group.css +9 -6
- package/css/checkbox.css +5 -4
- package/css/citation.css +7 -2
- package/css/clipboard.css +20 -4
- package/css/collapsible.css +29 -14
- package/css/color-field.css +4 -4
- package/css/color-picker.css +77 -23
- package/css/color-slider.css +10 -8
- package/css/color-swatch-picker.css +5 -5
- package/css/combobox.css +14 -10
- package/css/command.css +13 -8
- package/css/context-menu.css +10 -5
- package/css/date-field.css +4 -4
- package/css/date-picker.css +165 -102
- package/css/date-range-picker.css +186 -123
- package/css/description.css +10 -6
- package/css/descriptions.css +47 -19
- package/css/dialog.css +50 -35
- package/css/drawer.css +75 -21
- package/css/editable.css +15 -41
- package/css/empty-state.css +21 -3
- package/css/field-array.css +4 -1
- package/css/field.css +17 -18
- package/css/fieldset.css +33 -13
- package/css/file-upload.css +65 -32
- package/css/float-button.css +25 -15
- package/css/floating-panel.css +1 -1
- package/css/form.css +24 -10
- package/css/grid-list.css +1 -1
- package/css/highlight.css +4 -4
- package/css/hover-card.css +19 -12
- package/css/image-viewer.css +77 -27
- package/css/image.css +12 -4
- package/css/infinite-scroll.css +8 -4
- package/css/input-group.css +74 -26
- package/css/kbd.css +1 -1
- package/css/label.css +27 -11
- package/css/layout.css +17 -10
- package/css/list.css +13 -9
- package/css/listbox.css +12 -7
- package/css/loading-bar.css +3 -0
- package/css/mention.css +10 -8
- package/css/menu.css +10 -5
- package/css/menubar.css +13 -8
- package/css/navigation-menu.css +2 -2
- package/css/notification.css +114 -31
- package/css/number-animation.css +2 -2
- package/css/number-field.css +60 -37
- package/css/page-header.css +63 -26
- package/css/pagination.css +35 -38
- package/css/password-input.css +10 -66
- package/css/pin-input.css +18 -26
- package/css/popconfirm.css +20 -11
- package/css/popover.css +18 -12
- package/css/progress.css +14 -13
- package/css/prompt-input.css +3 -3
- package/css/question-flow.css +33 -7
- package/css/radio-group.css +120 -55
- package/css/rating.css +31 -14
- package/css/select.css +14 -10
- package/css/separator.css +22 -4
- package/css/side-nav.css +16 -11
- package/css/signature-pad.css +23 -9
- package/css/skeleton.css +7 -7
- package/css/slider.css +71 -42
- package/css/sparkline.css +8 -2
- package/css/spinner.css +40 -20
- package/css/statistic.css +14 -14
- package/css/steps.css +115 -84
- package/css/switch.css +9 -7
- package/css/table.css +27 -10
- package/css/tabs.css +35 -12
- package/css/tag-group.css +17 -6
- package/css/tag.css +54 -29
- package/css/tags-input.css +38 -19
- package/css/text-field.css +5 -5
- package/css/time-field.css +4 -4
- package/css/time-picker.css +150 -64
- package/css/time-range-picker.css +91 -62
- package/css/timeline.css +37 -20
- package/css/timer.css +3 -3
- package/css/toggle-group.css +4 -4
- package/css/tool-call.css +6 -4
- package/css/toolbar.css +6 -5
- package/css/tooltip.css +15 -16
- package/css/tour.css +14 -7
- package/css/transfer.css +22 -16
- package/css/tree-select.css +10 -10
- package/css/tree.css +26 -25
- package/css/typography.css +28 -25
- package/dist/css/accordion.css +47 -20
- package/dist/css/alert.css +14 -15
- package/dist/css/anchor.css +2 -2
- package/dist/css/approval.css +37 -13
- package/dist/css/avatar-group.css +9 -12
- package/dist/css/avatar.css +20 -18
- package/dist/css/back-top.css +21 -7
- package/dist/css/badge.css +5 -5
- package/dist/css/breadcrumb.css +18 -16
- package/dist/css/button-group.css +4 -6
- package/dist/css/button.css +4 -7
- package/dist/css/calendar-picker.css +177 -94
- package/dist/css/calendar-range-picker.css +206 -121
- package/dist/css/card.css +34 -6
- package/dist/css/carousel.css +65 -49
- package/dist/css/cascader.css +41 -29
- package/dist/css/checkbox-group.css +9 -6
- package/dist/css/checkbox.css +5 -4
- package/dist/css/citation.css +7 -2
- package/dist/css/clipboard.css +20 -4
- package/dist/css/collapsible.css +29 -14
- package/dist/css/color-field.css +4 -4
- package/dist/css/color-picker.css +77 -23
- package/dist/css/color-slider.css +10 -8
- package/dist/css/color-swatch-picker.css +5 -5
- package/dist/css/combobox.css +14 -10
- package/dist/css/command.css +13 -8
- package/dist/css/context-menu.css +10 -5
- package/dist/css/date-field.css +4 -4
- package/dist/css/date-picker.css +165 -102
- package/dist/css/date-range-picker.css +186 -123
- package/dist/css/description.css +10 -6
- package/dist/css/descriptions.css +47 -19
- package/dist/css/dialog.css +50 -35
- package/dist/css/drawer.css +75 -21
- package/dist/css/editable.css +15 -41
- package/dist/css/empty-state.css +21 -3
- package/dist/css/field-array.css +4 -1
- package/dist/css/field.css +17 -18
- package/dist/css/fieldset.css +33 -13
- package/dist/css/file-upload.css +65 -32
- package/dist/css/float-button.css +25 -15
- package/dist/css/floating-panel.css +1 -1
- package/dist/css/form.css +24 -10
- package/dist/css/grid-list.css +1 -1
- package/dist/css/highlight.css +4 -4
- package/dist/css/hover-card.css +19 -12
- package/dist/css/image-viewer.css +77 -27
- package/dist/css/image.css +12 -4
- package/dist/css/infinite-scroll.css +8 -4
- package/dist/css/input-group.css +74 -26
- package/dist/css/kbd.css +1 -1
- package/dist/css/label.css +27 -11
- package/dist/css/layout.css +17 -10
- package/dist/css/list.css +13 -9
- package/dist/css/listbox.css +12 -7
- package/dist/css/loading-bar.css +3 -0
- package/dist/css/mention.css +10 -8
- package/dist/css/menu.css +10 -5
- package/dist/css/menubar.css +13 -8
- package/dist/css/navigation-menu.css +2 -2
- package/dist/css/notification.css +114 -31
- package/dist/css/number-animation.css +2 -2
- package/dist/css/number-field.css +60 -37
- package/dist/css/page-header.css +63 -26
- package/dist/css/pagination.css +35 -38
- package/dist/css/password-input.css +10 -66
- package/dist/css/pin-input.css +18 -26
- package/dist/css/popconfirm.css +20 -11
- package/dist/css/popover.css +18 -12
- package/dist/css/progress.css +14 -13
- package/dist/css/prompt-input.css +3 -3
- package/dist/css/question-flow.css +33 -7
- package/dist/css/radio-group.css +120 -55
- package/dist/css/rating.css +31 -14
- package/dist/css/select.css +14 -10
- package/dist/css/separator.css +22 -4
- package/dist/css/side-nav.css +16 -11
- package/dist/css/signature-pad.css +23 -9
- package/dist/css/skeleton.css +7 -7
- package/dist/css/slider.css +71 -42
- package/dist/css/sparkline.css +8 -2
- package/dist/css/spinner.css +40 -20
- package/dist/css/statistic.css +14 -14
- package/dist/css/steps.css +115 -84
- package/dist/css/switch.css +9 -7
- package/dist/css/table.css +27 -10
- package/dist/css/tabs.css +35 -12
- package/dist/css/tag-group.css +17 -6
- package/dist/css/tag.css +54 -29
- package/dist/css/tags-input.css +38 -19
- package/dist/css/text-field.css +5 -5
- package/dist/css/time-field.css +4 -4
- package/dist/css/time-picker.css +150 -64
- package/dist/css/time-range-picker.css +91 -62
- package/dist/css/timeline.css +37 -20
- package/dist/css/timer.css +3 -3
- package/dist/css/toggle-group.css +4 -4
- package/dist/css/tool-call.css +6 -4
- package/dist/css/toolbar.css +6 -5
- package/dist/css/tooltip.css +15 -16
- package/dist/css/tour.css +14 -7
- package/dist/css/transfer.css +22 -16
- package/dist/css/tree-select.css +10 -10
- package/dist/css/tree.css +26 -25
- package/dist/css/typography.css +28 -25
- package/dist/family/action-control.css +30 -24
- package/dist/family/chart.css +57 -0
- package/dist/family/collection-item.css +12 -8
- package/dist/family/field-chrome.css +28 -19
- package/dist/family/loading-ring.css +20 -13
- package/dist/family/swatch.css +4 -4
- package/dist/family/tag-list.css +6 -0
- package/family/action-control.css +30 -24
- package/family/chart.css +57 -0
- package/family/collection-item.css +12 -8
- package/family/field-chrome.css +28 -19
- package/family/loading-ring.css +20 -13
- package/family/swatch.css +4 -4
- package/family/tag-list.css +6 -0
- package/index.css +3580 -2060
- package/index.unlayered.css +3579 -2060
- package/package.json +2 -2
package/component-tokens.d.ts
CHANGED
|
@@ -7,9 +7,12 @@
|
|
|
7
7
|
|
|
8
8
|
export type ComponentTokenName
|
|
9
9
|
= | '--xh-accordion-border'
|
|
10
|
+
| '--xh-accordion-content-bg'
|
|
11
|
+
| '--xh-accordion-content-border'
|
|
10
12
|
| '--xh-accordion-content-fg'
|
|
11
13
|
| '--xh-accordion-content-font-size'
|
|
12
14
|
| '--xh-accordion-content-pb'
|
|
15
|
+
| '--xh-accordion-content-pt'
|
|
13
16
|
| '--xh-accordion-content-px'
|
|
14
17
|
| '--xh-accordion-icon-size'
|
|
15
18
|
| '--xh-accordion-indicator-fg'
|
|
@@ -24,6 +27,7 @@ export type ComponentTokenName
|
|
|
24
27
|
| '--xh-accordion-trigger-fg-open'
|
|
25
28
|
| '--xh-accordion-trigger-font-size'
|
|
26
29
|
| '--xh-accordion-trigger-font-weight'
|
|
30
|
+
| '--xh-accordion-trigger-font-weight-open'
|
|
27
31
|
| '--xh-accordion-trigger-gap'
|
|
28
32
|
| '--xh-accordion-trigger-h'
|
|
29
33
|
| '--xh-accordion-trigger-px'
|
|
@@ -117,14 +121,19 @@ export type ComponentTokenName
|
|
|
117
121
|
| '--xh-approval-item-text-fg-checked'
|
|
118
122
|
| '--xh-approval-loading-duration'
|
|
119
123
|
| '--xh-approval-note-bg'
|
|
124
|
+
| '--xh-approval-note-bg-disabled'
|
|
125
|
+
| '--xh-approval-note-bg-focus'
|
|
126
|
+
| '--xh-approval-note-bg-invalid'
|
|
120
127
|
| '--xh-approval-note-border'
|
|
128
|
+
| '--xh-approval-note-border-disabled'
|
|
129
|
+
| '--xh-approval-note-border-focus'
|
|
130
|
+
| '--xh-approval-note-border-hover'
|
|
121
131
|
| '--xh-approval-note-border-invalid'
|
|
122
132
|
| '--xh-approval-note-fg'
|
|
123
133
|
| '--xh-approval-note-font-size'
|
|
124
134
|
| '--xh-approval-note-px'
|
|
125
135
|
| '--xh-approval-note-py'
|
|
126
136
|
| '--xh-approval-note-radius'
|
|
127
|
-
| '--xh-approval-note-ring-invalid'
|
|
128
137
|
| '--xh-approval-p'
|
|
129
138
|
| '--xh-approval-pending-indicator-color'
|
|
130
139
|
| '--xh-approval-pending-indicator-radius'
|
|
@@ -137,6 +146,7 @@ export type ComponentTokenName
|
|
|
137
146
|
| '--xh-approval-result-font-size'
|
|
138
147
|
| '--xh-approval-result-font-weight'
|
|
139
148
|
| '--xh-approval-result-gap'
|
|
149
|
+
| '--xh-approval-result-h'
|
|
140
150
|
| '--xh-approval-result-px'
|
|
141
151
|
| '--xh-approval-result-py'
|
|
142
152
|
| '--xh-approval-result-radius'
|
|
@@ -193,6 +203,7 @@ export type ComponentTokenName
|
|
|
193
203
|
| '--xh-bar-code-radius'
|
|
194
204
|
| '--xh-bar-code-text-fg'
|
|
195
205
|
| '--xh-breadcrumb-ellipsis-size'
|
|
206
|
+
| '--xh-breadcrumb-ellipsis-trigger-h'
|
|
196
207
|
| '--xh-breadcrumb-fg'
|
|
197
208
|
| '--xh-breadcrumb-font-size'
|
|
198
209
|
| '--xh-breadcrumb-gap'
|
|
@@ -202,8 +213,10 @@ export type ComponentTokenName
|
|
|
202
213
|
| '--xh-breadcrumb-link-bg-pressed'
|
|
203
214
|
| '--xh-breadcrumb-link-fg-current'
|
|
204
215
|
| '--xh-breadcrumb-link-fg-hover'
|
|
216
|
+
| '--xh-breadcrumb-link-fg-pressed'
|
|
205
217
|
| '--xh-breadcrumb-link-font-weight-current'
|
|
206
218
|
| '--xh-breadcrumb-link-gap'
|
|
219
|
+
| '--xh-breadcrumb-link-h'
|
|
207
220
|
| '--xh-breadcrumb-link-icon-size'
|
|
208
221
|
| '--xh-breadcrumb-link-max-w'
|
|
209
222
|
| '--xh-breadcrumb-link-px'
|
|
@@ -234,6 +247,7 @@ export type ComponentTokenName
|
|
|
234
247
|
| '--xh-button-shadow'
|
|
235
248
|
| '--xh-button-shadow-hover'
|
|
236
249
|
| '--xh-button-spin-duration'
|
|
250
|
+
| '--xh-calendar-picker-cell-bg-disabled'
|
|
237
251
|
| '--xh-calendar-picker-cell-bg-hover'
|
|
238
252
|
| '--xh-calendar-picker-cell-bg-pressed'
|
|
239
253
|
| '--xh-calendar-picker-cell-bg-selected'
|
|
@@ -244,17 +258,26 @@ export type ComponentTokenName
|
|
|
244
258
|
| '--xh-calendar-picker-cell-fg-selected'
|
|
245
259
|
| '--xh-calendar-picker-cell-font-size'
|
|
246
260
|
| '--xh-calendar-picker-cell-font-weight'
|
|
247
|
-
| '--xh-calendar-picker-cell-
|
|
261
|
+
| '--xh-calendar-picker-cell-font-weight-outside'
|
|
262
|
+
| '--xh-calendar-picker-cell-min-w'
|
|
263
|
+
| '--xh-calendar-picker-cell-px'
|
|
264
|
+
| '--xh-calendar-picker-cell-py'
|
|
248
265
|
| '--xh-calendar-picker-cell-radius'
|
|
249
266
|
| '--xh-calendar-picker-cell-size'
|
|
267
|
+
| '--xh-calendar-picker-disabled-inset'
|
|
250
268
|
| '--xh-calendar-picker-gap'
|
|
251
269
|
| '--xh-calendar-picker-grid-gap'
|
|
270
|
+
| '--xh-calendar-picker-grid-px'
|
|
271
|
+
| '--xh-calendar-picker-grid-py'
|
|
272
|
+
| '--xh-calendar-picker-header-border'
|
|
252
273
|
| '--xh-calendar-picker-header-gap'
|
|
274
|
+
| '--xh-calendar-picker-header-px'
|
|
275
|
+
| '--xh-calendar-picker-header-py'
|
|
253
276
|
| '--xh-calendar-picker-heading-fg'
|
|
254
277
|
| '--xh-calendar-picker-heading-font-size'
|
|
255
278
|
| '--xh-calendar-picker-heading-font-weight'
|
|
279
|
+
| '--xh-calendar-picker-heading-trigger-bg-hover'
|
|
256
280
|
| '--xh-calendar-picker-heading-trigger-bg-pressed'
|
|
257
|
-
| '--xh-calendar-picker-heading-trigger-fg-hover'
|
|
258
281
|
| '--xh-calendar-picker-heading-trigger-px'
|
|
259
282
|
| '--xh-calendar-picker-heading-trigger-radius'
|
|
260
283
|
| '--xh-calendar-picker-icon-size'
|
|
@@ -266,12 +289,11 @@ export type ComponentTokenName
|
|
|
266
289
|
| '--xh-calendar-picker-nav-radius'
|
|
267
290
|
| '--xh-calendar-picker-nav-size'
|
|
268
291
|
| '--xh-calendar-picker-period-gap'
|
|
269
|
-
| '--xh-calendar-picker-period-
|
|
292
|
+
| '--xh-calendar-picker-period-px'
|
|
270
293
|
| '--xh-calendar-picker-period-radius'
|
|
271
294
|
| '--xh-calendar-picker-row-gap'
|
|
272
|
-
| '--xh-calendar-picker-today-bg'
|
|
273
|
-
| '--xh-calendar-picker-today-
|
|
274
|
-
| '--xh-calendar-picker-today-fg'
|
|
295
|
+
| '--xh-calendar-picker-today-mark-bg'
|
|
296
|
+
| '--xh-calendar-picker-today-mark-size'
|
|
275
297
|
| '--xh-calendar-picker-week-cell-px'
|
|
276
298
|
| '--xh-calendar-picker-week-day-fg'
|
|
277
299
|
| '--xh-calendar-picker-week-day-font-size'
|
|
@@ -281,7 +303,7 @@ export type ComponentTokenName
|
|
|
281
303
|
| '--xh-calendar-picker-week-number-font-size'
|
|
282
304
|
| '--xh-calendar-picker-week-number-w'
|
|
283
305
|
| '--xh-calendar-picker-year-grid-max-h'
|
|
284
|
-
| '--xh-calendar-picker-
|
|
306
|
+
| '--xh-calendar-range-picker-cell-bg-disabled'
|
|
285
307
|
| '--xh-calendar-range-picker-cell-bg-hover'
|
|
286
308
|
| '--xh-calendar-range-picker-cell-bg-pressed'
|
|
287
309
|
| '--xh-calendar-range-picker-cell-bg-selected'
|
|
@@ -292,17 +314,26 @@ export type ComponentTokenName
|
|
|
292
314
|
| '--xh-calendar-range-picker-cell-fg-selected'
|
|
293
315
|
| '--xh-calendar-range-picker-cell-font-size'
|
|
294
316
|
| '--xh-calendar-range-picker-cell-font-weight'
|
|
295
|
-
| '--xh-calendar-range-picker-cell-
|
|
317
|
+
| '--xh-calendar-range-picker-cell-font-weight-outside'
|
|
318
|
+
| '--xh-calendar-range-picker-cell-min-w'
|
|
319
|
+
| '--xh-calendar-range-picker-cell-px'
|
|
320
|
+
| '--xh-calendar-range-picker-cell-py'
|
|
296
321
|
| '--xh-calendar-range-picker-cell-radius'
|
|
297
322
|
| '--xh-calendar-range-picker-cell-size'
|
|
323
|
+
| '--xh-calendar-range-picker-disabled-inset'
|
|
298
324
|
| '--xh-calendar-range-picker-gap'
|
|
299
325
|
| '--xh-calendar-range-picker-grid-gap'
|
|
326
|
+
| '--xh-calendar-range-picker-grid-px'
|
|
327
|
+
| '--xh-calendar-range-picker-grid-py'
|
|
328
|
+
| '--xh-calendar-range-picker-header-border'
|
|
300
329
|
| '--xh-calendar-range-picker-header-gap'
|
|
330
|
+
| '--xh-calendar-range-picker-header-px'
|
|
331
|
+
| '--xh-calendar-range-picker-header-py'
|
|
301
332
|
| '--xh-calendar-range-picker-heading-fg'
|
|
302
333
|
| '--xh-calendar-range-picker-heading-font-size'
|
|
303
334
|
| '--xh-calendar-range-picker-heading-font-weight'
|
|
335
|
+
| '--xh-calendar-range-picker-heading-trigger-bg-hover'
|
|
304
336
|
| '--xh-calendar-range-picker-heading-trigger-bg-pressed'
|
|
305
|
-
| '--xh-calendar-range-picker-heading-trigger-fg-hover'
|
|
306
337
|
| '--xh-calendar-range-picker-heading-trigger-px'
|
|
307
338
|
| '--xh-calendar-range-picker-heading-trigger-radius'
|
|
308
339
|
| '--xh-calendar-range-picker-icon-size'
|
|
@@ -314,20 +345,19 @@ export type ComponentTokenName
|
|
|
314
345
|
| '--xh-calendar-range-picker-nav-radius'
|
|
315
346
|
| '--xh-calendar-range-picker-nav-size'
|
|
316
347
|
| '--xh-calendar-range-picker-period-gap'
|
|
317
|
-
| '--xh-calendar-range-picker-period-
|
|
348
|
+
| '--xh-calendar-range-picker-period-px'
|
|
318
349
|
| '--xh-calendar-range-picker-period-radius'
|
|
319
350
|
| '--xh-calendar-range-picker-range-bg'
|
|
320
351
|
| '--xh-calendar-range-picker-range-cap-radius'
|
|
321
352
|
| '--xh-calendar-range-picker-range-cell-bg-hover'
|
|
322
353
|
| '--xh-calendar-range-picker-range-cell-bg-pressed'
|
|
354
|
+
| '--xh-calendar-range-picker-range-inset'
|
|
323
355
|
| '--xh-calendar-range-picker-range-preview-bg'
|
|
324
356
|
| '--xh-calendar-range-picker-range-preview-cell-bg-hover'
|
|
325
357
|
| '--xh-calendar-range-picker-range-preview-cell-bg-pressed'
|
|
326
|
-
| '--xh-calendar-range-picker-range-row-radius'
|
|
327
358
|
| '--xh-calendar-range-picker-row-gap'
|
|
328
|
-
| '--xh-calendar-range-picker-today-bg'
|
|
329
|
-
| '--xh-calendar-range-picker-today-
|
|
330
|
-
| '--xh-calendar-range-picker-today-fg'
|
|
359
|
+
| '--xh-calendar-range-picker-today-mark-bg'
|
|
360
|
+
| '--xh-calendar-range-picker-today-mark-size'
|
|
331
361
|
| '--xh-calendar-range-picker-week-cell-px'
|
|
332
362
|
| '--xh-calendar-range-picker-week-day-fg'
|
|
333
363
|
| '--xh-calendar-range-picker-week-day-font-size'
|
|
@@ -337,11 +367,12 @@ export type ComponentTokenName
|
|
|
337
367
|
| '--xh-calendar-range-picker-week-number-font-size'
|
|
338
368
|
| '--xh-calendar-range-picker-week-number-w'
|
|
339
369
|
| '--xh-calendar-range-picker-year-grid-max-h'
|
|
340
|
-
| '--xh-calendar-range-picker-year-grid-pe'
|
|
341
370
|
| '--xh-card-bg'
|
|
342
371
|
| '--xh-card-bg-hover'
|
|
343
372
|
| '--xh-card-bg-pressed'
|
|
344
373
|
| '--xh-card-border'
|
|
374
|
+
| '--xh-card-content-fg'
|
|
375
|
+
| '--xh-card-content-font-size'
|
|
345
376
|
| '--xh-card-content-gap'
|
|
346
377
|
| '--xh-card-description-fg'
|
|
347
378
|
| '--xh-card-description-font-size'
|
|
@@ -351,6 +382,9 @@ export type ComponentTokenName
|
|
|
351
382
|
| '--xh-card-footer-gap'
|
|
352
383
|
| '--xh-card-gap'
|
|
353
384
|
| '--xh-card-glint-duration'
|
|
385
|
+
| '--xh-card-header-border'
|
|
386
|
+
| '--xh-card-header-h'
|
|
387
|
+
| '--xh-card-header-py'
|
|
354
388
|
| '--xh-card-leading'
|
|
355
389
|
| '--xh-card-p'
|
|
356
390
|
| '--xh-card-radius'
|
|
@@ -468,6 +502,7 @@ export type ComponentTokenName
|
|
|
468
502
|
| '--xh-cascader-control-shadow'
|
|
469
503
|
| '--xh-cascader-control-w'
|
|
470
504
|
| '--xh-cascader-empty-fg'
|
|
505
|
+
| '--xh-cascader-empty-min-h'
|
|
471
506
|
| '--xh-cascader-empty-p'
|
|
472
507
|
| '--xh-cascader-footer-border'
|
|
473
508
|
| '--xh-cascader-footer-fg'
|
|
@@ -500,6 +535,7 @@ export type ComponentTokenName
|
|
|
500
535
|
| '--xh-cascader-item-font-size'
|
|
501
536
|
| '--xh-cascader-item-font-weight-selected'
|
|
502
537
|
| '--xh-cascader-item-gap'
|
|
538
|
+
| '--xh-cascader-item-h'
|
|
503
539
|
| '--xh-cascader-item-indicator-fg'
|
|
504
540
|
| '--xh-cascader-item-indicator-size'
|
|
505
541
|
| '--xh-cascader-item-leading'
|
|
@@ -511,10 +547,13 @@ export type ComponentTokenName
|
|
|
511
547
|
| '--xh-cascader-label-fg-disabled'
|
|
512
548
|
| '--xh-cascader-label-font-size'
|
|
513
549
|
| '--xh-cascader-label-font-weight'
|
|
550
|
+
| '--xh-cascader-label-gap'
|
|
514
551
|
| '--xh-cascader-layer'
|
|
515
552
|
| '--xh-cascader-loading-fg'
|
|
516
553
|
| '--xh-cascader-loading-font-size'
|
|
554
|
+
| '--xh-cascader-loading-min-h'
|
|
517
555
|
| '--xh-cascader-loading-p'
|
|
556
|
+
| '--xh-cascader-loading-ring-fg'
|
|
518
557
|
| '--xh-cascader-placeholder-fg'
|
|
519
558
|
| '--xh-cascader-search-divider'
|
|
520
559
|
| '--xh-cascader-search-list-gap'
|
|
@@ -671,6 +710,7 @@ export type ComponentTokenName
|
|
|
671
710
|
| '--xh-clipboard-input-autofill-bg'
|
|
672
711
|
| '--xh-clipboard-input-autofill-fg'
|
|
673
712
|
| '--xh-clipboard-input-bg'
|
|
713
|
+
| '--xh-clipboard-input-bg-focus'
|
|
674
714
|
| '--xh-clipboard-input-border'
|
|
675
715
|
| '--xh-clipboard-input-border-focus'
|
|
676
716
|
| '--xh-clipboard-input-fg'
|
|
@@ -681,6 +721,7 @@ export type ComponentTokenName
|
|
|
681
721
|
| '--xh-clipboard-label-fg'
|
|
682
722
|
| '--xh-clipboard-label-font-size'
|
|
683
723
|
| '--xh-clipboard-label-font-weight'
|
|
724
|
+
| '--xh-clipboard-label-gap'
|
|
684
725
|
| '--xh-clipboard-loading-duration'
|
|
685
726
|
| '--xh-code-view-bg'
|
|
686
727
|
| '--xh-code-view-border'
|
|
@@ -727,6 +768,7 @@ export type ComponentTokenName
|
|
|
727
768
|
| '--xh-collapsible-content-fg'
|
|
728
769
|
| '--xh-collapsible-content-font-size'
|
|
729
770
|
| '--xh-collapsible-content-pb'
|
|
771
|
+
| '--xh-collapsible-content-pt'
|
|
730
772
|
| '--xh-collapsible-content-px'
|
|
731
773
|
| '--xh-collapsible-header-gap'
|
|
732
774
|
| '--xh-collapsible-icon-size'
|
|
@@ -738,6 +780,7 @@ export type ComponentTokenName
|
|
|
738
780
|
| '--xh-collapsible-trigger-fg-open'
|
|
739
781
|
| '--xh-collapsible-trigger-font-size'
|
|
740
782
|
| '--xh-collapsible-trigger-font-weight'
|
|
783
|
+
| '--xh-collapsible-trigger-font-weight-open'
|
|
741
784
|
| '--xh-collapsible-trigger-gap'
|
|
742
785
|
| '--xh-collapsible-trigger-h'
|
|
743
786
|
| '--xh-collapsible-trigger-px'
|
|
@@ -777,6 +820,7 @@ export type ComponentTokenName
|
|
|
777
820
|
| '--xh-color-field-label-fg-disabled'
|
|
778
821
|
| '--xh-color-field-label-font-size'
|
|
779
822
|
| '--xh-color-field-label-font-weight'
|
|
823
|
+
| '--xh-color-field-label-gap'
|
|
780
824
|
| '--xh-color-field-placeholder-fg'
|
|
781
825
|
| '--xh-color-field-swatch-border'
|
|
782
826
|
| '--xh-color-field-swatch-radius'
|
|
@@ -829,9 +873,11 @@ export type ComponentTokenName
|
|
|
829
873
|
| '--xh-color-picker-hue-slider-gap'
|
|
830
874
|
| '--xh-color-picker-input-bg'
|
|
831
875
|
| '--xh-color-picker-input-bg-disabled'
|
|
876
|
+
| '--xh-color-picker-input-bg-focus'
|
|
832
877
|
| '--xh-color-picker-input-bg-readonly'
|
|
833
878
|
| '--xh-color-picker-input-border'
|
|
834
879
|
| '--xh-color-picker-input-border-focus'
|
|
880
|
+
| '--xh-color-picker-input-border-hover'
|
|
835
881
|
| '--xh-color-picker-input-border-invalid'
|
|
836
882
|
| '--xh-color-picker-input-font-size'
|
|
837
883
|
| '--xh-color-picker-input-h'
|
|
@@ -840,10 +886,13 @@ export type ComponentTokenName
|
|
|
840
886
|
| '--xh-color-picker-label-fg'
|
|
841
887
|
| '--xh-color-picker-label-font-size'
|
|
842
888
|
| '--xh-color-picker-label-font-weight'
|
|
889
|
+
| '--xh-color-picker-label-gap'
|
|
843
890
|
| '--xh-color-picker-layer'
|
|
844
891
|
| '--xh-color-picker-max-h'
|
|
845
892
|
| '--xh-color-picker-saturation-area-h'
|
|
846
893
|
| '--xh-color-picker-saturation-area-radius'
|
|
894
|
+
| '--xh-color-picker-separator'
|
|
895
|
+
| '--xh-color-picker-slider-thumb-bg'
|
|
847
896
|
| '--xh-color-picker-slider-thumb-size'
|
|
848
897
|
| '--xh-color-picker-slider-track-thickness'
|
|
849
898
|
| '--xh-color-picker-swatch-border'
|
|
@@ -873,6 +922,7 @@ export type ComponentTokenName
|
|
|
873
922
|
| '--xh-color-slider-label-fg-disabled'
|
|
874
923
|
| '--xh-color-slider-label-font-size'
|
|
875
924
|
| '--xh-color-slider-label-font-weight'
|
|
925
|
+
| '--xh-color-slider-label-gap'
|
|
876
926
|
| '--xh-color-slider-thumb-bg'
|
|
877
927
|
| '--xh-color-slider-thumb-border'
|
|
878
928
|
| '--xh-color-slider-thumb-border-invalid'
|
|
@@ -979,6 +1029,7 @@ export type ComponentTokenName
|
|
|
979
1029
|
| '--xh-combobox-item-font-size'
|
|
980
1030
|
| '--xh-combobox-item-font-weight-selected'
|
|
981
1031
|
| '--xh-combobox-item-gap'
|
|
1032
|
+
| '--xh-combobox-item-h'
|
|
982
1033
|
| '--xh-combobox-item-indicator-fg'
|
|
983
1034
|
| '--xh-combobox-item-indicator-size'
|
|
984
1035
|
| '--xh-combobox-item-leading'
|
|
@@ -989,6 +1040,7 @@ export type ComponentTokenName
|
|
|
989
1040
|
| '--xh-combobox-label-fg-disabled'
|
|
990
1041
|
| '--xh-combobox-label-font-size'
|
|
991
1042
|
| '--xh-combobox-label-font-weight'
|
|
1043
|
+
| '--xh-combobox-label-gap'
|
|
992
1044
|
| '--xh-combobox-layer'
|
|
993
1045
|
| '--xh-combobox-loading-fg'
|
|
994
1046
|
| '--xh-combobox-loading-font-size'
|
|
@@ -1033,6 +1085,7 @@ export type ComponentTokenName
|
|
|
1033
1085
|
| '--xh-command-item-fg'
|
|
1034
1086
|
| '--xh-command-item-font-size'
|
|
1035
1087
|
| '--xh-command-item-gap'
|
|
1088
|
+
| '--xh-command-item-h'
|
|
1036
1089
|
| '--xh-command-item-leading'
|
|
1037
1090
|
| '--xh-command-item-px'
|
|
1038
1091
|
| '--xh-command-item-py'
|
|
@@ -1067,6 +1120,7 @@ export type ComponentTokenName
|
|
|
1067
1120
|
| '--xh-context-menu-group-label-fg'
|
|
1068
1121
|
| '--xh-context-menu-group-label-font-size'
|
|
1069
1122
|
| '--xh-context-menu-group-label-font-weight'
|
|
1123
|
+
| '--xh-context-menu-group-label-mt'
|
|
1070
1124
|
| '--xh-context-menu-group-label-px'
|
|
1071
1125
|
| '--xh-context-menu-group-label-py'
|
|
1072
1126
|
| '--xh-context-menu-highlight'
|
|
@@ -1079,6 +1133,7 @@ export type ComponentTokenName
|
|
|
1079
1133
|
| '--xh-context-menu-item-fg'
|
|
1080
1134
|
| '--xh-context-menu-item-font-size'
|
|
1081
1135
|
| '--xh-context-menu-item-gap'
|
|
1136
|
+
| '--xh-context-menu-item-h'
|
|
1082
1137
|
| '--xh-context-menu-item-indicator-fg'
|
|
1083
1138
|
| '--xh-context-menu-item-indicator-size'
|
|
1084
1139
|
| '--xh-context-menu-item-leading'
|
|
@@ -1127,6 +1182,7 @@ export type ComponentTokenName
|
|
|
1127
1182
|
| '--xh-date-field-label-fg-disabled'
|
|
1128
1183
|
| '--xh-date-field-label-font-size'
|
|
1129
1184
|
| '--xh-date-field-label-font-weight'
|
|
1185
|
+
| '--xh-date-field-label-gap'
|
|
1130
1186
|
| '--xh-date-field-literal-fg'
|
|
1131
1187
|
| '--xh-date-field-placeholder-fg'
|
|
1132
1188
|
| '--xh-date-field-segment-bg-focus'
|
|
@@ -1151,7 +1207,9 @@ export type ComponentTokenName
|
|
|
1151
1207
|
| '--xh-date-picker-confirm-trigger-bg-active'
|
|
1152
1208
|
| '--xh-date-picker-confirm-trigger-bg-hover'
|
|
1153
1209
|
| '--xh-date-picker-confirm-trigger-fg'
|
|
1210
|
+
| '--xh-date-picker-confirm-trigger-font-size'
|
|
1154
1211
|
| '--xh-date-picker-confirm-trigger-h'
|
|
1212
|
+
| '--xh-date-picker-confirm-trigger-margin'
|
|
1155
1213
|
| '--xh-date-picker-confirm-trigger-px'
|
|
1156
1214
|
| '--xh-date-picker-confirm-trigger-radius'
|
|
1157
1215
|
| '--xh-date-picker-confirm-trigger-shadow'
|
|
@@ -1180,29 +1238,39 @@ export type ComponentTokenName
|
|
|
1180
1238
|
| '--xh-date-picker-control-shadow'
|
|
1181
1239
|
| '--xh-date-picker-control-w'
|
|
1182
1240
|
| '--xh-date-picker-font-size'
|
|
1241
|
+
| '--xh-date-picker-footer-border'
|
|
1242
|
+
| '--xh-date-picker-footer-fg'
|
|
1243
|
+
| '--xh-date-picker-footer-font-size'
|
|
1244
|
+
| '--xh-date-picker-footer-gap'
|
|
1245
|
+
| '--xh-date-picker-footer-px'
|
|
1246
|
+
| '--xh-date-picker-footer-py'
|
|
1183
1247
|
| '--xh-date-picker-gap'
|
|
1248
|
+
| '--xh-date-picker-heading-font-weight'
|
|
1184
1249
|
| '--xh-date-picker-icon-size'
|
|
1185
1250
|
| '--xh-date-picker-label-fg'
|
|
1186
1251
|
| '--xh-date-picker-label-fg-disabled'
|
|
1187
1252
|
| '--xh-date-picker-label-font-size'
|
|
1188
1253
|
| '--xh-date-picker-label-font-weight'
|
|
1254
|
+
| '--xh-date-picker-label-gap'
|
|
1189
1255
|
| '--xh-date-picker-layer'
|
|
1190
1256
|
| '--xh-date-picker-literal-fg'
|
|
1191
1257
|
| '--xh-date-picker-max-h'
|
|
1192
|
-
| '--xh-date-picker-panel-divider'
|
|
1193
|
-
| '--xh-date-picker-panel-gap'
|
|
1194
1258
|
| '--xh-date-picker-placeholder-fg'
|
|
1259
|
+
| '--xh-date-picker-preset-bg'
|
|
1195
1260
|
| '--xh-date-picker-preset-bg-hover'
|
|
1196
1261
|
| '--xh-date-picker-preset-bg-pressed'
|
|
1197
1262
|
| '--xh-date-picker-preset-check-fg'
|
|
1198
1263
|
| '--xh-date-picker-preset-check-size'
|
|
1264
|
+
| '--xh-date-picker-preset-fg'
|
|
1199
1265
|
| '--xh-date-picker-preset-fg-disabled'
|
|
1200
|
-
| '--xh-date-picker-preset-fg-
|
|
1266
|
+
| '--xh-date-picker-preset-fg-hover'
|
|
1267
|
+
| '--xh-date-picker-preset-font-size'
|
|
1201
1268
|
| '--xh-date-picker-preset-group-gap'
|
|
1202
1269
|
| '--xh-date-picker-preset-group-h'
|
|
1203
|
-
| '--xh-date-picker-preset-group-
|
|
1270
|
+
| '--xh-date-picker-preset-group-px'
|
|
1271
|
+
| '--xh-date-picker-preset-group-py'
|
|
1272
|
+
| '--xh-date-picker-preset-h'
|
|
1204
1273
|
| '--xh-date-picker-preset-px'
|
|
1205
|
-
| '--xh-date-picker-preset-py'
|
|
1206
1274
|
| '--xh-date-picker-preset-radius'
|
|
1207
1275
|
| '--xh-date-picker-tag-list-gap'
|
|
1208
1276
|
| '--xh-date-picker-time-column-gap'
|
|
@@ -1210,9 +1278,9 @@ export type ComponentTokenName
|
|
|
1210
1278
|
| '--xh-date-picker-time-column-min-w'
|
|
1211
1279
|
| '--xh-date-picker-time-column-min-w-mobile'
|
|
1212
1280
|
| '--xh-date-picker-time-column-offset'
|
|
1213
|
-
| '--xh-date-picker-time-column-padding'
|
|
1214
1281
|
| '--xh-date-picker-time-column-px'
|
|
1215
1282
|
| '--xh-date-picker-time-column-px-mobile'
|
|
1283
|
+
| '--xh-date-picker-time-column-py'
|
|
1216
1284
|
| '--xh-date-picker-time-item-bg-hover'
|
|
1217
1285
|
| '--xh-date-picker-time-item-bg-pressed'
|
|
1218
1286
|
| '--xh-date-picker-time-item-check-fg'
|
|
@@ -1223,7 +1291,6 @@ export type ComponentTokenName
|
|
|
1223
1291
|
| '--xh-date-picker-time-item-font-weight-selected'
|
|
1224
1292
|
| '--xh-date-picker-time-item-h'
|
|
1225
1293
|
| '--xh-date-picker-time-item-px'
|
|
1226
|
-
| '--xh-date-picker-time-item-py'
|
|
1227
1294
|
| '--xh-date-picker-time-item-radius'
|
|
1228
1295
|
| '--xh-date-range-picker-action-bg'
|
|
1229
1296
|
| '--xh-date-range-picker-action-bg-active'
|
|
@@ -1237,15 +1304,15 @@ export type ComponentTokenName
|
|
|
1237
1304
|
| '--xh-date-range-picker-column-divider'
|
|
1238
1305
|
| '--xh-date-range-picker-column-group-gap'
|
|
1239
1306
|
| '--xh-date-range-picker-column-group-label-fg'
|
|
1240
|
-
| '--xh-date-range-picker-column-group-label-fg-active'
|
|
1241
|
-
| '--xh-date-range-picker-column-group-label-font-weight-active'
|
|
1242
1307
|
| '--xh-date-range-picker-column-group-label-px'
|
|
1243
1308
|
| '--xh-date-range-picker-column-group-offset'
|
|
1244
1309
|
| '--xh-date-range-picker-confirm-trigger-bg'
|
|
1245
1310
|
| '--xh-date-range-picker-confirm-trigger-bg-active'
|
|
1246
1311
|
| '--xh-date-range-picker-confirm-trigger-bg-hover'
|
|
1247
1312
|
| '--xh-date-range-picker-confirm-trigger-fg'
|
|
1313
|
+
| '--xh-date-range-picker-confirm-trigger-font-size'
|
|
1248
1314
|
| '--xh-date-range-picker-confirm-trigger-h'
|
|
1315
|
+
| '--xh-date-range-picker-confirm-trigger-margin'
|
|
1249
1316
|
| '--xh-date-range-picker-confirm-trigger-px'
|
|
1250
1317
|
| '--xh-date-range-picker-confirm-trigger-radius'
|
|
1251
1318
|
| '--xh-date-range-picker-confirm-trigger-shadow'
|
|
@@ -1273,29 +1340,39 @@ export type ComponentTokenName
|
|
|
1273
1340
|
| '--xh-date-range-picker-control-shadow'
|
|
1274
1341
|
| '--xh-date-range-picker-control-w'
|
|
1275
1342
|
| '--xh-date-range-picker-font-size'
|
|
1343
|
+
| '--xh-date-range-picker-footer-border'
|
|
1344
|
+
| '--xh-date-range-picker-footer-fg'
|
|
1345
|
+
| '--xh-date-range-picker-footer-font-size'
|
|
1346
|
+
| '--xh-date-range-picker-footer-gap'
|
|
1347
|
+
| '--xh-date-range-picker-footer-px'
|
|
1348
|
+
| '--xh-date-range-picker-footer-py'
|
|
1276
1349
|
| '--xh-date-range-picker-gap'
|
|
1350
|
+
| '--xh-date-range-picker-heading-font-weight'
|
|
1277
1351
|
| '--xh-date-range-picker-icon-size'
|
|
1278
1352
|
| '--xh-date-range-picker-label-fg'
|
|
1279
1353
|
| '--xh-date-range-picker-label-fg-disabled'
|
|
1280
1354
|
| '--xh-date-range-picker-label-font-size'
|
|
1281
1355
|
| '--xh-date-range-picker-label-font-weight'
|
|
1356
|
+
| '--xh-date-range-picker-label-gap'
|
|
1282
1357
|
| '--xh-date-range-picker-layer'
|
|
1283
1358
|
| '--xh-date-range-picker-literal-fg'
|
|
1284
1359
|
| '--xh-date-range-picker-max-h'
|
|
1285
|
-
| '--xh-date-range-picker-panel-divider'
|
|
1286
|
-
| '--xh-date-range-picker-panel-gap'
|
|
1287
1360
|
| '--xh-date-range-picker-placeholder-fg'
|
|
1361
|
+
| '--xh-date-range-picker-preset-bg'
|
|
1288
1362
|
| '--xh-date-range-picker-preset-bg-hover'
|
|
1289
1363
|
| '--xh-date-range-picker-preset-bg-pressed'
|
|
1290
1364
|
| '--xh-date-range-picker-preset-check-fg'
|
|
1291
1365
|
| '--xh-date-range-picker-preset-check-size'
|
|
1366
|
+
| '--xh-date-range-picker-preset-fg'
|
|
1292
1367
|
| '--xh-date-range-picker-preset-fg-disabled'
|
|
1293
|
-
| '--xh-date-range-picker-preset-fg-
|
|
1368
|
+
| '--xh-date-range-picker-preset-fg-hover'
|
|
1369
|
+
| '--xh-date-range-picker-preset-font-size'
|
|
1294
1370
|
| '--xh-date-range-picker-preset-group-gap'
|
|
1295
1371
|
| '--xh-date-range-picker-preset-group-h'
|
|
1296
|
-
| '--xh-date-range-picker-preset-group-
|
|
1372
|
+
| '--xh-date-range-picker-preset-group-px'
|
|
1373
|
+
| '--xh-date-range-picker-preset-group-py'
|
|
1374
|
+
| '--xh-date-range-picker-preset-h'
|
|
1297
1375
|
| '--xh-date-range-picker-preset-px'
|
|
1298
|
-
| '--xh-date-range-picker-preset-py'
|
|
1299
1376
|
| '--xh-date-range-picker-preset-radius'
|
|
1300
1377
|
| '--xh-date-range-picker-range-separator-fg'
|
|
1301
1378
|
| '--xh-date-range-picker-range-separator-mx'
|
|
@@ -1304,8 +1381,8 @@ export type ComponentTokenName
|
|
|
1304
1381
|
| '--xh-date-range-picker-time-column-h'
|
|
1305
1382
|
| '--xh-date-range-picker-time-column-min-w'
|
|
1306
1383
|
| '--xh-date-range-picker-time-column-min-w-mobile'
|
|
1307
|
-
| '--xh-date-range-picker-time-column-padding'
|
|
1308
1384
|
| '--xh-date-range-picker-time-column-px'
|
|
1385
|
+
| '--xh-date-range-picker-time-column-py'
|
|
1309
1386
|
| '--xh-date-range-picker-time-item-bg-hover'
|
|
1310
1387
|
| '--xh-date-range-picker-time-item-bg-pressed'
|
|
1311
1388
|
| '--xh-date-range-picker-time-item-check-fg'
|
|
@@ -1316,7 +1393,6 @@ export type ComponentTokenName
|
|
|
1316
1393
|
| '--xh-date-range-picker-time-item-font-weight-selected'
|
|
1317
1394
|
| '--xh-date-range-picker-time-item-h'
|
|
1318
1395
|
| '--xh-date-range-picker-time-item-px'
|
|
1319
|
-
| '--xh-date-range-picker-time-item-py'
|
|
1320
1396
|
| '--xh-date-range-picker-time-item-radius'
|
|
1321
1397
|
| '--xh-descriptions-bg'
|
|
1322
1398
|
| '--xh-descriptions-border'
|
|
@@ -1329,6 +1405,7 @@ export type ComponentTokenName
|
|
|
1329
1405
|
| '--xh-descriptions-header-mb'
|
|
1330
1406
|
| '--xh-descriptions-item-px'
|
|
1331
1407
|
| '--xh-descriptions-item-py'
|
|
1408
|
+
| '--xh-descriptions-label-bg'
|
|
1332
1409
|
| '--xh-descriptions-label-fg'
|
|
1333
1410
|
| '--xh-descriptions-label-font-weight'
|
|
1334
1411
|
| '--xh-descriptions-label-gap'
|
|
@@ -1344,6 +1421,8 @@ export type ComponentTokenName
|
|
|
1344
1421
|
| '--xh-dialog-backdrop-filter'
|
|
1345
1422
|
| '--xh-dialog-backdrop-layer'
|
|
1346
1423
|
| '--xh-dialog-bg'
|
|
1424
|
+
| '--xh-dialog-body-px'
|
|
1425
|
+
| '--xh-dialog-body-py'
|
|
1347
1426
|
| '--xh-dialog-border'
|
|
1348
1427
|
| '--xh-dialog-close-bg-active'
|
|
1349
1428
|
| '--xh-dialog-close-bg-focus'
|
|
@@ -1354,8 +1433,6 @@ export type ComponentTokenName
|
|
|
1354
1433
|
| '--xh-dialog-close-radius'
|
|
1355
1434
|
| '--xh-dialog-close-size'
|
|
1356
1435
|
| '--xh-dialog-content-backdrop-filter'
|
|
1357
|
-
| '--xh-dialog-content-lens-bg'
|
|
1358
|
-
| '--xh-dialog-content-lens-depth'
|
|
1359
1436
|
| '--xh-dialog-description-fg'
|
|
1360
1437
|
| '--xh-dialog-description-font-size'
|
|
1361
1438
|
| '--xh-dialog-drag-trigger-min-h'
|
|
@@ -1363,12 +1440,13 @@ export type ComponentTokenName
|
|
|
1363
1440
|
| '--xh-dialog-fg'
|
|
1364
1441
|
| '--xh-dialog-footer-gap'
|
|
1365
1442
|
| '--xh-dialog-footer-pt'
|
|
1443
|
+
| '--xh-dialog-footer-px'
|
|
1444
|
+
| '--xh-dialog-footer-py'
|
|
1366
1445
|
| '--xh-dialog-gap'
|
|
1367
|
-
| '--xh-dialog-header-bg'
|
|
1368
1446
|
| '--xh-dialog-header-gap'
|
|
1369
|
-
| '--xh-dialog-header-lens-depth'
|
|
1370
1447
|
| '--xh-dialog-header-pb'
|
|
1371
|
-
| '--xh-dialog-
|
|
1448
|
+
| '--xh-dialog-header-pt'
|
|
1449
|
+
| '--xh-dialog-header-px'
|
|
1372
1450
|
| '--xh-dialog-icon-size'
|
|
1373
1451
|
| '--xh-dialog-indicator-bg'
|
|
1374
1452
|
| '--xh-dialog-indicator-fg'
|
|
@@ -1457,6 +1535,8 @@ export type ComponentTokenName
|
|
|
1457
1535
|
| '--xh-drawer-backdrop-blur'
|
|
1458
1536
|
| '--xh-drawer-backdrop-layer'
|
|
1459
1537
|
| '--xh-drawer-bg'
|
|
1538
|
+
| '--xh-drawer-body-px'
|
|
1539
|
+
| '--xh-drawer-body-py'
|
|
1460
1540
|
| '--xh-drawer-border'
|
|
1461
1541
|
| '--xh-drawer-close-bg-active'
|
|
1462
1542
|
| '--xh-drawer-close-bg-focus'
|
|
@@ -1471,9 +1551,13 @@ export type ComponentTokenName
|
|
|
1471
1551
|
| '--xh-drawer-fg'
|
|
1472
1552
|
| '--xh-drawer-footer-gap'
|
|
1473
1553
|
| '--xh-drawer-footer-pt'
|
|
1554
|
+
| '--xh-drawer-footer-px'
|
|
1555
|
+
| '--xh-drawer-footer-py'
|
|
1474
1556
|
| '--xh-drawer-gap'
|
|
1475
1557
|
| '--xh-drawer-header-gap'
|
|
1476
1558
|
| '--xh-drawer-header-pb'
|
|
1559
|
+
| '--xh-drawer-header-pt'
|
|
1560
|
+
| '--xh-drawer-header-px'
|
|
1477
1561
|
| '--xh-drawer-icon-size'
|
|
1478
1562
|
| '--xh-drawer-layer'
|
|
1479
1563
|
| '--xh-drawer-px'
|
|
@@ -1486,6 +1570,7 @@ export type ComponentTokenName
|
|
|
1486
1570
|
| '--xh-drawer-resize-trigger-bg-hover'
|
|
1487
1571
|
| '--xh-drawer-resize-trigger-radius'
|
|
1488
1572
|
| '--xh-drawer-resize-trigger-size'
|
|
1573
|
+
| '--xh-drawer-separator'
|
|
1489
1574
|
| '--xh-drawer-shadow'
|
|
1490
1575
|
| '--xh-drawer-size'
|
|
1491
1576
|
| '--xh-drawer-title-fg'
|
|
@@ -1533,6 +1618,7 @@ export type ComponentTokenName
|
|
|
1533
1618
|
| '--xh-editable-label-fg-disabled'
|
|
1534
1619
|
| '--xh-editable-label-font-size'
|
|
1535
1620
|
| '--xh-editable-label-font-weight'
|
|
1621
|
+
| '--xh-editable-label-gap'
|
|
1536
1622
|
| '--xh-editable-placeholder-fg'
|
|
1537
1623
|
| '--xh-editable-preview-fg'
|
|
1538
1624
|
| '--xh-editable-preview-font-size'
|
|
@@ -1542,8 +1628,6 @@ export type ComponentTokenName
|
|
|
1542
1628
|
| '--xh-editable-trigger-bg-active'
|
|
1543
1629
|
| '--xh-editable-trigger-bg-disabled'
|
|
1544
1630
|
| '--xh-editable-trigger-bg-hover'
|
|
1545
|
-
| '--xh-editable-trigger-divider'
|
|
1546
|
-
| '--xh-editable-trigger-divider-h'
|
|
1547
1631
|
| '--xh-editable-trigger-fg'
|
|
1548
1632
|
| '--xh-editable-trigger-fg-hover'
|
|
1549
1633
|
| '--xh-editable-trigger-font-size'
|
|
@@ -1557,8 +1641,11 @@ export type ComponentTokenName
|
|
|
1557
1641
|
| '--xh-empty-state-fg'
|
|
1558
1642
|
| '--xh-empty-state-gap'
|
|
1559
1643
|
| '--xh-empty-state-icon-size'
|
|
1644
|
+
| '--xh-empty-state-indicator-bg'
|
|
1645
|
+
| '--xh-empty-state-indicator-box'
|
|
1560
1646
|
| '--xh-empty-state-indicator-fg'
|
|
1561
1647
|
| '--xh-empty-state-indicator-font-size'
|
|
1648
|
+
| '--xh-empty-state-indicator-radius'
|
|
1562
1649
|
| '--xh-empty-state-media-fg'
|
|
1563
1650
|
| '--xh-empty-state-media-size'
|
|
1564
1651
|
| '--xh-empty-state-px'
|
|
@@ -1626,7 +1713,6 @@ export type ComponentTokenName
|
|
|
1626
1713
|
| '--xh-field-label-gap-block'
|
|
1627
1714
|
| '--xh-field-label-leading'
|
|
1628
1715
|
| '--xh-field-label-star'
|
|
1629
|
-
| '--xh-field-ring-invalid'
|
|
1630
1716
|
| '--xh-fieldset-actions-gap'
|
|
1631
1717
|
| '--xh-fieldset-description-fg'
|
|
1632
1718
|
| '--xh-fieldset-description-fg-disabled'
|
|
@@ -1677,6 +1763,7 @@ export type ComponentTokenName
|
|
|
1677
1763
|
| '--xh-file-upload-gap'
|
|
1678
1764
|
| '--xh-file-upload-icon-size'
|
|
1679
1765
|
| '--xh-file-upload-item-bg'
|
|
1766
|
+
| '--xh-file-upload-item-bg-error'
|
|
1680
1767
|
| '--xh-file-upload-item-border'
|
|
1681
1768
|
| '--xh-file-upload-item-border-error'
|
|
1682
1769
|
| '--xh-file-upload-item-fg'
|
|
@@ -1699,6 +1786,7 @@ export type ComponentTokenName
|
|
|
1699
1786
|
| '--xh-file-upload-label-fg-disabled'
|
|
1700
1787
|
| '--xh-file-upload-label-font-size'
|
|
1701
1788
|
| '--xh-file-upload-label-font-weight'
|
|
1789
|
+
| '--xh-file-upload-label-gap'
|
|
1702
1790
|
| '--xh-file-upload-list-max-h'
|
|
1703
1791
|
| '--xh-file-upload-preview-bg'
|
|
1704
1792
|
| '--xh-file-upload-preview-fg'
|
|
@@ -1771,10 +1859,9 @@ export type ComponentTokenName
|
|
|
1771
1859
|
| '--xh-floating-panel-trigger-px'
|
|
1772
1860
|
| '--xh-floating-panel-trigger-radius'
|
|
1773
1861
|
| '--xh-form-field-gap'
|
|
1774
|
-
| '--xh-form-field-invalid-border'
|
|
1775
|
-
| '--xh-form-field-invalid-px'
|
|
1776
1862
|
| '--xh-form-gap'
|
|
1777
1863
|
| '--xh-form-inline-gap'
|
|
1864
|
+
| '--xh-form-inline-row-gap'
|
|
1778
1865
|
| '--xh-form-label-w'
|
|
1779
1866
|
| '--xh-form-loading-duration'
|
|
1780
1867
|
| '--xh-form-submit-bg'
|
|
@@ -2000,9 +2087,12 @@ export type ComponentTokenName
|
|
|
2000
2087
|
| '--xh-image-cropper-slider-w'
|
|
2001
2088
|
| '--xh-image-cropper-viewport-radius'
|
|
2002
2089
|
| '--xh-image-cropper-w'
|
|
2090
|
+
| '--xh-image-fallback-bg'
|
|
2003
2091
|
| '--xh-image-fallback-fg'
|
|
2004
2092
|
| '--xh-image-fallback-font-size'
|
|
2005
2093
|
| '--xh-image-fallback-min-h'
|
|
2094
|
+
| '--xh-image-fallback-px'
|
|
2095
|
+
| '--xh-image-fallback-py'
|
|
2006
2096
|
| '--xh-image-fit'
|
|
2007
2097
|
| '--xh-image-h'
|
|
2008
2098
|
| '--xh-image-placeholder-bg'
|
|
@@ -2026,8 +2116,10 @@ export type ComponentTokenName
|
|
|
2026
2116
|
| '--xh-image-viewer-fg'
|
|
2027
2117
|
| '--xh-image-viewer-icon-size'
|
|
2028
2118
|
| '--xh-image-viewer-layer'
|
|
2119
|
+
| '--xh-image-viewer-nav-size'
|
|
2029
2120
|
| '--xh-image-viewer-overlay-radius'
|
|
2030
2121
|
| '--xh-image-viewer-status-size'
|
|
2122
|
+
| '--xh-image-viewer-toolbar-bg'
|
|
2031
2123
|
| '--xh-image-viewer-toolbar-gap'
|
|
2032
2124
|
| '--xh-image-viewer-toolbar-padding'
|
|
2033
2125
|
| '--xh-image-viewer-toolbar-radius'
|
|
@@ -2047,18 +2139,23 @@ export type ComponentTokenName
|
|
|
2047
2139
|
| '--xh-infinite-scroll-load-more-radius'
|
|
2048
2140
|
| '--xh-infinite-scroll-sentinel-size'
|
|
2049
2141
|
| '--xh-input-group-bg'
|
|
2142
|
+
| '--xh-input-group-bg-disabled'
|
|
2143
|
+
| '--xh-input-group-bg-focus'
|
|
2050
2144
|
| '--xh-input-group-bg-hover'
|
|
2145
|
+
| '--xh-input-group-bg-invalid'
|
|
2146
|
+
| '--xh-input-group-bg-read-only'
|
|
2051
2147
|
| '--xh-input-group-border'
|
|
2148
|
+
| '--xh-input-group-border-disabled'
|
|
2052
2149
|
| '--xh-input-group-border-focus'
|
|
2053
2150
|
| '--xh-input-group-border-hover'
|
|
2054
2151
|
| '--xh-input-group-border-invalid'
|
|
2152
|
+
| '--xh-input-group-item-bg'
|
|
2153
|
+
| '--xh-input-group-item-divider'
|
|
2055
2154
|
| '--xh-input-group-item-fg'
|
|
2056
2155
|
| '--xh-input-group-item-font-size'
|
|
2057
2156
|
| '--xh-input-group-item-h'
|
|
2058
2157
|
| '--xh-input-group-item-px'
|
|
2059
2158
|
| '--xh-input-group-radius'
|
|
2060
|
-
| '--xh-input-group-ring-focus'
|
|
2061
|
-
| '--xh-input-group-ring-invalid'
|
|
2062
2159
|
| '--xh-input-group-shadow'
|
|
2063
2160
|
| '--xh-input-group-w'
|
|
2064
2161
|
| '--xh-json-viewer-bg'
|
|
@@ -2148,6 +2245,7 @@ export type ComponentTokenName
|
|
|
2148
2245
|
| '--xh-list-divider'
|
|
2149
2246
|
| '--xh-list-fg'
|
|
2150
2247
|
| '--xh-list-item-bg-hover'
|
|
2248
|
+
| '--xh-list-item-content-py'
|
|
2151
2249
|
| '--xh-list-item-gap'
|
|
2152
2250
|
| '--xh-list-item-px'
|
|
2153
2251
|
| '--xh-list-item-py'
|
|
@@ -2210,6 +2308,7 @@ export type ComponentTokenName
|
|
|
2210
2308
|
| '--xh-loading-bar-peg-fg'
|
|
2211
2309
|
| '--xh-loading-bar-peg-w'
|
|
2212
2310
|
| '--xh-loading-bar-range'
|
|
2311
|
+
| '--xh-loading-bar-range-radius'
|
|
2213
2312
|
| '--xh-loading-bar-speed'
|
|
2214
2313
|
| '--xh-loading-bar-track'
|
|
2215
2314
|
| '--xh-log-ansi-black'
|
|
@@ -2318,6 +2417,7 @@ export type ComponentTokenName
|
|
|
2318
2417
|
| '--xh-mention-item-fg'
|
|
2319
2418
|
| '--xh-mention-item-font-size'
|
|
2320
2419
|
| '--xh-mention-item-gap'
|
|
2420
|
+
| '--xh-mention-item-h'
|
|
2321
2421
|
| '--xh-mention-item-leading'
|
|
2322
2422
|
| '--xh-mention-item-px'
|
|
2323
2423
|
| '--xh-mention-item-py'
|
|
@@ -2348,6 +2448,7 @@ export type ComponentTokenName
|
|
|
2348
2448
|
| '--xh-menu-group-label-fg'
|
|
2349
2449
|
| '--xh-menu-group-label-font-size'
|
|
2350
2450
|
| '--xh-menu-group-label-font-weight'
|
|
2451
|
+
| '--xh-menu-group-label-mt'
|
|
2351
2452
|
| '--xh-menu-group-label-px'
|
|
2352
2453
|
| '--xh-menu-group-label-py'
|
|
2353
2454
|
| '--xh-menu-highlight'
|
|
@@ -2360,6 +2461,7 @@ export type ComponentTokenName
|
|
|
2360
2461
|
| '--xh-menu-item-fg'
|
|
2361
2462
|
| '--xh-menu-item-font-size'
|
|
2362
2463
|
| '--xh-menu-item-gap'
|
|
2464
|
+
| '--xh-menu-item-h'
|
|
2363
2465
|
| '--xh-menu-item-indicator-fg'
|
|
2364
2466
|
| '--xh-menu-item-indicator-size'
|
|
2365
2467
|
| '--xh-menu-item-leading'
|
|
@@ -2394,6 +2496,7 @@ export type ComponentTokenName
|
|
|
2394
2496
|
| '--xh-menubar-group-label-fg'
|
|
2395
2497
|
| '--xh-menubar-group-label-font-size'
|
|
2396
2498
|
| '--xh-menubar-group-label-font-weight'
|
|
2499
|
+
| '--xh-menubar-group-label-mt'
|
|
2397
2500
|
| '--xh-menubar-group-label-px'
|
|
2398
2501
|
| '--xh-menubar-group-label-py'
|
|
2399
2502
|
| '--xh-menubar-highlight'
|
|
@@ -2406,6 +2509,7 @@ export type ComponentTokenName
|
|
|
2406
2509
|
| '--xh-menubar-item-fg'
|
|
2407
2510
|
| '--xh-menubar-item-font-size'
|
|
2408
2511
|
| '--xh-menubar-item-gap'
|
|
2512
|
+
| '--xh-menubar-item-h'
|
|
2409
2513
|
| '--xh-menubar-item-indicator-fg'
|
|
2410
2514
|
| '--xh-menubar-item-indicator-size'
|
|
2411
2515
|
| '--xh-menubar-item-leading'
|
|
@@ -2584,15 +2688,20 @@ export type ComponentTokenName
|
|
|
2584
2688
|
| '--xh-number-field-label-fg-disabled'
|
|
2585
2689
|
| '--xh-number-field-label-font-size'
|
|
2586
2690
|
| '--xh-number-field-label-font-weight'
|
|
2691
|
+
| '--xh-number-field-label-gap'
|
|
2587
2692
|
| '--xh-number-field-placeholder-fg'
|
|
2693
|
+
| '--xh-number-field-stepper-bg'
|
|
2694
|
+
| '--xh-number-field-stepper-bg-hover'
|
|
2695
|
+
| '--xh-number-field-stepper-inset'
|
|
2696
|
+
| '--xh-number-field-stepper-w'
|
|
2588
2697
|
| '--xh-number-field-trigger-bg-active'
|
|
2589
|
-
| '--xh-number-field-trigger-divider'
|
|
2590
|
-
| '--xh-number-field-trigger-divider-h'
|
|
2591
2698
|
| '--xh-number-field-trigger-fg'
|
|
2592
2699
|
| '--xh-number-field-trigger-fg-hover'
|
|
2593
2700
|
| '--xh-number-field-trigger-font-size'
|
|
2594
2701
|
| '--xh-number-field-trigger-radius'
|
|
2595
2702
|
| '--xh-number-field-trigger-size'
|
|
2703
|
+
| '--xh-page-header-back-fg'
|
|
2704
|
+
| '--xh-page-header-back-fg-hover'
|
|
2596
2705
|
| '--xh-page-header-bg'
|
|
2597
2706
|
| '--xh-page-header-border'
|
|
2598
2707
|
| '--xh-page-header-breadcrumb-fg'
|
|
@@ -2600,6 +2709,7 @@ export type ComponentTokenName
|
|
|
2600
2709
|
| '--xh-page-header-column-gap'
|
|
2601
2710
|
| '--xh-page-header-description-fg'
|
|
2602
2711
|
| '--xh-page-header-description-font-size'
|
|
2712
|
+
| '--xh-page-header-divider'
|
|
2603
2713
|
| '--xh-page-header-extra-gap'
|
|
2604
2714
|
| '--xh-page-header-fg'
|
|
2605
2715
|
| '--xh-page-header-footer-fg'
|
|
@@ -2628,6 +2738,8 @@ export type ComponentTokenName
|
|
|
2628
2738
|
| '--xh-pagination-item-bg-selected'
|
|
2629
2739
|
| '--xh-pagination-item-bg-selected-active'
|
|
2630
2740
|
| '--xh-pagination-item-bg-selected-hover'
|
|
2741
|
+
| '--xh-pagination-item-border'
|
|
2742
|
+
| '--xh-pagination-item-border-hover'
|
|
2631
2743
|
| '--xh-pagination-item-border-selected'
|
|
2632
2744
|
| '--xh-pagination-item-border-selected-active'
|
|
2633
2745
|
| '--xh-pagination-item-border-selected-hover'
|
|
@@ -2679,6 +2791,7 @@ export type ComponentTokenName
|
|
|
2679
2791
|
| '--xh-password-input-label-fg-disabled'
|
|
2680
2792
|
| '--xh-password-input-label-font-size'
|
|
2681
2793
|
| '--xh-password-input-label-font-weight'
|
|
2794
|
+
| '--xh-password-input-label-gap'
|
|
2682
2795
|
| '--xh-password-input-placeholder-fg'
|
|
2683
2796
|
| '--xh-password-input-strength-fg'
|
|
2684
2797
|
| '--xh-password-input-strength-radius'
|
|
@@ -2692,8 +2805,6 @@ export type ComponentTokenName
|
|
|
2692
2805
|
| '--xh-password-input-trigger-font-size'
|
|
2693
2806
|
| '--xh-password-input-trigger-radius'
|
|
2694
2807
|
| '--xh-password-input-trigger-size'
|
|
2695
|
-
| '--xh-password-input-visibility-trigger-separator-color'
|
|
2696
|
-
| '--xh-password-input-visibility-trigger-separator-h'
|
|
2697
2808
|
| '--xh-pie-chart-center-gap'
|
|
2698
2809
|
| '--xh-pie-chart-center-value-font-size'
|
|
2699
2810
|
| '--xh-pie-chart-empty-gap'
|
|
@@ -2733,12 +2844,14 @@ export type ComponentTokenName
|
|
|
2733
2844
|
| '--xh-pin-input-label-fg-disabled'
|
|
2734
2845
|
| '--xh-pin-input-label-font-size'
|
|
2735
2846
|
| '--xh-pin-input-label-font-weight'
|
|
2847
|
+
| '--xh-pin-input-label-gap'
|
|
2736
2848
|
| '--xh-pin-input-placeholder-fg'
|
|
2737
2849
|
| '--xh-pin-input-separator-fg'
|
|
2738
2850
|
| '--xh-pin-input-separator-fg-disabled'
|
|
2739
2851
|
| '--xh-pin-input-separator-font-size'
|
|
2740
2852
|
| '--xh-pin-input-separator-gap'
|
|
2741
2853
|
| '--xh-popconfirm-action-font-weight'
|
|
2854
|
+
| '--xh-popconfirm-action-mt'
|
|
2742
2855
|
| '--xh-popconfirm-action-px'
|
|
2743
2856
|
| '--xh-popconfirm-action-radius'
|
|
2744
2857
|
| '--xh-popconfirm-action-shadow'
|
|
@@ -2754,6 +2867,7 @@ export type ComponentTokenName
|
|
|
2754
2867
|
| '--xh-popconfirm-cancel-border-hover'
|
|
2755
2868
|
| '--xh-popconfirm-cancel-fg'
|
|
2756
2869
|
| '--xh-popconfirm-cancel-fg-focus'
|
|
2870
|
+
| '--xh-popconfirm-column-gap'
|
|
2757
2871
|
| '--xh-popconfirm-confirm-bg'
|
|
2758
2872
|
| '--xh-popconfirm-confirm-fg'
|
|
2759
2873
|
| '--xh-popconfirm-confirm-shadow'
|
|
@@ -2894,7 +3008,12 @@ export type ComponentTokenName
|
|
|
2894
3008
|
| '--xh-question-flow-item-py'
|
|
2895
3009
|
| '--xh-question-flow-item-radius'
|
|
2896
3010
|
| '--xh-question-flow-note-bg'
|
|
3011
|
+
| '--xh-question-flow-note-bg-disabled'
|
|
3012
|
+
| '--xh-question-flow-note-bg-focus'
|
|
2897
3013
|
| '--xh-question-flow-note-border'
|
|
3014
|
+
| '--xh-question-flow-note-border-disabled'
|
|
3015
|
+
| '--xh-question-flow-note-border-focus'
|
|
3016
|
+
| '--xh-question-flow-note-border-hover'
|
|
2898
3017
|
| '--xh-question-flow-note-fg'
|
|
2899
3018
|
| '--xh-question-flow-note-font-size'
|
|
2900
3019
|
| '--xh-question-flow-note-px'
|
|
@@ -2912,6 +3031,7 @@ export type ComponentTokenName
|
|
|
2912
3031
|
| '--xh-question-flow-result-font-size'
|
|
2913
3032
|
| '--xh-question-flow-result-font-weight'
|
|
2914
3033
|
| '--xh-question-flow-result-gap'
|
|
3034
|
+
| '--xh-question-flow-result-h'
|
|
2915
3035
|
| '--xh-question-flow-result-px'
|
|
2916
3036
|
| '--xh-question-flow-result-py'
|
|
2917
3037
|
| '--xh-question-flow-result-radius'
|
|
@@ -2991,14 +3111,17 @@ export type ComponentTokenName
|
|
|
2991
3111
|
| '--xh-radio-group-segment-fg-checked-disabled'
|
|
2992
3112
|
| '--xh-radio-group-segment-fg-hover'
|
|
2993
3113
|
| '--xh-radio-group-segment-font-weight'
|
|
3114
|
+
| '--xh-radio-group-segment-font-weight-checked'
|
|
2994
3115
|
| '--xh-radio-group-segment-h'
|
|
2995
3116
|
| '--xh-radio-group-segment-px'
|
|
2996
3117
|
| '--xh-radio-group-segment-radius'
|
|
3118
|
+
| '--xh-radio-group-segment-separator'
|
|
2997
3119
|
| '--xh-radio-group-thumb-bg'
|
|
3120
|
+
| '--xh-radio-group-thumb-bg-disabled'
|
|
3121
|
+
| '--xh-radio-group-thumb-bg-hover'
|
|
2998
3122
|
| '--xh-radio-group-thumb-border'
|
|
2999
3123
|
| '--xh-radio-group-thumb-radius'
|
|
3000
3124
|
| '--xh-radio-group-thumb-shadow'
|
|
3001
|
-
| '--xh-radio-group-thumb-shadow-disabled'
|
|
3002
3125
|
| '--xh-radio-group-track-bg'
|
|
3003
3126
|
| '--xh-radio-group-track-bg-disabled'
|
|
3004
3127
|
| '--xh-radio-group-track-border'
|
|
@@ -3016,6 +3139,7 @@ export type ComponentTokenName
|
|
|
3016
3139
|
| '--xh-rating-label-fg-disabled'
|
|
3017
3140
|
| '--xh-rating-label-font-size'
|
|
3018
3141
|
| '--xh-rating-label-font-weight'
|
|
3142
|
+
| '--xh-rating-label-gap'
|
|
3019
3143
|
| '--xh-rating-value-text-fg'
|
|
3020
3144
|
| '--xh-rating-value-text-fg-disabled'
|
|
3021
3145
|
| '--xh-rating-value-text-font-size'
|
|
@@ -3151,6 +3275,7 @@ export type ComponentTokenName
|
|
|
3151
3275
|
| '--xh-select-item-font-size'
|
|
3152
3276
|
| '--xh-select-item-font-weight-selected'
|
|
3153
3277
|
| '--xh-select-item-gap'
|
|
3278
|
+
| '--xh-select-item-h'
|
|
3154
3279
|
| '--xh-select-item-indicator-size'
|
|
3155
3280
|
| '--xh-select-item-leading'
|
|
3156
3281
|
| '--xh-select-item-px'
|
|
@@ -3160,6 +3285,7 @@ export type ComponentTokenName
|
|
|
3160
3285
|
| '--xh-select-label-fg-disabled'
|
|
3161
3286
|
| '--xh-select-label-font-size'
|
|
3162
3287
|
| '--xh-select-label-font-weight'
|
|
3288
|
+
| '--xh-select-label-gap'
|
|
3163
3289
|
| '--xh-select-layer'
|
|
3164
3290
|
| '--xh-select-list-gap'
|
|
3165
3291
|
| '--xh-select-loading-fg'
|
|
@@ -3175,9 +3301,12 @@ export type ComponentTokenName
|
|
|
3175
3301
|
| '--xh-separator-color'
|
|
3176
3302
|
| '--xh-separator-content-fg'
|
|
3177
3303
|
| '--xh-separator-content-font-size'
|
|
3304
|
+
| '--xh-separator-content-font-weight'
|
|
3178
3305
|
| '--xh-separator-dash-gap'
|
|
3179
3306
|
| '--xh-separator-dash-length'
|
|
3180
3307
|
| '--xh-separator-gap'
|
|
3308
|
+
| '--xh-separator-mx'
|
|
3309
|
+
| '--xh-separator-my'
|
|
3181
3310
|
| '--xh-separator-radius'
|
|
3182
3311
|
| '--xh-separator-thickness'
|
|
3183
3312
|
| '--xh-side-nav-branch-indicator-size'
|
|
@@ -3227,10 +3356,13 @@ export type ComponentTokenName
|
|
|
3227
3356
|
| '--xh-signature-pad-aspect-ratio'
|
|
3228
3357
|
| '--xh-signature-pad-bg'
|
|
3229
3358
|
| '--xh-signature-pad-bg-disabled'
|
|
3359
|
+
| '--xh-signature-pad-bg-drawing'
|
|
3360
|
+
| '--xh-signature-pad-bg-invalid'
|
|
3230
3361
|
| '--xh-signature-pad-bg-readonly'
|
|
3231
3362
|
| '--xh-signature-pad-border'
|
|
3232
3363
|
| '--xh-signature-pad-border-disabled'
|
|
3233
3364
|
| '--xh-signature-pad-border-drawing'
|
|
3365
|
+
| '--xh-signature-pad-border-hover'
|
|
3234
3366
|
| '--xh-signature-pad-clear-bg'
|
|
3235
3367
|
| '--xh-signature-pad-clear-bg-active'
|
|
3236
3368
|
| '--xh-signature-pad-clear-bg-disabled'
|
|
@@ -3276,14 +3408,16 @@ export type ComponentTokenName
|
|
|
3276
3408
|
| '--xh-slider-label-fg-disabled'
|
|
3277
3409
|
| '--xh-slider-label-font-size'
|
|
3278
3410
|
| '--xh-slider-label-font-weight'
|
|
3411
|
+
| '--xh-slider-label-gap'
|
|
3279
3412
|
| '--xh-slider-range-bg'
|
|
3280
3413
|
| '--xh-slider-range-bg-disabled'
|
|
3281
3414
|
| '--xh-slider-range-bg-invalid'
|
|
3282
3415
|
| '--xh-slider-range-radius'
|
|
3283
3416
|
| '--xh-slider-thumb-bg'
|
|
3284
3417
|
| '--xh-slider-thumb-bg-disabled'
|
|
3285
|
-
| '--xh-slider-thumb-bg-invalid'
|
|
3286
3418
|
| '--xh-slider-thumb-border'
|
|
3419
|
+
| '--xh-slider-thumb-border-disabled'
|
|
3420
|
+
| '--xh-slider-thumb-border-invalid'
|
|
3287
3421
|
| '--xh-slider-thumb-radius'
|
|
3288
3422
|
| '--xh-slider-thumb-scale-dragging'
|
|
3289
3423
|
| '--xh-slider-thumb-shadow'
|
|
@@ -3291,9 +3425,10 @@ export type ComponentTokenName
|
|
|
3291
3425
|
| '--xh-slider-thumb-shadow-dragging'
|
|
3292
3426
|
| '--xh-slider-thumb-size'
|
|
3293
3427
|
| '--xh-slider-tick-bg'
|
|
3294
|
-
| '--xh-slider-tick-
|
|
3295
|
-
| '--xh-slider-tick-
|
|
3296
|
-
| '--xh-slider-tick-
|
|
3428
|
+
| '--xh-slider-tick-border'
|
|
3429
|
+
| '--xh-slider-tick-border-active'
|
|
3430
|
+
| '--xh-slider-tick-border-active-disabled'
|
|
3431
|
+
| '--xh-slider-tick-border-disabled'
|
|
3297
3432
|
| '--xh-slider-tick-label-fg'
|
|
3298
3433
|
| '--xh-slider-tick-label-fg-active'
|
|
3299
3434
|
| '--xh-slider-tick-label-fg-disabled'
|
|
@@ -3344,6 +3479,7 @@ export type ComponentTokenName
|
|
|
3344
3479
|
| '--xh-spinner-gap'
|
|
3345
3480
|
| '--xh-spinner-label-fg'
|
|
3346
3481
|
| '--xh-spinner-label-size'
|
|
3482
|
+
| '--xh-spinner-label-weight'
|
|
3347
3483
|
| '--xh-spinner-radius'
|
|
3348
3484
|
| '--xh-spinner-size'
|
|
3349
3485
|
| '--xh-spinner-thickness'
|
|
@@ -3379,6 +3515,7 @@ export type ComponentTokenName
|
|
|
3379
3515
|
| '--xh-steps-indicator-bg'
|
|
3380
3516
|
| '--xh-steps-indicator-bg-completed'
|
|
3381
3517
|
| '--xh-steps-indicator-bg-completed-hover'
|
|
3518
|
+
| '--xh-steps-indicator-bg-completed-pressed'
|
|
3382
3519
|
| '--xh-steps-indicator-bg-current'
|
|
3383
3520
|
| '--xh-steps-indicator-bg-current-pressed'
|
|
3384
3521
|
| '--xh-steps-indicator-bg-disabled'
|
|
@@ -3417,6 +3554,7 @@ export type ComponentTokenName
|
|
|
3417
3554
|
| '--xh-steps-title-fg-toned'
|
|
3418
3555
|
| '--xh-steps-title-font-size'
|
|
3419
3556
|
| '--xh-steps-title-font-weight'
|
|
3557
|
+
| '--xh-steps-title-font-weight-current'
|
|
3420
3558
|
| '--xh-steps-trigger-bg-hover'
|
|
3421
3559
|
| '--xh-steps-trigger-bg-pressed'
|
|
3422
3560
|
| '--xh-steps-trigger-gap'
|
|
@@ -3619,6 +3757,7 @@ export type ComponentTokenName
|
|
|
3619
3757
|
| '--xh-tag-group-label-font-size'
|
|
3620
3758
|
| '--xh-tag-group-label-font-weight'
|
|
3621
3759
|
| '--xh-tag-group-list-gap'
|
|
3760
|
+
| '--xh-tag-h'
|
|
3622
3761
|
| '--xh-tag-icon-size'
|
|
3623
3762
|
| '--xh-tag-px'
|
|
3624
3763
|
| '--xh-tag-py'
|
|
@@ -3646,6 +3785,7 @@ export type ComponentTokenName
|
|
|
3646
3785
|
| '--xh-tags-input-control-h'
|
|
3647
3786
|
| '--xh-tags-input-control-max-h'
|
|
3648
3787
|
| '--xh-tags-input-control-min-w'
|
|
3788
|
+
| '--xh-tags-input-control-ps'
|
|
3649
3789
|
| '--xh-tags-input-control-px'
|
|
3650
3790
|
| '--xh-tags-input-control-radius'
|
|
3651
3791
|
| '--xh-tags-input-control-shadow'
|
|
@@ -3665,8 +3805,12 @@ export type ComponentTokenName
|
|
|
3665
3805
|
| '--xh-tags-input-item-bg-highlight'
|
|
3666
3806
|
| '--xh-tags-input-item-fg-highlight'
|
|
3667
3807
|
| '--xh-tags-input-item-font-size'
|
|
3808
|
+
| '--xh-tags-input-item-h'
|
|
3668
3809
|
| '--xh-tags-input-item-input-bg'
|
|
3810
|
+
| '--xh-tags-input-item-input-bg-focus'
|
|
3669
3811
|
| '--xh-tags-input-item-input-border'
|
|
3812
|
+
| '--xh-tags-input-item-input-border-focus'
|
|
3813
|
+
| '--xh-tags-input-item-input-border-invalid'
|
|
3670
3814
|
| '--xh-tags-input-item-input-fg'
|
|
3671
3815
|
| '--xh-tags-input-item-px'
|
|
3672
3816
|
| '--xh-tags-input-item-py'
|
|
@@ -3675,6 +3819,7 @@ export type ComponentTokenName
|
|
|
3675
3819
|
| '--xh-tags-input-label-fg-disabled'
|
|
3676
3820
|
| '--xh-tags-input-label-font-size'
|
|
3677
3821
|
| '--xh-tags-input-label-font-weight'
|
|
3822
|
+
| '--xh-tags-input-label-gap'
|
|
3678
3823
|
| '--xh-tags-input-placeholder-fg'
|
|
3679
3824
|
| '--xh-text-field-action-bg'
|
|
3680
3825
|
| '--xh-text-field-action-bg-active'
|
|
@@ -3719,6 +3864,7 @@ export type ComponentTokenName
|
|
|
3719
3864
|
| '--xh-text-field-label-fg-disabled'
|
|
3720
3865
|
| '--xh-text-field-label-font-size'
|
|
3721
3866
|
| '--xh-text-field-label-font-weight'
|
|
3867
|
+
| '--xh-text-field-label-gap'
|
|
3722
3868
|
| '--xh-text-field-placeholder-fg'
|
|
3723
3869
|
| '--xh-text-field-textarea-py'
|
|
3724
3870
|
| '--xh-time-field-action-bg'
|
|
@@ -3752,6 +3898,7 @@ export type ComponentTokenName
|
|
|
3752
3898
|
| '--xh-time-field-label-fg-disabled'
|
|
3753
3899
|
| '--xh-time-field-label-font-size'
|
|
3754
3900
|
| '--xh-time-field-label-font-weight'
|
|
3901
|
+
| '--xh-time-field-label-gap'
|
|
3755
3902
|
| '--xh-time-field-literal-fg'
|
|
3756
3903
|
| '--xh-time-field-placeholder-fg'
|
|
3757
3904
|
| '--xh-time-field-segment-bg-focus'
|
|
@@ -3776,12 +3923,14 @@ export type ComponentTokenName
|
|
|
3776
3923
|
| '--xh-time-picker-column-h'
|
|
3777
3924
|
| '--xh-time-picker-column-min-w'
|
|
3778
3925
|
| '--xh-time-picker-column-px'
|
|
3926
|
+
| '--xh-time-picker-column-py'
|
|
3779
3927
|
| '--xh-time-picker-confirm-trigger-bg'
|
|
3780
3928
|
| '--xh-time-picker-confirm-trigger-bg-active'
|
|
3781
3929
|
| '--xh-time-picker-confirm-trigger-bg-hover'
|
|
3782
3930
|
| '--xh-time-picker-confirm-trigger-fg'
|
|
3783
|
-
| '--xh-time-picker-confirm-trigger-
|
|
3931
|
+
| '--xh-time-picker-confirm-trigger-font-size'
|
|
3784
3932
|
| '--xh-time-picker-confirm-trigger-h'
|
|
3933
|
+
| '--xh-time-picker-confirm-trigger-margin'
|
|
3785
3934
|
| '--xh-time-picker-confirm-trigger-px'
|
|
3786
3935
|
| '--xh-time-picker-confirm-trigger-radius'
|
|
3787
3936
|
| '--xh-time-picker-confirm-trigger-shadow'
|
|
@@ -3811,6 +3960,12 @@ export type ComponentTokenName
|
|
|
3811
3960
|
| '--xh-time-picker-control-shadow'
|
|
3812
3961
|
| '--xh-time-picker-control-w'
|
|
3813
3962
|
| '--xh-time-picker-font-size'
|
|
3963
|
+
| '--xh-time-picker-footer-border'
|
|
3964
|
+
| '--xh-time-picker-footer-fg'
|
|
3965
|
+
| '--xh-time-picker-footer-font-size'
|
|
3966
|
+
| '--xh-time-picker-footer-gap'
|
|
3967
|
+
| '--xh-time-picker-footer-px'
|
|
3968
|
+
| '--xh-time-picker-footer-py'
|
|
3814
3969
|
| '--xh-time-picker-gap'
|
|
3815
3970
|
| '--xh-time-picker-icon-size'
|
|
3816
3971
|
| '--xh-time-picker-item-bg-hover'
|
|
@@ -3823,27 +3978,30 @@ export type ComponentTokenName
|
|
|
3823
3978
|
| '--xh-time-picker-item-font-weight-selected'
|
|
3824
3979
|
| '--xh-time-picker-item-h'
|
|
3825
3980
|
| '--xh-time-picker-item-px'
|
|
3826
|
-
| '--xh-time-picker-item-py'
|
|
3827
3981
|
| '--xh-time-picker-item-radius'
|
|
3828
3982
|
| '--xh-time-picker-label-fg'
|
|
3829
3983
|
| '--xh-time-picker-label-fg-disabled'
|
|
3830
3984
|
| '--xh-time-picker-label-font-size'
|
|
3831
3985
|
| '--xh-time-picker-label-font-weight'
|
|
3986
|
+
| '--xh-time-picker-label-gap'
|
|
3832
3987
|
| '--xh-time-picker-layer'
|
|
3833
3988
|
| '--xh-time-picker-literal-fg'
|
|
3834
3989
|
| '--xh-time-picker-placeholder-fg'
|
|
3990
|
+
| '--xh-time-picker-preset-bg'
|
|
3835
3991
|
| '--xh-time-picker-preset-bg-hover'
|
|
3836
3992
|
| '--xh-time-picker-preset-bg-pressed'
|
|
3837
3993
|
| '--xh-time-picker-preset-check-fg'
|
|
3838
3994
|
| '--xh-time-picker-preset-check-size'
|
|
3839
3995
|
| '--xh-time-picker-preset-fg'
|
|
3840
|
-
| '--xh-time-picker-preset-fg-checked'
|
|
3841
3996
|
| '--xh-time-picker-preset-fg-disabled'
|
|
3997
|
+
| '--xh-time-picker-preset-fg-hover'
|
|
3998
|
+
| '--xh-time-picker-preset-font-size'
|
|
3842
3999
|
| '--xh-time-picker-preset-group-gap'
|
|
3843
4000
|
| '--xh-time-picker-preset-group-h'
|
|
3844
4001
|
| '--xh-time-picker-preset-group-px'
|
|
4002
|
+
| '--xh-time-picker-preset-group-py'
|
|
4003
|
+
| '--xh-time-picker-preset-h'
|
|
3845
4004
|
| '--xh-time-picker-preset-px'
|
|
3846
|
-
| '--xh-time-picker-preset-py'
|
|
3847
4005
|
| '--xh-time-picker-preset-radius'
|
|
3848
4006
|
| '--xh-time-picker-segment-bg-focus'
|
|
3849
4007
|
| '--xh-time-picker-segment-bg-hover'
|
|
@@ -3873,6 +4031,7 @@ export type ComponentTokenName
|
|
|
3873
4031
|
| '--xh-time-range-picker-column-h'
|
|
3874
4032
|
| '--xh-time-range-picker-column-min-w'
|
|
3875
4033
|
| '--xh-time-range-picker-column-px'
|
|
4034
|
+
| '--xh-time-range-picker-column-py'
|
|
3876
4035
|
| '--xh-time-range-picker-content-bg'
|
|
3877
4036
|
| '--xh-time-range-picker-content-border'
|
|
3878
4037
|
| '--xh-time-range-picker-content-fg'
|
|
@@ -3910,27 +4069,30 @@ export type ComponentTokenName
|
|
|
3910
4069
|
| '--xh-time-range-picker-item-font-weight-selected'
|
|
3911
4070
|
| '--xh-time-range-picker-item-h'
|
|
3912
4071
|
| '--xh-time-range-picker-item-px'
|
|
3913
|
-
| '--xh-time-range-picker-item-py'
|
|
3914
4072
|
| '--xh-time-range-picker-item-radius'
|
|
3915
4073
|
| '--xh-time-range-picker-label-fg'
|
|
3916
4074
|
| '--xh-time-range-picker-label-fg-disabled'
|
|
3917
4075
|
| '--xh-time-range-picker-label-font-size'
|
|
3918
4076
|
| '--xh-time-range-picker-label-font-weight'
|
|
4077
|
+
| '--xh-time-range-picker-label-gap'
|
|
3919
4078
|
| '--xh-time-range-picker-layer'
|
|
3920
4079
|
| '--xh-time-range-picker-literal-fg'
|
|
3921
4080
|
| '--xh-time-range-picker-placeholder-fg'
|
|
4081
|
+
| '--xh-time-range-picker-preset-bg'
|
|
3922
4082
|
| '--xh-time-range-picker-preset-bg-hover'
|
|
3923
4083
|
| '--xh-time-range-picker-preset-bg-pressed'
|
|
3924
4084
|
| '--xh-time-range-picker-preset-check-fg'
|
|
3925
4085
|
| '--xh-time-range-picker-preset-check-size'
|
|
3926
4086
|
| '--xh-time-range-picker-preset-fg'
|
|
3927
|
-
| '--xh-time-range-picker-preset-fg-checked'
|
|
3928
4087
|
| '--xh-time-range-picker-preset-fg-disabled'
|
|
4088
|
+
| '--xh-time-range-picker-preset-fg-hover'
|
|
4089
|
+
| '--xh-time-range-picker-preset-font-size'
|
|
3929
4090
|
| '--xh-time-range-picker-preset-group-gap'
|
|
3930
4091
|
| '--xh-time-range-picker-preset-group-h'
|
|
3931
4092
|
| '--xh-time-range-picker-preset-group-px'
|
|
4093
|
+
| '--xh-time-range-picker-preset-group-py'
|
|
4094
|
+
| '--xh-time-range-picker-preset-h'
|
|
3932
4095
|
| '--xh-time-range-picker-preset-px'
|
|
3933
|
-
| '--xh-time-range-picker-preset-py'
|
|
3934
4096
|
| '--xh-time-range-picker-preset-radius'
|
|
3935
4097
|
| '--xh-time-range-picker-range-separator-fg'
|
|
3936
4098
|
| '--xh-time-range-picker-range-separator-mx'
|
|
@@ -4072,6 +4234,7 @@ export type ComponentTokenName
|
|
|
4072
4234
|
| '--xh-tool-call-status-fg-done'
|
|
4073
4235
|
| '--xh-tool-call-status-fg-error'
|
|
4074
4236
|
| '--xh-tool-call-status-font-size'
|
|
4237
|
+
| '--xh-tool-call-status-h'
|
|
4075
4238
|
| '--xh-tool-call-status-px'
|
|
4076
4239
|
| '--xh-tool-call-status-py'
|
|
4077
4240
|
| '--xh-tool-call-status-radius'
|
|
@@ -4208,6 +4371,7 @@ export type ComponentTokenName
|
|
|
4208
4371
|
| '--xh-transfer-item-fg-selected'
|
|
4209
4372
|
| '--xh-transfer-item-font-size'
|
|
4210
4373
|
| '--xh-transfer-item-gap'
|
|
4374
|
+
| '--xh-transfer-item-h'
|
|
4211
4375
|
| '--xh-transfer-item-leading'
|
|
4212
4376
|
| '--xh-transfer-item-px'
|
|
4213
4377
|
| '--xh-transfer-item-py'
|
|
@@ -4226,6 +4390,7 @@ export type ComponentTokenName
|
|
|
4226
4390
|
| '--xh-transfer-panel-border-invalid'
|
|
4227
4391
|
| '--xh-transfer-panel-count-fg'
|
|
4228
4392
|
| '--xh-transfer-panel-count-font-size'
|
|
4393
|
+
| '--xh-transfer-panel-header-bg'
|
|
4229
4394
|
| '--xh-transfer-panel-header-gap'
|
|
4230
4395
|
| '--xh-transfer-panel-header-px'
|
|
4231
4396
|
| '--xh-transfer-panel-header-py'
|
|
@@ -4262,6 +4427,7 @@ export type ComponentTokenName
|
|
|
4262
4427
|
| '--xh-tree-branch-content-gap'
|
|
4263
4428
|
| '--xh-tree-branch-gap'
|
|
4264
4429
|
| '--xh-tree-branch-indicator-fg'
|
|
4430
|
+
| '--xh-tree-branch-loading-fg'
|
|
4265
4431
|
| '--xh-tree-drag-fg'
|
|
4266
4432
|
| '--xh-tree-drag-fg-active'
|
|
4267
4433
|
| '--xh-tree-drag-fg-disabled'
|
|
@@ -4390,8 +4556,10 @@ export type ComponentTokenName
|
|
|
4390
4556
|
| '--xh-tree-select-item-py'
|
|
4391
4557
|
| '--xh-tree-select-item-radius'
|
|
4392
4558
|
| '--xh-tree-select-label-fg'
|
|
4559
|
+
| '--xh-tree-select-label-fg-disabled'
|
|
4393
4560
|
| '--xh-tree-select-label-font-size'
|
|
4394
4561
|
| '--xh-tree-select-label-font-weight'
|
|
4562
|
+
| '--xh-tree-select-label-gap'
|
|
4395
4563
|
| '--xh-tree-select-layer'
|
|
4396
4564
|
| '--xh-tree-select-loading-fg'
|
|
4397
4565
|
| '--xh-tree-select-loading-font-size'
|
|
@@ -4409,6 +4577,7 @@ export type ComponentTokenName
|
|
|
4409
4577
|
| '--xh-truncate-lines'
|
|
4410
4578
|
| '--xh-typography-block-gap'
|
|
4411
4579
|
| '--xh-typography-code-bg'
|
|
4580
|
+
| '--xh-typography-code-fg'
|
|
4412
4581
|
| '--xh-typography-code-font'
|
|
4413
4582
|
| '--xh-typography-code-font-size'
|
|
4414
4583
|
| '--xh-typography-code-px'
|