@salutejs/sdds-dfa 0.322.0-canary.2237.17761786407.0 → 0.322.0-canary.2238.17818313113.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.
Files changed (16) hide show
  1. package/components/Attach/Attach.config.js +8 -4
  2. package/components/Chip/Chip.config.js +12 -18
  3. package/components/Combobox/Combobox.config.js +4 -8
  4. package/components/Drawer/Drawer.d.ts +1 -0
  5. package/components/Select/Select.config.js +6 -9
  6. package/components/Skeleton/LineSkeleton.config.d.ts +5 -0
  7. package/components/Skeleton/LineSkeleton.config.js +76 -51
  8. package/components/Skeleton/Skeleton.d.ts +8 -0
  9. package/components/TextField/TextField.config.js +5 -10
  10. package/es/components/Attach/Attach.config.js +8 -4
  11. package/es/components/Chip/Chip.config.js +12 -18
  12. package/es/components/Combobox/Combobox.config.js +4 -8
  13. package/es/components/Select/Select.config.js +6 -9
  14. package/es/components/Skeleton/LineSkeleton.config.js +76 -51
  15. package/es/components/TextField/TextField.config.js +5 -10
  16. package/package.json +7 -7
package/components/Skeleton/LineSkeleton.config.js CHANGED
@@ -22,8 +22,7 @@ function _tagged_template_literal(strings, raw) {
22
22
  function _templateObject() {
23
23
  var data = _tagged_template_literal([
24
24
  "\n ",
25
- ": var(--plasma-typo-body-l-line-height);\n ",
26
- ": var(--plasma-typo-body-l-font-size);\n "
25
+ ": var(--plasma-colors-skeleton-gradient, var(--surface-skeleton-gradient));\n "
27
26
  ]);
28
27
  _templateObject = function _templateObject() {
29
28
  return data;
@@ -33,8 +32,7 @@ function _templateObject() {
33
32
  function _templateObject1() {
34
33
  var data = _tagged_template_literal([
35
34
  "\n ",
36
- ": var(--plasma-typo-body-m-line-height);\n ",
37
- ": var(--plasma-typo-body-m-font-size);\n "
35
+ ": var(--plasma-colors-skeleton-gradient-lighter, var(--surface-skeleton-deep-gradient));\n "
38
36
  ]);
39
37
  _templateObject1 = function _templateObject() {
40
38
  return data;
@@ -44,8 +42,8 @@ function _templateObject1() {
44
42
  function _templateObject2() {
45
43
  var data = _tagged_template_literal([
46
44
  "\n ",
47
- ": var(--plasma-typo-body-s-line-height);\n ",
48
- ": var(--plasma-typo-body-s-font-size);\n "
45
+ ": var(--plasma-typo-body-l-line-height);\n ",
46
+ ": var(--plasma-typo-body-l-font-size);\n "
49
47
  ]);
50
48
  _templateObject2 = function _templateObject() {
51
49
  return data;
@@ -55,8 +53,8 @@ function _templateObject2() {
55
53
  function _templateObject3() {
56
54
  var data = _tagged_template_literal([
57
55
  "\n ",
58
- ": var(--plasma-typo-body-xs-line-height);\n ",
59
- ": var(--plasma-typo-body-xs-font-size);\n "
56
+ ": var(--plasma-typo-body-m-line-height);\n ",
57
+ ": var(--plasma-typo-body-m-font-size);\n "
60
58
  ]);
61
59
  _templateObject3 = function _templateObject() {
62
60
  return data;
@@ -66,8 +64,8 @@ function _templateObject3() {
66
64
  function _templateObject4() {
67
65
  var data = _tagged_template_literal([
68
66
  "\n ",
69
- ": var(--plasma-typo-body-xxs-line-height);\n ",
70
- ": var(--plasma-typo-body-xxs-font-size);\n "
67
+ ": var(--plasma-typo-body-s-line-height);\n ",
68
+ ": var(--plasma-typo-body-s-font-size);\n "
71
69
  ]);
72
70
  _templateObject4 = function _templateObject() {
73
71
  return data;
@@ -77,8 +75,8 @@ function _templateObject4() {
77
75
  function _templateObject5() {
78
76
  var data = _tagged_template_literal([
79
77
  "\n ",
80
- ": var(--plasma-typo-dspl-l-line-height);\n ",
81
- ": var(--plasma-typo-dspl-l-font-size);\n "
78
+ ": var(--plasma-typo-body-xs-line-height);\n ",
79
+ ": var(--plasma-typo-body-xs-font-size);\n "
82
80
  ]);
83
81
  _templateObject5 = function _templateObject() {
84
82
  return data;
@@ -88,8 +86,8 @@ function _templateObject5() {
88
86
  function _templateObject6() {
89
87
  var data = _tagged_template_literal([
90
88
  "\n ",
91
- ": var(--plasma-typo-dspl-m-line-height);\n ",
92
- ": var(--plasma-typo-dspl-m-font-size);\n "
89
+ ": var(--plasma-typo-body-xxs-line-height);\n ",
90
+ ": var(--plasma-typo-body-xxs-font-size);\n "
93
91
  ]);
94
92
  _templateObject6 = function _templateObject() {
95
93
  return data;
@@ -99,8 +97,8 @@ function _templateObject6() {
99
97
  function _templateObject7() {
100
98
  var data = _tagged_template_literal([
101
99
  "\n ",
102
- ": var(--plasma-typo-dspl-s-line-height);\n ",
103
- ": var(--plasma-typo-dspl-s-font-size);\n "
100
+ ": var(--plasma-typo-dspl-l-line-height);\n ",
101
+ ": var(--plasma-typo-dspl-l-font-size);\n "
104
102
  ]);
105
103
  _templateObject7 = function _templateObject() {
106
104
  return data;
@@ -110,8 +108,8 @@ function _templateObject7() {
110
108
  function _templateObject8() {
111
109
  var data = _tagged_template_literal([
112
110
  "\n ",
113
- ": var(--plasma-typo-h1-line-height);\n ",
114
- ": var(--plasma-typo-h1-font-size);\n "
111
+ ": var(--plasma-typo-dspl-m-line-height);\n ",
112
+ ": var(--plasma-typo-dspl-m-font-size);\n "
115
113
  ]);
116
114
  _templateObject8 = function _templateObject() {
117
115
  return data;
@@ -121,8 +119,8 @@ function _templateObject8() {
121
119
  function _templateObject9() {
122
120
  var data = _tagged_template_literal([
123
121
  "\n ",
124
- ": var(--plasma-typo-h2-line-height);\n ",
125
- ": var(--plasma-typo-h2-font-size);\n "
122
+ ": var(--plasma-typo-dspl-s-line-height);\n ",
123
+ ": var(--plasma-typo-dspl-s-font-size);\n "
126
124
  ]);
127
125
  _templateObject9 = function _templateObject() {
128
126
  return data;
@@ -132,8 +130,8 @@ function _templateObject9() {
132
130
  function _templateObject10() {
133
131
  var data = _tagged_template_literal([
134
132
  "\n ",
135
- ": var(--plasma-typo-h3-line-height);\n ",
136
- ": var(--plasma-typo-h3-font-size);\n "
133
+ ": var(--plasma-typo-h1-line-height);\n ",
134
+ ": var(--plasma-typo-h1-font-size);\n "
137
135
  ]);
138
136
  _templateObject10 = function _templateObject() {
139
137
  return data;
@@ -143,8 +141,8 @@ function _templateObject10() {
143
141
  function _templateObject11() {
144
142
  var data = _tagged_template_literal([
145
143
  "\n ",
146
- ": var(--plasma-typo-h4-line-height);\n ",
147
- ": var(--plasma-typo-h4-font-size);\n "
144
+ ": var(--plasma-typo-h2-line-height);\n ",
145
+ ": var(--plasma-typo-h2-font-size);\n "
148
146
  ]);
149
147
  _templateObject11 = function _templateObject() {
150
148
  return data;
@@ -154,8 +152,8 @@ function _templateObject11() {
154
152
  function _templateObject12() {
155
153
  var data = _tagged_template_literal([
156
154
  "\n ",
157
- ": var(--plasma-typo-h5-line-height);\n ",
158
- ": var(--plasma-typo-h5-font-size);\n "
155
+ ": var(--plasma-typo-h3-line-height);\n ",
156
+ ": var(--plasma-typo-h3-font-size);\n "
159
157
  ]);
160
158
  _templateObject12 = function _templateObject() {
161
159
  return data;
@@ -165,8 +163,8 @@ function _templateObject12() {
165
163
  function _templateObject13() {
166
164
  var data = _tagged_template_literal([
167
165
  "\n ",
168
- ": var(--plasma-typo-text-l-line-height);\n ",
169
- ": var(--plasma-typo-text-l-font-size);\n "
166
+ ": var(--plasma-typo-h4-line-height);\n ",
167
+ ": var(--plasma-typo-h4-font-size);\n "
170
168
  ]);
171
169
  _templateObject13 = function _templateObject() {
172
170
  return data;
@@ -176,8 +174,8 @@ function _templateObject13() {
176
174
  function _templateObject14() {
177
175
  var data = _tagged_template_literal([
178
176
  "\n ",
179
- ": var(--plasma-typo-text-m-line-height);\n ",
180
- ": var(--plasma-typo-text-m-font-size);\n "
177
+ ": var(--plasma-typo-h5-line-height);\n ",
178
+ ": var(--plasma-typo-h5-font-size);\n "
181
179
  ]);
182
180
  _templateObject14 = function _templateObject() {
183
181
  return data;
@@ -187,8 +185,8 @@ function _templateObject14() {
187
185
  function _templateObject15() {
188
186
  var data = _tagged_template_literal([
189
187
  "\n ",
190
- ": var(--plasma-typo-text-s-line-height);\n ",
191
- ": var(--plasma-typo-text-s-font-size);\n "
188
+ ": var(--plasma-typo-text-l-line-height);\n ",
189
+ ": var(--plasma-typo-text-l-font-size);\n "
192
190
  ]);
193
191
  _templateObject15 = function _templateObject() {
194
192
  return data;
@@ -196,39 +194,66 @@ function _templateObject15() {
196
194
  return data;
197
195
  }
198
196
  function _templateObject16() {
197
+ var data = _tagged_template_literal([
198
+ "\n ",
199
+ ": var(--plasma-typo-text-m-line-height);\n ",
200
+ ": var(--plasma-typo-text-m-font-size);\n "
201
+ ]);
202
+ _templateObject16 = function _templateObject() {
203
+ return data;
204
+ };
205
+ return data;
206
+ }
207
+ function _templateObject17() {
208
+ var data = _tagged_template_literal([
209
+ "\n ",
210
+ ": var(--plasma-typo-text-s-line-height);\n ",
211
+ ": var(--plasma-typo-text-s-font-size);\n "
212
+ ]);
213
+ _templateObject17 = function _templateObject() {
214
+ return data;
215
+ };
216
+ return data;
217
+ }
218
+ function _templateObject18() {
199
219
  var data = _tagged_template_literal([
200
220
  "\n ",
201
221
  ": var(--plasma-typo-text-xs-line-height);\n ",
202
222
  ": var(--plasma-typo-text-xs-font-size);\n "
203
223
  ]);
204
- _templateObject16 = function _templateObject() {
224
+ _templateObject18 = function _templateObject() {
205
225
  return data;
206
226
  };
207
227
  return data;
208
228
  }
209
229
  var config = {
210
230
  defaults: {
211
- size: 'bodyM'
231
+ size: 'bodyM',
232
+ view: 'default'
212
233
  },
213
234
  variations: {
235
+ view: {
236
+ default: (0, _styledcomponents.css)(_templateObject(), _styledcomponents.skeletonTokens.gradientColor),
237
+ lighter: (0, _styledcomponents.css)(_templateObject1(), _styledcomponents.skeletonTokens.gradientColor)
238
+ },
214
239
  size: {
215
- bodyL: (0, _styledcomponents.css)(_templateObject(), _styledcomponents.skeletonTokens.lineHeight, _styledcomponents.skeletonTokens.visibleLineHeight),
216
- bodyM: (0, _styledcomponents.css)(_templateObject1(), _styledcomponents.skeletonTokens.lineHeight, _styledcomponents.skeletonTokens.visibleLineHeight),
217
- bodyS: (0, _styledcomponents.css)(_templateObject2(), _styledcomponents.skeletonTokens.lineHeight, _styledcomponents.skeletonTokens.visibleLineHeight),
218
- bodyXS: (0, _styledcomponents.css)(_templateObject3(), _styledcomponents.skeletonTokens.lineHeight, _styledcomponents.skeletonTokens.visibleLineHeight),
219
- bodyXXS: (0, _styledcomponents.css)(_templateObject4(), _styledcomponents.skeletonTokens.lineHeight, _styledcomponents.skeletonTokens.visibleLineHeight),
220
- dsplL: (0, _styledcomponents.css)(_templateObject5(), _styledcomponents.skeletonTokens.lineHeight, _styledcomponents.skeletonTokens.visibleLineHeight),
221
- dsplM: (0, _styledcomponents.css)(_templateObject6(), _styledcomponents.skeletonTokens.lineHeight, _styledcomponents.skeletonTokens.visibleLineHeight),
222
- dsplS: (0, _styledcomponents.css)(_templateObject7(), _styledcomponents.skeletonTokens.lineHeight, _styledcomponents.skeletonTokens.visibleLineHeight),
223
- h1: (0, _styledcomponents.css)(_templateObject8(), _styledcomponents.skeletonTokens.lineHeight, _styledcomponents.skeletonTokens.visibleLineHeight),
224
- h2: (0, _styledcomponents.css)(_templateObject9(), _styledcomponents.skeletonTokens.lineHeight, _styledcomponents.skeletonTokens.visibleLineHeight),
225
- h3: (0, _styledcomponents.css)(_templateObject10(), _styledcomponents.skeletonTokens.lineHeight, _styledcomponents.skeletonTokens.visibleLineHeight),
226
- h4: (0, _styledcomponents.css)(_templateObject11(), _styledcomponents.skeletonTokens.lineHeight, _styledcomponents.skeletonTokens.visibleLineHeight),
227
- h5: (0, _styledcomponents.css)(_templateObject12(), _styledcomponents.skeletonTokens.lineHeight, _styledcomponents.skeletonTokens.visibleLineHeight),
228
- textL: (0, _styledcomponents.css)(_templateObject13(), _styledcomponents.skeletonTokens.lineHeight, _styledcomponents.skeletonTokens.visibleLineHeight),
229
- textM: (0, _styledcomponents.css)(_templateObject14(), _styledcomponents.skeletonTokens.lineHeight, _styledcomponents.skeletonTokens.visibleLineHeight),
230
- textS: (0, _styledcomponents.css)(_templateObject15(), _styledcomponents.skeletonTokens.lineHeight, _styledcomponents.skeletonTokens.visibleLineHeight),
231
- textXS: (0, _styledcomponents.css)(_templateObject16(), _styledcomponents.skeletonTokens.lineHeight, _styledcomponents.skeletonTokens.visibleLineHeight)
240
+ bodyL: (0, _styledcomponents.css)(_templateObject2(), _styledcomponents.skeletonTokens.lineHeight, _styledcomponents.skeletonTokens.visibleLineHeight),
241
+ bodyM: (0, _styledcomponents.css)(_templateObject3(), _styledcomponents.skeletonTokens.lineHeight, _styledcomponents.skeletonTokens.visibleLineHeight),
242
+ bodyS: (0, _styledcomponents.css)(_templateObject4(), _styledcomponents.skeletonTokens.lineHeight, _styledcomponents.skeletonTokens.visibleLineHeight),
243
+ bodyXS: (0, _styledcomponents.css)(_templateObject5(), _styledcomponents.skeletonTokens.lineHeight, _styledcomponents.skeletonTokens.visibleLineHeight),
244
+ bodyXXS: (0, _styledcomponents.css)(_templateObject6(), _styledcomponents.skeletonTokens.lineHeight, _styledcomponents.skeletonTokens.visibleLineHeight),
245
+ dsplL: (0, _styledcomponents.css)(_templateObject7(), _styledcomponents.skeletonTokens.lineHeight, _styledcomponents.skeletonTokens.visibleLineHeight),
246
+ dsplM: (0, _styledcomponents.css)(_templateObject8(), _styledcomponents.skeletonTokens.lineHeight, _styledcomponents.skeletonTokens.visibleLineHeight),
247
+ dsplS: (0, _styledcomponents.css)(_templateObject9(), _styledcomponents.skeletonTokens.lineHeight, _styledcomponents.skeletonTokens.visibleLineHeight),
248
+ h1: (0, _styledcomponents.css)(_templateObject10(), _styledcomponents.skeletonTokens.lineHeight, _styledcomponents.skeletonTokens.visibleLineHeight),
249
+ h2: (0, _styledcomponents.css)(_templateObject11(), _styledcomponents.skeletonTokens.lineHeight, _styledcomponents.skeletonTokens.visibleLineHeight),
250
+ h3: (0, _styledcomponents.css)(_templateObject12(), _styledcomponents.skeletonTokens.lineHeight, _styledcomponents.skeletonTokens.visibleLineHeight),
251
+ h4: (0, _styledcomponents.css)(_templateObject13(), _styledcomponents.skeletonTokens.lineHeight, _styledcomponents.skeletonTokens.visibleLineHeight),
252
+ h5: (0, _styledcomponents.css)(_templateObject14(), _styledcomponents.skeletonTokens.lineHeight, _styledcomponents.skeletonTokens.visibleLineHeight),
253
+ textL: (0, _styledcomponents.css)(_templateObject15(), _styledcomponents.skeletonTokens.lineHeight, _styledcomponents.skeletonTokens.visibleLineHeight),
254
+ textM: (0, _styledcomponents.css)(_templateObject16(), _styledcomponents.skeletonTokens.lineHeight, _styledcomponents.skeletonTokens.visibleLineHeight),
255
+ textS: (0, _styledcomponents.css)(_templateObject17(), _styledcomponents.skeletonTokens.lineHeight, _styledcomponents.skeletonTokens.visibleLineHeight),
256
+ textXS: (0, _styledcomponents.css)(_templateObject18(), _styledcomponents.skeletonTokens.lineHeight, _styledcomponents.skeletonTokens.visibleLineHeight)
232
257
  }
233
258
  }
234
259
  };
package/components/Skeleton/Skeleton.d.ts CHANGED
@@ -1,5 +1,9 @@
1
1
  import { RectSkeleton, withSkeleton } from '@salutejs/plasma-new-hope/styled-components';
2
2
  export declare const LineSkeleton: import("react").FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
3
+ view: {
4
+ default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
5
+ lighter: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
6
+ };
3
7
  size: {
4
8
  bodyL: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
5
9
  bodyM: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
@@ -24,6 +28,10 @@ export declare const LineSkeleton: import("react").FunctionComponent<import("@sa
24
28
  roundness?: import("@salutejs/plasma-new-hope/styled-components").Roundness;
25
29
  } & import("@salutejs/plasma-new-hope/styled-components").SkeletonGradientProps & import("react").RefAttributes<HTMLDivElement>>;
26
30
  export declare const TextSkeleton: import("react").FC<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
31
+ view: {
32
+ default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
33
+ lighter: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
34
+ };
27
35
  size: {
28
36
  bodyL: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
29
37
  bodyM: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
package/components/TextField/TextField.config.js CHANGED
@@ -596,7 +596,6 @@ function _templateObject12() {
596
596
  ": var(--surface-solid-default);\n ",
597
597
  ": var(--inverse-text-primary);\n\n ",
598
598
  ": var(--inverse-text-secondary);\n ",
599
- ": var(--inverse-text-primary);\n ",
600
599
  ": 1;\n "
601
600
  ]);
602
601
  _templateObject12 = function _templateObject() {
@@ -639,7 +638,6 @@ function _templateObject14() {
639
638
  ": var(--surface-accent);\n ",
640
639
  ": var(--on-dark-text-primary);\n\n ",
641
640
  ": var(--on-dark-text-secondary);\n ",
642
- ": var(--on-dark-text-primary);\n ",
643
641
  ": 1;\n "
644
642
  ]);
645
643
  _templateObject14 = function _templateObject() {
@@ -661,7 +659,6 @@ function _templateObject15() {
661
659
  ": var(--surface-positive);\n ",
662
660
  ": var(--on-dark-text-primary);\n\n ",
663
661
  ": var(--on-dark-text-secondary);\n ",
664
- ": var(--on-dark-text-primary);\n ",
665
662
  ": 1;\n "
666
663
  ]);
667
664
  _templateObject15 = function _templateObject() {
@@ -683,7 +680,6 @@ function _templateObject16() {
683
680
  ": var(--surface-warning);\n ",
684
681
  ": var(--on-dark-text-primary);\n\n ",
685
682
  ": var(--on-dark-text-secondary);\n ",
686
- ": var(--on-dark-text-primary);\n ",
687
683
  ": 1;\n "
688
684
  ]);
689
685
  _templateObject16 = function _templateObject() {
@@ -705,7 +701,6 @@ function _templateObject17() {
705
701
  ": var(--surface-negative);\n ",
706
702
  ": var(--on-dark-text-primary);\n\n ",
707
703
  ": var(--on-dark-text-secondary);\n ",
708
- ": var(--on-dark-text-primary);\n ",
709
704
  ": 1;\n "
710
705
  ]);
711
706
  _templateObject17 = function _templateObject() {
@@ -836,12 +831,12 @@ var config = {
836
831
  true: (0, _styledcomponents.css)(_templateObject11())
837
832
  },
838
833
  chipView: {
839
- default: (0, _styledcomponents.css)(_templateObject12(), _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.chipCloseIconColor, _styledcomponents.textFieldTokens.chipCloseIconColorHover, _styledcomponents.textFieldTokens.chipOpacityReadonly),
834
+ default: (0, _styledcomponents.css)(_templateObject12(), _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.chipCloseIconColor, _styledcomponents.textFieldTokens.chipOpacityReadonly),
840
835
  secondary: (0, _styledcomponents.css)(_templateObject13(), _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.chipCloseIconColor, _styledcomponents.textFieldTokens.chipOpacityReadonly),
841
- accent: (0, _styledcomponents.css)(_templateObject14(), _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.chipCloseIconColor, _styledcomponents.textFieldTokens.chipCloseIconColorHover, _styledcomponents.textFieldTokens.chipOpacityReadonly),
842
- positive: (0, _styledcomponents.css)(_templateObject15(), _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.chipCloseIconColor, _styledcomponents.textFieldTokens.chipCloseIconColorHover, _styledcomponents.textFieldTokens.chipOpacityReadonly),
843
- warning: (0, _styledcomponents.css)(_templateObject16(), _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.chipCloseIconColor, _styledcomponents.textFieldTokens.chipCloseIconColorHover, _styledcomponents.textFieldTokens.chipOpacityReadonly),
844
- negative: (0, _styledcomponents.css)(_templateObject17(), _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.chipCloseIconColor, _styledcomponents.textFieldTokens.chipCloseIconColorHover, _styledcomponents.textFieldTokens.chipOpacityReadonly)
836
+ accent: (0, _styledcomponents.css)(_templateObject14(), _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.chipCloseIconColor, _styledcomponents.textFieldTokens.chipOpacityReadonly),
837
+ positive: (0, _styledcomponents.css)(_templateObject15(), _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.chipCloseIconColor, _styledcomponents.textFieldTokens.chipOpacityReadonly),
838
+ warning: (0, _styledcomponents.css)(_templateObject16(), _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.chipCloseIconColor, _styledcomponents.textFieldTokens.chipOpacityReadonly),
839
+ negative: (0, _styledcomponents.css)(_templateObject17(), _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.chipCloseIconColor, _styledcomponents.textFieldTokens.chipOpacityReadonly)
845
840
  },
846
841
  hintView: {
847
842
  default: (0, _styledcomponents.css)(_templateObject18(), _styledcomponents.textFieldTokens.tooltipBackgroundColor, _styledcomponents.textFieldTokens.tooltipBoxShadow, _styledcomponents.textFieldTokens.tooltipColor, _styledcomponents.textFieldTokens.tooltipArrowBackground)
package/es/components/Attach/Attach.config.js CHANGED
@@ -481,6 +481,7 @@ function _templateObject12() {
481
481
  ": 0.5rem;\n ",
482
482
  ": 1.625rem;\n\n ",
483
483
  ": 3.5rem;\n ",
484
+ ": 3.5rem;\n ",
484
485
  ": 12.5rem;\n ",
485
486
  ": 1.5rem;\n ",
486
487
  ": 0.875rem;\n ",
@@ -557,6 +558,7 @@ function _templateObject13() {
557
558
  ": 0.5rem;\n ",
558
559
  ": 1.625rem;\n\n ",
559
560
  ": 3rem;\n ",
561
+ ": 3rem;\n ",
560
562
  ": 11.25rem;\n ",
561
563
  ": 1.25rem;\n ",
562
564
  ": 0.75rem;\n ",
@@ -633,6 +635,7 @@ function _templateObject14() {
633
635
  ": 0.375rem;\n ",
634
636
  ": 1.5rem;\n\n ",
635
637
  ": 2.5rem;\n ",
638
+ ": 2.5rem;\n ",
636
639
  ": 11.25rem;\n ",
637
640
  ": 1rem;\n ",
638
641
  ": 0.625rem;\n ",
@@ -709,6 +712,7 @@ function _templateObject15() {
709
712
  ": 0.25rem;\n ",
710
713
  ": 1.375rem;\n\n ",
711
714
  ": 2rem;\n ",
715
+ ": 2rem;\n ",
712
716
  ": 10rem;\n ",
713
717
  ": 0.75rem;\n ",
714
718
  ": 0.5rem;\n ",
@@ -804,10 +808,10 @@ export var config = {
804
808
  negative: css(_templateObject11(), attachTokens.helperTextColor)
805
809
  },
806
810
  size: {
807
- l: css(_templateObject12(), attachTokens.horizontalGap, attachTokens.verticalGap, attachTokens.verticalGapWithHelperText, attachTokens.buttonHeight, attachTokens.buttonWidth, attachTokens.buttonPadding, attachTokens.buttonRadius, attachTokens.buttonFontFamily, attachTokens.buttonFontSize, attachTokens.buttonFontStyle, attachTokens.buttonFontWeight, attachTokens.buttonLetterSpacing, attachTokens.buttonLineHeight, attachTokens.buttonSpinnerSize, attachTokens.buttonSpinnerColor, attachTokens.buttonLeftContentMargin, attachTokens.buttonRightContentMargin, attachTokens.buttonValueMargin, attachTokens.cellWidth, attachTokens.cellPadding, attachTokens.cellPaddingLeftContent, attachTokens.cellPaddingContent, attachTokens.cellPaddingRightContent, attachTokens.cellTextboxGap, attachTokens.cellGap, attachTokens.cellLabelFontFamily, attachTokens.cellLabelFontSize, attachTokens.cellLabelFontStyle, attachTokens.cellLabelFontWeight, attachTokens.cellLabelLetterSpacing, attachTokens.cellLabelLineHeight, attachTokens.cellTitleFontFamily, attachTokens.cellTitleFontSize, attachTokens.cellTitleFontStyle, attachTokens.cellTitleFontWeight, attachTokens.cellTitleLetterSpacing, attachTokens.cellTitleLineHeight, attachTokens.cellSubtitleFontFamily, attachTokens.cellSubtitleFontSize, attachTokens.cellSubtitleFontStyle, attachTokens.cellSubtitleFontWeight, attachTokens.cellSubtitleLetterSpacing, attachTokens.cellSubtitleLineHeight, attachTokens.iconButtonHeight, attachTokens.iconButtonWidth, attachTokens.iconButtonPadding, attachTokens.iconButtonRadius, attachTokens.iconButtonFontFamily, attachTokens.iconButtonFontSize, attachTokens.iconButtonFontStyle, attachTokens.iconButtonFontWeight, attachTokens.iconButtonLetterSpacing, attachTokens.iconButtonLineHeight, attachTokens.iconButtonSpinnerSize, attachTokens.iconButtonSpinnerColor, attachTokens.iconButtonCancelHeight, attachTokens.iconButtonCancelWidth, attachTokens.iconButtonCancelPadding, attachTokens.iconButtonCancelRadius, attachTokens.iconButtonCancelFontFamily, attachTokens.iconButtonCancelFontSize, attachTokens.iconButtonCancelFontStyle, attachTokens.iconButtonCancelFontWeight, attachTokens.iconButtonCancelLetterSpacing, attachTokens.iconButtonCancelLineHeight, attachTokens.iconButtonCancelSpinnerSize, attachTokens.iconButtonCancelSpinnerColor),
808
- m: css(_templateObject13(), attachTokens.horizontalGap, attachTokens.verticalGap, attachTokens.verticalGapWithHelperText, attachTokens.buttonHeight, attachTokens.buttonWidth, attachTokens.buttonPadding, attachTokens.buttonRadius, attachTokens.buttonFontFamily, attachTokens.buttonFontSize, attachTokens.buttonFontStyle, attachTokens.buttonFontWeight, attachTokens.buttonLetterSpacing, attachTokens.buttonLineHeight, attachTokens.buttonSpinnerSize, attachTokens.buttonSpinnerColor, attachTokens.buttonLeftContentMargin, attachTokens.buttonRightContentMargin, attachTokens.buttonValueMargin, attachTokens.cellWidth, attachTokens.cellPadding, attachTokens.cellPaddingLeftContent, attachTokens.cellPaddingContent, attachTokens.cellPaddingRightContent, attachTokens.cellTextboxGap, attachTokens.cellGap, attachTokens.cellLabelFontFamily, attachTokens.cellLabelFontSize, attachTokens.cellLabelFontStyle, attachTokens.cellLabelFontWeight, attachTokens.cellLabelLetterSpacing, attachTokens.cellLabelLineHeight, attachTokens.cellTitleFontFamily, attachTokens.cellTitleFontSize, attachTokens.cellTitleFontStyle, attachTokens.cellTitleFontWeight, attachTokens.cellTitleLetterSpacing, attachTokens.cellTitleLineHeight, attachTokens.cellSubtitleFontFamily, attachTokens.cellSubtitleFontSize, attachTokens.cellSubtitleFontStyle, attachTokens.cellSubtitleFontWeight, attachTokens.cellSubtitleLetterSpacing, attachTokens.cellSubtitleLineHeight, attachTokens.iconButtonHeight, attachTokens.iconButtonWidth, attachTokens.iconButtonPadding, attachTokens.iconButtonRadius, attachTokens.iconButtonFontFamily, attachTokens.iconButtonFontSize, attachTokens.iconButtonFontStyle, attachTokens.iconButtonFontWeight, attachTokens.iconButtonLetterSpacing, attachTokens.iconButtonLineHeight, attachTokens.iconButtonSpinnerSize, attachTokens.iconButtonSpinnerColor, attachTokens.iconButtonCancelHeight, attachTokens.iconButtonCancelWidth, attachTokens.iconButtonCancelPadding, attachTokens.iconButtonCancelRadius, attachTokens.iconButtonCancelFontFamily, attachTokens.iconButtonCancelFontSize, attachTokens.iconButtonCancelFontStyle, attachTokens.iconButtonCancelFontWeight, attachTokens.iconButtonCancelLetterSpacing, attachTokens.iconButtonCancelLineHeight, attachTokens.iconButtonCancelSpinnerSize, attachTokens.iconButtonCancelSpinnerColor),
809
- s: css(_templateObject14(), attachTokens.horizontalGap, attachTokens.verticalGap, attachTokens.verticalGapWithHelperText, attachTokens.buttonHeight, attachTokens.buttonWidth, attachTokens.buttonPadding, attachTokens.buttonRadius, attachTokens.buttonFontFamily, attachTokens.buttonFontSize, attachTokens.buttonFontStyle, attachTokens.buttonFontWeight, attachTokens.buttonLetterSpacing, attachTokens.buttonLineHeight, attachTokens.buttonSpinnerSize, attachTokens.buttonSpinnerColor, attachTokens.buttonLeftContentMargin, attachTokens.buttonRightContentMargin, attachTokens.buttonValueMargin, attachTokens.cellWidth, attachTokens.cellPadding, attachTokens.cellPaddingLeftContent, attachTokens.cellPaddingContent, attachTokens.cellPaddingRightContent, attachTokens.cellTextboxGap, attachTokens.cellGap, attachTokens.cellLabelFontFamily, attachTokens.cellLabelFontSize, attachTokens.cellLabelFontStyle, attachTokens.cellLabelFontWeight, attachTokens.cellLabelLetterSpacing, attachTokens.cellLabelLineHeight, attachTokens.cellTitleFontFamily, attachTokens.cellTitleFontSize, attachTokens.cellTitleFontStyle, attachTokens.cellTitleFontWeight, attachTokens.cellTitleLetterSpacing, attachTokens.cellTitleLineHeight, attachTokens.cellSubtitleFontFamily, attachTokens.cellSubtitleFontSize, attachTokens.cellSubtitleFontStyle, attachTokens.cellSubtitleFontWeight, attachTokens.cellSubtitleLetterSpacing, attachTokens.cellSubtitleLineHeight, attachTokens.iconButtonHeight, attachTokens.iconButtonWidth, attachTokens.iconButtonPadding, attachTokens.iconButtonRadius, attachTokens.iconButtonFontFamily, attachTokens.iconButtonFontSize, attachTokens.iconButtonFontStyle, attachTokens.iconButtonFontWeight, attachTokens.iconButtonLetterSpacing, attachTokens.iconButtonLineHeight, attachTokens.iconButtonSpinnerSize, attachTokens.iconButtonSpinnerColor, attachTokens.iconButtonCancelHeight, attachTokens.iconButtonCancelWidth, attachTokens.iconButtonCancelPadding, attachTokens.iconButtonCancelRadius, attachTokens.iconButtonCancelFontFamily, attachTokens.iconButtonCancelFontSize, attachTokens.iconButtonCancelFontStyle, attachTokens.iconButtonCancelFontWeight, attachTokens.iconButtonCancelLetterSpacing, attachTokens.iconButtonCancelLineHeight, attachTokens.iconButtonCancelSpinnerSize, attachTokens.iconButtonCancelSpinnerColor),
810
- xs: css(_templateObject15(), attachTokens.horizontalGap, attachTokens.verticalGap, attachTokens.verticalGapWithHelperText, attachTokens.buttonHeight, attachTokens.buttonWidth, attachTokens.buttonPadding, attachTokens.buttonRadius, attachTokens.buttonFontFamily, attachTokens.buttonFontSize, attachTokens.buttonFontStyle, attachTokens.buttonFontWeight, attachTokens.buttonLetterSpacing, attachTokens.buttonLineHeight, attachTokens.buttonSpinnerSize, attachTokens.buttonSpinnerColor, attachTokens.buttonLeftContentMargin, attachTokens.buttonRightContentMargin, attachTokens.buttonValueMargin, attachTokens.cellWidth, attachTokens.cellPadding, attachTokens.cellPaddingLeftContent, attachTokens.cellPaddingContent, attachTokens.cellPaddingRightContent, attachTokens.cellTextboxGap, attachTokens.cellGap, attachTokens.cellLabelFontFamily, attachTokens.cellLabelFontSize, attachTokens.cellLabelFontStyle, attachTokens.cellLabelFontWeight, attachTokens.cellLabelLetterSpacing, attachTokens.cellLabelLineHeight, attachTokens.cellTitleFontFamily, attachTokens.cellTitleFontSize, attachTokens.cellTitleFontStyle, attachTokens.cellTitleFontWeight, attachTokens.cellTitleLetterSpacing, attachTokens.cellTitleLineHeight, attachTokens.cellSubtitleFontFamily, attachTokens.cellSubtitleFontSize, attachTokens.cellSubtitleFontStyle, attachTokens.cellSubtitleFontWeight, attachTokens.cellSubtitleLetterSpacing, attachTokens.cellSubtitleLineHeight, attachTokens.iconButtonHeight, attachTokens.iconButtonWidth, attachTokens.iconButtonPadding, attachTokens.iconButtonRadius, attachTokens.iconButtonFontFamily, attachTokens.iconButtonFontSize, attachTokens.iconButtonFontStyle, attachTokens.iconButtonFontWeight, attachTokens.iconButtonLetterSpacing, attachTokens.iconButtonLineHeight, attachTokens.iconButtonSpinnerSize, attachTokens.iconButtonSpinnerColor, attachTokens.iconButtonCancelHeight, attachTokens.iconButtonCancelWidth, attachTokens.iconButtonCancelPadding, attachTokens.iconButtonCancelRadius, attachTokens.iconButtonCancelFontFamily, attachTokens.iconButtonCancelFontSize, attachTokens.iconButtonCancelFontStyle, attachTokens.iconButtonCancelFontWeight, attachTokens.iconButtonCancelLetterSpacing, attachTokens.iconButtonCancelLineHeight, attachTokens.iconButtonCancelSpinnerSize, attachTokens.iconButtonCancelSpinnerColor)
811
+ l: css(_templateObject12(), attachTokens.horizontalGap, attachTokens.verticalGap, attachTokens.verticalGapWithHelperText, attachTokens.filenameWrapperHeight, attachTokens.buttonHeight, attachTokens.buttonWidth, attachTokens.buttonPadding, attachTokens.buttonRadius, attachTokens.buttonFontFamily, attachTokens.buttonFontSize, attachTokens.buttonFontStyle, attachTokens.buttonFontWeight, attachTokens.buttonLetterSpacing, attachTokens.buttonLineHeight, attachTokens.buttonSpinnerSize, attachTokens.buttonSpinnerColor, attachTokens.buttonLeftContentMargin, attachTokens.buttonRightContentMargin, attachTokens.buttonValueMargin, attachTokens.cellWidth, attachTokens.cellPadding, attachTokens.cellPaddingLeftContent, attachTokens.cellPaddingContent, attachTokens.cellPaddingRightContent, attachTokens.cellTextboxGap, attachTokens.cellGap, attachTokens.cellLabelFontFamily, attachTokens.cellLabelFontSize, attachTokens.cellLabelFontStyle, attachTokens.cellLabelFontWeight, attachTokens.cellLabelLetterSpacing, attachTokens.cellLabelLineHeight, attachTokens.cellTitleFontFamily, attachTokens.cellTitleFontSize, attachTokens.cellTitleFontStyle, attachTokens.cellTitleFontWeight, attachTokens.cellTitleLetterSpacing, attachTokens.cellTitleLineHeight, attachTokens.cellSubtitleFontFamily, attachTokens.cellSubtitleFontSize, attachTokens.cellSubtitleFontStyle, attachTokens.cellSubtitleFontWeight, attachTokens.cellSubtitleLetterSpacing, attachTokens.cellSubtitleLineHeight, attachTokens.iconButtonHeight, attachTokens.iconButtonWidth, attachTokens.iconButtonPadding, attachTokens.iconButtonRadius, attachTokens.iconButtonFontFamily, attachTokens.iconButtonFontSize, attachTokens.iconButtonFontStyle, attachTokens.iconButtonFontWeight, attachTokens.iconButtonLetterSpacing, attachTokens.iconButtonLineHeight, attachTokens.iconButtonSpinnerSize, attachTokens.iconButtonSpinnerColor, attachTokens.iconButtonCancelHeight, attachTokens.iconButtonCancelWidth, attachTokens.iconButtonCancelPadding, attachTokens.iconButtonCancelRadius, attachTokens.iconButtonCancelFontFamily, attachTokens.iconButtonCancelFontSize, attachTokens.iconButtonCancelFontStyle, attachTokens.iconButtonCancelFontWeight, attachTokens.iconButtonCancelLetterSpacing, attachTokens.iconButtonCancelLineHeight, attachTokens.iconButtonCancelSpinnerSize, attachTokens.iconButtonCancelSpinnerColor),
812
+ m: css(_templateObject13(), attachTokens.horizontalGap, attachTokens.verticalGap, attachTokens.verticalGapWithHelperText, attachTokens.filenameWrapperHeight, attachTokens.buttonHeight, attachTokens.buttonWidth, attachTokens.buttonPadding, attachTokens.buttonRadius, attachTokens.buttonFontFamily, attachTokens.buttonFontSize, attachTokens.buttonFontStyle, attachTokens.buttonFontWeight, attachTokens.buttonLetterSpacing, attachTokens.buttonLineHeight, attachTokens.buttonSpinnerSize, attachTokens.buttonSpinnerColor, attachTokens.buttonLeftContentMargin, attachTokens.buttonRightContentMargin, attachTokens.buttonValueMargin, attachTokens.cellWidth, attachTokens.cellPadding, attachTokens.cellPaddingLeftContent, attachTokens.cellPaddingContent, attachTokens.cellPaddingRightContent, attachTokens.cellTextboxGap, attachTokens.cellGap, attachTokens.cellLabelFontFamily, attachTokens.cellLabelFontSize, attachTokens.cellLabelFontStyle, attachTokens.cellLabelFontWeight, attachTokens.cellLabelLetterSpacing, attachTokens.cellLabelLineHeight, attachTokens.cellTitleFontFamily, attachTokens.cellTitleFontSize, attachTokens.cellTitleFontStyle, attachTokens.cellTitleFontWeight, attachTokens.cellTitleLetterSpacing, attachTokens.cellTitleLineHeight, attachTokens.cellSubtitleFontFamily, attachTokens.cellSubtitleFontSize, attachTokens.cellSubtitleFontStyle, attachTokens.cellSubtitleFontWeight, attachTokens.cellSubtitleLetterSpacing, attachTokens.cellSubtitleLineHeight, attachTokens.iconButtonHeight, attachTokens.iconButtonWidth, attachTokens.iconButtonPadding, attachTokens.iconButtonRadius, attachTokens.iconButtonFontFamily, attachTokens.iconButtonFontSize, attachTokens.iconButtonFontStyle, attachTokens.iconButtonFontWeight, attachTokens.iconButtonLetterSpacing, attachTokens.iconButtonLineHeight, attachTokens.iconButtonSpinnerSize, attachTokens.iconButtonSpinnerColor, attachTokens.iconButtonCancelHeight, attachTokens.iconButtonCancelWidth, attachTokens.iconButtonCancelPadding, attachTokens.iconButtonCancelRadius, attachTokens.iconButtonCancelFontFamily, attachTokens.iconButtonCancelFontSize, attachTokens.iconButtonCancelFontStyle, attachTokens.iconButtonCancelFontWeight, attachTokens.iconButtonCancelLetterSpacing, attachTokens.iconButtonCancelLineHeight, attachTokens.iconButtonCancelSpinnerSize, attachTokens.iconButtonCancelSpinnerColor),
813
+ s: css(_templateObject14(), attachTokens.horizontalGap, attachTokens.verticalGap, attachTokens.verticalGapWithHelperText, attachTokens.filenameWrapperHeight, attachTokens.buttonHeight, attachTokens.buttonWidth, attachTokens.buttonPadding, attachTokens.buttonRadius, attachTokens.buttonFontFamily, attachTokens.buttonFontSize, attachTokens.buttonFontStyle, attachTokens.buttonFontWeight, attachTokens.buttonLetterSpacing, attachTokens.buttonLineHeight, attachTokens.buttonSpinnerSize, attachTokens.buttonSpinnerColor, attachTokens.buttonLeftContentMargin, attachTokens.buttonRightContentMargin, attachTokens.buttonValueMargin, attachTokens.cellWidth, attachTokens.cellPadding, attachTokens.cellPaddingLeftContent, attachTokens.cellPaddingContent, attachTokens.cellPaddingRightContent, attachTokens.cellTextboxGap, attachTokens.cellGap, attachTokens.cellLabelFontFamily, attachTokens.cellLabelFontSize, attachTokens.cellLabelFontStyle, attachTokens.cellLabelFontWeight, attachTokens.cellLabelLetterSpacing, attachTokens.cellLabelLineHeight, attachTokens.cellTitleFontFamily, attachTokens.cellTitleFontSize, attachTokens.cellTitleFontStyle, attachTokens.cellTitleFontWeight, attachTokens.cellTitleLetterSpacing, attachTokens.cellTitleLineHeight, attachTokens.cellSubtitleFontFamily, attachTokens.cellSubtitleFontSize, attachTokens.cellSubtitleFontStyle, attachTokens.cellSubtitleFontWeight, attachTokens.cellSubtitleLetterSpacing, attachTokens.cellSubtitleLineHeight, attachTokens.iconButtonHeight, attachTokens.iconButtonWidth, attachTokens.iconButtonPadding, attachTokens.iconButtonRadius, attachTokens.iconButtonFontFamily, attachTokens.iconButtonFontSize, attachTokens.iconButtonFontStyle, attachTokens.iconButtonFontWeight, attachTokens.iconButtonLetterSpacing, attachTokens.iconButtonLineHeight, attachTokens.iconButtonSpinnerSize, attachTokens.iconButtonSpinnerColor, attachTokens.iconButtonCancelHeight, attachTokens.iconButtonCancelWidth, attachTokens.iconButtonCancelPadding, attachTokens.iconButtonCancelRadius, attachTokens.iconButtonCancelFontFamily, attachTokens.iconButtonCancelFontSize, attachTokens.iconButtonCancelFontStyle, attachTokens.iconButtonCancelFontWeight, attachTokens.iconButtonCancelLetterSpacing, attachTokens.iconButtonCancelLineHeight, attachTokens.iconButtonCancelSpinnerSize, attachTokens.iconButtonCancelSpinnerColor),
814
+ xs: css(_templateObject15(), attachTokens.horizontalGap, attachTokens.verticalGap, attachTokens.verticalGapWithHelperText, attachTokens.filenameWrapperHeight, attachTokens.buttonHeight, attachTokens.buttonWidth, attachTokens.buttonPadding, attachTokens.buttonRadius, attachTokens.buttonFontFamily, attachTokens.buttonFontSize, attachTokens.buttonFontStyle, attachTokens.buttonFontWeight, attachTokens.buttonLetterSpacing, attachTokens.buttonLineHeight, attachTokens.buttonSpinnerSize, attachTokens.buttonSpinnerColor, attachTokens.buttonLeftContentMargin, attachTokens.buttonRightContentMargin, attachTokens.buttonValueMargin, attachTokens.cellWidth, attachTokens.cellPadding, attachTokens.cellPaddingLeftContent, attachTokens.cellPaddingContent, attachTokens.cellPaddingRightContent, attachTokens.cellTextboxGap, attachTokens.cellGap, attachTokens.cellLabelFontFamily, attachTokens.cellLabelFontSize, attachTokens.cellLabelFontStyle, attachTokens.cellLabelFontWeight, attachTokens.cellLabelLetterSpacing, attachTokens.cellLabelLineHeight, attachTokens.cellTitleFontFamily, attachTokens.cellTitleFontSize, attachTokens.cellTitleFontStyle, attachTokens.cellTitleFontWeight, attachTokens.cellTitleLetterSpacing, attachTokens.cellTitleLineHeight, attachTokens.cellSubtitleFontFamily, attachTokens.cellSubtitleFontSize, attachTokens.cellSubtitleFontStyle, attachTokens.cellSubtitleFontWeight, attachTokens.cellSubtitleLetterSpacing, attachTokens.cellSubtitleLineHeight, attachTokens.iconButtonHeight, attachTokens.iconButtonWidth, attachTokens.iconButtonPadding, attachTokens.iconButtonRadius, attachTokens.iconButtonFontFamily, attachTokens.iconButtonFontSize, attachTokens.iconButtonFontStyle, attachTokens.iconButtonFontWeight, attachTokens.iconButtonLetterSpacing, attachTokens.iconButtonLineHeight, attachTokens.iconButtonSpinnerSize, attachTokens.iconButtonSpinnerColor, attachTokens.iconButtonCancelHeight, attachTokens.iconButtonCancelWidth, attachTokens.iconButtonCancelPadding, attachTokens.iconButtonCancelRadius, attachTokens.iconButtonCancelFontFamily, attachTokens.iconButtonCancelFontSize, attachTokens.iconButtonCancelFontStyle, attachTokens.iconButtonCancelFontWeight, attachTokens.iconButtonCancelLetterSpacing, attachTokens.iconButtonCancelLineHeight, attachTokens.iconButtonCancelSpinnerSize, attachTokens.iconButtonCancelSpinnerColor)
811
815
  }
812
816
  }
813
817
  };
package/es/components/Chip/Chip.config.js CHANGED
@@ -20,9 +20,8 @@ function _templateObject() {
20
20
  ": var(--surface-solid-default);\n ",
21
21
  ": var(--inverse-text-primary);\n ",
22
22
  ": var(--surface-solid-default);\n ",
23
- ": var(--inverse-text-primary);\n ",
23
+ ": var(--inverse-text-primary);\n\n ",
24
24
  ": var(--inverse-text-secondary);\n ",
25
- ": var(--inverse-text-primary);\n ",
26
25
  ": var(--inverse-text-primary);\n "
27
26
  ]);
28
27
  _templateObject = function _templateObject() {
@@ -42,9 +41,8 @@ function _templateObject1() {
42
41
  ": var(--surface-transparent-secondary);\n ",
43
42
  ": var(--text-primary);\n ",
44
43
  ": var(--surface-transparent-secondary);\n ",
45
- ": var(--text-primary);\n ",
44
+ ": var(--text-primary);\n\n ",
46
45
  ": var(--text-secondary);\n ",
47
- ": var(--text-primary);\n ",
48
46
  ": var(--text-primary);\n "
49
47
  ]);
50
48
  _templateObject1 = function _templateObject() {
@@ -64,9 +62,8 @@ function _templateObject2() {
64
62
  ": var(--surface-accent);\n ",
65
63
  ": var(--on-dark-text-primary);\n ",
66
64
  ": var(--surface-accent);\n ",
67
- ": var(--on-dark-text-primary);\n ",
65
+ ": var(--on-dark-text-primary);\n\n ",
68
66
  ": var(--on-dark-text-secondary);\n ",
69
- ": var(--on-dark-text-primary);\n ",
70
67
  ": var(--on-dark-text-primary);\n "
71
68
  ]);
72
69
  _templateObject2 = function _templateObject() {
@@ -86,9 +83,8 @@ function _templateObject3() {
86
83
  ": var(--surface-positive);\n ",
87
84
  ": var(--on-dark-text-primary);\n ",
88
85
  ": var(--surface-positive);\n ",
89
- ": var(--on-dark-text-primary);\n ",
86
+ ": var(--on-dark-text-primary);\n\n ",
90
87
  ": var(--on-dark-text-secondary);\n ",
91
- ": var(--on-dark-text-primary);\n ",
92
88
  ": var(--on-dark-text-primary);\n "
93
89
  ]);
94
90
  _templateObject3 = function _templateObject() {
@@ -108,9 +104,8 @@ function _templateObject4() {
108
104
  ": var(--surface-warning);\n ",
109
105
  ": var(--on-dark-text-primary);\n ",
110
106
  ": var(--surface-warning);\n ",
111
- ": var(--on-dark-text-primary);\n ",
107
+ ": var(--on-dark-text-primary);\n\n ",
112
108
  ": var(--on-dark-text-secondary);\n ",
113
- ": var(--on-dark-text-primary);\n ",
114
109
  ": var(--on-dark-text-primary);\n "
115
110
  ]);
116
111
  _templateObject4 = function _templateObject() {
@@ -130,9 +125,8 @@ function _templateObject5() {
130
125
  ": var(--surface-negative);\n ",
131
126
  ": var(--on-dark-text-primary);\n ",
132
127
  ": var(--surface-negative);\n ",
133
- ": var(--on-dark-text-primary);\n ",
128
+ ": var(--on-dark-text-primary);\n\n ",
134
129
  ": var(--on-dark-text-secondary);\n ",
135
- ": var(--on-dark-text-primary);\n ",
136
130
  ": var(--on-dark-text-primary);\n "
137
131
  ]);
138
132
  _templateObject5 = function _templateObject() {
@@ -313,12 +307,12 @@ export var config = {
313
307
  },
314
308
  variations: {
315
309
  view: {
316
- default: css(_templateObject(), chipTokens.color, chipTokens.background, chipTokens.colorHover, chipTokens.backgroundHover, chipTokens.colorActive, chipTokens.backgroundActive, chipTokens.backgroundReadOnly, chipTokens.colorReadOnly, chipTokens.backgroundReadOnlyHover, chipTokens.colorReadOnlyHover, chipTokens.closeIconColor, chipTokens.closeIconColorHover, chipTokens.leftContentColor),
317
- secondary: css(_templateObject1(), chipTokens.color, chipTokens.background, chipTokens.colorHover, chipTokens.backgroundHover, chipTokens.colorActive, chipTokens.backgroundActive, chipTokens.backgroundReadOnly, chipTokens.colorReadOnly, chipTokens.backgroundReadOnlyHover, chipTokens.colorReadOnlyHover, chipTokens.closeIconColor, chipTokens.closeIconColorHover, chipTokens.leftContentColor),
318
- accent: css(_templateObject2(), chipTokens.color, chipTokens.background, chipTokens.colorHover, chipTokens.backgroundHover, chipTokens.colorActive, chipTokens.backgroundActive, chipTokens.backgroundReadOnly, chipTokens.colorReadOnly, chipTokens.backgroundReadOnlyHover, chipTokens.colorReadOnlyHover, chipTokens.closeIconColor, chipTokens.closeIconColorHover, chipTokens.leftContentColor),
319
- positive: css(_templateObject3(), chipTokens.color, chipTokens.background, chipTokens.colorHover, chipTokens.backgroundHover, chipTokens.colorActive, chipTokens.backgroundActive, chipTokens.backgroundReadOnly, chipTokens.colorReadOnly, chipTokens.backgroundReadOnlyHover, chipTokens.colorReadOnlyHover, chipTokens.closeIconColor, chipTokens.closeIconColorHover, chipTokens.leftContentColor),
320
- warning: css(_templateObject4(), chipTokens.color, chipTokens.background, chipTokens.colorHover, chipTokens.backgroundHover, chipTokens.colorActive, chipTokens.backgroundActive, chipTokens.backgroundReadOnly, chipTokens.colorReadOnly, chipTokens.backgroundReadOnlyHover, chipTokens.colorReadOnlyHover, chipTokens.closeIconColor, chipTokens.closeIconColorHover, chipTokens.leftContentColor),
321
- negative: css(_templateObject5(), chipTokens.color, chipTokens.background, chipTokens.colorHover, chipTokens.backgroundHover, chipTokens.colorActive, chipTokens.backgroundActive, chipTokens.backgroundReadOnly, chipTokens.colorReadOnly, chipTokens.backgroundReadOnlyHover, chipTokens.colorReadOnlyHover, chipTokens.closeIconColor, chipTokens.closeIconColorHover, chipTokens.leftContentColor)
310
+ 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),
311
+ 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),
312
+ 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),
313
+ positive: css(_templateObject3(), chipTokens.color, chipTokens.background, chipTokens.colorHover, chipTokens.backgroundHover, chipTokens.colorActive, chipTokens.backgroundActive, chipTokens.backgroundReadOnly, chipTokens.colorReadOnly, chipTokens.backgroundReadOnlyHover, chipTokens.colorReadOnlyHover, chipTokens.closeIconColor, chipTokens.leftContentColor),
314
+ warning: css(_templateObject4(), chipTokens.color, chipTokens.background, chipTokens.colorHover, chipTokens.backgroundHover, chipTokens.colorActive, chipTokens.backgroundActive, chipTokens.backgroundReadOnly, chipTokens.colorReadOnly, chipTokens.backgroundReadOnlyHover, chipTokens.colorReadOnlyHover, chipTokens.closeIconColor, chipTokens.leftContentColor),
315
+ negative: css(_templateObject5(), chipTokens.color, chipTokens.background, chipTokens.colorHover, chipTokens.backgroundHover, chipTokens.colorActive, chipTokens.backgroundActive, chipTokens.backgroundReadOnly, chipTokens.colorReadOnly, chipTokens.backgroundReadOnlyHover, chipTokens.colorReadOnlyHover, chipTokens.closeIconColor, chipTokens.leftContentColor)
322
316
  },
323
317
  size: {
324
318
  l: css(_templateObject6(), 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),
package/es/components/Combobox/Combobox.config.js CHANGED
@@ -32,7 +32,6 @@ function _templateObject() {
32
32
  ": var(--text-tertiary);\n\n ",
33
33
  ": var(--text-secondary);\n ",
34
34
  ": var(--text-primary);\n ",
35
- ": var(--text-primary);\n ",
36
35
  ": var(--surface-transparent-secondary);\n ",
37
36
  ": var(--text-primary);\n ",
38
37
  ": var(--surface-transparent-secondary-hover);\n ",
@@ -83,7 +82,6 @@ function _templateObject1() {
83
82
  ": var(--text-tertiary);\n\n ",
84
83
  ": var(--text-secondary);\n ",
85
84
  ": var(--text-primary);\n ",
86
- ": var(--text-primary);\n ",
87
85
  ": var(--surface-transparent-secondary);\n ",
88
86
  ": var(--text-primary);\n ",
89
87
  ": var(--surface-transparent-secondary-hover);\n ",
@@ -134,7 +132,6 @@ function _templateObject2() {
134
132
  ": var(--text-tertiary);\n\n ",
135
133
  ": var(--text-secondary);\n ",
136
134
  ": var(--text-primary);\n ",
137
- ": var(--text-primary);\n ",
138
135
  ": var(--surface-transparent-secondary);\n ",
139
136
  ": var(--text-primary);\n ",
140
137
  ": var(--surface-transparent-secondary-hover);\n ",
@@ -185,7 +182,6 @@ function _templateObject3() {
185
182
  ": var(--text-tertiary);\n\n ",
186
183
  ": var(--text-secondary);\n ",
187
184
  ": var(--text-primary);\n ",
188
- ": var(--text-primary);\n ",
189
185
  ": var(--surface-transparent-secondary);\n ",
190
186
  ": var(--text-primary);\n ",
191
187
  ": var(--surface-transparent-secondary-hover);\n ",
@@ -773,10 +769,10 @@ export var config = {
773
769
  },
774
770
  variations: {
775
771
  view: {
776
- 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.textFieldContentSlotColor, tokens.textFieldContentSlotColorHover, tokens.textFieldContentSlotColorActive, tokens.textFieldIndicatorColor, tokens.textFieldOptionalColor, tokens.textFieldChipCloseIconColor, tokens.textFieldChipCloseIconColorHover, tokens.textFieldChipColor, tokens.textFieldChipBackground, tokens.textFieldChipColorHover, tokens.textFieldChipBackgroundHover, tokens.textFieldChipColorActive, tokens.textFieldChipBackgroundActive, tokens.textFieldChipBackgroundReadOnly, tokens.textFieldChipColorReadOnly, tokens.textFieldChipBackgroundReadOnlyHover, tokens.textFieldChipColorReadOnlyHover, tokens.textFieldChipOpacityReadonly, tokens.disclosureIconColor, tokens.disclosureIconColorHover, tokens.itemBackgroundHover, tokens.textFieldHintIconColor, tokens.dividerColor, tokens.itemIconColor, tokens.checkboxFillColor, tokens.checkboxIconColor, tokens.checkboxTriggerBorderCheckedColor, tokens.checkboxTriggerBorderColor),
777
- positive: 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.textFieldContentSlotColor, tokens.textFieldContentSlotColorHover, tokens.textFieldContentSlotColorActive, tokens.textFieldIndicatorColor, tokens.textFieldOptionalColor, tokens.textFieldChipCloseIconColor, tokens.textFieldChipCloseIconColorHover, tokens.textFieldChipColor, tokens.textFieldChipBackground, tokens.textFieldChipColorHover, tokens.textFieldChipBackgroundHover, tokens.textFieldChipColorActive, tokens.textFieldChipBackgroundActive, tokens.textFieldChipBackgroundReadOnly, tokens.textFieldChipColorReadOnly, tokens.textFieldChipBackgroundReadOnlyHover, tokens.textFieldChipColorReadOnlyHover, tokens.textFieldChipOpacityReadonly, tokens.disclosureIconColor, tokens.disclosureIconColorHover, tokens.itemBackgroundHover, tokens.textFieldHintIconColor, tokens.dividerColor, tokens.itemIconColor, tokens.checkboxFillColor, tokens.checkboxIconColor, tokens.checkboxTriggerBorderCheckedColor, tokens.checkboxTriggerBorderColor),
778
- warning: css(_templateObject2(), 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.textFieldContentSlotColor, tokens.textFieldContentSlotColorHover, tokens.textFieldContentSlotColorActive, tokens.textFieldIndicatorColor, tokens.textFieldOptionalColor, tokens.textFieldChipCloseIconColor, tokens.textFieldChipCloseIconColorHover, tokens.textFieldChipColor, tokens.textFieldChipBackground, tokens.textFieldChipColorHover, tokens.textFieldChipBackgroundHover, tokens.textFieldChipColorActive, tokens.textFieldChipBackgroundActive, tokens.textFieldChipBackgroundReadOnly, tokens.textFieldChipColorReadOnly, tokens.textFieldChipBackgroundReadOnlyHover, tokens.textFieldChipColorReadOnlyHover, tokens.textFieldChipOpacityReadonly, tokens.disclosureIconColor, tokens.disclosureIconColorHover, tokens.itemBackgroundHover, tokens.textFieldHintIconColor, tokens.dividerColor, tokens.itemIconColor, tokens.checkboxFillColor, tokens.checkboxIconColor, tokens.checkboxTriggerBorderCheckedColor, tokens.checkboxTriggerBorderColor),
779
- negative: css(_templateObject3(), 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.textFieldContentSlotColor, tokens.textFieldContentSlotColorHover, tokens.textFieldContentSlotColorActive, tokens.textFieldIndicatorColor, tokens.textFieldOptionalColor, tokens.textFieldChipCloseIconColor, tokens.textFieldChipCloseIconColorHover, tokens.textFieldChipColor, tokens.textFieldChipBackground, tokens.textFieldChipColorHover, tokens.textFieldChipBackgroundHover, tokens.textFieldChipColorActive, tokens.textFieldChipBackgroundActive, tokens.textFieldChipBackgroundReadOnly, tokens.textFieldChipColorReadOnly, tokens.textFieldChipBackgroundReadOnlyHover, tokens.textFieldChipColorReadOnlyHover, tokens.textFieldChipOpacityReadonly, tokens.disclosureIconColor, tokens.disclosureIconColorHover, tokens.itemBackgroundHover, tokens.textFieldHintIconColor, tokens.dividerColor, tokens.itemIconColor, tokens.checkboxFillColor, tokens.checkboxIconColor, tokens.checkboxTriggerBorderCheckedColor, tokens.checkboxTriggerBorderColor)
772
+ 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.textFieldContentSlotColor, tokens.textFieldContentSlotColorHover, tokens.textFieldContentSlotColorActive, 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.disclosureIconColor, tokens.disclosureIconColorHover, tokens.itemBackgroundHover, tokens.textFieldHintIconColor, tokens.dividerColor, tokens.itemIconColor, tokens.checkboxFillColor, tokens.checkboxIconColor, tokens.checkboxTriggerBorderCheckedColor, tokens.checkboxTriggerBorderColor),
773
+ positive: 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.textFieldContentSlotColor, tokens.textFieldContentSlotColorHover, tokens.textFieldContentSlotColorActive, 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.disclosureIconColor, tokens.disclosureIconColorHover, tokens.itemBackgroundHover, tokens.textFieldHintIconColor, tokens.dividerColor, tokens.itemIconColor, tokens.checkboxFillColor, tokens.checkboxIconColor, tokens.checkboxTriggerBorderCheckedColor, tokens.checkboxTriggerBorderColor),
774
+ warning: css(_templateObject2(), 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.textFieldContentSlotColor, tokens.textFieldContentSlotColorHover, tokens.textFieldContentSlotColorActive, 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.disclosureIconColor, tokens.disclosureIconColorHover, tokens.itemBackgroundHover, tokens.textFieldHintIconColor, tokens.dividerColor, tokens.itemIconColor, tokens.checkboxFillColor, tokens.checkboxIconColor, tokens.checkboxTriggerBorderCheckedColor, tokens.checkboxTriggerBorderColor),
775
+ negative: css(_templateObject3(), 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.textFieldContentSlotColor, tokens.textFieldContentSlotColorHover, tokens.textFieldContentSlotColorActive, 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.disclosureIconColor, tokens.disclosureIconColorHover, tokens.itemBackgroundHover, tokens.textFieldHintIconColor, tokens.dividerColor, tokens.itemIconColor, tokens.checkboxFillColor, tokens.checkboxIconColor, tokens.checkboxTriggerBorderCheckedColor, tokens.checkboxTriggerBorderColor)
780
776
  },
781
777
  size: {
782
778
  l: css(_templateObject4(), tokens.textFieldHeight, tokens.textFieldPadding, tokens.textFieldPaddingWithChips, tokens.textFieldBorderRadius, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldRightContentWithHintMargin, tokens.textFieldContentRightWrapperGap, tokens.textFieldContentRightWrapperMargin, 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.textFieldHintMargin, tokens.textFieldHintTargetSize, tokens.textFieldHintInnerLabelPlacementOffset, tokens.textFieldClearHintInnerLabelPlacementOffset, 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.itemIconMargin, tokens.itemIconSize, tokens.itemIconSizeTight, 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.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.fontLetterSpacing, tokens.fontLineHeight, tokens.checkboxTriggerSize, tokens.checkboxTriggerSizeTight, tokens.checkboxTriggerBorderRadius, tokens.checkboxTriggerBorderRadiusTight, tokens.checkboxTriggerBorderWidth, tokens.indicatorSize, tokens.dividerMarginTop, tokens.dividerMarginRight, tokens.dividerMarginBottom, tokens.dividerMarginLeft, tokens.dividerMarginTopTight, tokens.dividerMarginBottomTight),