@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
@@ -72,7 +72,7 @@ function _templateObject1() {
|
|
72
72
|
": var(--surface-solid-primary);\n ",
|
73
73
|
": var(",
|
74
74
|
");\n ",
|
75
|
-
":
|
75
|
+
": var(--text-accent-minor);\n ",
|
76
76
|
": var(--surface-solid-primary-hover);\n ",
|
77
77
|
": var(--text-accent-active);\n ",
|
78
78
|
": var(--surface-solid-primary-active);\n\n ",
|
@@ -87,9 +87,9 @@ function _templateObject1() {
|
|
87
87
|
": var(--surface-solid-primary);\n ",
|
88
88
|
": var(",
|
89
89
|
");\n ",
|
90
|
-
":
|
90
|
+
": var(--text-accent-minor);\n ",
|
91
91
|
": var(--surface-solid-primary-hover);\n ",
|
92
|
-
":
|
92
|
+
": var(--text-accent-minor);\n ",
|
93
93
|
": var(--surface-solid-primary-active);\n\n ",
|
94
94
|
": 0.4;\n ",
|
95
95
|
": var(--surface-accent);\n\n ",
|
@@ -116,9 +116,9 @@ function _templateObject2() {
|
|
116
116
|
": var(--text-accent-minor);\n ",
|
117
117
|
": var(--surface-clear);\n ",
|
118
118
|
": var(--surface-transparent-accent);\n ",
|
119
|
-
": var(--text-accent);\n ",
|
119
|
+
": var(--text-accent-minor);\n ",
|
120
120
|
": var(--surface-transparent-accent);\n ",
|
121
|
-
": var(--text-accent);\n ",
|
121
|
+
": var(--text-accent-active);\n ",
|
122
122
|
": var(--surface-clear);\n\n ",
|
123
123
|
": 0.4;\n ",
|
124
124
|
": var(--surface-accent);\n\n ",
|
@@ -130,9 +130,9 @@ function _templateObject2() {
|
|
130
130
|
": var(--text-accent);\n ",
|
131
131
|
": var(--surface-clear);\n ",
|
132
132
|
": var(--surface-transparent-accent);\n ",
|
133
|
-
": var(--text-accent);\n ",
|
133
|
+
": var(--text-accent-minor);\n ",
|
134
134
|
": var(--surface-transparent-accent);\n ",
|
135
|
-
": var(--text-accent);\n ",
|
135
|
+
": var(--text-accent-active);\n ",
|
136
136
|
": var(--surface-clear);\n\n ",
|
137
137
|
": 0.4;\n ",
|
138
138
|
": var(--surface-accent);\n\n ",
|
@@ -40,7 +40,7 @@ function _templateObject() {
|
|
40
40
|
": var(--text-secondary-hover);\n ",
|
41
41
|
": var(--text-secondary-active);\n ",
|
42
42
|
": var(--text-accent);\n ",
|
43
|
-
":
|
43
|
+
": var(--text-accent-minor);\n ",
|
44
44
|
": var(--text-accent-active);\n\n ",
|
45
45
|
": var(--surface-accent);\n ",
|
46
46
|
": var(--surface-negative);\n ",
|
@@ -82,7 +82,7 @@ function _templateObject1() {
|
|
82
82
|
": var(--text-secondary-hover);\n ",
|
83
83
|
": var(--text-secondary-active);\n ",
|
84
84
|
": var(--text-accent);\n ",
|
85
|
-
":
|
85
|
+
": var(--text-accent-minor);\n ",
|
86
86
|
": var(--text-accent-active);\n\n ",
|
87
87
|
": var(--surface-accent);\n ",
|
88
88
|
": var(--surface-negative);\n ",
|
@@ -41,7 +41,7 @@ function _templateObject1() {
|
|
41
41
|
var data = _tagged_template_literal([
|
42
42
|
"\n ",
|
43
43
|
": var(--text-accent);\n ",
|
44
|
-
":
|
44
|
+
": var(--text-accent-minor);\n ",
|
45
45
|
": var(--text-accent-active);\n ",
|
46
46
|
": var(--text-accent);\n ",
|
47
47
|
": var(--text-accent);\n ",
|
@@ -41,16 +41,16 @@ function _templateObject() {
|
|
41
41
|
function _templateObject1() {
|
42
42
|
var data = _tagged_template_literal([
|
43
43
|
"\n ",
|
44
|
-
":
|
45
|
-
": var(--text-
|
46
|
-
": var(--text-
|
44
|
+
": var(--text-accent);\n ",
|
45
|
+
": var(--text-accent);\n ",
|
46
|
+
": var(--text-accent);\n ",
|
47
47
|
": var(--text-secondary);\n ",
|
48
48
|
": var(--surface-solid-primary);\n ",
|
49
49
|
": var(",
|
50
50
|
");\n ",
|
51
|
-
": var(--text-
|
51
|
+
": var(--text-accent-minor);\n ",
|
52
52
|
": var(--surface-solid-primary-hover);\n ",
|
53
|
-
": var(--text-
|
53
|
+
": var(--text-accent-active);\n ",
|
54
54
|
": var(--surface-solid-primary-active);\n "
|
55
55
|
]);
|
56
56
|
_templateObject1 = function _templateObject() {
|
@@ -66,9 +66,9 @@ function _templateObject2() {
|
|
66
66
|
": var(--text-accent);\n ",
|
67
67
|
": var(--surface-clear);\n ",
|
68
68
|
": var(--surface-transparent-accent);\n ",
|
69
|
-
": var(--text-accent);\n ",
|
69
|
+
": var(--text-accent-minor);\n ",
|
70
70
|
": var(--surface-transparent-accent);\n ",
|
71
|
-
": var(--text-accent);\n ",
|
71
|
+
": var(--text-accent-active);\n ",
|
72
72
|
": var(--surface-clear);\n "
|
73
73
|
]);
|
74
74
|
_templateObject2 = function _templateObject() {
|
@@ -44,9 +44,9 @@ function _templateObject() {
|
|
44
44
|
": 1;\n\n ",
|
45
45
|
": var(--text-accent);\n ",
|
46
46
|
": var(--surface-clear);\n ",
|
47
|
-
": var(--text-
|
47
|
+
": var(--text-accent-minor);\n ",
|
48
48
|
": var(--surface-clear);\n ",
|
49
|
-
": var(--text-
|
49
|
+
": var(--text-accent-active);\n ",
|
50
50
|
": var(--surface-clear);\n ",
|
51
51
|
": var(--surface-accent);\n "
|
52
52
|
]);
|
@@ -26,7 +26,7 @@ function _templateObject() {
|
|
26
26
|
": var(--text-primary);\n ",
|
27
27
|
": var(--text-accent);\n ",
|
28
28
|
": var(--surface-solid-primary);\n ",
|
29
|
-
": var(--text-
|
29
|
+
": var(--text-accent-minor);\n ",
|
30
30
|
": var(--surface-solid-primary-hover);\n ",
|
31
31
|
": var(--text-accent-active);\n ",
|
32
32
|
": var(--surface-solid-primary-active);\n "
|
@@ -33,6 +33,7 @@ function _templateObject() {
|
|
33
33
|
": var(--surface-solid-card);\n ",
|
34
34
|
": var(--text-primary);\n ",
|
35
35
|
": var(--text-accent);\n ",
|
36
|
+
": var(--text-accent-minor);\n ",
|
36
37
|
": var(--text-accent);\n "
|
37
38
|
]);
|
38
39
|
_templateObject = function _templateObject() {
|
@@ -54,6 +55,7 @@ function _templateObject1() {
|
|
54
55
|
": var(--surface-solid-primary);\n ",
|
55
56
|
": var(--text-primary);\n ",
|
56
57
|
": var(--text-accent);\n ",
|
58
|
+
": var(--text-accent-minor);\n ",
|
57
59
|
": var(--text-accent);\n "
|
58
60
|
]);
|
59
61
|
_templateObject1 = function _templateObject() {
|
@@ -67,14 +69,15 @@ function _templateObject2() {
|
|
67
69
|
": var(--on-dark-text-primary);\n ",
|
68
70
|
": var(--surface-accent);\n ",
|
69
71
|
": var(--on-dark-text-primary);\n ",
|
70
|
-
": var(--surface-accent);\n ",
|
72
|
+
": var(--surface-accent-hover);\n ",
|
71
73
|
": var(--on-dark-text-primary);\n ",
|
72
|
-
": var(--surface-accent);\n ",
|
74
|
+
": var(--surface-accent-active);\n ",
|
73
75
|
": var(--surface-accent);\n ",
|
74
76
|
": var(--on-dark-text-primary);\n ",
|
75
77
|
": var(--surface-accent);\n ",
|
76
78
|
": var(--on-dark-text-primary);\n\n ",
|
77
79
|
": var(--on-dark-text-primary);\n ",
|
80
|
+
": var(--on-dark-text-primary-hover);\n ",
|
78
81
|
": var(--on-dark-text-primary);\n "
|
79
82
|
]);
|
80
83
|
_templateObject2 = function _templateObject() {
|
@@ -154,9 +157,9 @@ var config = {
|
|
154
157
|
},
|
155
158
|
variations: {
|
156
159
|
view: {
|
157
|
-
default: (0, _styledcomponents.css)(_templateObject(), _styledcomponents.chipTokens.color, _styledcomponents.chipTokens.background, _styledcomponents.chipTokens.colorHover, _styledcomponents.chipTokens.backgroundHover, _styledcomponents.chipTokens.colorActive, _styledcomponents.chipTokens.backgroundActive, _styledcomponents.chipTokens.backgroundReadOnly, _styledcomponents.chipTokens.colorReadOnly, _styledcomponents.chipTokens.backgroundReadOnlyHover, _styledcomponents.chipTokens.colorReadOnlyHover, _styledcomponents.chipTokens.closeIconColor, _styledcomponents.chipTokens.leftContentColor),
|
158
|
-
secondary: (0, _styledcomponents.css)(_templateObject1(), _styledcomponents.chipTokens.color, _styledcomponents.chipTokens.background, _styledcomponents.chipTokens.colorHover, _styledcomponents.chipTokens.backgroundHover, _styledcomponents.chipTokens.colorActive, _styledcomponents.chipTokens.backgroundActive, _styledcomponents.chipTokens.backgroundReadOnly, _styledcomponents.chipTokens.colorReadOnly, _styledcomponents.chipTokens.backgroundReadOnlyHover, _styledcomponents.chipTokens.colorReadOnlyHover, _styledcomponents.chipTokens.closeIconColor, _styledcomponents.chipTokens.leftContentColor),
|
159
|
-
accent: (0, _styledcomponents.css)(_templateObject2(), _styledcomponents.chipTokens.color, _styledcomponents.chipTokens.background, _styledcomponents.chipTokens.colorHover, _styledcomponents.chipTokens.backgroundHover, _styledcomponents.chipTokens.colorActive, _styledcomponents.chipTokens.backgroundActive, _styledcomponents.chipTokens.backgroundReadOnly, _styledcomponents.chipTokens.colorReadOnly, _styledcomponents.chipTokens.backgroundReadOnlyHover, _styledcomponents.chipTokens.colorReadOnlyHover, _styledcomponents.chipTokens.closeIconColor, _styledcomponents.chipTokens.leftContentColor)
|
160
|
+
default: (0, _styledcomponents.css)(_templateObject(), _styledcomponents.chipTokens.color, _styledcomponents.chipTokens.background, _styledcomponents.chipTokens.colorHover, _styledcomponents.chipTokens.backgroundHover, _styledcomponents.chipTokens.colorActive, _styledcomponents.chipTokens.backgroundActive, _styledcomponents.chipTokens.backgroundReadOnly, _styledcomponents.chipTokens.colorReadOnly, _styledcomponents.chipTokens.backgroundReadOnlyHover, _styledcomponents.chipTokens.colorReadOnlyHover, _styledcomponents.chipTokens.closeIconColor, _styledcomponents.chipTokens.closeIconColorHover, _styledcomponents.chipTokens.leftContentColor),
|
161
|
+
secondary: (0, _styledcomponents.css)(_templateObject1(), _styledcomponents.chipTokens.color, _styledcomponents.chipTokens.background, _styledcomponents.chipTokens.colorHover, _styledcomponents.chipTokens.backgroundHover, _styledcomponents.chipTokens.colorActive, _styledcomponents.chipTokens.backgroundActive, _styledcomponents.chipTokens.backgroundReadOnly, _styledcomponents.chipTokens.colorReadOnly, _styledcomponents.chipTokens.backgroundReadOnlyHover, _styledcomponents.chipTokens.colorReadOnlyHover, _styledcomponents.chipTokens.closeIconColor, _styledcomponents.chipTokens.closeIconColorHover, _styledcomponents.chipTokens.leftContentColor),
|
162
|
+
accent: (0, _styledcomponents.css)(_templateObject2(), _styledcomponents.chipTokens.color, _styledcomponents.chipTokens.background, _styledcomponents.chipTokens.colorHover, _styledcomponents.chipTokens.backgroundHover, _styledcomponents.chipTokens.colorActive, _styledcomponents.chipTokens.backgroundActive, _styledcomponents.chipTokens.backgroundReadOnly, _styledcomponents.chipTokens.colorReadOnly, _styledcomponents.chipTokens.backgroundReadOnlyHover, _styledcomponents.chipTokens.colorReadOnlyHover, _styledcomponents.chipTokens.closeIconColor, _styledcomponents.chipTokens.closeIconColorHover, _styledcomponents.chipTokens.leftContentColor)
|
160
163
|
},
|
161
164
|
size: {
|
162
165
|
s: (0, _styledcomponents.css)(_templateObject3(), _styledcomponents.chipTokens.borderRadius, _styledcomponents.chipTokens.pilledBorderRadius, _styledcomponents.chipTokens.width, _styledcomponents.chipTokens.height, _styledcomponents.chipTokens.padding, _styledcomponents.chipTokens.fontFamily, _styledcomponents.chipTokens.fontSize, _styledcomponents.chipTokens.fontStyle, _styledcomponents.chipTokens.fontWeight, _styledcomponents.chipTokens.letterSpacing, _styledcomponents.chipTokens.lineHeight, _styledcomponents.chipTokens.leftContentMarginLeft, _styledcomponents.chipTokens.leftContentMarginRight, _styledcomponents.chipTokens.rightContentMarginLeft, _styledcomponents.chipTokens.rightContentMarginRight, _styledcomponents.chipTokens.clearContentMarginLeft, _styledcomponents.chipTokens.clearContentMarginRight, _styledcomponents.chipTokens.closeIconSize),
|
@@ -43,11 +43,13 @@ function _templateObject() {
|
|
43
43
|
": var(--text-secondary-hover);\n ",
|
44
44
|
": var(--text-secondary-active);\n ",
|
45
45
|
": var(--text-accent);\n ",
|
46
|
-
":
|
46
|
+
":var(--text-accent-minor);\n ",
|
47
47
|
": var(--text-accent-active);\n\n ",
|
48
48
|
": var(--surface-negative);\n ",
|
49
49
|
": var(--text-tertiary);\n\n ",
|
50
50
|
": var(--text-secondary);\n ",
|
51
|
+
": var(--text-secondary-hover);\n ",
|
52
|
+
": var(--text-secondary);\n ",
|
51
53
|
": var(--text-primary);\n ",
|
52
54
|
": var(--surface-transparent-secondary);\n ",
|
53
55
|
": var(--text-primary);\n ",
|
@@ -61,7 +63,7 @@ function _templateObject() {
|
|
61
63
|
": 0.72;\n ",
|
62
64
|
": var(--surface-solid-primary);\n\n ",
|
63
65
|
": var(--text-accent);\n ",
|
64
|
-
":
|
66
|
+
": var(--text-accent-minor);\n ",
|
65
67
|
": var(--surface-transparent-accent);\n\n ",
|
66
68
|
": var(--surface-solid-primary);\n\n ",
|
67
69
|
": var(--text-accent);\n\n ",
|
@@ -99,11 +101,13 @@ function _templateObject1() {
|
|
99
101
|
": var(--text-secondary-hover);\n ",
|
100
102
|
": var(--text-secondary-active);\n ",
|
101
103
|
": var(--text-accent);\n ",
|
102
|
-
":
|
104
|
+
": var(--text-accent-minor);\n ",
|
103
105
|
": var(--text-accent-active);\n\n ",
|
104
106
|
": var(--surface-negative);\n ",
|
105
107
|
": var(--text-tertiary);\n\n ",
|
106
108
|
": var(--text-secondary);\n ",
|
109
|
+
": var(--text-secondary-hover);\n ",
|
110
|
+
": var(--text-secondary);\n ",
|
107
111
|
": var(--text-primary);\n ",
|
108
112
|
": var(--surface-transparent-secondary);\n ",
|
109
113
|
": var(--text-primary);\n ",
|
@@ -117,7 +121,7 @@ function _templateObject1() {
|
|
117
121
|
": 0.72;\n ",
|
118
122
|
": var(--surface-solid-primary);\n\n ",
|
119
123
|
": var(--text-accent);\n ",
|
120
|
-
":
|
124
|
+
": var(--text-accent-minor);\n ",
|
121
125
|
": var(--surface-transparent-accent);\n\n ",
|
122
126
|
": var(--surface-solid-primary);\n\n ",
|
123
127
|
": var(--text-accent);\n\n ",
|
@@ -304,8 +308,8 @@ var config = {
|
|
304
308
|
},
|
305
309
|
variations: {
|
306
310
|
view: {
|
307
|
-
default: (0, _styledcomponents.css)(_templateObject(), _styledcomponents.comboboxNewTokens.textFieldColor, _styledcomponents.comboboxNewTokens.textFieldClearColor, _styledcomponents.comboboxNewTokens.textFieldPlaceholderColor, _styledcomponents.comboboxNewTokens.textFieldPlaceholderColorFocus, _styledcomponents.comboboxNewTokens.textFieldClearPlaceholderColor, _styledcomponents.comboboxNewTokens.textFieldClearPlaceholderColorFocus, _styledcomponents.comboboxNewTokens.textFieldBackgroundColor, _styledcomponents.comboboxNewTokens.textFieldBackgroundColorFocus, _styledcomponents.comboboxNewTokens.textFieldCaretColor, _styledcomponents.comboboxNewTokens.textFieldTextBeforeColor, _styledcomponents.comboboxNewTokens.textFieldTextAfterColor, _styledcomponents.comboboxNewTokens.textFieldLabelColor, _styledcomponents.comboboxNewTokens.textFieldLeftHelperColor, _styledcomponents.comboboxNewTokens.textFieldFocusColor, _styledcomponents.comboboxNewTokens.textFieldBorderColor, _styledcomponents.comboboxNewTokens.textFieldBorderColorHover, _styledcomponents.comboboxNewTokens.textFieldBorderColorFocus, _styledcomponents.comboboxNewTokens.textFieldContentSlotColor, _styledcomponents.comboboxNewTokens.textFieldContentSlotColorHover, _styledcomponents.comboboxNewTokens.textFieldContentSlotColorActive, _styledcomponents.comboboxNewTokens.textFieldContentSlotRightColor, _styledcomponents.comboboxNewTokens.textFieldContentSlotRightColorHover, _styledcomponents.comboboxNewTokens.textFieldContentSlotRightColorActive, _styledcomponents.comboboxNewTokens.textFieldIndicatorColor, _styledcomponents.comboboxNewTokens.textFieldOptionalColor, _styledcomponents.comboboxNewTokens.textFieldChipCloseIconColor, _styledcomponents.comboboxNewTokens.textFieldChipColor, _styledcomponents.comboboxNewTokens.textFieldChipBackground, _styledcomponents.comboboxNewTokens.textFieldChipColorHover, _styledcomponents.comboboxNewTokens.textFieldChipBackgroundHover, _styledcomponents.comboboxNewTokens.textFieldChipColorActive, _styledcomponents.comboboxNewTokens.textFieldChipBackgroundActive, _styledcomponents.comboboxNewTokens.textFieldChipBackgroundReadOnly, _styledcomponents.comboboxNewTokens.textFieldChipColorReadOnly, _styledcomponents.comboboxNewTokens.textFieldChipBackgroundReadOnlyHover, _styledcomponents.comboboxNewTokens.textFieldChipColorReadOnlyHover, _styledcomponents.comboboxNewTokens.textFieldChipOpacityReadonly, _styledcomponents.comboboxNewTokens.dropdownBorderColor, _styledcomponents.comboboxNewTokens.disclosureIconColor, _styledcomponents.comboboxNewTokens.disclosureIconColorHover, _styledcomponents.comboboxNewTokens.itemBackgroundHover, _styledcomponents.comboboxNewTokens.dividerColor, _styledcomponents.comboboxNewTokens.itemIconColor, _styledcomponents.comboboxNewTokens.checkboxFillColor, _styledcomponents.comboboxNewTokens.checkboxIconColor, _styledcomponents.comboboxNewTokens.checkboxTriggerBorderCheckedColor, _styledcomponents.comboboxNewTokens.checkboxTriggerBorderColor),
|
308
|
-
negative: (0, _styledcomponents.css)(_templateObject1(), _styledcomponents.comboboxNewTokens.textFieldColor, _styledcomponents.comboboxNewTokens.textFieldClearColor, _styledcomponents.comboboxNewTokens.textFieldPlaceholderColor, _styledcomponents.comboboxNewTokens.textFieldPlaceholderColorFocus, _styledcomponents.comboboxNewTokens.textFieldClearPlaceholderColor, _styledcomponents.comboboxNewTokens.textFieldClearPlaceholderColorFocus, _styledcomponents.comboboxNewTokens.textFieldBackgroundColor, _styledcomponents.comboboxNewTokens.textFieldBackgroundColorFocus, _styledcomponents.comboboxNewTokens.textFieldCaretColor, _styledcomponents.comboboxNewTokens.textFieldTextBeforeColor, _styledcomponents.comboboxNewTokens.textFieldTextAfterColor, _styledcomponents.comboboxNewTokens.textFieldLabelColor, _styledcomponents.comboboxNewTokens.textFieldLeftHelperColor, _styledcomponents.comboboxNewTokens.textFieldFocusColor, _styledcomponents.comboboxNewTokens.textFieldBorderColor, _styledcomponents.comboboxNewTokens.textFieldBorderColorHover, _styledcomponents.comboboxNewTokens.textFieldBorderColorFocus, _styledcomponents.comboboxNewTokens.textFieldContentSlotColor, _styledcomponents.comboboxNewTokens.textFieldContentSlotColorHover, _styledcomponents.comboboxNewTokens.textFieldContentSlotColorActive, _styledcomponents.comboboxNewTokens.textFieldContentSlotRightColor, _styledcomponents.comboboxNewTokens.textFieldContentSlotRightColorHover, _styledcomponents.comboboxNewTokens.textFieldContentSlotRightColorActive, _styledcomponents.comboboxNewTokens.textFieldIndicatorColor, _styledcomponents.comboboxNewTokens.textFieldOptionalColor, _styledcomponents.comboboxNewTokens.textFieldChipCloseIconColor, _styledcomponents.comboboxNewTokens.textFieldChipColor, _styledcomponents.comboboxNewTokens.textFieldChipBackground, _styledcomponents.comboboxNewTokens.textFieldChipColorHover, _styledcomponents.comboboxNewTokens.textFieldChipBackgroundHover, _styledcomponents.comboboxNewTokens.textFieldChipColorActive, _styledcomponents.comboboxNewTokens.textFieldChipBackgroundActive, _styledcomponents.comboboxNewTokens.textFieldChipBackgroundReadOnly, _styledcomponents.comboboxNewTokens.textFieldChipColorReadOnly, _styledcomponents.comboboxNewTokens.textFieldChipBackgroundReadOnlyHover, _styledcomponents.comboboxNewTokens.textFieldChipColorReadOnlyHover, _styledcomponents.comboboxNewTokens.textFieldChipOpacityReadonly, _styledcomponents.comboboxNewTokens.dropdownBorderColor, _styledcomponents.comboboxNewTokens.disclosureIconColor, _styledcomponents.comboboxNewTokens.disclosureIconColorHover, _styledcomponents.comboboxNewTokens.itemBackgroundHover, _styledcomponents.comboboxNewTokens.dividerColor, _styledcomponents.comboboxNewTokens.itemIconColor, _styledcomponents.comboboxNewTokens.checkboxFillColor, _styledcomponents.comboboxNewTokens.checkboxIconColor, _styledcomponents.comboboxNewTokens.checkboxTriggerBorderCheckedColor, _styledcomponents.comboboxNewTokens.checkboxTriggerBorderColor)
|
311
|
+
default: (0, _styledcomponents.css)(_templateObject(), _styledcomponents.comboboxNewTokens.textFieldColor, _styledcomponents.comboboxNewTokens.textFieldClearColor, _styledcomponents.comboboxNewTokens.textFieldPlaceholderColor, _styledcomponents.comboboxNewTokens.textFieldPlaceholderColorFocus, _styledcomponents.comboboxNewTokens.textFieldClearPlaceholderColor, _styledcomponents.comboboxNewTokens.textFieldClearPlaceholderColorFocus, _styledcomponents.comboboxNewTokens.textFieldBackgroundColor, _styledcomponents.comboboxNewTokens.textFieldBackgroundColorFocus, _styledcomponents.comboboxNewTokens.textFieldCaretColor, _styledcomponents.comboboxNewTokens.textFieldTextBeforeColor, _styledcomponents.comboboxNewTokens.textFieldTextAfterColor, _styledcomponents.comboboxNewTokens.textFieldLabelColor, _styledcomponents.comboboxNewTokens.textFieldLeftHelperColor, _styledcomponents.comboboxNewTokens.textFieldFocusColor, _styledcomponents.comboboxNewTokens.textFieldBorderColor, _styledcomponents.comboboxNewTokens.textFieldBorderColorHover, _styledcomponents.comboboxNewTokens.textFieldBorderColorFocus, _styledcomponents.comboboxNewTokens.textFieldContentSlotColor, _styledcomponents.comboboxNewTokens.textFieldContentSlotColorHover, _styledcomponents.comboboxNewTokens.textFieldContentSlotColorActive, _styledcomponents.comboboxNewTokens.textFieldContentSlotRightColor, _styledcomponents.comboboxNewTokens.textFieldContentSlotRightColorHover, _styledcomponents.comboboxNewTokens.textFieldContentSlotRightColorActive, _styledcomponents.comboboxNewTokens.textFieldIndicatorColor, _styledcomponents.comboboxNewTokens.textFieldOptionalColor, _styledcomponents.comboboxNewTokens.textFieldChipCloseIconColor, _styledcomponents.comboboxNewTokens.textFieldChipCloseIconColorHover, _styledcomponents.comboboxNewTokens.textFieldChipCloseIconColorReadonly, _styledcomponents.comboboxNewTokens.textFieldChipColor, _styledcomponents.comboboxNewTokens.textFieldChipBackground, _styledcomponents.comboboxNewTokens.textFieldChipColorHover, _styledcomponents.comboboxNewTokens.textFieldChipBackgroundHover, _styledcomponents.comboboxNewTokens.textFieldChipColorActive, _styledcomponents.comboboxNewTokens.textFieldChipBackgroundActive, _styledcomponents.comboboxNewTokens.textFieldChipBackgroundReadOnly, _styledcomponents.comboboxNewTokens.textFieldChipColorReadOnly, _styledcomponents.comboboxNewTokens.textFieldChipBackgroundReadOnlyHover, _styledcomponents.comboboxNewTokens.textFieldChipColorReadOnlyHover, _styledcomponents.comboboxNewTokens.textFieldChipOpacityReadonly, _styledcomponents.comboboxNewTokens.dropdownBorderColor, _styledcomponents.comboboxNewTokens.disclosureIconColor, _styledcomponents.comboboxNewTokens.disclosureIconColorHover, _styledcomponents.comboboxNewTokens.itemBackgroundHover, _styledcomponents.comboboxNewTokens.dividerColor, _styledcomponents.comboboxNewTokens.itemIconColor, _styledcomponents.comboboxNewTokens.checkboxFillColor, _styledcomponents.comboboxNewTokens.checkboxIconColor, _styledcomponents.comboboxNewTokens.checkboxTriggerBorderCheckedColor, _styledcomponents.comboboxNewTokens.checkboxTriggerBorderColor),
|
312
|
+
negative: (0, _styledcomponents.css)(_templateObject1(), _styledcomponents.comboboxNewTokens.textFieldColor, _styledcomponents.comboboxNewTokens.textFieldClearColor, _styledcomponents.comboboxNewTokens.textFieldPlaceholderColor, _styledcomponents.comboboxNewTokens.textFieldPlaceholderColorFocus, _styledcomponents.comboboxNewTokens.textFieldClearPlaceholderColor, _styledcomponents.comboboxNewTokens.textFieldClearPlaceholderColorFocus, _styledcomponents.comboboxNewTokens.textFieldBackgroundColor, _styledcomponents.comboboxNewTokens.textFieldBackgroundColorFocus, _styledcomponents.comboboxNewTokens.textFieldCaretColor, _styledcomponents.comboboxNewTokens.textFieldTextBeforeColor, _styledcomponents.comboboxNewTokens.textFieldTextAfterColor, _styledcomponents.comboboxNewTokens.textFieldLabelColor, _styledcomponents.comboboxNewTokens.textFieldLeftHelperColor, _styledcomponents.comboboxNewTokens.textFieldFocusColor, _styledcomponents.comboboxNewTokens.textFieldBorderColor, _styledcomponents.comboboxNewTokens.textFieldBorderColorHover, _styledcomponents.comboboxNewTokens.textFieldBorderColorFocus, _styledcomponents.comboboxNewTokens.textFieldContentSlotColor, _styledcomponents.comboboxNewTokens.textFieldContentSlotColorHover, _styledcomponents.comboboxNewTokens.textFieldContentSlotColorActive, _styledcomponents.comboboxNewTokens.textFieldContentSlotRightColor, _styledcomponents.comboboxNewTokens.textFieldContentSlotRightColorHover, _styledcomponents.comboboxNewTokens.textFieldContentSlotRightColorActive, _styledcomponents.comboboxNewTokens.textFieldIndicatorColor, _styledcomponents.comboboxNewTokens.textFieldOptionalColor, _styledcomponents.comboboxNewTokens.textFieldChipCloseIconColor, _styledcomponents.comboboxNewTokens.textFieldChipCloseIconColorHover, _styledcomponents.comboboxNewTokens.textFieldChipCloseIconColorReadonly, _styledcomponents.comboboxNewTokens.textFieldChipColor, _styledcomponents.comboboxNewTokens.textFieldChipBackground, _styledcomponents.comboboxNewTokens.textFieldChipColorHover, _styledcomponents.comboboxNewTokens.textFieldChipBackgroundHover, _styledcomponents.comboboxNewTokens.textFieldChipColorActive, _styledcomponents.comboboxNewTokens.textFieldChipBackgroundActive, _styledcomponents.comboboxNewTokens.textFieldChipBackgroundReadOnly, _styledcomponents.comboboxNewTokens.textFieldChipColorReadOnly, _styledcomponents.comboboxNewTokens.textFieldChipBackgroundReadOnlyHover, _styledcomponents.comboboxNewTokens.textFieldChipColorReadOnlyHover, _styledcomponents.comboboxNewTokens.textFieldChipOpacityReadonly, _styledcomponents.comboboxNewTokens.dropdownBorderColor, _styledcomponents.comboboxNewTokens.disclosureIconColor, _styledcomponents.comboboxNewTokens.disclosureIconColorHover, _styledcomponents.comboboxNewTokens.itemBackgroundHover, _styledcomponents.comboboxNewTokens.dividerColor, _styledcomponents.comboboxNewTokens.itemIconColor, _styledcomponents.comboboxNewTokens.checkboxFillColor, _styledcomponents.comboboxNewTokens.checkboxIconColor, _styledcomponents.comboboxNewTokens.checkboxTriggerBorderCheckedColor, _styledcomponents.comboboxNewTokens.checkboxTriggerBorderColor)
|
309
313
|
},
|
310
314
|
size: {
|
311
315
|
s: (0, _styledcomponents.css)(_templateObject2(), _styledcomponents.comboboxNewTokens.textFieldHeight, _styledcomponents.comboboxNewTokens.textFieldPadding, _styledcomponents.comboboxNewTokens.textFieldPaddingWithChips, _styledcomponents.comboboxNewTokens.textFieldBorderRadius, _styledcomponents.comboboxNewTokens.textFieldBorderWidth, _styledcomponents.comboboxNewTokens.textFieldLeftContentMargin, _styledcomponents.comboboxNewTokens.textFieldRightContentMargin, _styledcomponents.comboboxNewTokens.textFieldTextBeforeMargin, _styledcomponents.comboboxNewTokens.textFieldTextAfterMargin, _styledcomponents.comboboxNewTokens.textFieldFontFamily, _styledcomponents.comboboxNewTokens.textFieldFontSize, _styledcomponents.comboboxNewTokens.textFieldFontStyle, _styledcomponents.comboboxNewTokens.textFieldFontWeight, _styledcomponents.comboboxNewTokens.textFieldLetterSpacing, _styledcomponents.comboboxNewTokens.textFieldLineHeight, _styledcomponents.comboboxNewTokens.textFieldLabelOffset, _styledcomponents.comboboxNewTokens.textFieldLabelFontFamily, _styledcomponents.comboboxNewTokens.textFieldLabelFontSize, _styledcomponents.comboboxNewTokens.textFieldLabelFontStyle, _styledcomponents.comboboxNewTokens.textFieldLabelFontWeight, _styledcomponents.comboboxNewTokens.textFieldLabelLetterSpacing, _styledcomponents.comboboxNewTokens.textFieldLabelLineHeight, _styledcomponents.comboboxNewTokens.textFieldLeftHelperOffset, _styledcomponents.comboboxNewTokens.textFieldLeftHelperFontFamily, _styledcomponents.comboboxNewTokens.textFieldLeftHelperFontSize, _styledcomponents.comboboxNewTokens.textFieldLeftHelperFontStyle, _styledcomponents.comboboxNewTokens.textFieldLeftHelperFontWeight, _styledcomponents.comboboxNewTokens.textFieldLeftHelperLetterSpacing, _styledcomponents.comboboxNewTokens.textFieldLeftHelperLineHeight, _styledcomponents.comboboxNewTokens.textFieldLabelInnerPadding, _styledcomponents.comboboxNewTokens.textFieldContentLabelInnerPadding, _styledcomponents.comboboxNewTokens.textFieldIndicatorSizeInner, _styledcomponents.comboboxNewTokens.textFieldIndicatorSizeOuter, _styledcomponents.comboboxNewTokens.textFieldIndicatorLabelPlacementInner, _styledcomponents.comboboxNewTokens.textFieldIndicatorLabelPlacementOuter, _styledcomponents.comboboxNewTokens.textFieldIndicatorLabelPlacementInnerRight, _styledcomponents.comboboxNewTokens.textFieldIndicatorLabelPlacementOuterRight, _styledcomponents.comboboxNewTokens.textFieldClearIndicatorLabelPlacementInner, _styledcomponents.comboboxNewTokens.textFieldClearIndicatorLabelPlacementInnerRight, _styledcomponents.comboboxNewTokens.textFieldClearIndicatorHintInnerRight, _styledcomponents.comboboxNewTokens.textFieldChipGap, _styledcomponents.comboboxNewTokens.textFieldChipBorderRadius, _styledcomponents.comboboxNewTokens.textFieldChipWidth, _styledcomponents.comboboxNewTokens.textFieldChipHeight, _styledcomponents.comboboxNewTokens.textFieldChipPadding, _styledcomponents.comboboxNewTokens.textFieldChipClearContentMarginLeft, _styledcomponents.comboboxNewTokens.textFieldChipClearContentMarginRight, _styledcomponents.comboboxNewTokens.textFieldChipCloseIconSize, _styledcomponents.comboboxNewTokens.textFieldChipFontFamily, _styledcomponents.comboboxNewTokens.textFieldChipFontSize, _styledcomponents.comboboxNewTokens.textFieldChipFontStyle, _styledcomponents.comboboxNewTokens.textFieldChipFontWeight, _styledcomponents.comboboxNewTokens.textFieldChipLetterSpacing, _styledcomponents.comboboxNewTokens.textFieldChipLineHeight, _styledcomponents.comboboxNewTokens.emptyStatePadding, _styledcomponents.comboboxNewTokens.padding, _styledcomponents.comboboxNewTokens.borderRadius, _styledcomponents.comboboxNewTokens.itemHeight, _styledcomponents.comboboxNewTokens.itemPadding, _styledcomponents.comboboxNewTokens.itemPaddingTight, _styledcomponents.comboboxNewTokens.itemBorderRadius, _styledcomponents.comboboxNewTokens.itemIconSize, _styledcomponents.comboboxNewTokens.itemIconSizeTight, _styledcomponents.comboboxNewTokens.itemIconMargin, _styledcomponents.comboboxNewTokens.fontFamily, _styledcomponents.comboboxNewTokens.fontSize, _styledcomponents.comboboxNewTokens.fontStyle, _styledcomponents.comboboxNewTokens.fontWeight, _styledcomponents.comboboxNewTokens.fontLetterSpacing, _styledcomponents.comboboxNewTokens.fontLineHeight, _styledcomponents.comboboxNewTokens.cellPadding, _styledcomponents.comboboxNewTokens.cellPaddingLeftContent, _styledcomponents.comboboxNewTokens.cellPaddingContent, _styledcomponents.comboboxNewTokens.cellPaddingRightContent, _styledcomponents.comboboxNewTokens.cellTextboxGap, _styledcomponents.comboboxNewTokens.cellGap, _styledcomponents.comboboxNewTokens.cellTitleFontFamily, _styledcomponents.comboboxNewTokens.cellTitleFontSize, _styledcomponents.comboboxNewTokens.cellTitleFontStyle, _styledcomponents.comboboxNewTokens.cellTitleFontWeight, _styledcomponents.comboboxNewTokens.cellTitleLetterSpacing, _styledcomponents.comboboxNewTokens.cellTitleLineHeight, _styledcomponents.comboboxNewTokens.checkboxTriggerSize, _styledcomponents.comboboxNewTokens.checkboxTriggerSizeTight, _styledcomponents.comboboxNewTokens.checkboxTriggerBorderRadius, _styledcomponents.comboboxNewTokens.checkboxTriggerBorderRadiusTight, _styledcomponents.comboboxNewTokens.checkboxTriggerBorderWidth, _styledcomponents.comboboxNewTokens.indicatorSize, _styledcomponents.comboboxNewTokens.dropdownBorderWidth, _styledcomponents.comboboxNewTokens.dividerMarginTop, _styledcomponents.comboboxNewTokens.dividerMarginRight, _styledcomponents.comboboxNewTokens.dividerMarginBottom, _styledcomponents.comboboxNewTokens.dividerMarginLeft, _styledcomponents.comboboxNewTokens.dividerMarginTopTight, _styledcomponents.comboboxNewTokens.dividerMarginBottomTight)
|
@@ -62,6 +62,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
62
62
|
targetAmount?: never;
|
63
63
|
renderValue?: never;
|
64
64
|
selectAllOptions?: never;
|
65
|
+
chipClickArea?: never;
|
65
66
|
} & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").RequiredProps & {
|
66
67
|
hintText: string;
|
67
68
|
hintTrigger?: "hover" | "click";
|
@@ -117,6 +118,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
117
118
|
targetAmount?: never;
|
118
119
|
renderValue?: never;
|
119
120
|
selectAllOptions?: never;
|
121
|
+
chipClickArea?: never;
|
120
122
|
} & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").RequiredProps & {
|
121
123
|
hintTrigger?: never;
|
122
124
|
hintText?: never;
|
@@ -172,6 +174,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
172
174
|
targetAmount?: never;
|
173
175
|
renderValue?: never;
|
174
176
|
selectAllOptions?: never;
|
177
|
+
chipClickArea?: never;
|
175
178
|
} & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").RequiredProps & {
|
176
179
|
hintText: string;
|
177
180
|
hintTrigger?: "hover" | "click";
|
@@ -227,6 +230,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
227
230
|
targetAmount?: never;
|
228
231
|
renderValue?: never;
|
229
232
|
selectAllOptions?: never;
|
233
|
+
chipClickArea?: never;
|
230
234
|
} & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").RequiredProps & {
|
231
235
|
hintTrigger?: never;
|
232
236
|
hintText?: never;
|
@@ -282,6 +286,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
282
286
|
targetAmount?: number;
|
283
287
|
renderValue?: ((item: ComboboxItemOption) => string) | undefined;
|
284
288
|
selectAllOptions?: import("@salutejs/plasma-new-hope/types/components/Combobox/ComboboxNew/Combobox.types").SelectAllProps;
|
289
|
+
chipClickArea?: "full" | "close-icon";
|
285
290
|
} & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").RequiredProps & {
|
286
291
|
hintText: string;
|
287
292
|
hintTrigger?: "hover" | "click";
|
@@ -337,6 +342,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
337
342
|
targetAmount?: number;
|
338
343
|
renderValue?: ((item: ComboboxItemOption) => string) | undefined;
|
339
344
|
selectAllOptions?: import("@salutejs/plasma-new-hope/types/components/Combobox/ComboboxNew/Combobox.types").SelectAllProps;
|
345
|
+
chipClickArea?: "full" | "close-icon";
|
340
346
|
} & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").RequiredProps & {
|
341
347
|
hintTrigger?: never;
|
342
348
|
hintText?: never;
|
@@ -392,6 +398,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
392
398
|
targetAmount?: number;
|
393
399
|
renderValue?: ((item: ComboboxItemOption) => string) | undefined;
|
394
400
|
selectAllOptions?: import("@salutejs/plasma-new-hope/types/components/Combobox/ComboboxNew/Combobox.types").SelectAllProps;
|
401
|
+
chipClickArea?: "full" | "close-icon";
|
395
402
|
} & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").RequiredProps & {
|
396
403
|
hintText: string;
|
397
404
|
hintTrigger?: "hover" | "click";
|
@@ -447,6 +454,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
447
454
|
targetAmount?: number;
|
448
455
|
renderValue?: ((item: ComboboxItemOption) => string) | undefined;
|
449
456
|
selectAllOptions?: import("@salutejs/plasma-new-hope/types/components/Combobox/ComboboxNew/Combobox.types").SelectAllProps;
|
457
|
+
chipClickArea?: "full" | "close-icon";
|
450
458
|
} & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").RequiredProps & {
|
451
459
|
hintTrigger?: never;
|
452
460
|
hintText?: never;
|
@@ -502,6 +510,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
502
510
|
targetAmount?: never;
|
503
511
|
renderValue?: never;
|
504
512
|
selectAllOptions?: never;
|
513
|
+
chipClickArea?: never;
|
505
514
|
} & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").RequiredProps & {
|
506
515
|
hintText: string;
|
507
516
|
hintTrigger?: "hover" | "click";
|
@@ -557,6 +566,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
557
566
|
targetAmount?: never;
|
558
567
|
renderValue?: never;
|
559
568
|
selectAllOptions?: never;
|
569
|
+
chipClickArea?: never;
|
560
570
|
} & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").RequiredProps & {
|
561
571
|
hintTrigger?: never;
|
562
572
|
hintText?: never;
|
@@ -612,6 +622,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
612
622
|
targetAmount?: never;
|
613
623
|
renderValue?: never;
|
614
624
|
selectAllOptions?: never;
|
625
|
+
chipClickArea?: never;
|
615
626
|
} & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").RequiredProps & {
|
616
627
|
hintText: string;
|
617
628
|
hintTrigger?: "hover" | "click";
|
@@ -667,6 +678,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
667
678
|
targetAmount?: never;
|
668
679
|
renderValue?: never;
|
669
680
|
selectAllOptions?: never;
|
681
|
+
chipClickArea?: never;
|
670
682
|
} & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").RequiredProps & {
|
671
683
|
hintTrigger?: never;
|
672
684
|
hintText?: never;
|
@@ -722,6 +734,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
722
734
|
targetAmount?: number;
|
723
735
|
renderValue?: ((item: ComboboxItemOption) => string) | undefined;
|
724
736
|
selectAllOptions?: import("@salutejs/plasma-new-hope/types/components/Combobox/ComboboxNew/Combobox.types").SelectAllProps;
|
737
|
+
chipClickArea?: "full" | "close-icon";
|
725
738
|
} & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").RequiredProps & {
|
726
739
|
hintText: string;
|
727
740
|
hintTrigger?: "hover" | "click";
|
@@ -777,6 +790,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
777
790
|
targetAmount?: number;
|
778
791
|
renderValue?: ((item: ComboboxItemOption) => string) | undefined;
|
779
792
|
selectAllOptions?: import("@salutejs/plasma-new-hope/types/components/Combobox/ComboboxNew/Combobox.types").SelectAllProps;
|
793
|
+
chipClickArea?: "full" | "close-icon";
|
780
794
|
} & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").RequiredProps & {
|
781
795
|
hintTrigger?: never;
|
782
796
|
hintText?: never;
|
@@ -832,6 +846,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
832
846
|
targetAmount?: number;
|
833
847
|
renderValue?: ((item: ComboboxItemOption) => string) | undefined;
|
834
848
|
selectAllOptions?: import("@salutejs/plasma-new-hope/types/components/Combobox/ComboboxNew/Combobox.types").SelectAllProps;
|
849
|
+
chipClickArea?: "full" | "close-icon";
|
835
850
|
} & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").RequiredProps & {
|
836
851
|
hintText: string;
|
837
852
|
hintTrigger?: "hover" | "click";
|
@@ -887,6 +902,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
887
902
|
targetAmount?: number;
|
888
903
|
renderValue?: ((item: ComboboxItemOption) => string) | undefined;
|
889
904
|
selectAllOptions?: import("@salutejs/plasma-new-hope/types/components/Combobox/ComboboxNew/Combobox.types").SelectAllProps;
|
905
|
+
chipClickArea?: "full" | "close-icon";
|
890
906
|
} & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").RequiredProps & {
|
891
907
|
hintTrigger?: never;
|
892
908
|
hintText?: never;
|
@@ -942,6 +958,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
942
958
|
targetAmount?: never;
|
943
959
|
renderValue?: never;
|
944
960
|
selectAllOptions?: never;
|
961
|
+
chipClickArea?: never;
|
945
962
|
} & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").RequiredProps & {
|
946
963
|
hintText: string;
|
947
964
|
hintTrigger?: "hover" | "click";
|
@@ -997,6 +1014,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
997
1014
|
targetAmount?: never;
|
998
1015
|
renderValue?: never;
|
999
1016
|
selectAllOptions?: never;
|
1017
|
+
chipClickArea?: never;
|
1000
1018
|
} & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").RequiredProps & {
|
1001
1019
|
hintTrigger?: never;
|
1002
1020
|
hintText?: never;
|
@@ -1052,6 +1070,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
1052
1070
|
targetAmount?: never;
|
1053
1071
|
renderValue?: never;
|
1054
1072
|
selectAllOptions?: never;
|
1073
|
+
chipClickArea?: never;
|
1055
1074
|
} & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").RequiredProps & {
|
1056
1075
|
hintText: string;
|
1057
1076
|
hintTrigger?: "hover" | "click";
|
@@ -1107,6 +1126,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
1107
1126
|
targetAmount?: never;
|
1108
1127
|
renderValue?: never;
|
1109
1128
|
selectAllOptions?: never;
|
1129
|
+
chipClickArea?: never;
|
1110
1130
|
} & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").RequiredProps & {
|
1111
1131
|
hintTrigger?: never;
|
1112
1132
|
hintText?: never;
|
@@ -1162,6 +1182,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
1162
1182
|
targetAmount?: number;
|
1163
1183
|
renderValue?: ((item: ComboboxItemOption) => string) | undefined;
|
1164
1184
|
selectAllOptions?: import("@salutejs/plasma-new-hope/types/components/Combobox/ComboboxNew/Combobox.types").SelectAllProps;
|
1185
|
+
chipClickArea?: "full" | "close-icon";
|
1165
1186
|
} & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").RequiredProps & {
|
1166
1187
|
hintText: string;
|
1167
1188
|
hintTrigger?: "hover" | "click";
|
@@ -1217,6 +1238,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
1217
1238
|
targetAmount?: number;
|
1218
1239
|
renderValue?: ((item: ComboboxItemOption) => string) | undefined;
|
1219
1240
|
selectAllOptions?: import("@salutejs/plasma-new-hope/types/components/Combobox/ComboboxNew/Combobox.types").SelectAllProps;
|
1241
|
+
chipClickArea?: "full" | "close-icon";
|
1220
1242
|
} & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").RequiredProps & {
|
1221
1243
|
hintTrigger?: never;
|
1222
1244
|
hintText?: never;
|
@@ -1272,6 +1294,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
1272
1294
|
targetAmount?: number;
|
1273
1295
|
renderValue?: ((item: ComboboxItemOption) => string) | undefined;
|
1274
1296
|
selectAllOptions?: import("@salutejs/plasma-new-hope/types/components/Combobox/ComboboxNew/Combobox.types").SelectAllProps;
|
1297
|
+
chipClickArea?: "full" | "close-icon";
|
1275
1298
|
} & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").RequiredProps & {
|
1276
1299
|
hintText: string;
|
1277
1300
|
hintTrigger?: "hover" | "click";
|
@@ -1327,6 +1350,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
1327
1350
|
targetAmount?: number;
|
1328
1351
|
renderValue?: ((item: ComboboxItemOption) => string) | undefined;
|
1329
1352
|
selectAllOptions?: import("@salutejs/plasma-new-hope/types/components/Combobox/ComboboxNew/Combobox.types").SelectAllProps;
|
1353
|
+
chipClickArea?: "full" | "close-icon";
|
1330
1354
|
} & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").RequiredProps & {
|
1331
1355
|
hintTrigger?: never;
|
1332
1356
|
hintText?: never;
|
@@ -72,13 +72,13 @@ export declare const DatePickerRange: import("react").FunctionComponent<import("
|
|
72
72
|
};
|
73
73
|
}) => void;
|
74
74
|
} & {
|
75
|
+
size?: string | undefined;
|
76
|
+
disabled?: boolean | undefined;
|
75
77
|
label?: string | undefined;
|
76
78
|
view?: string | undefined;
|
77
|
-
disabled?: boolean | undefined;
|
78
|
-
autoComplete?: string | undefined;
|
79
79
|
readOnly?: boolean | undefined;
|
80
80
|
required?: boolean | undefined;
|
81
|
-
|
81
|
+
autoComplete?: string | undefined;
|
82
82
|
contentLeft?: React.ReactNode;
|
83
83
|
contentRight?: React.ReactNode;
|
84
84
|
leftHelper?: string | undefined;
|
@@ -70,11 +70,9 @@ function _templateObject1() {
|
|
70
70
|
": var(--surface-accent);\n ",
|
71
71
|
": var(--surface-solid-card-brightness);\n ",
|
72
72
|
": 0px 4px 14px -4px rgba(8, 8, 8, 0.08), 0px 1px 4px -1px rgba(0, 0, 0, 0.04);\n ",
|
73
|
-
": var(--text-secondary);\n ",
|
74
73
|
": var(--surface-clear);\n ",
|
75
74
|
": var(--surface-transparent-accent);\n ",
|
76
75
|
": var(--text-primary);\n ",
|
77
|
-
": var(--text-accent);\n ",
|
78
76
|
": var(--surface-solid-primary);\n ",
|
79
77
|
": var(--text-accent);\n "
|
80
78
|
]);
|
@@ -93,7 +91,7 @@ var config = {
|
|
93
91
|
s: (0, _styledcomponents.css)(_templateObject(), _styledcomponents.dropdownTokens.padding, _styledcomponents.dropdownTokens.width, _styledcomponents.dropdownTokens.borderRadius, _styledcomponents.dropdownTokens.borderWidth, _styledcomponents.dropdownTokens.itemHeight, _styledcomponents.dropdownTokens.itemMargin, _styledcomponents.dropdownTokens.itemPadding, _styledcomponents.dropdownTokens.itemPaddingTight, _styledcomponents.dropdownTokens.itemBorderRadius, _styledcomponents.dropdownTokens.dividerMarginTop, _styledcomponents.dropdownTokens.dividerMarginRight, _styledcomponents.dropdownTokens.dividerMarginBottom, _styledcomponents.dropdownTokens.dividerMarginLeft, _styledcomponents.dropdownTokens.dividerMarginTopTight, _styledcomponents.dropdownTokens.dividerMarginBottomTight, _styledcomponents.dropdownTokens.itemFontFamily, _styledcomponents.dropdownTokens.itemFontSize, _styledcomponents.dropdownTokens.itemFontStyle, _styledcomponents.dropdownTokens.itemFontWeightBold, _styledcomponents.dropdownTokens.itemFontLetterSpacing, _styledcomponents.dropdownTokens.itemFontLineHeight, _styledcomponents.dropdownTokens.cellPadding, _styledcomponents.dropdownTokens.cellPaddingLeftContent, _styledcomponents.dropdownTokens.cellPaddingContent, _styledcomponents.dropdownTokens.cellPaddingRightContent, _styledcomponents.dropdownTokens.cellTextboxGap, _styledcomponents.dropdownTokens.cellGap, _styledcomponents.dropdownTokens.cellTitleFontFamily, _styledcomponents.dropdownTokens.cellTitleFontSize, _styledcomponents.dropdownTokens.cellTitleFontStyle, _styledcomponents.dropdownTokens.cellTitleFontWeight, _styledcomponents.dropdownTokens.cellTitleLetterSpacing, _styledcomponents.dropdownTokens.cellTitleLineHeight)
|
94
92
|
},
|
95
93
|
view: {
|
96
|
-
default: (0, _styledcomponents.css)(_templateObject1(), _styledcomponents.dropdownTokens.dividerColor, _styledcomponents.dropdownTokens.disabledOpacity, _styledcomponents.dropdownTokens.borderColor, _styledcomponents.dropdownTokens.focusColor, _styledcomponents.dropdownTokens.background, _styledcomponents.dropdownTokens.boxShadow, _styledcomponents.dropdownTokens.
|
94
|
+
default: (0, _styledcomponents.css)(_templateObject1(), _styledcomponents.dropdownTokens.dividerColor, _styledcomponents.dropdownTokens.disabledOpacity, _styledcomponents.dropdownTokens.borderColor, _styledcomponents.dropdownTokens.focusColor, _styledcomponents.dropdownTokens.background, _styledcomponents.dropdownTokens.boxShadow, _styledcomponents.dropdownTokens.itemBackground, _styledcomponents.dropdownTokens.itemBackgroundHover, _styledcomponents.dropdownTokens.itemColor, _styledcomponents.dropdownTokens.dividerColor, _styledcomponents.dropdownTokens.disclosureIconColor)
|
97
95
|
}
|
98
96
|
}
|
99
97
|
};
|
@@ -41,7 +41,7 @@ function _templateObject1() {
|
|
41
41
|
": var(--surface-solid-primary);\n ",
|
42
42
|
": var(",
|
43
43
|
");\n ",
|
44
|
-
":
|
44
|
+
": var(--text-accent-minor);\n ",
|
45
45
|
": var(--surface-solid-primary-hover);\n ",
|
46
46
|
": var(--text-accent-active);\n ",
|
47
47
|
": var(--surface-solid-primary-active);\n "
|
@@ -92,10 +92,10 @@ function _templateObject4() {
|
|
92
92
|
"\n ",
|
93
93
|
": var(--plasma-typo-text-m-font-family);\n ",
|
94
94
|
": var(--text-accent);\n ",
|
95
|
-
":
|
95
|
+
": var(--text-accent-minor);\n ",
|
96
96
|
": var(--text-accent-active);\n ",
|
97
97
|
": var(--text-accent);\n ",
|
98
|
-
":
|
98
|
+
": var(--text-accent-minor);\n ",
|
99
99
|
": var(--text-accent-active);\n ",
|
100
100
|
": 0;\n "
|
101
101
|
]);
|
@@ -29,9 +29,9 @@ function _templateObject() {
|
|
29
29
|
": 2rem;\n ",
|
30
30
|
": 0.625rem;\n ",
|
31
31
|
": 0.375rem;\n ",
|
32
|
-
": var(--text-
|
33
|
-
": var(--text-
|
34
|
-
": var(--text-
|
32
|
+
": var(--text-accent);\n ",
|
33
|
+
": var(--text-accent-minor);\n ",
|
34
|
+
": var(--text-accent-active);\n ",
|
35
35
|
": var(--surface-accent);\n "
|
36
36
|
]);
|
37
37
|
_templateObject = function _templateObject() {
|
@@ -60,7 +60,7 @@ function _templateObject() {
|
|
60
60
|
": var(--plasma-typo-body-m-letter-spacing);\n ",
|
61
61
|
": var(--plasma-typo-body-m-line-height);\n\n ",
|
62
62
|
": var(--text-accent);\n ",
|
63
|
-
":
|
63
|
+
":var(--text-accent-minor);\n\n ",
|
64
64
|
": 0.5rem;\n ",
|
65
65
|
": 0.75rem;\n ",
|
66
66
|
": 0.8125rem 0.5rem 0.8125rem 0.875rem;\n "
|
@@ -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 ",
|