@salutejs/sdds-cs 0.330.0-canary.2237.18160100785.0 → 0.330.0-canary.2260.18215165010.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +131 -0
- package/components/Chip/Chip.config.js +3 -6
- package/components/Combobox/Combobox.config.js +2 -6
- package/components/Combobox/Combobox.d.ts +0 -24
- package/components/Select/Select.config.js +1 -2
- package/components/Select/Select.d.ts +0 -6
- package/components/TextField/TextField.config.js +2 -6
- package/emotion/cjs/components/Chip/Chip.config.js +3 -6
- package/emotion/cjs/components/Combobox/Combobox.config.js +2 -6
- package/emotion/cjs/components/Select/Select.config.js +1 -2
- package/emotion/cjs/components/TextField/TextField.config.js +2 -6
- package/emotion/es/components/Chip/Chip.config.js +3 -6
- package/emotion/es/components/Combobox/Combobox.config.js +2 -6
- package/emotion/es/components/Select/Select.config.js +1 -2
- package/emotion/es/components/TextField/TextField.config.js +2 -6
- package/es/components/Chip/Chip.config.js +3 -6
- package/es/components/Combobox/Combobox.config.js +2 -6
- package/es/components/Select/Select.config.js +1 -2
- package/es/components/TextField/TextField.config.js +2 -6
- package/package.json +4 -4
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,134 @@
|
|
|
1
|
+
## 0.329.0 (1 октября 2025)
|
|
2
|
+
|
|
3
|
+
## Функциональные изменения в компонентах
|
|
4
|
+
|
|
5
|
+
### Autocomplete, Combobox, Datepicker, Select, TextArea, TextField
|
|
6
|
+
|
|
7
|
+
* изменен token для value на `--text-primary`
|
|
8
|
+
* изменен opacity для separator на `0.4`
|
|
9
|
+
* изменен opacity для `rightContent` на `0.4`
|
|
10
|
+
|
|
11
|
+
[PR](https://github.com/salute-developers/plasma/pull/1906)
|
|
12
|
+
|
|
13
|
+
### Modal
|
|
14
|
+
|
|
15
|
+
* добавлена возможность отключать `focusTrap`
|
|
16
|
+
|
|
17
|
+
[PR](https://github.com/salute-developers/plasma/pull/2244)
|
|
18
|
+
|
|
19
|
+
### Tooltip
|
|
20
|
+
|
|
21
|
+
* удален лишний `pointer-events` блокирующий click на содержимом компонента
|
|
22
|
+
|
|
23
|
+
[PR](https://github.com/salute-developers/plasma/pull/2249)
|
|
24
|
+
|
|
25
|
+
### Note
|
|
26
|
+
|
|
27
|
+
* исправлена ошибка с некорректным переносом по буквам - правильно по словам
|
|
28
|
+
|
|
29
|
+
* расширен `type` до ReactNode для свойств `title, text`
|
|
30
|
+
|
|
31
|
+
[PR](https://github.com/salute-developers/plasma/pull/2247)
|
|
32
|
+
|
|
33
|
+
### TimePicker
|
|
34
|
+
|
|
35
|
+
* Добавлен новый компонент
|
|
36
|
+
|
|
37
|
+
[PR](https://github.com/salute-developers/plasma/pull/2184)
|
|
38
|
+
|
|
39
|
+
### Pagination
|
|
40
|
+
|
|
41
|
+
* Убрано ограничение на минимальное количество слотов для элементов
|
|
42
|
+
|
|
43
|
+
[PR](https://github.com/salute-developers/plasma/pull/2258)
|
|
44
|
+
|
|
45
|
+
### Dropdown
|
|
46
|
+
|
|
47
|
+
* добавлена возможность указывать beforeList во вложенные списки
|
|
48
|
+
|
|
49
|
+
[PR](https://github.com/salute-developers/plasma/pull/2250)
|
|
50
|
+
|
|
51
|
+
### Tree
|
|
52
|
+
|
|
53
|
+
* добавлено свойство `singleLine`, отвечающее за перенес заголовка
|
|
54
|
+
|
|
55
|
+
* исправлено поведение сокращения текста при нехватке места
|
|
56
|
+
|
|
57
|
+
[PR](https://github.com/salute-developers/plasma/pull/2253)
|
|
58
|
+
|
|
59
|
+
### TextField, Select, Combobox, Dropdown, Autocomplete
|
|
60
|
+
|
|
61
|
+
* Исправлен баг с открытием вложенных уровней при использовании свойства `portal`
|
|
62
|
+
|
|
63
|
+
[PR](https://github.com/salute-developers/plasma/pull/2263)
|
|
64
|
+
|
|
65
|
+
### Docs
|
|
66
|
+
|
|
67
|
+
* Исправлено описание для свойства `isNumeric` в типографии
|
|
68
|
+
|
|
69
|
+
[PR](https://github.com/salute-developers/plasma/pull/2264)
|
|
70
|
+
|
|
71
|
+
### Avatar
|
|
72
|
+
|
|
73
|
+
* Добавлен `customBorderRadius` для `fit` размера при `shape = rounded`
|
|
74
|
+
|
|
75
|
+
[PR](https://github.com/salute-developers/plasma/pull/2262)
|
|
76
|
+
|
|
77
|
+
|
|
78
|
+
## 0.328.1 (19 сентября 2025)
|
|
79
|
+
|
|
80
|
+
## Функциональные изменения в компонентах
|
|
81
|
+
|
|
82
|
+
### Avatar
|
|
83
|
+
|
|
84
|
+
* Исправлен `type` для свойства `shape`
|
|
85
|
+
|
|
86
|
+
### What/why changed
|
|
87
|
+
|
|
88
|
+
<!-- GITHUB_RELEASE PR BODY: canary-version -->
|
|
89
|
+
|
|
90
|
+
<details>
|
|
91
|
+
<summary>📦 Published PR as canary version: <code>Canary Versions</code></summary>
|
|
92
|
+
<br />
|
|
93
|
+
|
|
94
|
+
:sparkles: Test out this PR locally via:
|
|
95
|
+
|
|
96
|
+
```bash
|
|
97
|
+
npm install @salutejs/plasma-asdk@0.350.1-canary.2246.17847852413.0
|
|
98
|
+
npm install @salutejs/plasma-b2c@1.592.1-canary.2246.17847852413.0
|
|
99
|
+
npm install @salutejs/plasma-giga@0.319.1-canary.2246.17847852413.0
|
|
100
|
+
npm install @salutejs/plasma-new-hope@0.336.1-canary.2246.17847852413.0
|
|
101
|
+
npm install @salutejs/plasma-web@1.594.1-canary.2246.17847852413.0
|
|
102
|
+
npm install @salutejs/sdds-bizcom@0.324.1-canary.2246.17847852413.0
|
|
103
|
+
npm install @salutejs/sdds-crm@0.323.1-canary.2246.17847852413.0
|
|
104
|
+
npm install @salutejs/sdds-cs@0.328.1-canary.2246.17847852413.0
|
|
105
|
+
npm install @salutejs/sdds-dfa@0.322.1-canary.2246.17847852413.0
|
|
106
|
+
npm install @salutejs/sdds-finai@0.315.1-canary.2246.17847852413.0
|
|
107
|
+
npm install @salutejs/sdds-insol@0.319.1-canary.2246.17847852413.0
|
|
108
|
+
npm install @salutejs/sdds-netology@0.323.1-canary.2246.17847852413.0
|
|
109
|
+
npm install @salutejs/sdds-scan@0.322.1-canary.2246.17847852413.0
|
|
110
|
+
npm install @salutejs/sdds-serv@0.323.1-canary.2246.17847852413.0
|
|
111
|
+
# or
|
|
112
|
+
yarn add @salutejs/plasma-asdk@0.350.1-canary.2246.17847852413.0
|
|
113
|
+
yarn add @salutejs/plasma-b2c@1.592.1-canary.2246.17847852413.0
|
|
114
|
+
yarn add @salutejs/plasma-giga@0.319.1-canary.2246.17847852413.0
|
|
115
|
+
yarn add @salutejs/plasma-new-hope@0.336.1-canary.2246.17847852413.0
|
|
116
|
+
yarn add @salutejs/plasma-web@1.594.1-canary.2246.17847852413.0
|
|
117
|
+
yarn add @salutejs/sdds-bizcom@0.324.1-canary.2246.17847852413.0
|
|
118
|
+
yarn add @salutejs/sdds-crm@0.323.1-canary.2246.17847852413.0
|
|
119
|
+
yarn add @salutejs/sdds-cs@0.328.1-canary.2246.17847852413.0
|
|
120
|
+
yarn add @salutejs/sdds-dfa@0.322.1-canary.2246.17847852413.0
|
|
121
|
+
yarn add @salutejs/sdds-finai@0.315.1-canary.2246.17847852413.0
|
|
122
|
+
yarn add @salutejs/sdds-insol@0.319.1-canary.2246.17847852413.0
|
|
123
|
+
yarn add @salutejs/sdds-netology@0.323.1-canary.2246.17847852413.0
|
|
124
|
+
yarn add @salutejs/sdds-scan@0.322.1-canary.2246.17847852413.0
|
|
125
|
+
yarn add @salutejs/sdds-serv@0.323.1-canary.2246.17847852413.0
|
|
126
|
+
```
|
|
127
|
+
|
|
128
|
+
</details>
|
|
129
|
+
<!-- GITHUB_RELEASE PR BODY: canary-version -->
|
|
130
|
+
|
|
131
|
+
|
|
1
132
|
## 0.328.0 (18 сентября 2025)
|
|
2
133
|
|
|
3
134
|
## Функциональные изменения в компонентах
|
|
@@ -33,7 +33,6 @@ 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-hover);\n ",
|
|
37
36
|
": var(--text-accent);\n "
|
|
38
37
|
]);
|
|
39
38
|
_templateObject = function _templateObject() {
|
|
@@ -55,7 +54,6 @@ function _templateObject1() {
|
|
|
55
54
|
": var(--surface-solid-primary);\n ",
|
|
56
55
|
": var(--text-primary);\n ",
|
|
57
56
|
": var(--text-accent);\n ",
|
|
58
|
-
": var(--text-accent-hover);\n ",
|
|
59
57
|
": var(--text-accent);\n "
|
|
60
58
|
]);
|
|
61
59
|
_templateObject1 = function _templateObject() {
|
|
@@ -77,7 +75,6 @@ function _templateObject2() {
|
|
|
77
75
|
": var(--surface-accent);\n ",
|
|
78
76
|
": var(--on-dark-text-primary);\n\n ",
|
|
79
77
|
": var(--on-dark-text-primary);\n ",
|
|
80
|
-
": var(--on-dark-text-primary-hover);\n ",
|
|
81
78
|
": var(--on-dark-text-primary);\n "
|
|
82
79
|
]);
|
|
83
80
|
_templateObject2 = function _templateObject() {
|
|
@@ -157,9 +154,9 @@ var config = {
|
|
|
157
154
|
},
|
|
158
155
|
variations: {
|
|
159
156
|
view: {
|
|
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.
|
|
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.
|
|
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.
|
|
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)
|
|
163
160
|
},
|
|
164
161
|
size: {
|
|
165
162
|
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),
|
|
@@ -48,8 +48,6 @@ function _templateObject() {
|
|
|
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 ",
|
|
53
51
|
": var(--text-primary);\n ",
|
|
54
52
|
": var(--surface-transparent-secondary);\n ",
|
|
55
53
|
": var(--text-primary);\n ",
|
|
@@ -106,8 +104,6 @@ function _templateObject1() {
|
|
|
106
104
|
": var(--surface-negative);\n ",
|
|
107
105
|
": var(--text-tertiary);\n\n ",
|
|
108
106
|
": var(--text-secondary);\n ",
|
|
109
|
-
": var(--text-secondary-hover);\n ",
|
|
110
|
-
": var(--text-secondary);\n ",
|
|
111
107
|
": var(--text-primary);\n ",
|
|
112
108
|
": var(--surface-transparent-secondary);\n ",
|
|
113
109
|
": var(--text-primary);\n ",
|
|
@@ -308,8 +304,8 @@ var config = {
|
|
|
308
304
|
},
|
|
309
305
|
variations: {
|
|
310
306
|
view: {
|
|
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.
|
|
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.
|
|
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)
|
|
313
309
|
},
|
|
314
310
|
size: {
|
|
315
311
|
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,7 +62,6 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
|
62
62
|
targetAmount?: never;
|
|
63
63
|
renderValue?: never;
|
|
64
64
|
selectAllOptions?: never;
|
|
65
|
-
chipClickArea?: never;
|
|
66
65
|
} & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").RequiredProps & {
|
|
67
66
|
hintText: string;
|
|
68
67
|
hintTrigger?: "hover" | "click";
|
|
@@ -118,7 +117,6 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
|
118
117
|
targetAmount?: never;
|
|
119
118
|
renderValue?: never;
|
|
120
119
|
selectAllOptions?: never;
|
|
121
|
-
chipClickArea?: never;
|
|
122
120
|
} & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").RequiredProps & {
|
|
123
121
|
hintTrigger?: never;
|
|
124
122
|
hintText?: never;
|
|
@@ -174,7 +172,6 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
|
174
172
|
targetAmount?: never;
|
|
175
173
|
renderValue?: never;
|
|
176
174
|
selectAllOptions?: never;
|
|
177
|
-
chipClickArea?: never;
|
|
178
175
|
} & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").RequiredProps & {
|
|
179
176
|
hintText: string;
|
|
180
177
|
hintTrigger?: "hover" | "click";
|
|
@@ -230,7 +227,6 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
|
230
227
|
targetAmount?: never;
|
|
231
228
|
renderValue?: never;
|
|
232
229
|
selectAllOptions?: never;
|
|
233
|
-
chipClickArea?: never;
|
|
234
230
|
} & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").RequiredProps & {
|
|
235
231
|
hintTrigger?: never;
|
|
236
232
|
hintText?: never;
|
|
@@ -286,7 +282,6 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
|
286
282
|
targetAmount?: number;
|
|
287
283
|
renderValue?: ((item: ComboboxItemOption) => string) | undefined;
|
|
288
284
|
selectAllOptions?: import("@salutejs/plasma-new-hope/types/components/Combobox/ComboboxNew/Combobox.types").SelectAllProps;
|
|
289
|
-
chipClickArea?: "full" | "close-icon";
|
|
290
285
|
} & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").RequiredProps & {
|
|
291
286
|
hintText: string;
|
|
292
287
|
hintTrigger?: "hover" | "click";
|
|
@@ -342,7 +337,6 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
|
342
337
|
targetAmount?: number;
|
|
343
338
|
renderValue?: ((item: ComboboxItemOption) => string) | undefined;
|
|
344
339
|
selectAllOptions?: import("@salutejs/plasma-new-hope/types/components/Combobox/ComboboxNew/Combobox.types").SelectAllProps;
|
|
345
|
-
chipClickArea?: "full" | "close-icon";
|
|
346
340
|
} & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").RequiredProps & {
|
|
347
341
|
hintTrigger?: never;
|
|
348
342
|
hintText?: never;
|
|
@@ -398,7 +392,6 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
|
398
392
|
targetAmount?: number;
|
|
399
393
|
renderValue?: ((item: ComboboxItemOption) => string) | undefined;
|
|
400
394
|
selectAllOptions?: import("@salutejs/plasma-new-hope/types/components/Combobox/ComboboxNew/Combobox.types").SelectAllProps;
|
|
401
|
-
chipClickArea?: "full" | "close-icon";
|
|
402
395
|
} & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").RequiredProps & {
|
|
403
396
|
hintText: string;
|
|
404
397
|
hintTrigger?: "hover" | "click";
|
|
@@ -454,7 +447,6 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
|
454
447
|
targetAmount?: number;
|
|
455
448
|
renderValue?: ((item: ComboboxItemOption) => string) | undefined;
|
|
456
449
|
selectAllOptions?: import("@salutejs/plasma-new-hope/types/components/Combobox/ComboboxNew/Combobox.types").SelectAllProps;
|
|
457
|
-
chipClickArea?: "full" | "close-icon";
|
|
458
450
|
} & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").RequiredProps & {
|
|
459
451
|
hintTrigger?: never;
|
|
460
452
|
hintText?: never;
|
|
@@ -510,7 +502,6 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
|
510
502
|
targetAmount?: never;
|
|
511
503
|
renderValue?: never;
|
|
512
504
|
selectAllOptions?: never;
|
|
513
|
-
chipClickArea?: never;
|
|
514
505
|
} & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").RequiredProps & {
|
|
515
506
|
hintText: string;
|
|
516
507
|
hintTrigger?: "hover" | "click";
|
|
@@ -566,7 +557,6 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
|
566
557
|
targetAmount?: never;
|
|
567
558
|
renderValue?: never;
|
|
568
559
|
selectAllOptions?: never;
|
|
569
|
-
chipClickArea?: never;
|
|
570
560
|
} & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").RequiredProps & {
|
|
571
561
|
hintTrigger?: never;
|
|
572
562
|
hintText?: never;
|
|
@@ -622,7 +612,6 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
|
622
612
|
targetAmount?: never;
|
|
623
613
|
renderValue?: never;
|
|
624
614
|
selectAllOptions?: never;
|
|
625
|
-
chipClickArea?: never;
|
|
626
615
|
} & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").RequiredProps & {
|
|
627
616
|
hintText: string;
|
|
628
617
|
hintTrigger?: "hover" | "click";
|
|
@@ -678,7 +667,6 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
|
678
667
|
targetAmount?: never;
|
|
679
668
|
renderValue?: never;
|
|
680
669
|
selectAllOptions?: never;
|
|
681
|
-
chipClickArea?: never;
|
|
682
670
|
} & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").RequiredProps & {
|
|
683
671
|
hintTrigger?: never;
|
|
684
672
|
hintText?: never;
|
|
@@ -734,7 +722,6 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
|
734
722
|
targetAmount?: number;
|
|
735
723
|
renderValue?: ((item: ComboboxItemOption) => string) | undefined;
|
|
736
724
|
selectAllOptions?: import("@salutejs/plasma-new-hope/types/components/Combobox/ComboboxNew/Combobox.types").SelectAllProps;
|
|
737
|
-
chipClickArea?: "full" | "close-icon";
|
|
738
725
|
} & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").RequiredProps & {
|
|
739
726
|
hintText: string;
|
|
740
727
|
hintTrigger?: "hover" | "click";
|
|
@@ -790,7 +777,6 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
|
790
777
|
targetAmount?: number;
|
|
791
778
|
renderValue?: ((item: ComboboxItemOption) => string) | undefined;
|
|
792
779
|
selectAllOptions?: import("@salutejs/plasma-new-hope/types/components/Combobox/ComboboxNew/Combobox.types").SelectAllProps;
|
|
793
|
-
chipClickArea?: "full" | "close-icon";
|
|
794
780
|
} & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").RequiredProps & {
|
|
795
781
|
hintTrigger?: never;
|
|
796
782
|
hintText?: never;
|
|
@@ -846,7 +832,6 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
|
846
832
|
targetAmount?: number;
|
|
847
833
|
renderValue?: ((item: ComboboxItemOption) => string) | undefined;
|
|
848
834
|
selectAllOptions?: import("@salutejs/plasma-new-hope/types/components/Combobox/ComboboxNew/Combobox.types").SelectAllProps;
|
|
849
|
-
chipClickArea?: "full" | "close-icon";
|
|
850
835
|
} & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").RequiredProps & {
|
|
851
836
|
hintText: string;
|
|
852
837
|
hintTrigger?: "hover" | "click";
|
|
@@ -902,7 +887,6 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
|
902
887
|
targetAmount?: number;
|
|
903
888
|
renderValue?: ((item: ComboboxItemOption) => string) | undefined;
|
|
904
889
|
selectAllOptions?: import("@salutejs/plasma-new-hope/types/components/Combobox/ComboboxNew/Combobox.types").SelectAllProps;
|
|
905
|
-
chipClickArea?: "full" | "close-icon";
|
|
906
890
|
} & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").RequiredProps & {
|
|
907
891
|
hintTrigger?: never;
|
|
908
892
|
hintText?: never;
|
|
@@ -958,7 +942,6 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
|
958
942
|
targetAmount?: never;
|
|
959
943
|
renderValue?: never;
|
|
960
944
|
selectAllOptions?: never;
|
|
961
|
-
chipClickArea?: never;
|
|
962
945
|
} & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").RequiredProps & {
|
|
963
946
|
hintText: string;
|
|
964
947
|
hintTrigger?: "hover" | "click";
|
|
@@ -1014,7 +997,6 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
|
1014
997
|
targetAmount?: never;
|
|
1015
998
|
renderValue?: never;
|
|
1016
999
|
selectAllOptions?: never;
|
|
1017
|
-
chipClickArea?: never;
|
|
1018
1000
|
} & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").RequiredProps & {
|
|
1019
1001
|
hintTrigger?: never;
|
|
1020
1002
|
hintText?: never;
|
|
@@ -1070,7 +1052,6 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
|
1070
1052
|
targetAmount?: never;
|
|
1071
1053
|
renderValue?: never;
|
|
1072
1054
|
selectAllOptions?: never;
|
|
1073
|
-
chipClickArea?: never;
|
|
1074
1055
|
} & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").RequiredProps & {
|
|
1075
1056
|
hintText: string;
|
|
1076
1057
|
hintTrigger?: "hover" | "click";
|
|
@@ -1126,7 +1107,6 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
|
1126
1107
|
targetAmount?: never;
|
|
1127
1108
|
renderValue?: never;
|
|
1128
1109
|
selectAllOptions?: never;
|
|
1129
|
-
chipClickArea?: never;
|
|
1130
1110
|
} & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").RequiredProps & {
|
|
1131
1111
|
hintTrigger?: never;
|
|
1132
1112
|
hintText?: never;
|
|
@@ -1182,7 +1162,6 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
|
1182
1162
|
targetAmount?: number;
|
|
1183
1163
|
renderValue?: ((item: ComboboxItemOption) => string) | undefined;
|
|
1184
1164
|
selectAllOptions?: import("@salutejs/plasma-new-hope/types/components/Combobox/ComboboxNew/Combobox.types").SelectAllProps;
|
|
1185
|
-
chipClickArea?: "full" | "close-icon";
|
|
1186
1165
|
} & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").RequiredProps & {
|
|
1187
1166
|
hintText: string;
|
|
1188
1167
|
hintTrigger?: "hover" | "click";
|
|
@@ -1238,7 +1217,6 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
|
1238
1217
|
targetAmount?: number;
|
|
1239
1218
|
renderValue?: ((item: ComboboxItemOption) => string) | undefined;
|
|
1240
1219
|
selectAllOptions?: import("@salutejs/plasma-new-hope/types/components/Combobox/ComboboxNew/Combobox.types").SelectAllProps;
|
|
1241
|
-
chipClickArea?: "full" | "close-icon";
|
|
1242
1220
|
} & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").RequiredProps & {
|
|
1243
1221
|
hintTrigger?: never;
|
|
1244
1222
|
hintText?: never;
|
|
@@ -1294,7 +1272,6 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
|
1294
1272
|
targetAmount?: number;
|
|
1295
1273
|
renderValue?: ((item: ComboboxItemOption) => string) | undefined;
|
|
1296
1274
|
selectAllOptions?: import("@salutejs/plasma-new-hope/types/components/Combobox/ComboboxNew/Combobox.types").SelectAllProps;
|
|
1297
|
-
chipClickArea?: "full" | "close-icon";
|
|
1298
1275
|
} & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").RequiredProps & {
|
|
1299
1276
|
hintText: string;
|
|
1300
1277
|
hintTrigger?: "hover" | "click";
|
|
@@ -1350,7 +1327,6 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
|
1350
1327
|
targetAmount?: number;
|
|
1351
1328
|
renderValue?: ((item: ComboboxItemOption) => string) | undefined;
|
|
1352
1329
|
selectAllOptions?: import("@salutejs/plasma-new-hope/types/components/Combobox/ComboboxNew/Combobox.types").SelectAllProps;
|
|
1353
|
-
chipClickArea?: "full" | "close-icon";
|
|
1354
1330
|
} & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").RequiredProps & {
|
|
1355
1331
|
hintTrigger?: never;
|
|
1356
1332
|
hintText?: never;
|
|
@@ -242,7 +242,6 @@ 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 ",
|
|
246
245
|
": var(--inverse-text-primary);\n ",
|
|
247
246
|
": 1;\n "
|
|
248
247
|
]);
|
|
@@ -304,7 +303,7 @@ var config = {
|
|
|
304
303
|
outer: (0, _styledcomponents.css)(_templateObject4())
|
|
305
304
|
},
|
|
306
305
|
chipView: {
|
|
307
|
-
default: (0, _styledcomponents.css)(_templateObject5(), _styledcomponents.selectTokens.textFieldChipColor, _styledcomponents.selectTokens.textFieldChipBackground, _styledcomponents.selectTokens.textFieldChipBackgroundHover, _styledcomponents.selectTokens.textFieldChipCloseIconColor, _styledcomponents.selectTokens.
|
|
306
|
+
default: (0, _styledcomponents.css)(_templateObject5(), _styledcomponents.selectTokens.textFieldChipColor, _styledcomponents.selectTokens.textFieldChipBackground, _styledcomponents.selectTokens.textFieldChipBackgroundHover, _styledcomponents.selectTokens.textFieldChipCloseIconColor, _styledcomponents.selectTokens.textFieldChipOpacityReadonly)
|
|
308
307
|
},
|
|
309
308
|
disabled: {
|
|
310
309
|
true: (0, _styledcomponents.css)(_templateObject6(), _styledcomponents.selectTokens.textFieldDisabledOpacity, _styledcomponents.selectTokens.textFieldBackgroundColor, _styledcomponents.selectTokens.textFieldBackgroundColorFocus, _styledcomponents.selectTokens.textFieldBorderColor, _styledcomponents.selectTokens.textFieldBorderColorHover, _styledcomponents.selectTokens.textFieldBorderColorFocus, _styledcomponents.selectTokens.textFieldColor)
|
|
@@ -40,7 +40,6 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
|
|
|
40
40
|
placeholder?: string;
|
|
41
41
|
helperText?: string;
|
|
42
42
|
chipType?: "default" | "text";
|
|
43
|
-
chipClickArea?: import("@salutejs/plasma-new-hope/types/components/Select/Select.types").ChipClickArea;
|
|
44
43
|
} & {
|
|
45
44
|
multiselect?: false;
|
|
46
45
|
separator?: never;
|
|
@@ -99,7 +98,6 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
|
|
|
99
98
|
placeholder?: string;
|
|
100
99
|
helperText?: string;
|
|
101
100
|
chipType?: "default" | "text";
|
|
102
|
-
chipClickArea?: import("@salutejs/plasma-new-hope/types/components/Select/Select.types").ChipClickArea;
|
|
103
101
|
} & {
|
|
104
102
|
multiselect?: true;
|
|
105
103
|
separator?: string;
|
|
@@ -159,7 +157,6 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
|
|
|
159
157
|
placeholder?: string;
|
|
160
158
|
helperText?: string;
|
|
161
159
|
chipType?: "default" | "text";
|
|
162
|
-
chipClickArea?: import("@salutejs/plasma-new-hope/types/components/Select/Select.types").ChipClickArea;
|
|
163
160
|
} & {
|
|
164
161
|
multiselect?: false;
|
|
165
162
|
separator?: never;
|
|
@@ -218,7 +215,6 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
|
|
|
218
215
|
placeholder?: string;
|
|
219
216
|
helperText?: string;
|
|
220
217
|
chipType?: "default" | "text";
|
|
221
|
-
chipClickArea?: import("@salutejs/plasma-new-hope/types/components/Select/Select.types").ChipClickArea;
|
|
222
218
|
} & {
|
|
223
219
|
multiselect?: true;
|
|
224
220
|
separator?: string;
|
|
@@ -266,7 +262,6 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
|
|
|
266
262
|
placeholder?: never;
|
|
267
263
|
helperText?: never;
|
|
268
264
|
chipType?: never;
|
|
269
|
-
chipClickArea?: never;
|
|
270
265
|
} & {
|
|
271
266
|
multiselect?: false;
|
|
272
267
|
separator?: never;
|
|
@@ -313,7 +308,6 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
|
|
|
313
308
|
placeholder?: never;
|
|
314
309
|
helperText?: never;
|
|
315
310
|
chipType?: never;
|
|
316
|
-
chipClickArea?: never;
|
|
317
311
|
} & {
|
|
318
312
|
multiselect?: true;
|
|
319
313
|
separator?: string;
|
|
@@ -47,8 +47,6 @@ function _templateObject() {
|
|
|
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 ",
|
|
52
50
|
": var(--text-primary);\n ",
|
|
53
51
|
": var(--surface-transparent-secondary);\n ",
|
|
54
52
|
": var(--text-primary-hover);\n ",
|
|
@@ -94,8 +92,6 @@ function _templateObject1() {
|
|
|
94
92
|
": var(--surface-negative);\n ",
|
|
95
93
|
": var(--surface-accent);\n\n ",
|
|
96
94
|
": var(--text-secondary);\n ",
|
|
97
|
-
": var(--text-secondary);\n ",
|
|
98
|
-
": var(--text-primary);\n ",
|
|
99
95
|
": var(--text-primary);\n ",
|
|
100
96
|
": var(--surface-transparent-secondary);\n ",
|
|
101
97
|
": var(--text-primary);\n ",
|
|
@@ -318,8 +314,8 @@ var config = {
|
|
|
318
314
|
},
|
|
319
315
|
variations: {
|
|
320
316
|
view: {
|
|
321
|
-
default: (0, _styledcomponents.css)(_templateObject(), _styledcomponents.textFieldTokens.color, _styledcomponents.textFieldTokens.clearColor, _styledcomponents.textFieldTokens.backgroundColor, _styledcomponents.textFieldTokens.backgroundColorFocus, _styledcomponents.textFieldTokens.caretColor, _styledcomponents.textFieldTokens.placeholderColor, _styledcomponents.textFieldTokens.placeholderColorFocus, _styledcomponents.textFieldTokens.clearPlaceholderColor, _styledcomponents.textFieldTokens.clearPlaceholderColorFocus, _styledcomponents.textFieldTokens.textBeforeColor, _styledcomponents.textFieldTokens.textAfterColor, _styledcomponents.textFieldTokens.labelColor, _styledcomponents.textFieldTokens.leftHelperColor, _styledcomponents.textFieldTokens.titleCaptionColor, _styledcomponents.textFieldTokens.hintIconColor, _styledcomponents.textFieldTokens.contentSlotColor, _styledcomponents.textFieldTokens.contentSlotColorHover, _styledcomponents.textFieldTokens.contentSlotColorActive, _styledcomponents.textFieldTokens.contentSlotRightColor, _styledcomponents.textFieldTokens.contentSlotRightColorHover, _styledcomponents.textFieldTokens.contentSlotRightColorActive, _styledcomponents.textFieldTokens.dividerColor, _styledcomponents.textFieldTokens.dividerColorHover, _styledcomponents.textFieldTokens.dividerColorFocus, _styledcomponents.textFieldTokens.chipCloseIconColor, _styledcomponents.textFieldTokens.
|
|
322
|
-
negative: (0, _styledcomponents.css)(_templateObject1(), _styledcomponents.textFieldTokens.color, _styledcomponents.textFieldTokens.clearColor, _styledcomponents.textFieldTokens.backgroundColor, _styledcomponents.textFieldTokens.backgroundColorFocus, _styledcomponents.textFieldTokens.caretColor, _styledcomponents.textFieldTokens.placeholderColor, _styledcomponents.textFieldTokens.clearPlaceholderColor, _styledcomponents.textFieldTokens.placeholderColorFocus, _styledcomponents.textFieldTokens.clearPlaceholderColorFocus, _styledcomponents.textFieldTokens.textBeforeColor, _styledcomponents.textFieldTokens.textAfterColor, _styledcomponents.textFieldTokens.labelColor, _styledcomponents.textFieldTokens.leftHelperColor, _styledcomponents.textFieldTokens.titleCaptionColor, _styledcomponents.textFieldTokens.hintIconColor, _styledcomponents.textFieldTokens.dividerColor, _styledcomponents.textFieldTokens.dividerColorHover, _styledcomponents.textFieldTokens.dividerColorFocus, _styledcomponents.textFieldTokens.chipCloseIconColor, _styledcomponents.textFieldTokens.
|
|
317
|
+
default: (0, _styledcomponents.css)(_templateObject(), _styledcomponents.textFieldTokens.color, _styledcomponents.textFieldTokens.clearColor, _styledcomponents.textFieldTokens.backgroundColor, _styledcomponents.textFieldTokens.backgroundColorFocus, _styledcomponents.textFieldTokens.caretColor, _styledcomponents.textFieldTokens.placeholderColor, _styledcomponents.textFieldTokens.placeholderColorFocus, _styledcomponents.textFieldTokens.clearPlaceholderColor, _styledcomponents.textFieldTokens.clearPlaceholderColorFocus, _styledcomponents.textFieldTokens.textBeforeColor, _styledcomponents.textFieldTokens.textAfterColor, _styledcomponents.textFieldTokens.labelColor, _styledcomponents.textFieldTokens.leftHelperColor, _styledcomponents.textFieldTokens.titleCaptionColor, _styledcomponents.textFieldTokens.hintIconColor, _styledcomponents.textFieldTokens.contentSlotColor, _styledcomponents.textFieldTokens.contentSlotColorHover, _styledcomponents.textFieldTokens.contentSlotColorActive, _styledcomponents.textFieldTokens.contentSlotRightColor, _styledcomponents.textFieldTokens.contentSlotRightColorHover, _styledcomponents.textFieldTokens.contentSlotRightColorActive, _styledcomponents.textFieldTokens.dividerColor, _styledcomponents.textFieldTokens.dividerColorHover, _styledcomponents.textFieldTokens.dividerColorFocus, _styledcomponents.textFieldTokens.chipCloseIconColor, _styledcomponents.textFieldTokens.chipColor, _styledcomponents.textFieldTokens.chipBackground, _styledcomponents.textFieldTokens.chipColorHover, _styledcomponents.textFieldTokens.chipBackgroundHover, _styledcomponents.textFieldTokens.chipColorActive, _styledcomponents.textFieldTokens.chipBackgroundActive, _styledcomponents.textFieldTokens.chipBackgroundReadOnly, _styledcomponents.textFieldTokens.chipColorReadOnly, _styledcomponents.textFieldTokens.chipBackgroundReadOnlyHover, _styledcomponents.textFieldTokens.chipColorReadOnlyHover, _styledcomponents.textFieldTokens.chipOpacityReadonly, _styledcomponents.textFieldTokens.focusColor, _styledcomponents.textFieldTokens.borderColor, _styledcomponents.textFieldTokens.borderColorFocus, _styledcomponents.textFieldTokens.borderColorHover, _styledcomponents.textFieldTokens.indicatorColor, _styledcomponents.textFieldTokens.optionalColor),
|
|
318
|
+
negative: (0, _styledcomponents.css)(_templateObject1(), _styledcomponents.textFieldTokens.color, _styledcomponents.textFieldTokens.clearColor, _styledcomponents.textFieldTokens.backgroundColor, _styledcomponents.textFieldTokens.backgroundColorFocus, _styledcomponents.textFieldTokens.caretColor, _styledcomponents.textFieldTokens.placeholderColor, _styledcomponents.textFieldTokens.clearPlaceholderColor, _styledcomponents.textFieldTokens.placeholderColorFocus, _styledcomponents.textFieldTokens.clearPlaceholderColorFocus, _styledcomponents.textFieldTokens.textBeforeColor, _styledcomponents.textFieldTokens.textAfterColor, _styledcomponents.textFieldTokens.labelColor, _styledcomponents.textFieldTokens.leftHelperColor, _styledcomponents.textFieldTokens.titleCaptionColor, _styledcomponents.textFieldTokens.hintIconColor, _styledcomponents.textFieldTokens.dividerColor, _styledcomponents.textFieldTokens.dividerColorHover, _styledcomponents.textFieldTokens.dividerColorFocus, _styledcomponents.textFieldTokens.chipCloseIconColor, _styledcomponents.textFieldTokens.chipColor, _styledcomponents.textFieldTokens.chipBackground, _styledcomponents.textFieldTokens.chipColorHover, _styledcomponents.textFieldTokens.chipBackgroundHover, _styledcomponents.textFieldTokens.chipColorActive, _styledcomponents.textFieldTokens.chipBackgroundActive, _styledcomponents.textFieldTokens.chipBackgroundReadOnly, _styledcomponents.textFieldTokens.chipColorReadOnly, _styledcomponents.textFieldTokens.chipBackgroundReadOnlyHover, _styledcomponents.textFieldTokens.chipColorReadOnlyHover, _styledcomponents.textFieldTokens.chipOpacityReadonly, _styledcomponents.textFieldTokens.borderColor, _styledcomponents.textFieldTokens.focusColor, _styledcomponents.textFieldTokens.indicatorColor, _styledcomponents.textFieldTokens.optionalColor)
|
|
323
319
|
},
|
|
324
320
|
size: {
|
|
325
321
|
s: (0, _styledcomponents.css)(_templateObject2(), _styledcomponents.textFieldTokens.height, _styledcomponents.textFieldTokens.padding, _styledcomponents.textFieldTokens.paddingWithChips, _styledcomponents.textFieldTokens.borderRadius, _styledcomponents.textFieldTokens.borderWidth, _styledcomponents.textFieldTokens.leftContentMargin, _styledcomponents.textFieldTokens.rightContentMargin, _styledcomponents.textFieldTokens.textBeforeMargin, _styledcomponents.textFieldTokens.textAfterMargin, _styledcomponents.textFieldTokens.fontFamily, _styledcomponents.textFieldTokens.fontSize, _styledcomponents.textFieldTokens.fontStyle, _styledcomponents.textFieldTokens.fontWeight, _styledcomponents.textFieldTokens.letterSpacing, _styledcomponents.textFieldTokens.lineHeight, _styledcomponents.textFieldTokens.labelOffset, _styledcomponents.textFieldTokens.clearLabelOffset, _styledcomponents.textFieldTokens.labelFontFamily, _styledcomponents.textFieldTokens.labelFontSize, _styledcomponents.textFieldTokens.labelFontStyle, _styledcomponents.textFieldTokens.labelFontWeight, _styledcomponents.textFieldTokens.labelLetterSpacing, _styledcomponents.textFieldTokens.labelLineHeight, _styledcomponents.textFieldTokens.hintMargin, _styledcomponents.textFieldTokens.hintTargetSize, _styledcomponents.textFieldTokens.hintInnerLabelPlacementOffset, _styledcomponents.textFieldTokens.clearHintInnerLabelPlacementOffset, _styledcomponents.textFieldTokens.titleCaptionInnerLabelOffset, _styledcomponents.textFieldTokens.titleCaptionFontFamily, _styledcomponents.textFieldTokens.titleCaptionFontSize, _styledcomponents.textFieldTokens.titleCaptionFontStyle, _styledcomponents.textFieldTokens.titleCaptionFontWeight, _styledcomponents.textFieldTokens.titleCaptionLetterSpacing, _styledcomponents.textFieldTokens.titleCaptionLineHeight, _styledcomponents.textFieldTokens.leftHelperOffset, _styledcomponents.textFieldTokens.leftHelperFontFamily, _styledcomponents.textFieldTokens.leftHelperFontSize, _styledcomponents.textFieldTokens.leftHelperFontStyle, _styledcomponents.textFieldTokens.leftHelperFontWeight, _styledcomponents.textFieldTokens.leftHelperLetterSpacing, _styledcomponents.textFieldTokens.leftHelperLineHeight, _styledcomponents.textFieldTokens.labelInnerPadding, _styledcomponents.textFieldTokens.contentLabelInnerPadding, _styledcomponents.textFieldTokens.chipGap, _styledcomponents.textFieldTokens.chipBorderRadius, _styledcomponents.textFieldTokens.chipWidth, _styledcomponents.textFieldTokens.chipHeight, _styledcomponents.textFieldTokens.chipPadding, _styledcomponents.textFieldTokens.chipClearContentMarginLeft, _styledcomponents.textFieldTokens.chipClearContentMarginRight, _styledcomponents.textFieldTokens.chipCloseIconSize, _styledcomponents.textFieldTokens.chipFontFamily, _styledcomponents.textFieldTokens.chipFontSize, _styledcomponents.textFieldTokens.chipFontStyle, _styledcomponents.textFieldTokens.chipFontWeight, _styledcomponents.textFieldTokens.chipLetterSpacing, _styledcomponents.textFieldTokens.chipLineHeight, _styledcomponents.textFieldTokens.indicatorSizeInner, _styledcomponents.textFieldTokens.indicatorSizeOuter, _styledcomponents.textFieldTokens.indicatorLabelPlacementInner, _styledcomponents.textFieldTokens.indicatorLabelPlacementOuter, _styledcomponents.textFieldTokens.indicatorLabelPlacementInnerRight, _styledcomponents.textFieldTokens.indicatorLabelPlacementOuterRight, _styledcomponents.textFieldTokens.clearIndicatorLabelPlacementInner, _styledcomponents.textFieldTokens.clearIndicatorLabelPlacementInnerRight)
|
|
@@ -33,7 +33,6 @@ 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-hover);\n ",
|
|
37
36
|
": var(--text-accent);\n "
|
|
38
37
|
]);
|
|
39
38
|
_templateObject = function _templateObject() {
|
|
@@ -55,7 +54,6 @@ function _templateObject1() {
|
|
|
55
54
|
": var(--surface-solid-primary);\n ",
|
|
56
55
|
": var(--text-primary);\n ",
|
|
57
56
|
": var(--text-accent);\n ",
|
|
58
|
-
": var(--text-accent-hover);\n ",
|
|
59
57
|
": var(--text-accent);\n "
|
|
60
58
|
]);
|
|
61
59
|
_templateObject1 = function _templateObject() {
|
|
@@ -77,7 +75,6 @@ function _templateObject2() {
|
|
|
77
75
|
": var(--surface-accent);\n ",
|
|
78
76
|
": var(--on-dark-text-primary);\n\n ",
|
|
79
77
|
": var(--on-dark-text-primary);\n ",
|
|
80
|
-
": var(--on-dark-text-primary-hover);\n ",
|
|
81
78
|
": var(--on-dark-text-primary);\n "
|
|
82
79
|
]);
|
|
83
80
|
_templateObject2 = function _templateObject() {
|
|
@@ -157,9 +154,9 @@ var config = {
|
|
|
157
154
|
},
|
|
158
155
|
variations: {
|
|
159
156
|
view: {
|
|
160
|
-
default: (0, _emotion.css)(_templateObject(), _emotion.chipTokens.color, _emotion.chipTokens.background, _emotion.chipTokens.colorHover, _emotion.chipTokens.backgroundHover, _emotion.chipTokens.colorActive, _emotion.chipTokens.backgroundActive, _emotion.chipTokens.backgroundReadOnly, _emotion.chipTokens.colorReadOnly, _emotion.chipTokens.backgroundReadOnlyHover, _emotion.chipTokens.colorReadOnlyHover, _emotion.chipTokens.closeIconColor, _emotion.chipTokens.
|
|
161
|
-
secondary: (0, _emotion.css)(_templateObject1(), _emotion.chipTokens.color, _emotion.chipTokens.background, _emotion.chipTokens.colorHover, _emotion.chipTokens.backgroundHover, _emotion.chipTokens.colorActive, _emotion.chipTokens.backgroundActive, _emotion.chipTokens.backgroundReadOnly, _emotion.chipTokens.colorReadOnly, _emotion.chipTokens.backgroundReadOnlyHover, _emotion.chipTokens.colorReadOnlyHover, _emotion.chipTokens.closeIconColor, _emotion.chipTokens.
|
|
162
|
-
accent: (0, _emotion.css)(_templateObject2(), _emotion.chipTokens.color, _emotion.chipTokens.background, _emotion.chipTokens.colorHover, _emotion.chipTokens.backgroundHover, _emotion.chipTokens.colorActive, _emotion.chipTokens.backgroundActive, _emotion.chipTokens.backgroundReadOnly, _emotion.chipTokens.colorReadOnly, _emotion.chipTokens.backgroundReadOnlyHover, _emotion.chipTokens.colorReadOnlyHover, _emotion.chipTokens.closeIconColor, _emotion.chipTokens.
|
|
157
|
+
default: (0, _emotion.css)(_templateObject(), _emotion.chipTokens.color, _emotion.chipTokens.background, _emotion.chipTokens.colorHover, _emotion.chipTokens.backgroundHover, _emotion.chipTokens.colorActive, _emotion.chipTokens.backgroundActive, _emotion.chipTokens.backgroundReadOnly, _emotion.chipTokens.colorReadOnly, _emotion.chipTokens.backgroundReadOnlyHover, _emotion.chipTokens.colorReadOnlyHover, _emotion.chipTokens.closeIconColor, _emotion.chipTokens.leftContentColor),
|
|
158
|
+
secondary: (0, _emotion.css)(_templateObject1(), _emotion.chipTokens.color, _emotion.chipTokens.background, _emotion.chipTokens.colorHover, _emotion.chipTokens.backgroundHover, _emotion.chipTokens.colorActive, _emotion.chipTokens.backgroundActive, _emotion.chipTokens.backgroundReadOnly, _emotion.chipTokens.colorReadOnly, _emotion.chipTokens.backgroundReadOnlyHover, _emotion.chipTokens.colorReadOnlyHover, _emotion.chipTokens.closeIconColor, _emotion.chipTokens.leftContentColor),
|
|
159
|
+
accent: (0, _emotion.css)(_templateObject2(), _emotion.chipTokens.color, _emotion.chipTokens.background, _emotion.chipTokens.colorHover, _emotion.chipTokens.backgroundHover, _emotion.chipTokens.colorActive, _emotion.chipTokens.backgroundActive, _emotion.chipTokens.backgroundReadOnly, _emotion.chipTokens.colorReadOnly, _emotion.chipTokens.backgroundReadOnlyHover, _emotion.chipTokens.colorReadOnlyHover, _emotion.chipTokens.closeIconColor, _emotion.chipTokens.leftContentColor)
|
|
163
160
|
},
|
|
164
161
|
size: {
|
|
165
162
|
s: (0, _emotion.css)(_templateObject3(), _emotion.chipTokens.borderRadius, _emotion.chipTokens.pilledBorderRadius, _emotion.chipTokens.width, _emotion.chipTokens.height, _emotion.chipTokens.padding, _emotion.chipTokens.fontFamily, _emotion.chipTokens.fontSize, _emotion.chipTokens.fontStyle, _emotion.chipTokens.fontWeight, _emotion.chipTokens.letterSpacing, _emotion.chipTokens.lineHeight, _emotion.chipTokens.leftContentMarginLeft, _emotion.chipTokens.leftContentMarginRight, _emotion.chipTokens.rightContentMarginLeft, _emotion.chipTokens.rightContentMarginRight, _emotion.chipTokens.clearContentMarginLeft, _emotion.chipTokens.clearContentMarginRight, _emotion.chipTokens.closeIconSize),
|
|
@@ -48,8 +48,6 @@ function _templateObject() {
|
|
|
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 ",
|
|
53
51
|
": var(--text-primary);\n ",
|
|
54
52
|
": var(--surface-transparent-secondary);\n ",
|
|
55
53
|
": var(--text-primary);\n ",
|
|
@@ -106,8 +104,6 @@ function _templateObject1() {
|
|
|
106
104
|
": var(--surface-negative);\n ",
|
|
107
105
|
": var(--text-tertiary);\n\n ",
|
|
108
106
|
": var(--text-secondary);\n ",
|
|
109
|
-
": var(--text-secondary-hover);\n ",
|
|
110
|
-
": var(--text-secondary);\n ",
|
|
111
107
|
": var(--text-primary);\n ",
|
|
112
108
|
": var(--surface-transparent-secondary);\n ",
|
|
113
109
|
": var(--text-primary);\n ",
|
|
@@ -308,8 +304,8 @@ var config = {
|
|
|
308
304
|
},
|
|
309
305
|
variations: {
|
|
310
306
|
view: {
|
|
311
|
-
default: (0, _emotion.css)(_templateObject(), _emotion.comboboxNewTokens.textFieldColor, _emotion.comboboxNewTokens.textFieldClearColor, _emotion.comboboxNewTokens.textFieldPlaceholderColor, _emotion.comboboxNewTokens.textFieldPlaceholderColorFocus, _emotion.comboboxNewTokens.textFieldClearPlaceholderColor, _emotion.comboboxNewTokens.textFieldClearPlaceholderColorFocus, _emotion.comboboxNewTokens.textFieldBackgroundColor, _emotion.comboboxNewTokens.textFieldBackgroundColorFocus, _emotion.comboboxNewTokens.textFieldCaretColor, _emotion.comboboxNewTokens.textFieldTextBeforeColor, _emotion.comboboxNewTokens.textFieldTextAfterColor, _emotion.comboboxNewTokens.textFieldLabelColor, _emotion.comboboxNewTokens.textFieldLeftHelperColor, _emotion.comboboxNewTokens.textFieldFocusColor, _emotion.comboboxNewTokens.textFieldBorderColor, _emotion.comboboxNewTokens.textFieldBorderColorHover, _emotion.comboboxNewTokens.textFieldBorderColorFocus, _emotion.comboboxNewTokens.textFieldContentSlotColor, _emotion.comboboxNewTokens.textFieldContentSlotColorHover, _emotion.comboboxNewTokens.textFieldContentSlotColorActive, _emotion.comboboxNewTokens.textFieldContentSlotRightColor, _emotion.comboboxNewTokens.textFieldContentSlotRightColorHover, _emotion.comboboxNewTokens.textFieldContentSlotRightColorActive, _emotion.comboboxNewTokens.textFieldIndicatorColor, _emotion.comboboxNewTokens.textFieldOptionalColor, _emotion.comboboxNewTokens.textFieldChipCloseIconColor, _emotion.comboboxNewTokens.
|
|
312
|
-
negative: (0, _emotion.css)(_templateObject1(), _emotion.comboboxNewTokens.textFieldColor, _emotion.comboboxNewTokens.textFieldClearColor, _emotion.comboboxNewTokens.textFieldPlaceholderColor, _emotion.comboboxNewTokens.textFieldPlaceholderColorFocus, _emotion.comboboxNewTokens.textFieldClearPlaceholderColor, _emotion.comboboxNewTokens.textFieldClearPlaceholderColorFocus, _emotion.comboboxNewTokens.textFieldBackgroundColor, _emotion.comboboxNewTokens.textFieldBackgroundColorFocus, _emotion.comboboxNewTokens.textFieldCaretColor, _emotion.comboboxNewTokens.textFieldTextBeforeColor, _emotion.comboboxNewTokens.textFieldTextAfterColor, _emotion.comboboxNewTokens.textFieldLabelColor, _emotion.comboboxNewTokens.textFieldLeftHelperColor, _emotion.comboboxNewTokens.textFieldFocusColor, _emotion.comboboxNewTokens.textFieldBorderColor, _emotion.comboboxNewTokens.textFieldBorderColorHover, _emotion.comboboxNewTokens.textFieldBorderColorFocus, _emotion.comboboxNewTokens.textFieldContentSlotColor, _emotion.comboboxNewTokens.textFieldContentSlotColorHover, _emotion.comboboxNewTokens.textFieldContentSlotColorActive, _emotion.comboboxNewTokens.textFieldContentSlotRightColor, _emotion.comboboxNewTokens.textFieldContentSlotRightColorHover, _emotion.comboboxNewTokens.textFieldContentSlotRightColorActive, _emotion.comboboxNewTokens.textFieldIndicatorColor, _emotion.comboboxNewTokens.textFieldOptionalColor, _emotion.comboboxNewTokens.textFieldChipCloseIconColor, _emotion.comboboxNewTokens.
|
|
307
|
+
default: (0, _emotion.css)(_templateObject(), _emotion.comboboxNewTokens.textFieldColor, _emotion.comboboxNewTokens.textFieldClearColor, _emotion.comboboxNewTokens.textFieldPlaceholderColor, _emotion.comboboxNewTokens.textFieldPlaceholderColorFocus, _emotion.comboboxNewTokens.textFieldClearPlaceholderColor, _emotion.comboboxNewTokens.textFieldClearPlaceholderColorFocus, _emotion.comboboxNewTokens.textFieldBackgroundColor, _emotion.comboboxNewTokens.textFieldBackgroundColorFocus, _emotion.comboboxNewTokens.textFieldCaretColor, _emotion.comboboxNewTokens.textFieldTextBeforeColor, _emotion.comboboxNewTokens.textFieldTextAfterColor, _emotion.comboboxNewTokens.textFieldLabelColor, _emotion.comboboxNewTokens.textFieldLeftHelperColor, _emotion.comboboxNewTokens.textFieldFocusColor, _emotion.comboboxNewTokens.textFieldBorderColor, _emotion.comboboxNewTokens.textFieldBorderColorHover, _emotion.comboboxNewTokens.textFieldBorderColorFocus, _emotion.comboboxNewTokens.textFieldContentSlotColor, _emotion.comboboxNewTokens.textFieldContentSlotColorHover, _emotion.comboboxNewTokens.textFieldContentSlotColorActive, _emotion.comboboxNewTokens.textFieldContentSlotRightColor, _emotion.comboboxNewTokens.textFieldContentSlotRightColorHover, _emotion.comboboxNewTokens.textFieldContentSlotRightColorActive, _emotion.comboboxNewTokens.textFieldIndicatorColor, _emotion.comboboxNewTokens.textFieldOptionalColor, _emotion.comboboxNewTokens.textFieldChipCloseIconColor, _emotion.comboboxNewTokens.textFieldChipColor, _emotion.comboboxNewTokens.textFieldChipBackground, _emotion.comboboxNewTokens.textFieldChipColorHover, _emotion.comboboxNewTokens.textFieldChipBackgroundHover, _emotion.comboboxNewTokens.textFieldChipColorActive, _emotion.comboboxNewTokens.textFieldChipBackgroundActive, _emotion.comboboxNewTokens.textFieldChipBackgroundReadOnly, _emotion.comboboxNewTokens.textFieldChipColorReadOnly, _emotion.comboboxNewTokens.textFieldChipBackgroundReadOnlyHover, _emotion.comboboxNewTokens.textFieldChipColorReadOnlyHover, _emotion.comboboxNewTokens.textFieldChipOpacityReadonly, _emotion.comboboxNewTokens.dropdownBorderColor, _emotion.comboboxNewTokens.disclosureIconColor, _emotion.comboboxNewTokens.disclosureIconColorHover, _emotion.comboboxNewTokens.itemBackgroundHover, _emotion.comboboxNewTokens.dividerColor, _emotion.comboboxNewTokens.itemIconColor, _emotion.comboboxNewTokens.checkboxFillColor, _emotion.comboboxNewTokens.checkboxIconColor, _emotion.comboboxNewTokens.checkboxTriggerBorderCheckedColor, _emotion.comboboxNewTokens.checkboxTriggerBorderColor),
|
|
308
|
+
negative: (0, _emotion.css)(_templateObject1(), _emotion.comboboxNewTokens.textFieldColor, _emotion.comboboxNewTokens.textFieldClearColor, _emotion.comboboxNewTokens.textFieldPlaceholderColor, _emotion.comboboxNewTokens.textFieldPlaceholderColorFocus, _emotion.comboboxNewTokens.textFieldClearPlaceholderColor, _emotion.comboboxNewTokens.textFieldClearPlaceholderColorFocus, _emotion.comboboxNewTokens.textFieldBackgroundColor, _emotion.comboboxNewTokens.textFieldBackgroundColorFocus, _emotion.comboboxNewTokens.textFieldCaretColor, _emotion.comboboxNewTokens.textFieldTextBeforeColor, _emotion.comboboxNewTokens.textFieldTextAfterColor, _emotion.comboboxNewTokens.textFieldLabelColor, _emotion.comboboxNewTokens.textFieldLeftHelperColor, _emotion.comboboxNewTokens.textFieldFocusColor, _emotion.comboboxNewTokens.textFieldBorderColor, _emotion.comboboxNewTokens.textFieldBorderColorHover, _emotion.comboboxNewTokens.textFieldBorderColorFocus, _emotion.comboboxNewTokens.textFieldContentSlotColor, _emotion.comboboxNewTokens.textFieldContentSlotColorHover, _emotion.comboboxNewTokens.textFieldContentSlotColorActive, _emotion.comboboxNewTokens.textFieldContentSlotRightColor, _emotion.comboboxNewTokens.textFieldContentSlotRightColorHover, _emotion.comboboxNewTokens.textFieldContentSlotRightColorActive, _emotion.comboboxNewTokens.textFieldIndicatorColor, _emotion.comboboxNewTokens.textFieldOptionalColor, _emotion.comboboxNewTokens.textFieldChipCloseIconColor, _emotion.comboboxNewTokens.textFieldChipColor, _emotion.comboboxNewTokens.textFieldChipBackground, _emotion.comboboxNewTokens.textFieldChipColorHover, _emotion.comboboxNewTokens.textFieldChipBackgroundHover, _emotion.comboboxNewTokens.textFieldChipColorActive, _emotion.comboboxNewTokens.textFieldChipBackgroundActive, _emotion.comboboxNewTokens.textFieldChipBackgroundReadOnly, _emotion.comboboxNewTokens.textFieldChipColorReadOnly, _emotion.comboboxNewTokens.textFieldChipBackgroundReadOnlyHover, _emotion.comboboxNewTokens.textFieldChipColorReadOnlyHover, _emotion.comboboxNewTokens.textFieldChipOpacityReadonly, _emotion.comboboxNewTokens.dropdownBorderColor, _emotion.comboboxNewTokens.disclosureIconColor, _emotion.comboboxNewTokens.disclosureIconColorHover, _emotion.comboboxNewTokens.itemBackgroundHover, _emotion.comboboxNewTokens.dividerColor, _emotion.comboboxNewTokens.itemIconColor, _emotion.comboboxNewTokens.checkboxFillColor, _emotion.comboboxNewTokens.checkboxIconColor, _emotion.comboboxNewTokens.checkboxTriggerBorderCheckedColor, _emotion.comboboxNewTokens.checkboxTriggerBorderColor)
|
|
313
309
|
},
|
|
314
310
|
size: {
|
|
315
311
|
s: (0, _emotion.css)(_templateObject2(), _emotion.comboboxNewTokens.textFieldHeight, _emotion.comboboxNewTokens.textFieldPadding, _emotion.comboboxNewTokens.textFieldPaddingWithChips, _emotion.comboboxNewTokens.textFieldBorderRadius, _emotion.comboboxNewTokens.textFieldBorderWidth, _emotion.comboboxNewTokens.textFieldLeftContentMargin, _emotion.comboboxNewTokens.textFieldRightContentMargin, _emotion.comboboxNewTokens.textFieldTextBeforeMargin, _emotion.comboboxNewTokens.textFieldTextAfterMargin, _emotion.comboboxNewTokens.textFieldFontFamily, _emotion.comboboxNewTokens.textFieldFontSize, _emotion.comboboxNewTokens.textFieldFontStyle, _emotion.comboboxNewTokens.textFieldFontWeight, _emotion.comboboxNewTokens.textFieldLetterSpacing, _emotion.comboboxNewTokens.textFieldLineHeight, _emotion.comboboxNewTokens.textFieldLabelOffset, _emotion.comboboxNewTokens.textFieldLabelFontFamily, _emotion.comboboxNewTokens.textFieldLabelFontSize, _emotion.comboboxNewTokens.textFieldLabelFontStyle, _emotion.comboboxNewTokens.textFieldLabelFontWeight, _emotion.comboboxNewTokens.textFieldLabelLetterSpacing, _emotion.comboboxNewTokens.textFieldLabelLineHeight, _emotion.comboboxNewTokens.textFieldLeftHelperOffset, _emotion.comboboxNewTokens.textFieldLeftHelperFontFamily, _emotion.comboboxNewTokens.textFieldLeftHelperFontSize, _emotion.comboboxNewTokens.textFieldLeftHelperFontStyle, _emotion.comboboxNewTokens.textFieldLeftHelperFontWeight, _emotion.comboboxNewTokens.textFieldLeftHelperLetterSpacing, _emotion.comboboxNewTokens.textFieldLeftHelperLineHeight, _emotion.comboboxNewTokens.textFieldLabelInnerPadding, _emotion.comboboxNewTokens.textFieldContentLabelInnerPadding, _emotion.comboboxNewTokens.textFieldIndicatorSizeInner, _emotion.comboboxNewTokens.textFieldIndicatorSizeOuter, _emotion.comboboxNewTokens.textFieldIndicatorLabelPlacementInner, _emotion.comboboxNewTokens.textFieldIndicatorLabelPlacementOuter, _emotion.comboboxNewTokens.textFieldIndicatorLabelPlacementInnerRight, _emotion.comboboxNewTokens.textFieldIndicatorLabelPlacementOuterRight, _emotion.comboboxNewTokens.textFieldClearIndicatorLabelPlacementInner, _emotion.comboboxNewTokens.textFieldClearIndicatorLabelPlacementInnerRight, _emotion.comboboxNewTokens.textFieldClearIndicatorHintInnerRight, _emotion.comboboxNewTokens.textFieldChipGap, _emotion.comboboxNewTokens.textFieldChipBorderRadius, _emotion.comboboxNewTokens.textFieldChipWidth, _emotion.comboboxNewTokens.textFieldChipHeight, _emotion.comboboxNewTokens.textFieldChipPadding, _emotion.comboboxNewTokens.textFieldChipClearContentMarginLeft, _emotion.comboboxNewTokens.textFieldChipClearContentMarginRight, _emotion.comboboxNewTokens.textFieldChipCloseIconSize, _emotion.comboboxNewTokens.textFieldChipFontFamily, _emotion.comboboxNewTokens.textFieldChipFontSize, _emotion.comboboxNewTokens.textFieldChipFontStyle, _emotion.comboboxNewTokens.textFieldChipFontWeight, _emotion.comboboxNewTokens.textFieldChipLetterSpacing, _emotion.comboboxNewTokens.textFieldChipLineHeight, _emotion.comboboxNewTokens.emptyStatePadding, _emotion.comboboxNewTokens.padding, _emotion.comboboxNewTokens.borderRadius, _emotion.comboboxNewTokens.itemHeight, _emotion.comboboxNewTokens.itemPadding, _emotion.comboboxNewTokens.itemPaddingTight, _emotion.comboboxNewTokens.itemBorderRadius, _emotion.comboboxNewTokens.itemIconSize, _emotion.comboboxNewTokens.itemIconSizeTight, _emotion.comboboxNewTokens.itemIconMargin, _emotion.comboboxNewTokens.fontFamily, _emotion.comboboxNewTokens.fontSize, _emotion.comboboxNewTokens.fontStyle, _emotion.comboboxNewTokens.fontWeight, _emotion.comboboxNewTokens.fontLetterSpacing, _emotion.comboboxNewTokens.fontLineHeight, _emotion.comboboxNewTokens.cellPadding, _emotion.comboboxNewTokens.cellPaddingLeftContent, _emotion.comboboxNewTokens.cellPaddingContent, _emotion.comboboxNewTokens.cellPaddingRightContent, _emotion.comboboxNewTokens.cellTextboxGap, _emotion.comboboxNewTokens.cellGap, _emotion.comboboxNewTokens.cellTitleFontFamily, _emotion.comboboxNewTokens.cellTitleFontSize, _emotion.comboboxNewTokens.cellTitleFontStyle, _emotion.comboboxNewTokens.cellTitleFontWeight, _emotion.comboboxNewTokens.cellTitleLetterSpacing, _emotion.comboboxNewTokens.cellTitleLineHeight, _emotion.comboboxNewTokens.checkboxTriggerSize, _emotion.comboboxNewTokens.checkboxTriggerSizeTight, _emotion.comboboxNewTokens.checkboxTriggerBorderRadius, _emotion.comboboxNewTokens.checkboxTriggerBorderRadiusTight, _emotion.comboboxNewTokens.checkboxTriggerBorderWidth, _emotion.comboboxNewTokens.indicatorSize, _emotion.comboboxNewTokens.dropdownBorderWidth, _emotion.comboboxNewTokens.dividerMarginTop, _emotion.comboboxNewTokens.dividerMarginRight, _emotion.comboboxNewTokens.dividerMarginBottom, _emotion.comboboxNewTokens.dividerMarginLeft, _emotion.comboboxNewTokens.dividerMarginTopTight, _emotion.comboboxNewTokens.dividerMarginBottomTight)
|
|
@@ -242,7 +242,6 @@ 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 ",
|
|
246
245
|
": var(--inverse-text-primary);\n ",
|
|
247
246
|
": 1;\n "
|
|
248
247
|
]);
|
|
@@ -304,7 +303,7 @@ var config = {
|
|
|
304
303
|
outer: (0, _emotion.css)(_templateObject4())
|
|
305
304
|
},
|
|
306
305
|
chipView: {
|
|
307
|
-
default: (0, _emotion.css)(_templateObject5(), _emotion.selectTokens.textFieldChipColor, _emotion.selectTokens.textFieldChipBackground, _emotion.selectTokens.textFieldChipBackgroundHover, _emotion.selectTokens.textFieldChipCloseIconColor, _emotion.selectTokens.
|
|
306
|
+
default: (0, _emotion.css)(_templateObject5(), _emotion.selectTokens.textFieldChipColor, _emotion.selectTokens.textFieldChipBackground, _emotion.selectTokens.textFieldChipBackgroundHover, _emotion.selectTokens.textFieldChipCloseIconColor, _emotion.selectTokens.textFieldChipOpacityReadonly)
|
|
308
307
|
},
|
|
309
308
|
disabled: {
|
|
310
309
|
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)
|
|
@@ -47,8 +47,6 @@ function _templateObject() {
|
|
|
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 ",
|
|
52
50
|
": var(--text-primary);\n ",
|
|
53
51
|
": var(--surface-transparent-secondary);\n ",
|
|
54
52
|
": var(--text-primary-hover);\n ",
|
|
@@ -94,8 +92,6 @@ function _templateObject1() {
|
|
|
94
92
|
": var(--surface-negative);\n ",
|
|
95
93
|
": var(--surface-accent);\n\n ",
|
|
96
94
|
": var(--text-secondary);\n ",
|
|
97
|
-
": var(--text-secondary);\n ",
|
|
98
|
-
": var(--text-primary);\n ",
|
|
99
95
|
": var(--text-primary);\n ",
|
|
100
96
|
": var(--surface-transparent-secondary);\n ",
|
|
101
97
|
": var(--text-primary);\n ",
|
|
@@ -318,8 +314,8 @@ var config = {
|
|
|
318
314
|
},
|
|
319
315
|
variations: {
|
|
320
316
|
view: {
|
|
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.
|
|
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.
|
|
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)
|
|
323
319
|
},
|
|
324
320
|
size: {
|
|
325
321
|
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)
|
|
@@ -22,7 +22,6 @@ 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-hover);\n ",
|
|
26
25
|
": var(--text-accent);\n "
|
|
27
26
|
]);
|
|
28
27
|
_templateObject = function _templateObject() {
|
|
@@ -44,7 +43,6 @@ function _templateObject1() {
|
|
|
44
43
|
": var(--surface-solid-primary);\n ",
|
|
45
44
|
": var(--text-primary);\n ",
|
|
46
45
|
": var(--text-accent);\n ",
|
|
47
|
-
": var(--text-accent-hover);\n ",
|
|
48
46
|
": var(--text-accent);\n "
|
|
49
47
|
]);
|
|
50
48
|
_templateObject1 = function _templateObject() {
|
|
@@ -66,7 +64,6 @@ function _templateObject2() {
|
|
|
66
64
|
": var(--surface-accent);\n ",
|
|
67
65
|
": var(--on-dark-text-primary);\n\n ",
|
|
68
66
|
": var(--on-dark-text-primary);\n ",
|
|
69
|
-
": var(--on-dark-text-primary-hover);\n ",
|
|
70
67
|
": var(--on-dark-text-primary);\n "
|
|
71
68
|
]);
|
|
72
69
|
_templateObject2 = function _templateObject() {
|
|
@@ -147,9 +144,9 @@ export var config = {
|
|
|
147
144
|
},
|
|
148
145
|
variations: {
|
|
149
146
|
view: {
|
|
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.
|
|
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.
|
|
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.
|
|
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)
|
|
153
150
|
},
|
|
154
151
|
size: {
|
|
155
152
|
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),
|
|
@@ -37,8 +37,6 @@ function _templateObject() {
|
|
|
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 ",
|
|
42
40
|
": var(--text-primary);\n ",
|
|
43
41
|
": var(--surface-transparent-secondary);\n ",
|
|
44
42
|
": var(--text-primary);\n ",
|
|
@@ -95,8 +93,6 @@ function _templateObject1() {
|
|
|
95
93
|
": var(--surface-negative);\n ",
|
|
96
94
|
": var(--text-tertiary);\n\n ",
|
|
97
95
|
": var(--text-secondary);\n ",
|
|
98
|
-
": var(--text-secondary-hover);\n ",
|
|
99
|
-
": var(--text-secondary);\n ",
|
|
100
96
|
": var(--text-primary);\n ",
|
|
101
97
|
": var(--surface-transparent-secondary);\n ",
|
|
102
98
|
": var(--text-primary);\n ",
|
|
@@ -298,8 +294,8 @@ export var config = {
|
|
|
298
294
|
},
|
|
299
295
|
variations: {
|
|
300
296
|
view: {
|
|
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.
|
|
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.
|
|
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)
|
|
303
299
|
},
|
|
304
300
|
size: {
|
|
305
301
|
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)
|
|
@@ -231,7 +231,6 @@ function _templateObject5() {
|
|
|
231
231
|
": var(--inverse-text-primary);\n ",
|
|
232
232
|
": var(--surface-solid-default);\n ",
|
|
233
233
|
": var(--surface-solid-default-hover);\n ",
|
|
234
|
-
": var(--inverse-text-secondary);\n ",
|
|
235
234
|
": var(--inverse-text-primary);\n ",
|
|
236
235
|
": 1;\n "
|
|
237
236
|
]);
|
|
@@ -294,7 +293,7 @@ export var config = {
|
|
|
294
293
|
outer: css(_templateObject4())
|
|
295
294
|
},
|
|
296
295
|
chipView: {
|
|
297
|
-
default: css(_templateObject5(), selectTokens.textFieldChipColor, selectTokens.textFieldChipBackground, selectTokens.textFieldChipBackgroundHover, selectTokens.textFieldChipCloseIconColor, selectTokens.
|
|
296
|
+
default: css(_templateObject5(), selectTokens.textFieldChipColor, selectTokens.textFieldChipBackground, selectTokens.textFieldChipBackgroundHover, selectTokens.textFieldChipCloseIconColor, selectTokens.textFieldChipOpacityReadonly)
|
|
298
297
|
},
|
|
299
298
|
disabled: {
|
|
300
299
|
true: css(_templateObject6(), selectTokens.textFieldDisabledOpacity, selectTokens.textFieldBackgroundColor, selectTokens.textFieldBackgroundColorFocus, selectTokens.textFieldBorderColor, selectTokens.textFieldBorderColorHover, selectTokens.textFieldBorderColorFocus, selectTokens.textFieldColor)
|
|
@@ -36,8 +36,6 @@ function _templateObject() {
|
|
|
36
36
|
": var(--text-secondary);\n ",
|
|
37
37
|
": var(--surface-accent);\n\n ",
|
|
38
38
|
": var(--text-secondary);\n ",
|
|
39
|
-
": var(--text-secondary);\n ",
|
|
40
|
-
": var(--text-primary);\n ",
|
|
41
39
|
": var(--text-primary);\n ",
|
|
42
40
|
": var(--surface-transparent-secondary);\n ",
|
|
43
41
|
": var(--text-primary-hover);\n ",
|
|
@@ -83,8 +81,6 @@ function _templateObject1() {
|
|
|
83
81
|
": var(--surface-negative);\n ",
|
|
84
82
|
": var(--surface-accent);\n\n ",
|
|
85
83
|
": var(--text-secondary);\n ",
|
|
86
|
-
": var(--text-secondary);\n ",
|
|
87
|
-
": var(--text-primary);\n ",
|
|
88
84
|
": var(--text-primary);\n ",
|
|
89
85
|
": var(--surface-transparent-secondary);\n ",
|
|
90
86
|
": var(--text-primary);\n ",
|
|
@@ -308,8 +304,8 @@ export var config = {
|
|
|
308
304
|
},
|
|
309
305
|
variations: {
|
|
310
306
|
view: {
|
|
311
|
-
default: css(_templateObject(), tokens.color, tokens.clearColor, tokens.backgroundColor, tokens.backgroundColorFocus, tokens.caretColor, tokens.placeholderColor, tokens.placeholderColorFocus, tokens.clearPlaceholderColor, tokens.clearPlaceholderColorFocus, tokens.textBeforeColor, tokens.textAfterColor, tokens.labelColor, tokens.leftHelperColor, tokens.titleCaptionColor, tokens.hintIconColor, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive, tokens.contentSlotRightColor, tokens.contentSlotRightColorHover, tokens.contentSlotRightColorActive, tokens.dividerColor, tokens.dividerColorHover, tokens.dividerColorFocus, tokens.chipCloseIconColor, tokens.
|
|
312
|
-
negative: css(_templateObject1(), tokens.color, tokens.clearColor, tokens.backgroundColor, tokens.backgroundColorFocus, tokens.caretColor, tokens.placeholderColor, tokens.clearPlaceholderColor, tokens.placeholderColorFocus, tokens.clearPlaceholderColorFocus, tokens.textBeforeColor, tokens.textAfterColor, tokens.labelColor, tokens.leftHelperColor, tokens.titleCaptionColor, tokens.hintIconColor, tokens.dividerColor, tokens.dividerColorHover, tokens.dividerColorFocus, tokens.chipCloseIconColor, tokens.
|
|
307
|
+
default: css(_templateObject(), tokens.color, tokens.clearColor, tokens.backgroundColor, tokens.backgroundColorFocus, tokens.caretColor, tokens.placeholderColor, tokens.placeholderColorFocus, tokens.clearPlaceholderColor, tokens.clearPlaceholderColorFocus, tokens.textBeforeColor, tokens.textAfterColor, tokens.labelColor, tokens.leftHelperColor, tokens.titleCaptionColor, tokens.hintIconColor, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive, tokens.contentSlotRightColor, tokens.contentSlotRightColorHover, tokens.contentSlotRightColorActive, tokens.dividerColor, tokens.dividerColorHover, tokens.dividerColorFocus, tokens.chipCloseIconColor, tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipOpacityReadonly, tokens.focusColor, tokens.borderColor, tokens.borderColorFocus, tokens.borderColorHover, tokens.indicatorColor, tokens.optionalColor),
|
|
308
|
+
negative: css(_templateObject1(), tokens.color, tokens.clearColor, tokens.backgroundColor, tokens.backgroundColorFocus, tokens.caretColor, tokens.placeholderColor, tokens.clearPlaceholderColor, tokens.placeholderColorFocus, tokens.clearPlaceholderColorFocus, tokens.textBeforeColor, tokens.textAfterColor, tokens.labelColor, tokens.leftHelperColor, tokens.titleCaptionColor, tokens.hintIconColor, tokens.dividerColor, tokens.dividerColorHover, tokens.dividerColorFocus, tokens.chipCloseIconColor, tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipOpacityReadonly, tokens.borderColor, tokens.focusColor, tokens.indicatorColor, tokens.optionalColor)
|
|
313
309
|
},
|
|
314
310
|
size: {
|
|
315
311
|
s: css(_templateObject2(), tokens.height, tokens.padding, tokens.paddingWithChips, tokens.borderRadius, tokens.borderWidth, tokens.leftContentMargin, tokens.rightContentMargin, tokens.textBeforeMargin, tokens.textAfterMargin, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.labelOffset, tokens.clearLabelOffset, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.hintMargin, tokens.hintTargetSize, tokens.hintInnerLabelPlacementOffset, tokens.clearHintInnerLabelPlacementOffset, tokens.titleCaptionInnerLabelOffset, tokens.titleCaptionFontFamily, tokens.titleCaptionFontSize, tokens.titleCaptionFontStyle, tokens.titleCaptionFontWeight, tokens.titleCaptionLetterSpacing, tokens.titleCaptionLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.chipGap, tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPadding, tokens.chipClearContentMarginLeft, tokens.chipClearContentMarginRight, tokens.chipCloseIconSize, tokens.chipFontFamily, tokens.chipFontSize, tokens.chipFontStyle, tokens.chipFontWeight, tokens.chipLetterSpacing, tokens.chipLineHeight, tokens.indicatorSizeInner, tokens.indicatorSizeOuter, tokens.indicatorLabelPlacementInner, tokens.indicatorLabelPlacementOuter, tokens.indicatorLabelPlacementInnerRight, tokens.indicatorLabelPlacementOuterRight, tokens.clearIndicatorLabelPlacementInner, tokens.clearIndicatorLabelPlacementInnerRight)
|
|
@@ -22,7 +22,6 @@ 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-hover);\n ",
|
|
26
25
|
": var(--text-accent);\n "
|
|
27
26
|
]);
|
|
28
27
|
_templateObject = function _templateObject() {
|
|
@@ -44,7 +43,6 @@ function _templateObject1() {
|
|
|
44
43
|
": var(--surface-solid-primary);\n ",
|
|
45
44
|
": var(--text-primary);\n ",
|
|
46
45
|
": var(--text-accent);\n ",
|
|
47
|
-
": var(--text-accent-hover);\n ",
|
|
48
46
|
": var(--text-accent);\n "
|
|
49
47
|
]);
|
|
50
48
|
_templateObject1 = function _templateObject() {
|
|
@@ -66,7 +64,6 @@ function _templateObject2() {
|
|
|
66
64
|
": var(--surface-accent);\n ",
|
|
67
65
|
": var(--on-dark-text-primary);\n\n ",
|
|
68
66
|
": var(--on-dark-text-primary);\n ",
|
|
69
|
-
": var(--on-dark-text-primary-hover);\n ",
|
|
70
67
|
": var(--on-dark-text-primary);\n "
|
|
71
68
|
]);
|
|
72
69
|
_templateObject2 = function _templateObject() {
|
|
@@ -147,9 +144,9 @@ export var config = {
|
|
|
147
144
|
},
|
|
148
145
|
variations: {
|
|
149
146
|
view: {
|
|
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.
|
|
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.
|
|
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.
|
|
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)
|
|
153
150
|
},
|
|
154
151
|
size: {
|
|
155
152
|
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),
|
|
@@ -37,8 +37,6 @@ function _templateObject() {
|
|
|
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 ",
|
|
42
40
|
": var(--text-primary);\n ",
|
|
43
41
|
": var(--surface-transparent-secondary);\n ",
|
|
44
42
|
": var(--text-primary);\n ",
|
|
@@ -95,8 +93,6 @@ function _templateObject1() {
|
|
|
95
93
|
": var(--surface-negative);\n ",
|
|
96
94
|
": var(--text-tertiary);\n\n ",
|
|
97
95
|
": var(--text-secondary);\n ",
|
|
98
|
-
": var(--text-secondary-hover);\n ",
|
|
99
|
-
": var(--text-secondary);\n ",
|
|
100
96
|
": var(--text-primary);\n ",
|
|
101
97
|
": var(--surface-transparent-secondary);\n ",
|
|
102
98
|
": var(--text-primary);\n ",
|
|
@@ -298,8 +294,8 @@ export var config = {
|
|
|
298
294
|
},
|
|
299
295
|
variations: {
|
|
300
296
|
view: {
|
|
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.
|
|
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.
|
|
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)
|
|
303
299
|
},
|
|
304
300
|
size: {
|
|
305
301
|
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)
|
|
@@ -231,7 +231,6 @@ function _templateObject5() {
|
|
|
231
231
|
": var(--inverse-text-primary);\n ",
|
|
232
232
|
": var(--surface-solid-default);\n ",
|
|
233
233
|
": var(--surface-solid-default-hover);\n ",
|
|
234
|
-
": var(--inverse-text-secondary);\n ",
|
|
235
234
|
": var(--inverse-text-primary);\n ",
|
|
236
235
|
": 1;\n "
|
|
237
236
|
]);
|
|
@@ -294,7 +293,7 @@ export var config = {
|
|
|
294
293
|
outer: css(_templateObject4())
|
|
295
294
|
},
|
|
296
295
|
chipView: {
|
|
297
|
-
default: css(_templateObject5(), selectTokens.textFieldChipColor, selectTokens.textFieldChipBackground, selectTokens.textFieldChipBackgroundHover, selectTokens.textFieldChipCloseIconColor, selectTokens.
|
|
296
|
+
default: css(_templateObject5(), selectTokens.textFieldChipColor, selectTokens.textFieldChipBackground, selectTokens.textFieldChipBackgroundHover, selectTokens.textFieldChipCloseIconColor, selectTokens.textFieldChipOpacityReadonly)
|
|
298
297
|
},
|
|
299
298
|
disabled: {
|
|
300
299
|
true: css(_templateObject6(), selectTokens.textFieldDisabledOpacity, selectTokens.textFieldBackgroundColor, selectTokens.textFieldBackgroundColorFocus, selectTokens.textFieldBorderColor, selectTokens.textFieldBorderColorHover, selectTokens.textFieldBorderColorFocus, selectTokens.textFieldColor)
|
|
@@ -36,8 +36,6 @@ function _templateObject() {
|
|
|
36
36
|
": var(--text-secondary);\n ",
|
|
37
37
|
": var(--surface-accent);\n\n ",
|
|
38
38
|
": var(--text-secondary);\n ",
|
|
39
|
-
": var(--text-secondary);\n ",
|
|
40
|
-
": var(--text-primary);\n ",
|
|
41
39
|
": var(--text-primary);\n ",
|
|
42
40
|
": var(--surface-transparent-secondary);\n ",
|
|
43
41
|
": var(--text-primary-hover);\n ",
|
|
@@ -83,8 +81,6 @@ function _templateObject1() {
|
|
|
83
81
|
": var(--surface-negative);\n ",
|
|
84
82
|
": var(--surface-accent);\n\n ",
|
|
85
83
|
": var(--text-secondary);\n ",
|
|
86
|
-
": var(--text-secondary);\n ",
|
|
87
|
-
": var(--text-primary);\n ",
|
|
88
84
|
": var(--text-primary);\n ",
|
|
89
85
|
": var(--surface-transparent-secondary);\n ",
|
|
90
86
|
": var(--text-primary);\n ",
|
|
@@ -308,8 +304,8 @@ export var config = {
|
|
|
308
304
|
},
|
|
309
305
|
variations: {
|
|
310
306
|
view: {
|
|
311
|
-
default: css(_templateObject(), tokens.color, tokens.clearColor, tokens.backgroundColor, tokens.backgroundColorFocus, tokens.caretColor, tokens.placeholderColor, tokens.placeholderColorFocus, tokens.clearPlaceholderColor, tokens.clearPlaceholderColorFocus, tokens.textBeforeColor, tokens.textAfterColor, tokens.labelColor, tokens.leftHelperColor, tokens.titleCaptionColor, tokens.hintIconColor, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive, tokens.contentSlotRightColor, tokens.contentSlotRightColorHover, tokens.contentSlotRightColorActive, tokens.dividerColor, tokens.dividerColorHover, tokens.dividerColorFocus, tokens.chipCloseIconColor, tokens.
|
|
312
|
-
negative: css(_templateObject1(), tokens.color, tokens.clearColor, tokens.backgroundColor, tokens.backgroundColorFocus, tokens.caretColor, tokens.placeholderColor, tokens.clearPlaceholderColor, tokens.placeholderColorFocus, tokens.clearPlaceholderColorFocus, tokens.textBeforeColor, tokens.textAfterColor, tokens.labelColor, tokens.leftHelperColor, tokens.titleCaptionColor, tokens.hintIconColor, tokens.dividerColor, tokens.dividerColorHover, tokens.dividerColorFocus, tokens.chipCloseIconColor, tokens.
|
|
307
|
+
default: css(_templateObject(), tokens.color, tokens.clearColor, tokens.backgroundColor, tokens.backgroundColorFocus, tokens.caretColor, tokens.placeholderColor, tokens.placeholderColorFocus, tokens.clearPlaceholderColor, tokens.clearPlaceholderColorFocus, tokens.textBeforeColor, tokens.textAfterColor, tokens.labelColor, tokens.leftHelperColor, tokens.titleCaptionColor, tokens.hintIconColor, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive, tokens.contentSlotRightColor, tokens.contentSlotRightColorHover, tokens.contentSlotRightColorActive, tokens.dividerColor, tokens.dividerColorHover, tokens.dividerColorFocus, tokens.chipCloseIconColor, tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipOpacityReadonly, tokens.focusColor, tokens.borderColor, tokens.borderColorFocus, tokens.borderColorHover, tokens.indicatorColor, tokens.optionalColor),
|
|
308
|
+
negative: css(_templateObject1(), tokens.color, tokens.clearColor, tokens.backgroundColor, tokens.backgroundColorFocus, tokens.caretColor, tokens.placeholderColor, tokens.clearPlaceholderColor, tokens.placeholderColorFocus, tokens.clearPlaceholderColorFocus, tokens.textBeforeColor, tokens.textAfterColor, tokens.labelColor, tokens.leftHelperColor, tokens.titleCaptionColor, tokens.hintIconColor, tokens.dividerColor, tokens.dividerColorHover, tokens.dividerColorFocus, tokens.chipCloseIconColor, tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipOpacityReadonly, tokens.borderColor, tokens.focusColor, tokens.indicatorColor, tokens.optionalColor)
|
|
313
309
|
},
|
|
314
310
|
size: {
|
|
315
311
|
s: css(_templateObject2(), tokens.height, tokens.padding, tokens.paddingWithChips, tokens.borderRadius, tokens.borderWidth, tokens.leftContentMargin, tokens.rightContentMargin, tokens.textBeforeMargin, tokens.textAfterMargin, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.labelOffset, tokens.clearLabelOffset, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.hintMargin, tokens.hintTargetSize, tokens.hintInnerLabelPlacementOffset, tokens.clearHintInnerLabelPlacementOffset, tokens.titleCaptionInnerLabelOffset, tokens.titleCaptionFontFamily, tokens.titleCaptionFontSize, tokens.titleCaptionFontStyle, tokens.titleCaptionFontWeight, tokens.titleCaptionLetterSpacing, tokens.titleCaptionLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.chipGap, tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPadding, tokens.chipClearContentMarginLeft, tokens.chipClearContentMarginRight, tokens.chipCloseIconSize, tokens.chipFontFamily, tokens.chipFontSize, tokens.chipFontStyle, tokens.chipFontWeight, tokens.chipLetterSpacing, tokens.chipLineHeight, tokens.indicatorSizeInner, tokens.indicatorSizeOuter, tokens.indicatorLabelPlacementInner, tokens.indicatorLabelPlacementOuter, tokens.indicatorLabelPlacementInnerRight, tokens.indicatorLabelPlacementOuterRight, tokens.clearIndicatorLabelPlacementInner, tokens.clearIndicatorLabelPlacementInnerRight)
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@salutejs/sdds-cs",
|
|
3
|
-
"version": "0.330.0-canary.
|
|
3
|
+
"version": "0.330.0-canary.2260.18215165010.0",
|
|
4
4
|
"description": "Salute Design System / React UI kit for SDDS CS web applications",
|
|
5
5
|
"author": "Salute Frontend Team <salute.developers@gmail.com>",
|
|
6
6
|
"license": "MIT",
|
|
@@ -30,7 +30,7 @@
|
|
|
30
30
|
"directory": "packages/sdds-cs"
|
|
31
31
|
},
|
|
32
32
|
"dependencies": {
|
|
33
|
-
"@salutejs/plasma-new-hope": "0.338.0-canary.
|
|
33
|
+
"@salutejs/plasma-new-hope": "0.338.0-canary.2260.18215165010.0",
|
|
34
34
|
"@salutejs/sdds-themes": "0.47.0"
|
|
35
35
|
},
|
|
36
36
|
"peerDependencies": {
|
|
@@ -57,7 +57,7 @@
|
|
|
57
57
|
"@salutejs/plasma-core": "1.208.0",
|
|
58
58
|
"@salutejs/plasma-cy-utils": "0.138.0",
|
|
59
59
|
"@salutejs/plasma-icons": "1.224.0",
|
|
60
|
-
"@salutejs/plasma-sb-utils": "0.
|
|
60
|
+
"@salutejs/plasma-sb-utils": "0.209.0-canary.2260.18215165010.0",
|
|
61
61
|
"@storybook/addon-docs": "8.6.14",
|
|
62
62
|
"@storybook/addon-essentials": "8.6.14",
|
|
63
63
|
"@storybook/manager-api": "8.6.14",
|
|
@@ -123,5 +123,5 @@
|
|
|
123
123
|
"Anton Vinogradov"
|
|
124
124
|
],
|
|
125
125
|
"sideEffects": false,
|
|
126
|
-
"gitHead": "
|
|
126
|
+
"gitHead": "710ccf9a00d5520fa2ebc5f6f84e714444d4fb54"
|
|
127
127
|
}
|