@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
@@ -31,7 +31,7 @@ function _templateObject() {
|
|
31
31
|
": var(--outline-accent);\n\n ",
|
32
32
|
": var(--text-accent);\n ",
|
33
33
|
": var(--surface-solid-card);\n ",
|
34
|
-
":
|
34
|
+
": var(--text-accent-minor);\n ",
|
35
35
|
": var(--text-accent-active);\n\n ",
|
36
36
|
": 0.4;\n\n ",
|
37
37
|
": inherit;\n ",
|
@@ -23,16 +23,16 @@ function _templateObject() {
|
|
23
23
|
var data = _tagged_template_literal([
|
24
24
|
"\n ",
|
25
25
|
": var(--text-accent);\n ",
|
26
|
-
": var(--text-accent);\n ",
|
27
|
-
": var(--text-accent);\n ",
|
26
|
+
": var(--text-accent-minor);\n ",
|
27
|
+
": var(--text-accent-active);\n ",
|
28
28
|
": var(--surface-clear);\n ",
|
29
29
|
": var(--surface-clear);\n ",
|
30
30
|
": var(--surface-clear);\n ",
|
31
|
+
": var(--text-accent-minor);\n ",
|
32
|
+
": var(--text-accent-active);\n ",
|
31
33
|
": var(--text-accent);\n ",
|
32
|
-
": var(--text-accent);\n ",
|
33
|
-
": var(--text-accent);\n ",
|
34
|
-
": var(--text-accent);\n ",
|
35
|
-
": var(--text-accent);\n\n ",
|
34
|
+
": var(--text-accent-minor);\n ",
|
35
|
+
": var(--text-accent-active);\n\n ",
|
36
36
|
": var(--surface-solid-card);\n ",
|
37
37
|
": var(--surface-solid-card);\n ",
|
38
38
|
": var(--outline-solid-primary);\n\n ",
|
@@ -24,7 +24,7 @@ function _templateObject() {
|
|
24
24
|
"\n ",
|
25
25
|
": var(--text-accent);\n ",
|
26
26
|
": transparent;\n ",
|
27
|
-
":
|
27
|
+
": var(--text-accent-minor);\n ",
|
28
28
|
": transparent;\n ",
|
29
29
|
": var(--text-accent-minor);\n ",
|
30
30
|
": var(--text-accent-minor);\n ",
|
@@ -46,13 +46,13 @@ function _templateObject1() {
|
|
46
46
|
"\n ",
|
47
47
|
": var(--text-accent);\n ",
|
48
48
|
": transparent;\n ",
|
49
|
-
":
|
49
|
+
": var(--text-accent-minor);\n ",
|
50
50
|
": transparent;\n ",
|
51
51
|
": var(--text-accent-minor);\n ",
|
52
52
|
": var(--text-accent-minor);\n ",
|
53
53
|
": var(--text-accent);\n ",
|
54
54
|
": var(--surface-solid-card);\n ",
|
55
|
-
": var(--text-accent);\n ",
|
55
|
+
": var(--text-accent-minor);\n ",
|
56
56
|
": var(--surface-solid-card);\n ",
|
57
57
|
": var(--text-accent-minor);\n ",
|
58
58
|
": var(--text-accent-minor);\n\n ",
|
@@ -35,7 +35,7 @@ function _templateObject() {
|
|
35
35
|
": var(--surface-negative);\n ",
|
36
36
|
": var(--text-tertiary);\n\n ",
|
37
37
|
": var(--text-accent);\n ",
|
38
|
-
":
|
38
|
+
": var(--text-accent-minor);\n ",
|
39
39
|
": var(--text-accent-active);\n ",
|
40
40
|
": var(--text-primary);\n ",
|
41
41
|
": var(--text-primary-hover);\n ",
|
@@ -44,7 +44,7 @@ function _templateObject() {
|
|
44
44
|
": var(--surface-solid-primary-hover);\n ",
|
45
45
|
": var(--surface-solid-primary-active);\n\n ",
|
46
46
|
": var(--text-accent);\n ",
|
47
|
-
":
|
47
|
+
": var(--text-accent-minor);\n ",
|
48
48
|
": var(--surface-transparent-accent);\n ",
|
49
49
|
": 1;\n ",
|
50
50
|
": var(--text-secondary);\n\n ",
|
@@ -78,7 +78,7 @@ function _templateObject1() {
|
|
78
78
|
": var(--surface-negative);\n ",
|
79
79
|
": var(--text-tertiary);\n\n ",
|
80
80
|
": var(--text-accent);\n ",
|
81
|
-
":
|
81
|
+
": var(--text-accent-minor);\n ",
|
82
82
|
": var(--text-accent-active);\n ",
|
83
83
|
": var(--text-primary);\n ",
|
84
84
|
": var(--text-primary-hover);\n ",
|
@@ -87,7 +87,7 @@ function _templateObject1() {
|
|
87
87
|
": var(--surface-solid-primary-hover);\n ",
|
88
88
|
": var(--surface-solid-primary-active);\n\n ",
|
89
89
|
": var(--text-accent);\n ",
|
90
|
-
":
|
90
|
+
": var(--text-accent-minor);\n ",
|
91
91
|
": var(--surface-transparent-accent);\n ",
|
92
92
|
": 1;\n ",
|
93
93
|
": var(--text-secondary);\n\n ",
|
@@ -242,6 +242,7 @@ function _templateObject5() {
|
|
242
242
|
": var(--inverse-text-primary);\n ",
|
243
243
|
": var(--surface-solid-default);\n ",
|
244
244
|
": var(--surface-solid-default-hover);\n ",
|
245
|
+
": var(--inverse-text-secondary);\n ",
|
245
246
|
": var(--inverse-text-primary);\n ",
|
246
247
|
": 1;\n "
|
247
248
|
]);
|
@@ -303,7 +304,7 @@ var config = {
|
|
303
304
|
outer: (0, _emotion.css)(_templateObject4())
|
304
305
|
},
|
305
306
|
chipView: {
|
306
|
-
default: (0, _emotion.css)(_templateObject5(), _emotion.selectTokens.textFieldChipColor, _emotion.selectTokens.textFieldChipBackground, _emotion.selectTokens.textFieldChipBackgroundHover, _emotion.selectTokens.textFieldChipCloseIconColor, _emotion.selectTokens.textFieldChipOpacityReadonly)
|
307
|
+
default: (0, _emotion.css)(_templateObject5(), _emotion.selectTokens.textFieldChipColor, _emotion.selectTokens.textFieldChipBackground, _emotion.selectTokens.textFieldChipBackgroundHover, _emotion.selectTokens.textFieldChipCloseIconColor, _emotion.selectTokens.textFieldChipCloseIconColorHover, _emotion.selectTokens.textFieldChipOpacityReadonly)
|
307
308
|
},
|
308
309
|
disabled: {
|
309
310
|
true: (0, _emotion.css)(_templateObject6(), _emotion.selectTokens.textFieldDisabledOpacity, _emotion.selectTokens.textFieldBackgroundColor, _emotion.selectTokens.textFieldBackgroundColorFocus, _emotion.selectTokens.textFieldBorderColor, _emotion.selectTokens.textFieldBorderColorHover, _emotion.selectTokens.textFieldBorderColorFocus, _emotion.selectTokens.textFieldColor)
|
@@ -23,7 +23,7 @@ function _templateObject() {
|
|
23
23
|
var data = _tagged_template_literal([
|
24
24
|
"\n ",
|
25
25
|
": var(--text-accent);\n ",
|
26
|
-
": var(--text-accent);\n ",
|
26
|
+
": var(--text-accent-minor);\n ",
|
27
27
|
": solid var(--text-accent);\n ",
|
28
28
|
": var(--text-positive);\n ",
|
29
29
|
": var(--surface-clear);\n\n ",
|
@@ -88,7 +88,7 @@ function _templateObject2() {
|
|
88
88
|
": var(--text-accent);\n ",
|
89
89
|
": var(--text-secondary);\n ",
|
90
90
|
": transparent;\n ",
|
91
|
-
":
|
91
|
+
": var(--text-accent-minor);\n ",
|
92
92
|
": var(--text-secondary);\n ",
|
93
93
|
": var(--text-accent-active);\n ",
|
94
94
|
": var(--text-secondary);\n ",
|
@@ -57,7 +57,7 @@ function _templateObject2() {
|
|
57
57
|
var data = _tagged_template_literal([
|
58
58
|
"\n ",
|
59
59
|
": var(--text-accent);\n ",
|
60
|
-
":
|
60
|
+
": var(--text-accent-minor);\n ",
|
61
61
|
": var(--text-accent-active);\n ",
|
62
62
|
": transparent;\n ",
|
63
63
|
": var(--surface-accent);\n\n ",
|
@@ -25,7 +25,7 @@ function _templateObject() {
|
|
25
25
|
": var(--text-accent);\n ",
|
26
26
|
": var(--text-secondary);\n ",
|
27
27
|
": transparent;\n ",
|
28
|
-
":
|
28
|
+
": var(--text-accent-minor);\n ",
|
29
29
|
": var(--text-secondary);\n ",
|
30
30
|
": var(--text-accent-active);\n ",
|
31
31
|
": var(--text-secondary);\n ",
|
@@ -23,7 +23,7 @@ function _templateObject() {
|
|
23
23
|
var data = _tagged_template_literal([
|
24
24
|
"\n ",
|
25
25
|
": var(--text-accent);\n ",
|
26
|
-
":
|
26
|
+
": var(--text-accent-minor);\n ",
|
27
27
|
": var(--text-accent-active);\n ",
|
28
28
|
": transparent;\n ",
|
29
29
|
": var(--surface-accent);\n\n ",
|
@@ -41,12 +41,14 @@ function _templateObject() {
|
|
41
41
|
": var(--text-secondary-hover);\n ",
|
42
42
|
": var(--text-secondary-active);\n ",
|
43
43
|
": var(--text-accent);\n ",
|
44
|
-
":
|
44
|
+
": var(--text-accent-minor);\n ",
|
45
45
|
": var(--text-accent-active);\n\n ",
|
46
46
|
": var(--outline-solid-primary);\n ",
|
47
47
|
": var(--text-secondary);\n ",
|
48
48
|
": var(--surface-accent);\n\n ",
|
49
49
|
": var(--text-secondary);\n ",
|
50
|
+
": var(--text-secondary);\n ",
|
51
|
+
": var(--text-primary);\n ",
|
50
52
|
": var(--text-primary);\n ",
|
51
53
|
": var(--surface-transparent-secondary);\n ",
|
52
54
|
": var(--text-primary-hover);\n ",
|
@@ -92,6 +94,8 @@ function _templateObject1() {
|
|
92
94
|
": var(--surface-negative);\n ",
|
93
95
|
": var(--surface-accent);\n\n ",
|
94
96
|
": var(--text-secondary);\n ",
|
97
|
+
": var(--text-secondary);\n ",
|
98
|
+
": var(--text-primary);\n ",
|
95
99
|
": var(--text-primary);\n ",
|
96
100
|
": var(--surface-transparent-secondary);\n ",
|
97
101
|
": var(--text-primary);\n ",
|
@@ -314,8 +318,8 @@ var config = {
|
|
314
318
|
},
|
315
319
|
variations: {
|
316
320
|
view: {
|
317
|
-
default: (0, _emotion.css)(_templateObject(), _emotion.textFieldTokens.color, _emotion.textFieldTokens.clearColor, _emotion.textFieldTokens.backgroundColor, _emotion.textFieldTokens.backgroundColorFocus, _emotion.textFieldTokens.caretColor, _emotion.textFieldTokens.placeholderColor, _emotion.textFieldTokens.placeholderColorFocus, _emotion.textFieldTokens.clearPlaceholderColor, _emotion.textFieldTokens.clearPlaceholderColorFocus, _emotion.textFieldTokens.textBeforeColor, _emotion.textFieldTokens.textAfterColor, _emotion.textFieldTokens.labelColor, _emotion.textFieldTokens.leftHelperColor, _emotion.textFieldTokens.titleCaptionColor, _emotion.textFieldTokens.hintIconColor, _emotion.textFieldTokens.contentSlotColor, _emotion.textFieldTokens.contentSlotColorHover, _emotion.textFieldTokens.contentSlotColorActive, _emotion.textFieldTokens.contentSlotRightColor, _emotion.textFieldTokens.contentSlotRightColorHover, _emotion.textFieldTokens.contentSlotRightColorActive, _emotion.textFieldTokens.dividerColor, _emotion.textFieldTokens.dividerColorHover, _emotion.textFieldTokens.dividerColorFocus, _emotion.textFieldTokens.chipCloseIconColor, _emotion.textFieldTokens.chipColor, _emotion.textFieldTokens.chipBackground, _emotion.textFieldTokens.chipColorHover, _emotion.textFieldTokens.chipBackgroundHover, _emotion.textFieldTokens.chipColorActive, _emotion.textFieldTokens.chipBackgroundActive, _emotion.textFieldTokens.chipBackgroundReadOnly, _emotion.textFieldTokens.chipColorReadOnly, _emotion.textFieldTokens.chipBackgroundReadOnlyHover, _emotion.textFieldTokens.chipColorReadOnlyHover, _emotion.textFieldTokens.chipOpacityReadonly, _emotion.textFieldTokens.focusColor, _emotion.textFieldTokens.borderColor, _emotion.textFieldTokens.borderColorFocus, _emotion.textFieldTokens.borderColorHover, _emotion.textFieldTokens.indicatorColor, _emotion.textFieldTokens.optionalColor),
|
318
|
-
negative: (0, _emotion.css)(_templateObject1(), _emotion.textFieldTokens.color, _emotion.textFieldTokens.clearColor, _emotion.textFieldTokens.backgroundColor, _emotion.textFieldTokens.backgroundColorFocus, _emotion.textFieldTokens.caretColor, _emotion.textFieldTokens.placeholderColor, _emotion.textFieldTokens.clearPlaceholderColor, _emotion.textFieldTokens.placeholderColorFocus, _emotion.textFieldTokens.clearPlaceholderColorFocus, _emotion.textFieldTokens.textBeforeColor, _emotion.textFieldTokens.textAfterColor, _emotion.textFieldTokens.labelColor, _emotion.textFieldTokens.leftHelperColor, _emotion.textFieldTokens.titleCaptionColor, _emotion.textFieldTokens.hintIconColor, _emotion.textFieldTokens.dividerColor, _emotion.textFieldTokens.dividerColorHover, _emotion.textFieldTokens.dividerColorFocus, _emotion.textFieldTokens.chipCloseIconColor, _emotion.textFieldTokens.chipColor, _emotion.textFieldTokens.chipBackground, _emotion.textFieldTokens.chipColorHover, _emotion.textFieldTokens.chipBackgroundHover, _emotion.textFieldTokens.chipColorActive, _emotion.textFieldTokens.chipBackgroundActive, _emotion.textFieldTokens.chipBackgroundReadOnly, _emotion.textFieldTokens.chipColorReadOnly, _emotion.textFieldTokens.chipBackgroundReadOnlyHover, _emotion.textFieldTokens.chipColorReadOnlyHover, _emotion.textFieldTokens.chipOpacityReadonly, _emotion.textFieldTokens.borderColor, _emotion.textFieldTokens.focusColor, _emotion.textFieldTokens.indicatorColor, _emotion.textFieldTokens.optionalColor)
|
321
|
+
default: (0, _emotion.css)(_templateObject(), _emotion.textFieldTokens.color, _emotion.textFieldTokens.clearColor, _emotion.textFieldTokens.backgroundColor, _emotion.textFieldTokens.backgroundColorFocus, _emotion.textFieldTokens.caretColor, _emotion.textFieldTokens.placeholderColor, _emotion.textFieldTokens.placeholderColorFocus, _emotion.textFieldTokens.clearPlaceholderColor, _emotion.textFieldTokens.clearPlaceholderColorFocus, _emotion.textFieldTokens.textBeforeColor, _emotion.textFieldTokens.textAfterColor, _emotion.textFieldTokens.labelColor, _emotion.textFieldTokens.leftHelperColor, _emotion.textFieldTokens.titleCaptionColor, _emotion.textFieldTokens.hintIconColor, _emotion.textFieldTokens.contentSlotColor, _emotion.textFieldTokens.contentSlotColorHover, _emotion.textFieldTokens.contentSlotColorActive, _emotion.textFieldTokens.contentSlotRightColor, _emotion.textFieldTokens.contentSlotRightColorHover, _emotion.textFieldTokens.contentSlotRightColorActive, _emotion.textFieldTokens.dividerColor, _emotion.textFieldTokens.dividerColorHover, _emotion.textFieldTokens.dividerColorFocus, _emotion.textFieldTokens.chipCloseIconColor, _emotion.textFieldTokens.chipCloseIconColorReadonly, _emotion.textFieldTokens.chipCloseIconColorHover, _emotion.textFieldTokens.chipColor, _emotion.textFieldTokens.chipBackground, _emotion.textFieldTokens.chipColorHover, _emotion.textFieldTokens.chipBackgroundHover, _emotion.textFieldTokens.chipColorActive, _emotion.textFieldTokens.chipBackgroundActive, _emotion.textFieldTokens.chipBackgroundReadOnly, _emotion.textFieldTokens.chipColorReadOnly, _emotion.textFieldTokens.chipBackgroundReadOnlyHover, _emotion.textFieldTokens.chipColorReadOnlyHover, _emotion.textFieldTokens.chipOpacityReadonly, _emotion.textFieldTokens.focusColor, _emotion.textFieldTokens.borderColor, _emotion.textFieldTokens.borderColorFocus, _emotion.textFieldTokens.borderColorHover, _emotion.textFieldTokens.indicatorColor, _emotion.textFieldTokens.optionalColor),
|
322
|
+
negative: (0, _emotion.css)(_templateObject1(), _emotion.textFieldTokens.color, _emotion.textFieldTokens.clearColor, _emotion.textFieldTokens.backgroundColor, _emotion.textFieldTokens.backgroundColorFocus, _emotion.textFieldTokens.caretColor, _emotion.textFieldTokens.placeholderColor, _emotion.textFieldTokens.clearPlaceholderColor, _emotion.textFieldTokens.placeholderColorFocus, _emotion.textFieldTokens.clearPlaceholderColorFocus, _emotion.textFieldTokens.textBeforeColor, _emotion.textFieldTokens.textAfterColor, _emotion.textFieldTokens.labelColor, _emotion.textFieldTokens.leftHelperColor, _emotion.textFieldTokens.titleCaptionColor, _emotion.textFieldTokens.hintIconColor, _emotion.textFieldTokens.dividerColor, _emotion.textFieldTokens.dividerColorHover, _emotion.textFieldTokens.dividerColorFocus, _emotion.textFieldTokens.chipCloseIconColor, _emotion.textFieldTokens.chipCloseIconColorReadonly, _emotion.textFieldTokens.chipCloseIconColorHover, _emotion.textFieldTokens.chipColor, _emotion.textFieldTokens.chipBackground, _emotion.textFieldTokens.chipColorHover, _emotion.textFieldTokens.chipBackgroundHover, _emotion.textFieldTokens.chipColorActive, _emotion.textFieldTokens.chipBackgroundActive, _emotion.textFieldTokens.chipBackgroundReadOnly, _emotion.textFieldTokens.chipColorReadOnly, _emotion.textFieldTokens.chipBackgroundReadOnlyHover, _emotion.textFieldTokens.chipColorReadOnlyHover, _emotion.textFieldTokens.chipOpacityReadonly, _emotion.textFieldTokens.borderColor, _emotion.textFieldTokens.focusColor, _emotion.textFieldTokens.indicatorColor, _emotion.textFieldTokens.optionalColor)
|
319
323
|
},
|
320
324
|
size: {
|
321
325
|
s: (0, _emotion.css)(_templateObject2(), _emotion.textFieldTokens.height, _emotion.textFieldTokens.padding, _emotion.textFieldTokens.paddingWithChips, _emotion.textFieldTokens.borderRadius, _emotion.textFieldTokens.borderWidth, _emotion.textFieldTokens.leftContentMargin, _emotion.textFieldTokens.rightContentMargin, _emotion.textFieldTokens.textBeforeMargin, _emotion.textFieldTokens.textAfterMargin, _emotion.textFieldTokens.fontFamily, _emotion.textFieldTokens.fontSize, _emotion.textFieldTokens.fontStyle, _emotion.textFieldTokens.fontWeight, _emotion.textFieldTokens.letterSpacing, _emotion.textFieldTokens.lineHeight, _emotion.textFieldTokens.labelOffset, _emotion.textFieldTokens.clearLabelOffset, _emotion.textFieldTokens.labelFontFamily, _emotion.textFieldTokens.labelFontSize, _emotion.textFieldTokens.labelFontStyle, _emotion.textFieldTokens.labelFontWeight, _emotion.textFieldTokens.labelLetterSpacing, _emotion.textFieldTokens.labelLineHeight, _emotion.textFieldTokens.hintMargin, _emotion.textFieldTokens.hintTargetSize, _emotion.textFieldTokens.hintInnerLabelPlacementOffset, _emotion.textFieldTokens.clearHintInnerLabelPlacementOffset, _emotion.textFieldTokens.titleCaptionInnerLabelOffset, _emotion.textFieldTokens.titleCaptionFontFamily, _emotion.textFieldTokens.titleCaptionFontSize, _emotion.textFieldTokens.titleCaptionFontStyle, _emotion.textFieldTokens.titleCaptionFontWeight, _emotion.textFieldTokens.titleCaptionLetterSpacing, _emotion.textFieldTokens.titleCaptionLineHeight, _emotion.textFieldTokens.leftHelperOffset, _emotion.textFieldTokens.leftHelperFontFamily, _emotion.textFieldTokens.leftHelperFontSize, _emotion.textFieldTokens.leftHelperFontStyle, _emotion.textFieldTokens.leftHelperFontWeight, _emotion.textFieldTokens.leftHelperLetterSpacing, _emotion.textFieldTokens.leftHelperLineHeight, _emotion.textFieldTokens.labelInnerPadding, _emotion.textFieldTokens.contentLabelInnerPadding, _emotion.textFieldTokens.chipGap, _emotion.textFieldTokens.chipBorderRadius, _emotion.textFieldTokens.chipWidth, _emotion.textFieldTokens.chipHeight, _emotion.textFieldTokens.chipPadding, _emotion.textFieldTokens.chipClearContentMarginLeft, _emotion.textFieldTokens.chipClearContentMarginRight, _emotion.textFieldTokens.chipCloseIconSize, _emotion.textFieldTokens.chipFontFamily, _emotion.textFieldTokens.chipFontSize, _emotion.textFieldTokens.chipFontStyle, _emotion.textFieldTokens.chipFontWeight, _emotion.textFieldTokens.chipLetterSpacing, _emotion.textFieldTokens.chipLineHeight, _emotion.textFieldTokens.indicatorSizeInner, _emotion.textFieldTokens.indicatorSizeOuter, _emotion.textFieldTokens.indicatorLabelPlacementInner, _emotion.textFieldTokens.indicatorLabelPlacementOuter, _emotion.textFieldTokens.indicatorLabelPlacementInnerRight, _emotion.textFieldTokens.indicatorLabelPlacementOuterRight, _emotion.textFieldTokens.clearIndicatorLabelPlacementInner, _emotion.textFieldTokens.clearIndicatorLabelPlacementInnerRight)
|
@@ -25,7 +25,7 @@ function _templateObject() {
|
|
25
25
|
": var(--text-primary);\n ",
|
26
26
|
": var(--surface-solid-card-brightness);\n\n ",
|
27
27
|
": var(--text-accent);\n ",
|
28
|
-
":
|
28
|
+
": var(--text-accent-minor);\n "
|
29
29
|
]);
|
30
30
|
_templateObject = function _templateObject() {
|
31
31
|
return data;
|
@@ -38,7 +38,7 @@ function _templateObject1() {
|
|
38
38
|
": var(--on-dark-text-primary);\n ",
|
39
39
|
": var(--on-dark-surface-solid-primary-brightness);\n\n ",
|
40
40
|
": var(--on-dark-text-accent);\n ",
|
41
|
-
": var(--on-dark-text-accent-
|
41
|
+
": var(--on-dark-text-accent-minor);\n "
|
42
42
|
]);
|
43
43
|
_templateObject1 = function _templateObject() {
|
44
44
|
return data;
|
@@ -51,7 +51,7 @@ function _templateObject2() {
|
|
51
51
|
": var(--on-light-text-primary);\n ",
|
52
52
|
": var(--on-light-surface-solid-primary-brightness);\n\n ",
|
53
53
|
": var(--on-light-text-accent);\n ",
|
54
|
-
": var(--on-light-text-accent-
|
54
|
+
": var(--on-light-text-accent-minor);\n "
|
55
55
|
]);
|
56
56
|
_templateObject2 = function _templateObject() {
|
57
57
|
return data;
|
@@ -25,7 +25,7 @@ function _templateObject() {
|
|
25
25
|
": var(--text-primary);\n ",
|
26
26
|
": var(--surface-solid-card-brightness);\n\n ",
|
27
27
|
": var(--text-accent);\n ",
|
28
|
-
":
|
28
|
+
": var(--text-accent-minor);\n "
|
29
29
|
]);
|
30
30
|
_templateObject = function _templateObject() {
|
31
31
|
return data;
|
@@ -24,7 +24,7 @@ function _templateObject() {
|
|
24
24
|
"\n ",
|
25
25
|
": var(--text-primary);\n ",
|
26
26
|
": var(--text-accent);\n ",
|
27
|
-
": var(--text-accent-
|
27
|
+
": var(--text-accent-minor);\n ",
|
28
28
|
": var(--text-accent-active);\n ",
|
29
29
|
": var(--text-primary);\n ",
|
30
30
|
": 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 ",
|