@salutejs/sdds-cs 0.330.0-canary.2254.18336605490.0 → 0.330.0-canary.2254.18489699974.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/components/Attach/Attach.config.js +7 -7
- package/components/Autocomplete/Autocomplete.config.js +2 -2
- package/components/Button/Button.config.js +1 -1
- package/components/ButtonGroup/ButtonGroup.config.js +7 -7
- package/components/Calendar/CalendarBase.config.js +2 -2
- package/components/Carousel/Carousel.config.js +1 -1
- package/components/Chip/Chip.config.js +8 -5
- package/components/Combobox/Combobox.config.js +10 -6
- package/components/Combobox/Combobox.d.ts +24 -0
- package/components/DatePicker/DatePicker.config.js +1 -1
- package/components/DatePicker/DatePicker.d.ts +3 -3
- package/components/Dropdown/Dropdown.config.js +1 -3
- package/components/IconButton/IconButton.config.js +1 -1
- package/components/Link/Link.config.js +2 -2
- package/components/Modal/Modal.config.js +3 -3
- package/components/Notification/Notification.config.js +1 -1
- package/components/NumberInput/NumberInput.config.js +1 -1
- package/components/Pagination/Pagination.config.js +6 -6
- package/components/Segment/SegmentItem.config.js +3 -3
- package/components/Select/Select.config.js +6 -5
- package/components/Select/Select.d.ts +6 -0
- package/components/Steps/Steps.config.js +1 -1
- package/components/Tabs/horizontal/HorizontalTabItem.config.js +1 -1
- package/components/Tabs/horizontal/HorizontalTabs.config.js +1 -1
- package/components/Tabs/vertical/VerticalTabItem.config.js +1 -1
- package/components/Tabs/vertical/VerticalTabs.config.js +1 -1
- package/components/TextField/TextField.config.js +7 -3
- package/components/Toast/Toast.config.js +3 -3
- package/components/ToastNew/ToastNew.config.js +1 -1
- package/components/Tree/Tree.config.js +1 -1
- package/emotion/cjs/components/Attach/Attach.config.js +7 -7
- package/emotion/cjs/components/Autocomplete/Autocomplete.config.js +2 -2
- package/emotion/cjs/components/Button/Button.config.js +1 -1
- package/emotion/cjs/components/ButtonGroup/ButtonGroup.config.js +7 -7
- package/emotion/cjs/components/Calendar/CalendarBase.config.js +2 -2
- package/emotion/cjs/components/Carousel/Carousel.config.js +1 -1
- package/emotion/cjs/components/Chip/Chip.config.js +8 -5
- package/emotion/cjs/components/Combobox/Combobox.config.js +10 -6
- package/emotion/cjs/components/DatePicker/DatePicker.config.js +1 -1
- package/emotion/cjs/components/Dropdown/Dropdown.config.js +1 -3
- package/emotion/cjs/components/IconButton/IconButton.config.js +1 -1
- package/emotion/cjs/components/Link/Link.config.js +2 -2
- package/emotion/cjs/components/Modal/Modal.config.js +3 -3
- package/emotion/cjs/components/Notification/Notification.config.js +1 -1
- package/emotion/cjs/components/NumberInput/NumberInput.config.js +1 -1
- package/emotion/cjs/components/Pagination/Pagination.config.js +6 -6
- package/emotion/cjs/components/Segment/SegmentItem.config.js +3 -3
- package/emotion/cjs/components/Select/Select.config.js +6 -5
- package/emotion/cjs/components/Steps/Steps.config.js +1 -1
- package/emotion/cjs/components/Tabs/horizontal/HorizontalTabItem.config.js +1 -1
- package/emotion/cjs/components/Tabs/horizontal/HorizontalTabs.config.js +1 -1
- package/emotion/cjs/components/Tabs/vertical/VerticalTabItem.config.js +1 -1
- package/emotion/cjs/components/Tabs/vertical/VerticalTabs.config.js +1 -1
- package/emotion/cjs/components/TextField/TextField.config.js +7 -3
- package/emotion/cjs/components/Toast/Toast.config.js +3 -3
- package/emotion/cjs/components/ToastNew/ToastNew.config.js +1 -1
- package/emotion/cjs/components/Tree/Tree.config.js +1 -1
- package/emotion/es/components/Attach/Attach.config.js +7 -7
- package/emotion/es/components/Autocomplete/Autocomplete.config.js +2 -2
- package/emotion/es/components/Button/Button.config.js +1 -1
- package/emotion/es/components/ButtonGroup/ButtonGroup.config.js +7 -7
- package/emotion/es/components/Calendar/CalendarBase.config.js +2 -2
- package/emotion/es/components/Carousel/Carousel.config.js +1 -1
- package/emotion/es/components/Chip/Chip.config.js +8 -5
- package/emotion/es/components/Combobox/Combobox.config.js +10 -6
- package/emotion/es/components/DatePicker/DatePicker.config.js +1 -1
- package/emotion/es/components/Dropdown/Dropdown.config.js +1 -3
- package/emotion/es/components/IconButton/IconButton.config.js +1 -1
- package/emotion/es/components/Link/Link.config.js +2 -2
- package/emotion/es/components/Modal/Modal.config.js +3 -3
- package/emotion/es/components/Notification/Notification.config.js +1 -1
- package/emotion/es/components/NumberInput/NumberInput.config.js +1 -1
- package/emotion/es/components/Pagination/Pagination.config.js +6 -6
- package/emotion/es/components/Segment/SegmentItem.config.js +3 -3
- package/emotion/es/components/Select/Select.config.js +6 -5
- package/emotion/es/components/Steps/Steps.config.js +1 -1
- package/emotion/es/components/Tabs/horizontal/HorizontalTabItem.config.js +1 -1
- package/emotion/es/components/Tabs/horizontal/HorizontalTabs.config.js +1 -1
- package/emotion/es/components/Tabs/vertical/VerticalTabItem.config.js +1 -1
- package/emotion/es/components/Tabs/vertical/VerticalTabs.config.js +1 -1
- package/emotion/es/components/TextField/TextField.config.js +7 -3
- package/emotion/es/components/Toast/Toast.config.js +3 -3
- package/emotion/es/components/ToastNew/ToastNew.config.js +1 -1
- package/emotion/es/components/Tree/Tree.config.js +1 -1
- package/es/components/Attach/Attach.config.js +7 -7
- package/es/components/Autocomplete/Autocomplete.config.js +2 -2
- package/es/components/Button/Button.config.js +1 -1
- package/es/components/ButtonGroup/ButtonGroup.config.js +7 -7
- package/es/components/Calendar/CalendarBase.config.js +2 -2
- package/es/components/Carousel/Carousel.config.js +1 -1
- package/es/components/Chip/Chip.config.js +8 -5
- package/es/components/Combobox/Combobox.config.js +10 -6
- package/es/components/DatePicker/DatePicker.config.js +1 -1
- package/es/components/Dropdown/Dropdown.config.js +1 -3
- package/es/components/IconButton/IconButton.config.js +1 -1
- package/es/components/Link/Link.config.js +2 -2
- package/es/components/Modal/Modal.config.js +3 -3
- package/es/components/Notification/Notification.config.js +1 -1
- package/es/components/NumberInput/NumberInput.config.js +1 -1
- package/es/components/Pagination/Pagination.config.js +6 -6
- package/es/components/Segment/SegmentItem.config.js +3 -3
- package/es/components/Select/Select.config.js +6 -5
- package/es/components/Steps/Steps.config.js +1 -1
- package/es/components/Tabs/horizontal/HorizontalTabItem.config.js +1 -1
- package/es/components/Tabs/horizontal/HorizontalTabs.config.js +1 -1
- package/es/components/Tabs/vertical/VerticalTabItem.config.js +1 -1
- package/es/components/Tabs/vertical/VerticalTabs.config.js +1 -1
- package/es/components/TextField/TextField.config.js +7 -3
- package/es/components/Toast/Toast.config.js +3 -3
- package/es/components/ToastNew/ToastNew.config.js +1 -1
- package/es/components/Tree/Tree.config.js +1 -1
- package/package.json +3 -3
@@ -12,16 +12,16 @@ function _templateObject() {
|
|
12
12
|
var data = _tagged_template_literal([
|
13
13
|
"\n ",
|
14
14
|
": var(--text-accent);\n ",
|
15
|
-
": var(--text-accent);\n ",
|
16
|
-
": var(--text-accent);\n ",
|
15
|
+
": var(--text-accent-minor);\n ",
|
16
|
+
": var(--text-accent-active);\n ",
|
17
17
|
": var(--surface-clear);\n ",
|
18
18
|
": var(--surface-clear);\n ",
|
19
19
|
": var(--surface-clear);\n ",
|
20
|
+
": var(--text-accent-minor);\n ",
|
21
|
+
": var(--text-accent-active);\n ",
|
20
22
|
": var(--text-accent);\n ",
|
21
|
-
": var(--text-accent);\n ",
|
22
|
-
": var(--text-accent);\n ",
|
23
|
-
": var(--text-accent);\n ",
|
24
|
-
": var(--text-accent);\n\n ",
|
23
|
+
": var(--text-accent-minor);\n ",
|
24
|
+
": var(--text-accent-active);\n\n ",
|
25
25
|
": var(--surface-solid-card);\n ",
|
26
26
|
": var(--surface-solid-card);\n ",
|
27
27
|
": var(--outline-solid-primary);\n\n ",
|
@@ -13,7 +13,7 @@ function _templateObject() {
|
|
13
13
|
"\n ",
|
14
14
|
": var(--text-accent);\n ",
|
15
15
|
": transparent;\n ",
|
16
|
-
":
|
16
|
+
": var(--text-accent-minor);\n ",
|
17
17
|
": transparent;\n ",
|
18
18
|
": var(--text-accent-minor);\n ",
|
19
19
|
": var(--text-accent-minor);\n ",
|
@@ -35,13 +35,13 @@ function _templateObject1() {
|
|
35
35
|
"\n ",
|
36
36
|
": var(--text-accent);\n ",
|
37
37
|
": transparent;\n ",
|
38
|
-
":
|
38
|
+
": var(--text-accent-minor);\n ",
|
39
39
|
": transparent;\n ",
|
40
40
|
": var(--text-accent-minor);\n ",
|
41
41
|
": var(--text-accent-minor);\n ",
|
42
42
|
": var(--text-accent);\n ",
|
43
43
|
": var(--surface-solid-card);\n ",
|
44
|
-
": var(--text-accent);\n ",
|
44
|
+
": var(--text-accent-minor);\n ",
|
45
45
|
": var(--surface-solid-card);\n ",
|
46
46
|
": var(--text-accent-minor);\n ",
|
47
47
|
": var(--text-accent-minor);\n\n ",
|
@@ -24,7 +24,7 @@ function _templateObject() {
|
|
24
24
|
": var(--surface-negative);\n ",
|
25
25
|
": var(--text-tertiary);\n\n ",
|
26
26
|
": var(--text-accent);\n ",
|
27
|
-
":
|
27
|
+
": var(--text-accent-minor);\n ",
|
28
28
|
": var(--text-accent-active);\n ",
|
29
29
|
": var(--text-primary);\n ",
|
30
30
|
": var(--text-primary-hover);\n ",
|
@@ -33,7 +33,7 @@ function _templateObject() {
|
|
33
33
|
": var(--surface-solid-primary-hover);\n ",
|
34
34
|
": var(--surface-solid-primary-active);\n\n ",
|
35
35
|
": var(--text-accent);\n ",
|
36
|
-
":
|
36
|
+
": var(--text-accent-minor);\n ",
|
37
37
|
": var(--surface-transparent-accent);\n ",
|
38
38
|
": 1;\n ",
|
39
39
|
": var(--text-secondary);\n\n ",
|
@@ -67,7 +67,7 @@ function _templateObject1() {
|
|
67
67
|
": var(--surface-negative);\n ",
|
68
68
|
": var(--text-tertiary);\n\n ",
|
69
69
|
": var(--text-accent);\n ",
|
70
|
-
":
|
70
|
+
": var(--text-accent-minor);\n ",
|
71
71
|
": var(--text-accent-active);\n ",
|
72
72
|
": var(--text-primary);\n ",
|
73
73
|
": var(--text-primary-hover);\n ",
|
@@ -76,7 +76,7 @@ function _templateObject1() {
|
|
76
76
|
": var(--surface-solid-primary-hover);\n ",
|
77
77
|
": var(--surface-solid-primary-active);\n\n ",
|
78
78
|
": var(--text-accent);\n ",
|
79
|
-
":
|
79
|
+
": var(--text-accent-minor);\n ",
|
80
80
|
": var(--surface-transparent-accent);\n ",
|
81
81
|
": 1;\n ",
|
82
82
|
": var(--text-secondary);\n\n ",
|
@@ -231,6 +231,7 @@ function _templateObject5() {
|
|
231
231
|
": var(--inverse-text-primary);\n ",
|
232
232
|
": var(--surface-solid-default);\n ",
|
233
233
|
": var(--surface-solid-default-hover);\n ",
|
234
|
+
": var(--inverse-text-secondary);\n ",
|
234
235
|
": var(--inverse-text-primary);\n ",
|
235
236
|
": 1;\n "
|
236
237
|
]);
|
@@ -293,7 +294,7 @@ export var config = {
|
|
293
294
|
outer: css(_templateObject4())
|
294
295
|
},
|
295
296
|
chipView: {
|
296
|
-
default: css(_templateObject5(), selectTokens.textFieldChipColor, selectTokens.textFieldChipBackground, selectTokens.textFieldChipBackgroundHover, selectTokens.textFieldChipCloseIconColor, selectTokens.textFieldChipOpacityReadonly)
|
297
|
+
default: css(_templateObject5(), selectTokens.textFieldChipColor, selectTokens.textFieldChipBackground, selectTokens.textFieldChipBackgroundHover, selectTokens.textFieldChipCloseIconColor, selectTokens.textFieldChipCloseIconColorHover, selectTokens.textFieldChipOpacityReadonly)
|
297
298
|
},
|
298
299
|
disabled: {
|
299
300
|
true: css(_templateObject6(), selectTokens.textFieldDisabledOpacity, selectTokens.textFieldBackgroundColor, selectTokens.textFieldBackgroundColorFocus, selectTokens.textFieldBorderColor, selectTokens.textFieldBorderColorHover, selectTokens.textFieldBorderColorFocus, selectTokens.textFieldColor)
|
@@ -12,7 +12,7 @@ function _templateObject() {
|
|
12
12
|
var data = _tagged_template_literal([
|
13
13
|
"\n ",
|
14
14
|
": var(--text-accent);\n ",
|
15
|
-
": var(--text-accent);\n ",
|
15
|
+
": var(--text-accent-minor);\n ",
|
16
16
|
": solid var(--text-accent);\n ",
|
17
17
|
": var(--text-positive);\n ",
|
18
18
|
": var(--surface-clear);\n\n ",
|
@@ -77,7 +77,7 @@ function _templateObject2() {
|
|
77
77
|
": var(--text-accent);\n ",
|
78
78
|
": var(--text-secondary);\n ",
|
79
79
|
": transparent;\n ",
|
80
|
-
":
|
80
|
+
": var(--text-accent-minor);\n ",
|
81
81
|
": var(--text-secondary);\n ",
|
82
82
|
": var(--text-accent-active);\n ",
|
83
83
|
": var(--text-secondary);\n ",
|
@@ -46,7 +46,7 @@ function _templateObject2() {
|
|
46
46
|
var data = _tagged_template_literal([
|
47
47
|
"\n ",
|
48
48
|
": var(--text-accent);\n ",
|
49
|
-
":
|
49
|
+
": var(--text-accent-minor);\n ",
|
50
50
|
": var(--text-accent-active);\n ",
|
51
51
|
": transparent;\n ",
|
52
52
|
": var(--surface-accent);\n\n ",
|
@@ -14,7 +14,7 @@ function _templateObject() {
|
|
14
14
|
": var(--text-accent);\n ",
|
15
15
|
": var(--text-secondary);\n ",
|
16
16
|
": transparent;\n ",
|
17
|
-
":
|
17
|
+
": var(--text-accent-minor);\n ",
|
18
18
|
": var(--text-secondary);\n ",
|
19
19
|
": var(--text-accent-active);\n ",
|
20
20
|
": var(--text-secondary);\n ",
|
@@ -12,7 +12,7 @@ function _templateObject() {
|
|
12
12
|
var data = _tagged_template_literal([
|
13
13
|
"\n ",
|
14
14
|
": var(--text-accent);\n ",
|
15
|
-
":
|
15
|
+
": var(--text-accent-minor);\n ",
|
16
16
|
": var(--text-accent-active);\n ",
|
17
17
|
": transparent;\n ",
|
18
18
|
": var(--surface-accent);\n\n ",
|
@@ -30,12 +30,14 @@ function _templateObject() {
|
|
30
30
|
": var(--text-secondary-hover);\n ",
|
31
31
|
": var(--text-secondary-active);\n ",
|
32
32
|
": var(--text-accent);\n ",
|
33
|
-
":
|
33
|
+
": var(--text-accent-minor);\n ",
|
34
34
|
": var(--text-accent-active);\n\n ",
|
35
35
|
": var(--outline-solid-primary);\n ",
|
36
36
|
": var(--text-secondary);\n ",
|
37
37
|
": var(--surface-accent);\n\n ",
|
38
38
|
": var(--text-secondary);\n ",
|
39
|
+
": var(--text-secondary);\n ",
|
40
|
+
": var(--text-primary);\n ",
|
39
41
|
": var(--text-primary);\n ",
|
40
42
|
": var(--surface-transparent-secondary);\n ",
|
41
43
|
": var(--text-primary-hover);\n ",
|
@@ -81,6 +83,8 @@ function _templateObject1() {
|
|
81
83
|
": var(--surface-negative);\n ",
|
82
84
|
": var(--surface-accent);\n\n ",
|
83
85
|
": var(--text-secondary);\n ",
|
86
|
+
": var(--text-secondary);\n ",
|
87
|
+
": var(--text-primary);\n ",
|
84
88
|
": var(--text-primary);\n ",
|
85
89
|
": var(--surface-transparent-secondary);\n ",
|
86
90
|
": var(--text-primary);\n ",
|
@@ -304,8 +308,8 @@ export var config = {
|
|
304
308
|
},
|
305
309
|
variations: {
|
306
310
|
view: {
|
307
|
-
default: css(_templateObject(), tokens.color, tokens.clearColor, tokens.backgroundColor, tokens.backgroundColorFocus, tokens.caretColor, tokens.placeholderColor, tokens.placeholderColorFocus, tokens.clearPlaceholderColor, tokens.clearPlaceholderColorFocus, tokens.textBeforeColor, tokens.textAfterColor, tokens.labelColor, tokens.leftHelperColor, tokens.titleCaptionColor, tokens.hintIconColor, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive, tokens.contentSlotRightColor, tokens.contentSlotRightColorHover, tokens.contentSlotRightColorActive, tokens.dividerColor, tokens.dividerColorHover, tokens.dividerColorFocus, tokens.chipCloseIconColor, tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipOpacityReadonly, tokens.focusColor, tokens.borderColor, tokens.borderColorFocus, tokens.borderColorHover, tokens.indicatorColor, tokens.optionalColor),
|
308
|
-
negative: css(_templateObject1(), tokens.color, tokens.clearColor, tokens.backgroundColor, tokens.backgroundColorFocus, tokens.caretColor, tokens.placeholderColor, tokens.clearPlaceholderColor, tokens.placeholderColorFocus, tokens.clearPlaceholderColorFocus, tokens.textBeforeColor, tokens.textAfterColor, tokens.labelColor, tokens.leftHelperColor, tokens.titleCaptionColor, tokens.hintIconColor, tokens.dividerColor, tokens.dividerColorHover, tokens.dividerColorFocus, tokens.chipCloseIconColor, tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipOpacityReadonly, tokens.borderColor, tokens.focusColor, tokens.indicatorColor, tokens.optionalColor)
|
311
|
+
default: css(_templateObject(), tokens.color, tokens.clearColor, tokens.backgroundColor, tokens.backgroundColorFocus, tokens.caretColor, tokens.placeholderColor, tokens.placeholderColorFocus, tokens.clearPlaceholderColor, tokens.clearPlaceholderColorFocus, tokens.textBeforeColor, tokens.textAfterColor, tokens.labelColor, tokens.leftHelperColor, tokens.titleCaptionColor, tokens.hintIconColor, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive, tokens.contentSlotRightColor, tokens.contentSlotRightColorHover, tokens.contentSlotRightColorActive, tokens.dividerColor, tokens.dividerColorHover, tokens.dividerColorFocus, tokens.chipCloseIconColor, tokens.chipCloseIconColorReadonly, tokens.chipCloseIconColorHover, tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipOpacityReadonly, tokens.focusColor, tokens.borderColor, tokens.borderColorFocus, tokens.borderColorHover, tokens.indicatorColor, tokens.optionalColor),
|
312
|
+
negative: css(_templateObject1(), tokens.color, tokens.clearColor, tokens.backgroundColor, tokens.backgroundColorFocus, tokens.caretColor, tokens.placeholderColor, tokens.clearPlaceholderColor, tokens.placeholderColorFocus, tokens.clearPlaceholderColorFocus, tokens.textBeforeColor, tokens.textAfterColor, tokens.labelColor, tokens.leftHelperColor, tokens.titleCaptionColor, tokens.hintIconColor, tokens.dividerColor, tokens.dividerColorHover, tokens.dividerColorFocus, tokens.chipCloseIconColor, tokens.chipCloseIconColorReadonly, tokens.chipCloseIconColorHover, tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipOpacityReadonly, tokens.borderColor, tokens.focusColor, tokens.indicatorColor, tokens.optionalColor)
|
309
313
|
},
|
310
314
|
size: {
|
311
315
|
s: css(_templateObject2(), tokens.height, tokens.padding, tokens.paddingWithChips, tokens.borderRadius, tokens.borderWidth, tokens.leftContentMargin, tokens.rightContentMargin, tokens.textBeforeMargin, tokens.textAfterMargin, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.labelOffset, tokens.clearLabelOffset, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.hintMargin, tokens.hintTargetSize, tokens.hintInnerLabelPlacementOffset, tokens.clearHintInnerLabelPlacementOffset, tokens.titleCaptionInnerLabelOffset, tokens.titleCaptionFontFamily, tokens.titleCaptionFontSize, tokens.titleCaptionFontStyle, tokens.titleCaptionFontWeight, tokens.titleCaptionLetterSpacing, tokens.titleCaptionLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.chipGap, tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPadding, tokens.chipClearContentMarginLeft, tokens.chipClearContentMarginRight, tokens.chipCloseIconSize, tokens.chipFontFamily, tokens.chipFontSize, tokens.chipFontStyle, tokens.chipFontWeight, tokens.chipLetterSpacing, tokens.chipLineHeight, tokens.indicatorSizeInner, tokens.indicatorSizeOuter, tokens.indicatorLabelPlacementInner, tokens.indicatorLabelPlacementOuter, tokens.indicatorLabelPlacementInnerRight, tokens.indicatorLabelPlacementOuterRight, tokens.clearIndicatorLabelPlacementInner, tokens.clearIndicatorLabelPlacementInnerRight)
|
@@ -14,7 +14,7 @@ function _templateObject() {
|
|
14
14
|
": var(--text-primary);\n ",
|
15
15
|
": var(--surface-solid-card-brightness);\n\n ",
|
16
16
|
": var(--text-accent);\n ",
|
17
|
-
":
|
17
|
+
": var(--text-accent-minor);\n "
|
18
18
|
]);
|
19
19
|
_templateObject = function _templateObject() {
|
20
20
|
return data;
|
@@ -27,7 +27,7 @@ function _templateObject1() {
|
|
27
27
|
": var(--on-dark-text-primary);\n ",
|
28
28
|
": var(--on-dark-surface-solid-primary-brightness);\n\n ",
|
29
29
|
": var(--on-dark-text-accent);\n ",
|
30
|
-
": var(--on-dark-text-accent-
|
30
|
+
": var(--on-dark-text-accent-minor);\n "
|
31
31
|
]);
|
32
32
|
_templateObject1 = function _templateObject() {
|
33
33
|
return data;
|
@@ -40,7 +40,7 @@ function _templateObject2() {
|
|
40
40
|
": var(--on-light-text-primary);\n ",
|
41
41
|
": var(--on-light-surface-solid-primary-brightness);\n\n ",
|
42
42
|
": var(--on-light-text-accent);\n ",
|
43
|
-
": var(--on-light-text-accent-
|
43
|
+
": var(--on-light-text-accent-minor);\n "
|
44
44
|
]);
|
45
45
|
_templateObject2 = function _templateObject() {
|
46
46
|
return data;
|
@@ -14,7 +14,7 @@ function _templateObject() {
|
|
14
14
|
": var(--text-primary);\n ",
|
15
15
|
": var(--surface-solid-card-brightness);\n\n ",
|
16
16
|
": var(--text-accent);\n ",
|
17
|
-
":
|
17
|
+
": var(--text-accent-minor);\n "
|
18
18
|
]);
|
19
19
|
_templateObject = function _templateObject() {
|
20
20
|
return data;
|
@@ -13,7 +13,7 @@ function _templateObject() {
|
|
13
13
|
"\n ",
|
14
14
|
": var(--text-primary);\n ",
|
15
15
|
": var(--text-accent);\n ",
|
16
|
-
": var(--text-accent-
|
16
|
+
": var(--text-accent-minor);\n ",
|
17
17
|
": var(--text-accent-active);\n ",
|
18
18
|
": var(--text-primary);\n ",
|
19
19
|
": var(--text-primary);\n ",
|
@@ -61,7 +61,7 @@ function _templateObject1() {
|
|
61
61
|
": var(--surface-solid-primary);\n ",
|
62
62
|
": var(",
|
63
63
|
");\n ",
|
64
|
-
":
|
64
|
+
": var(--text-accent-minor);\n ",
|
65
65
|
": var(--surface-solid-primary-hover);\n ",
|
66
66
|
": var(--text-accent-active);\n ",
|
67
67
|
": var(--surface-solid-primary-active);\n\n ",
|
@@ -76,9 +76,9 @@ function _templateObject1() {
|
|
76
76
|
": var(--surface-solid-primary);\n ",
|
77
77
|
": var(",
|
78
78
|
");\n ",
|
79
|
-
":
|
79
|
+
": var(--text-accent-minor);\n ",
|
80
80
|
": var(--surface-solid-primary-hover);\n ",
|
81
|
-
":
|
81
|
+
": var(--text-accent-minor);\n ",
|
82
82
|
": var(--surface-solid-primary-active);\n\n ",
|
83
83
|
": 0.4;\n ",
|
84
84
|
": var(--surface-accent);\n\n ",
|
@@ -105,9 +105,9 @@ function _templateObject2() {
|
|
105
105
|
": var(--text-accent-minor);\n ",
|
106
106
|
": var(--surface-clear);\n ",
|
107
107
|
": var(--surface-transparent-accent);\n ",
|
108
|
-
": var(--text-accent);\n ",
|
108
|
+
": var(--text-accent-minor);\n ",
|
109
109
|
": var(--surface-transparent-accent);\n ",
|
110
|
-
": var(--text-accent);\n ",
|
110
|
+
": var(--text-accent-active);\n ",
|
111
111
|
": var(--surface-clear);\n\n ",
|
112
112
|
": 0.4;\n ",
|
113
113
|
": var(--surface-accent);\n\n ",
|
@@ -119,9 +119,9 @@ function _templateObject2() {
|
|
119
119
|
": var(--text-accent);\n ",
|
120
120
|
": var(--surface-clear);\n ",
|
121
121
|
": var(--surface-transparent-accent);\n ",
|
122
|
-
": var(--text-accent);\n ",
|
122
|
+
": var(--text-accent-minor);\n ",
|
123
123
|
": var(--surface-transparent-accent);\n ",
|
124
|
-
": var(--text-accent);\n ",
|
124
|
+
": var(--text-accent-active);\n ",
|
125
125
|
": var(--surface-clear);\n\n ",
|
126
126
|
": 0.4;\n ",
|
127
127
|
": var(--surface-accent);\n\n ",
|
@@ -29,7 +29,7 @@ function _templateObject() {
|
|
29
29
|
": var(--text-secondary-hover);\n ",
|
30
30
|
": var(--text-secondary-active);\n ",
|
31
31
|
": var(--text-accent);\n ",
|
32
|
-
":
|
32
|
+
": var(--text-accent-minor);\n ",
|
33
33
|
": var(--text-accent-active);\n\n ",
|
34
34
|
": var(--surface-accent);\n ",
|
35
35
|
": var(--surface-negative);\n ",
|
@@ -71,7 +71,7 @@ function _templateObject1() {
|
|
71
71
|
": var(--text-secondary-hover);\n ",
|
72
72
|
": var(--text-secondary-active);\n ",
|
73
73
|
": var(--text-accent);\n ",
|
74
|
-
":
|
74
|
+
": var(--text-accent-minor);\n ",
|
75
75
|
": var(--text-accent-active);\n\n ",
|
76
76
|
": var(--surface-accent);\n ",
|
77
77
|
": var(--surface-negative);\n ",
|
@@ -30,7 +30,7 @@ function _templateObject1() {
|
|
30
30
|
var data = _tagged_template_literal([
|
31
31
|
"\n ",
|
32
32
|
": var(--text-accent);\n ",
|
33
|
-
":
|
33
|
+
": var(--text-accent-minor);\n ",
|
34
34
|
": var(--text-accent-active);\n ",
|
35
35
|
": var(--text-accent);\n ",
|
36
36
|
": var(--text-accent);\n ",
|
@@ -30,16 +30,16 @@ function _templateObject() {
|
|
30
30
|
function _templateObject1() {
|
31
31
|
var data = _tagged_template_literal([
|
32
32
|
"\n ",
|
33
|
-
":
|
34
|
-
": var(--text-
|
35
|
-
": var(--text-
|
33
|
+
": var(--text-accent);\n ",
|
34
|
+
": var(--text-accent);\n ",
|
35
|
+
": var(--text-accent);\n ",
|
36
36
|
": var(--text-secondary);\n ",
|
37
37
|
": var(--surface-solid-primary);\n ",
|
38
38
|
": var(",
|
39
39
|
");\n ",
|
40
|
-
": var(--text-
|
40
|
+
": var(--text-accent-minor);\n ",
|
41
41
|
": var(--surface-solid-primary-hover);\n ",
|
42
|
-
": var(--text-
|
42
|
+
": var(--text-accent-active);\n ",
|
43
43
|
": var(--surface-solid-primary-active);\n "
|
44
44
|
]);
|
45
45
|
_templateObject1 = function _templateObject() {
|
@@ -55,9 +55,9 @@ function _templateObject2() {
|
|
55
55
|
": var(--text-accent);\n ",
|
56
56
|
": var(--surface-clear);\n ",
|
57
57
|
": var(--surface-transparent-accent);\n ",
|
58
|
-
": var(--text-accent);\n ",
|
58
|
+
": var(--text-accent-minor);\n ",
|
59
59
|
": var(--surface-transparent-accent);\n ",
|
60
|
-
": var(--text-accent);\n ",
|
60
|
+
": var(--text-accent-active);\n ",
|
61
61
|
": var(--surface-clear);\n "
|
62
62
|
]);
|
63
63
|
_templateObject2 = function _templateObject() {
|
@@ -33,9 +33,9 @@ function _templateObject() {
|
|
33
33
|
": 1;\n\n ",
|
34
34
|
": var(--text-accent);\n ",
|
35
35
|
": var(--surface-clear);\n ",
|
36
|
-
": var(--text-
|
36
|
+
": var(--text-accent-minor);\n ",
|
37
37
|
": var(--surface-clear);\n ",
|
38
|
-
": var(--text-
|
38
|
+
": var(--text-accent-active);\n ",
|
39
39
|
": var(--surface-clear);\n ",
|
40
40
|
": var(--surface-accent);\n "
|
41
41
|
]);
|
@@ -15,7 +15,7 @@ function _templateObject() {
|
|
15
15
|
": var(--text-primary);\n ",
|
16
16
|
": var(--text-accent);\n ",
|
17
17
|
": var(--surface-solid-primary);\n ",
|
18
|
-
": var(--text-
|
18
|
+
": var(--text-accent-minor);\n ",
|
19
19
|
": var(--surface-solid-primary-hover);\n ",
|
20
20
|
": var(--text-accent-active);\n ",
|
21
21
|
": var(--surface-solid-primary-active);\n "
|
@@ -22,6 +22,7 @@ function _templateObject() {
|
|
22
22
|
": var(--surface-solid-card);\n ",
|
23
23
|
": var(--text-primary);\n ",
|
24
24
|
": var(--text-accent);\n ",
|
25
|
+
": var(--text-accent-minor);\n ",
|
25
26
|
": var(--text-accent);\n "
|
26
27
|
]);
|
27
28
|
_templateObject = function _templateObject() {
|
@@ -43,6 +44,7 @@ function _templateObject1() {
|
|
43
44
|
": var(--surface-solid-primary);\n ",
|
44
45
|
": var(--text-primary);\n ",
|
45
46
|
": var(--text-accent);\n ",
|
47
|
+
": var(--text-accent-minor);\n ",
|
46
48
|
": var(--text-accent);\n "
|
47
49
|
]);
|
48
50
|
_templateObject1 = function _templateObject() {
|
@@ -56,14 +58,15 @@ function _templateObject2() {
|
|
56
58
|
": var(--on-dark-text-primary);\n ",
|
57
59
|
": var(--surface-accent);\n ",
|
58
60
|
": var(--on-dark-text-primary);\n ",
|
59
|
-
": var(--surface-accent);\n ",
|
61
|
+
": var(--surface-accent-hover);\n ",
|
60
62
|
": var(--on-dark-text-primary);\n ",
|
61
|
-
": var(--surface-accent);\n ",
|
63
|
+
": var(--surface-accent-active);\n ",
|
62
64
|
": var(--surface-accent);\n ",
|
63
65
|
": var(--on-dark-text-primary);\n ",
|
64
66
|
": var(--surface-accent);\n ",
|
65
67
|
": var(--on-dark-text-primary);\n\n ",
|
66
68
|
": var(--on-dark-text-primary);\n ",
|
69
|
+
": var(--on-dark-text-primary-hover);\n ",
|
67
70
|
": var(--on-dark-text-primary);\n "
|
68
71
|
]);
|
69
72
|
_templateObject2 = function _templateObject() {
|
@@ -144,9 +147,9 @@ export var config = {
|
|
144
147
|
},
|
145
148
|
variations: {
|
146
149
|
view: {
|
147
|
-
default: css(_templateObject(), chipTokens.color, chipTokens.background, chipTokens.colorHover, chipTokens.backgroundHover, chipTokens.colorActive, chipTokens.backgroundActive, chipTokens.backgroundReadOnly, chipTokens.colorReadOnly, chipTokens.backgroundReadOnlyHover, chipTokens.colorReadOnlyHover, chipTokens.closeIconColor, chipTokens.leftContentColor),
|
148
|
-
secondary: css(_templateObject1(), chipTokens.color, chipTokens.background, chipTokens.colorHover, chipTokens.backgroundHover, chipTokens.colorActive, chipTokens.backgroundActive, chipTokens.backgroundReadOnly, chipTokens.colorReadOnly, chipTokens.backgroundReadOnlyHover, chipTokens.colorReadOnlyHover, chipTokens.closeIconColor, chipTokens.leftContentColor),
|
149
|
-
accent: css(_templateObject2(), chipTokens.color, chipTokens.background, chipTokens.colorHover, chipTokens.backgroundHover, chipTokens.colorActive, chipTokens.backgroundActive, chipTokens.backgroundReadOnly, chipTokens.colorReadOnly, chipTokens.backgroundReadOnlyHover, chipTokens.colorReadOnlyHover, chipTokens.closeIconColor, chipTokens.leftContentColor)
|
150
|
+
default: css(_templateObject(), chipTokens.color, chipTokens.background, chipTokens.colorHover, chipTokens.backgroundHover, chipTokens.colorActive, chipTokens.backgroundActive, chipTokens.backgroundReadOnly, chipTokens.colorReadOnly, chipTokens.backgroundReadOnlyHover, chipTokens.colorReadOnlyHover, chipTokens.closeIconColor, chipTokens.closeIconColorHover, chipTokens.leftContentColor),
|
151
|
+
secondary: css(_templateObject1(), chipTokens.color, chipTokens.background, chipTokens.colorHover, chipTokens.backgroundHover, chipTokens.colorActive, chipTokens.backgroundActive, chipTokens.backgroundReadOnly, chipTokens.colorReadOnly, chipTokens.backgroundReadOnlyHover, chipTokens.colorReadOnlyHover, chipTokens.closeIconColor, chipTokens.closeIconColorHover, chipTokens.leftContentColor),
|
152
|
+
accent: css(_templateObject2(), chipTokens.color, chipTokens.background, chipTokens.colorHover, chipTokens.backgroundHover, chipTokens.colorActive, chipTokens.backgroundActive, chipTokens.backgroundReadOnly, chipTokens.colorReadOnly, chipTokens.backgroundReadOnlyHover, chipTokens.colorReadOnlyHover, chipTokens.closeIconColor, chipTokens.closeIconColorHover, chipTokens.leftContentColor)
|
150
153
|
},
|
151
154
|
size: {
|
152
155
|
s: css(_templateObject3(), chipTokens.borderRadius, chipTokens.pilledBorderRadius, chipTokens.width, chipTokens.height, chipTokens.padding, chipTokens.fontFamily, chipTokens.fontSize, chipTokens.fontStyle, chipTokens.fontWeight, chipTokens.letterSpacing, chipTokens.lineHeight, chipTokens.leftContentMarginLeft, chipTokens.leftContentMarginRight, chipTokens.rightContentMarginLeft, chipTokens.rightContentMarginRight, chipTokens.clearContentMarginLeft, chipTokens.clearContentMarginRight, chipTokens.closeIconSize),
|
@@ -32,11 +32,13 @@ function _templateObject() {
|
|
32
32
|
": var(--text-secondary-hover);\n ",
|
33
33
|
": var(--text-secondary-active);\n ",
|
34
34
|
": var(--text-accent);\n ",
|
35
|
-
":
|
35
|
+
":var(--text-accent-minor);\n ",
|
36
36
|
": var(--text-accent-active);\n\n ",
|
37
37
|
": var(--surface-negative);\n ",
|
38
38
|
": var(--text-tertiary);\n\n ",
|
39
39
|
": var(--text-secondary);\n ",
|
40
|
+
": var(--text-secondary-hover);\n ",
|
41
|
+
": var(--text-secondary);\n ",
|
40
42
|
": var(--text-primary);\n ",
|
41
43
|
": var(--surface-transparent-secondary);\n ",
|
42
44
|
": var(--text-primary);\n ",
|
@@ -50,7 +52,7 @@ function _templateObject() {
|
|
50
52
|
": 0.72;\n ",
|
51
53
|
": var(--surface-solid-primary);\n\n ",
|
52
54
|
": var(--text-accent);\n ",
|
53
|
-
":
|
55
|
+
": var(--text-accent-minor);\n ",
|
54
56
|
": var(--surface-transparent-accent);\n\n ",
|
55
57
|
": var(--surface-solid-primary);\n\n ",
|
56
58
|
": var(--text-accent);\n\n ",
|
@@ -88,11 +90,13 @@ function _templateObject1() {
|
|
88
90
|
": var(--text-secondary-hover);\n ",
|
89
91
|
": var(--text-secondary-active);\n ",
|
90
92
|
": var(--text-accent);\n ",
|
91
|
-
":
|
93
|
+
": var(--text-accent-minor);\n ",
|
92
94
|
": var(--text-accent-active);\n\n ",
|
93
95
|
": var(--surface-negative);\n ",
|
94
96
|
": var(--text-tertiary);\n\n ",
|
95
97
|
": var(--text-secondary);\n ",
|
98
|
+
": var(--text-secondary-hover);\n ",
|
99
|
+
": var(--text-secondary);\n ",
|
96
100
|
": var(--text-primary);\n ",
|
97
101
|
": var(--surface-transparent-secondary);\n ",
|
98
102
|
": var(--text-primary);\n ",
|
@@ -106,7 +110,7 @@ function _templateObject1() {
|
|
106
110
|
": 0.72;\n ",
|
107
111
|
": var(--surface-solid-primary);\n\n ",
|
108
112
|
": var(--text-accent);\n ",
|
109
|
-
":
|
113
|
+
": var(--text-accent-minor);\n ",
|
110
114
|
": var(--surface-transparent-accent);\n\n ",
|
111
115
|
": var(--surface-solid-primary);\n\n ",
|
112
116
|
": var(--text-accent);\n\n ",
|
@@ -294,8 +298,8 @@ export var config = {
|
|
294
298
|
},
|
295
299
|
variations: {
|
296
300
|
view: {
|
297
|
-
default: css(_templateObject(), tokens.textFieldColor, tokens.textFieldClearColor, tokens.textFieldPlaceholderColor, tokens.textFieldPlaceholderColorFocus, tokens.textFieldClearPlaceholderColor, tokens.textFieldClearPlaceholderColorFocus, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldCaretColor, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.textFieldLabelColor, tokens.textFieldLeftHelperColor, tokens.textFieldFocusColor, tokens.textFieldBorderColor, tokens.textFieldBorderColorHover, tokens.textFieldBorderColorFocus, tokens.textFieldContentSlotColor, tokens.textFieldContentSlotColorHover, tokens.textFieldContentSlotColorActive, tokens.textFieldContentSlotRightColor, tokens.textFieldContentSlotRightColorHover, tokens.textFieldContentSlotRightColorActive, tokens.textFieldIndicatorColor, tokens.textFieldOptionalColor, tokens.textFieldChipCloseIconColor, tokens.textFieldChipColor, tokens.textFieldChipBackground, tokens.textFieldChipColorHover, tokens.textFieldChipBackgroundHover, tokens.textFieldChipColorActive, tokens.textFieldChipBackgroundActive, tokens.textFieldChipBackgroundReadOnly, tokens.textFieldChipColorReadOnly, tokens.textFieldChipBackgroundReadOnlyHover, tokens.textFieldChipColorReadOnlyHover, tokens.textFieldChipOpacityReadonly, tokens.dropdownBorderColor, tokens.disclosureIconColor, tokens.disclosureIconColorHover, tokens.itemBackgroundHover, tokens.dividerColor, tokens.itemIconColor, tokens.checkboxFillColor, tokens.checkboxIconColor, tokens.checkboxTriggerBorderCheckedColor, tokens.checkboxTriggerBorderColor),
|
298
|
-
negative: css(_templateObject1(), tokens.textFieldColor, tokens.textFieldClearColor, tokens.textFieldPlaceholderColor, tokens.textFieldPlaceholderColorFocus, tokens.textFieldClearPlaceholderColor, tokens.textFieldClearPlaceholderColorFocus, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldCaretColor, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.textFieldLabelColor, tokens.textFieldLeftHelperColor, tokens.textFieldFocusColor, tokens.textFieldBorderColor, tokens.textFieldBorderColorHover, tokens.textFieldBorderColorFocus, tokens.textFieldContentSlotColor, tokens.textFieldContentSlotColorHover, tokens.textFieldContentSlotColorActive, tokens.textFieldContentSlotRightColor, tokens.textFieldContentSlotRightColorHover, tokens.textFieldContentSlotRightColorActive, tokens.textFieldIndicatorColor, tokens.textFieldOptionalColor, tokens.textFieldChipCloseIconColor, tokens.textFieldChipColor, tokens.textFieldChipBackground, tokens.textFieldChipColorHover, tokens.textFieldChipBackgroundHover, tokens.textFieldChipColorActive, tokens.textFieldChipBackgroundActive, tokens.textFieldChipBackgroundReadOnly, tokens.textFieldChipColorReadOnly, tokens.textFieldChipBackgroundReadOnlyHover, tokens.textFieldChipColorReadOnlyHover, tokens.textFieldChipOpacityReadonly, tokens.dropdownBorderColor, tokens.disclosureIconColor, tokens.disclosureIconColorHover, tokens.itemBackgroundHover, tokens.dividerColor, tokens.itemIconColor, tokens.checkboxFillColor, tokens.checkboxIconColor, tokens.checkboxTriggerBorderCheckedColor, tokens.checkboxTriggerBorderColor)
|
301
|
+
default: css(_templateObject(), tokens.textFieldColor, tokens.textFieldClearColor, tokens.textFieldPlaceholderColor, tokens.textFieldPlaceholderColorFocus, tokens.textFieldClearPlaceholderColor, tokens.textFieldClearPlaceholderColorFocus, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldCaretColor, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.textFieldLabelColor, tokens.textFieldLeftHelperColor, tokens.textFieldFocusColor, tokens.textFieldBorderColor, tokens.textFieldBorderColorHover, tokens.textFieldBorderColorFocus, tokens.textFieldContentSlotColor, tokens.textFieldContentSlotColorHover, tokens.textFieldContentSlotColorActive, tokens.textFieldContentSlotRightColor, tokens.textFieldContentSlotRightColorHover, tokens.textFieldContentSlotRightColorActive, tokens.textFieldIndicatorColor, tokens.textFieldOptionalColor, tokens.textFieldChipCloseIconColor, tokens.textFieldChipCloseIconColorHover, tokens.textFieldChipCloseIconColorReadonly, tokens.textFieldChipColor, tokens.textFieldChipBackground, tokens.textFieldChipColorHover, tokens.textFieldChipBackgroundHover, tokens.textFieldChipColorActive, tokens.textFieldChipBackgroundActive, tokens.textFieldChipBackgroundReadOnly, tokens.textFieldChipColorReadOnly, tokens.textFieldChipBackgroundReadOnlyHover, tokens.textFieldChipColorReadOnlyHover, tokens.textFieldChipOpacityReadonly, tokens.dropdownBorderColor, tokens.disclosureIconColor, tokens.disclosureIconColorHover, tokens.itemBackgroundHover, tokens.dividerColor, tokens.itemIconColor, tokens.checkboxFillColor, tokens.checkboxIconColor, tokens.checkboxTriggerBorderCheckedColor, tokens.checkboxTriggerBorderColor),
|
302
|
+
negative: css(_templateObject1(), tokens.textFieldColor, tokens.textFieldClearColor, tokens.textFieldPlaceholderColor, tokens.textFieldPlaceholderColorFocus, tokens.textFieldClearPlaceholderColor, tokens.textFieldClearPlaceholderColorFocus, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldCaretColor, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.textFieldLabelColor, tokens.textFieldLeftHelperColor, tokens.textFieldFocusColor, tokens.textFieldBorderColor, tokens.textFieldBorderColorHover, tokens.textFieldBorderColorFocus, tokens.textFieldContentSlotColor, tokens.textFieldContentSlotColorHover, tokens.textFieldContentSlotColorActive, tokens.textFieldContentSlotRightColor, tokens.textFieldContentSlotRightColorHover, tokens.textFieldContentSlotRightColorActive, tokens.textFieldIndicatorColor, tokens.textFieldOptionalColor, tokens.textFieldChipCloseIconColor, tokens.textFieldChipCloseIconColorHover, tokens.textFieldChipCloseIconColorReadonly, tokens.textFieldChipColor, tokens.textFieldChipBackground, tokens.textFieldChipColorHover, tokens.textFieldChipBackgroundHover, tokens.textFieldChipColorActive, tokens.textFieldChipBackgroundActive, tokens.textFieldChipBackgroundReadOnly, tokens.textFieldChipColorReadOnly, tokens.textFieldChipBackgroundReadOnlyHover, tokens.textFieldChipColorReadOnlyHover, tokens.textFieldChipOpacityReadonly, tokens.dropdownBorderColor, tokens.disclosureIconColor, tokens.disclosureIconColorHover, tokens.itemBackgroundHover, tokens.dividerColor, tokens.itemIconColor, tokens.checkboxFillColor, tokens.checkboxIconColor, tokens.checkboxTriggerBorderCheckedColor, tokens.checkboxTriggerBorderColor)
|
299
303
|
},
|
300
304
|
size: {
|
301
305
|
s: css(_templateObject2(), tokens.textFieldHeight, tokens.textFieldPadding, tokens.textFieldPaddingWithChips, tokens.textFieldBorderRadius, tokens.textFieldBorderWidth, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.textFieldFontFamily, tokens.textFieldFontSize, tokens.textFieldFontStyle, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLabelOffset, tokens.textFieldLabelFontFamily, tokens.textFieldLabelFontSize, tokens.textFieldLabelFontStyle, tokens.textFieldLabelFontWeight, tokens.textFieldLabelLetterSpacing, tokens.textFieldLabelLineHeight, tokens.textFieldLeftHelperOffset, tokens.textFieldLeftHelperFontFamily, tokens.textFieldLeftHelperFontSize, tokens.textFieldLeftHelperFontStyle, tokens.textFieldLeftHelperFontWeight, tokens.textFieldLeftHelperLetterSpacing, tokens.textFieldLeftHelperLineHeight, tokens.textFieldLabelInnerPadding, tokens.textFieldContentLabelInnerPadding, tokens.textFieldIndicatorSizeInner, tokens.textFieldIndicatorSizeOuter, tokens.textFieldIndicatorLabelPlacementInner, tokens.textFieldIndicatorLabelPlacementOuter, tokens.textFieldIndicatorLabelPlacementInnerRight, tokens.textFieldIndicatorLabelPlacementOuterRight, tokens.textFieldClearIndicatorLabelPlacementInner, tokens.textFieldClearIndicatorLabelPlacementInnerRight, tokens.textFieldClearIndicatorHintInnerRight, tokens.textFieldChipGap, tokens.textFieldChipBorderRadius, tokens.textFieldChipWidth, tokens.textFieldChipHeight, tokens.textFieldChipPadding, tokens.textFieldChipClearContentMarginLeft, tokens.textFieldChipClearContentMarginRight, tokens.textFieldChipCloseIconSize, tokens.textFieldChipFontFamily, tokens.textFieldChipFontSize, tokens.textFieldChipFontStyle, tokens.textFieldChipFontWeight, tokens.textFieldChipLetterSpacing, tokens.textFieldChipLineHeight, tokens.emptyStatePadding, tokens.padding, tokens.borderRadius, tokens.itemHeight, tokens.itemPadding, tokens.itemPaddingTight, tokens.itemBorderRadius, tokens.itemIconSize, tokens.itemIconSizeTight, tokens.itemIconMargin, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.fontLetterSpacing, tokens.fontLineHeight, tokens.cellPadding, tokens.cellPaddingLeftContent, tokens.cellPaddingContent, tokens.cellPaddingRightContent, tokens.cellTextboxGap, tokens.cellGap, tokens.cellTitleFontFamily, tokens.cellTitleFontSize, tokens.cellTitleFontStyle, tokens.cellTitleFontWeight, tokens.cellTitleLetterSpacing, tokens.cellTitleLineHeight, tokens.checkboxTriggerSize, tokens.checkboxTriggerSizeTight, tokens.checkboxTriggerBorderRadius, tokens.checkboxTriggerBorderRadiusTight, tokens.checkboxTriggerBorderWidth, tokens.indicatorSize, tokens.dropdownBorderWidth, tokens.dividerMarginTop, tokens.dividerMarginRight, tokens.dividerMarginBottom, tokens.dividerMarginLeft, tokens.dividerMarginTopTight, tokens.dividerMarginBottomTight)
|
@@ -59,11 +59,9 @@ function _templateObject1() {
|
|
59
59
|
": var(--surface-accent);\n ",
|
60
60
|
": var(--surface-solid-card-brightness);\n ",
|
61
61
|
": 0px 4px 14px -4px rgba(8, 8, 8, 0.08), 0px 1px 4px -1px rgba(0, 0, 0, 0.04);\n ",
|
62
|
-
": var(--text-secondary);\n ",
|
63
62
|
": var(--surface-clear);\n ",
|
64
63
|
": var(--surface-transparent-accent);\n ",
|
65
64
|
": var(--text-primary);\n ",
|
66
|
-
": var(--text-accent);\n ",
|
67
65
|
": var(--surface-solid-primary);\n ",
|
68
66
|
": var(--text-accent);\n "
|
69
67
|
]);
|
@@ -83,7 +81,7 @@ export var config = {
|
|
83
81
|
s: css(_templateObject(), tokens.padding, tokens.width, tokens.borderRadius, tokens.borderWidth, tokens.itemHeight, tokens.itemMargin, tokens.itemPadding, tokens.itemPaddingTight, tokens.itemBorderRadius, tokens.dividerMarginTop, tokens.dividerMarginRight, tokens.dividerMarginBottom, tokens.dividerMarginLeft, tokens.dividerMarginTopTight, tokens.dividerMarginBottomTight, tokens.itemFontFamily, tokens.itemFontSize, tokens.itemFontStyle, tokens.itemFontWeightBold, tokens.itemFontLetterSpacing, tokens.itemFontLineHeight, tokens.cellPadding, tokens.cellPaddingLeftContent, tokens.cellPaddingContent, tokens.cellPaddingRightContent, tokens.cellTextboxGap, tokens.cellGap, tokens.cellTitleFontFamily, tokens.cellTitleFontSize, tokens.cellTitleFontStyle, tokens.cellTitleFontWeight, tokens.cellTitleLetterSpacing, tokens.cellTitleLineHeight)
|
84
82
|
},
|
85
83
|
view: {
|
86
|
-
default: css(_templateObject1(), tokens.dividerColor, tokens.disabledOpacity, tokens.borderColor, tokens.focusColor, tokens.background, tokens.boxShadow, tokens.
|
84
|
+
default: css(_templateObject1(), tokens.dividerColor, tokens.disabledOpacity, tokens.borderColor, tokens.focusColor, tokens.background, tokens.boxShadow, tokens.itemBackground, tokens.itemBackgroundHover, tokens.itemColor, tokens.dividerColor, tokens.disclosureIconColor)
|
87
85
|
}
|
88
86
|
}
|
89
87
|
};
|
@@ -30,7 +30,7 @@ function _templateObject1() {
|
|
30
30
|
": var(--surface-solid-primary);\n ",
|
31
31
|
": var(",
|
32
32
|
");\n ",
|
33
|
-
":
|
33
|
+
": var(--text-accent-minor);\n ",
|
34
34
|
": var(--surface-solid-primary-hover);\n ",
|
35
35
|
": var(--text-accent-active);\n ",
|
36
36
|
": var(--surface-solid-primary-active);\n "
|
@@ -81,10 +81,10 @@ function _templateObject4() {
|
|
81
81
|
"\n ",
|
82
82
|
": var(--plasma-typo-text-m-font-family);\n ",
|
83
83
|
": var(--text-accent);\n ",
|
84
|
-
":
|
84
|
+
": var(--text-accent-minor);\n ",
|
85
85
|
": var(--text-accent-active);\n ",
|
86
86
|
": var(--text-accent);\n ",
|
87
|
-
":
|
87
|
+
": var(--text-accent-minor);\n ",
|
88
88
|
": var(--text-accent-active);\n ",
|
89
89
|
": 0;\n "
|
90
90
|
]);
|
@@ -18,9 +18,9 @@ function _templateObject() {
|
|
18
18
|
": 2rem;\n ",
|
19
19
|
": 0.625rem;\n ",
|
20
20
|
": 0.375rem;\n ",
|
21
|
-
": var(--text-
|
22
|
-
": var(--text-
|
23
|
-
": var(--text-
|
21
|
+
": var(--text-accent);\n ",
|
22
|
+
": var(--text-accent-minor);\n ",
|
23
|
+
": var(--text-accent-active);\n ",
|
24
24
|
": var(--surface-accent);\n "
|
25
25
|
]);
|
26
26
|
_templateObject = function _templateObject() {
|
@@ -49,7 +49,7 @@ function _templateObject() {
|
|
49
49
|
": var(--plasma-typo-body-m-letter-spacing);\n ",
|
50
50
|
": var(--plasma-typo-body-m-line-height);\n\n ",
|
51
51
|
": var(--text-accent);\n ",
|
52
|
-
":
|
52
|
+
":var(--text-accent-minor);\n\n ",
|
53
53
|
": 0.5rem;\n ",
|
54
54
|
": 0.75rem;\n ",
|
55
55
|
": 0.8125rem 0.5rem 0.8125rem 0.875rem;\n "
|
@@ -20,7 +20,7 @@ function _templateObject() {
|
|
20
20
|
": var(--outline-accent);\n\n ",
|
21
21
|
": var(--text-accent);\n ",
|
22
22
|
": var(--surface-solid-card);\n ",
|
23
|
-
":
|
23
|
+
": var(--text-accent-minor);\n ",
|
24
24
|
": var(--text-accent-active);\n\n ",
|
25
25
|
": 0.4;\n\n ",
|
26
26
|
": inherit;\n ",
|