@salutejs/plasma-web 1.595.0-canary.2263.18100873808.0 → 1.596.0-canary.2237.18160100785.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 (71) hide show
  1. package/components/Avatar/Avatar.config.d.ts +1 -0
  2. package/components/Avatar/Avatar.config.js +100 -60
  3. package/components/Avatar/Avatar.d.ts +7 -0
  4. package/components/Chip/Chip.config.js +22 -14
  5. package/components/Combobox/Combobox.config.js +12 -4
  6. package/components/Combobox/Combobox.d.ts +24 -0
  7. package/components/Select/Select.config.js +11 -5
  8. package/components/Select/Select.d.ts +6 -0
  9. package/components/TextField/TextField.config.js +18 -6
  10. package/components/Tree/Tree.config.js +12 -8
  11. package/css/cjs/components/Avatar/Avatar.config.js +22 -21
  12. package/css/cjs/components/Avatar/Avatar.config.js.map +1 -1
  13. package/css/cjs/components/Avatar/Avatar.config_1jwhd5q.css +23 -0
  14. package/css/cjs/components/Avatar/Avatar.css +23 -22
  15. package/css/cjs/components/Chip/Chip.config.js +1 -1
  16. package/css/cjs/components/Chip/Chip.config.js.map +1 -1
  17. package/css/cjs/components/Chip/{Chip.config_1oc3tir.css → Chip.config_10micqj.css} +7 -7
  18. package/css/cjs/components/Chip/Chip.css +14 -14
  19. package/css/cjs/components/Combobox/Combobox.config.js +1 -1
  20. package/css/cjs/components/Combobox/Combobox.config.js.map +1 -1
  21. package/css/{es/components/Combobox/Combobox.config_x1nkr1.css → cjs/components/Combobox/Combobox.config_1dhj73p.css} +4 -4
  22. package/css/cjs/components/Combobox/Combobox.css +14 -14
  23. package/css/cjs/components/Mask/Mask.css +21 -21
  24. package/css/cjs/components/Select/Select.config.js +1 -1
  25. package/css/cjs/components/Select/Select.config.js.map +1 -1
  26. package/css/{es/components/Select/Select.config_cbscqo.css → cjs/components/Select/Select.config_wwtmze.css} +3 -3
  27. package/css/cjs/components/Select/Select.css +23 -23
  28. package/css/cjs/components/TextField/TextField.config.js +1 -1
  29. package/css/cjs/components/TextField/TextField.config.js.map +1 -1
  30. package/css/cjs/components/TextField/{TextField.config_161dytt.css → TextField.config_4hsnnu.css} +6 -6
  31. package/css/cjs/components/Tree/Tree.config.js +1 -1
  32. package/css/cjs/components/Tree/Tree.config.js.map +1 -1
  33. package/css/cjs/components/Tree/Tree.config_19lfyoo.css +5 -0
  34. package/css/cjs/components/Tree/Tree.css +5 -5
  35. package/css/cjs/index.css +104 -103
  36. package/css/es/components/Avatar/Avatar.config.js +22 -21
  37. package/css/es/components/Avatar/Avatar.config.js.map +1 -1
  38. package/css/es/components/Avatar/Avatar.config_1jwhd5q.css +23 -0
  39. package/css/es/components/Avatar/Avatar.css +23 -22
  40. package/css/es/components/Chip/Chip.config.js +1 -1
  41. package/css/es/components/Chip/Chip.config.js.map +1 -1
  42. package/css/es/components/Chip/{Chip.config_1oc3tir.css → Chip.config_10micqj.css} +7 -7
  43. package/css/es/components/Chip/Chip.css +14 -14
  44. package/css/es/components/Combobox/Combobox.config.js +1 -1
  45. package/css/es/components/Combobox/Combobox.config.js.map +1 -1
  46. package/css/{cjs/components/Combobox/Combobox.config_x1nkr1.css → es/components/Combobox/Combobox.config_1dhj73p.css} +4 -4
  47. package/css/es/components/Combobox/Combobox.css +14 -14
  48. package/css/es/components/Mask/Mask.css +21 -21
  49. package/css/es/components/Select/Select.config.js +1 -1
  50. package/css/es/components/Select/Select.config.js.map +1 -1
  51. package/css/{cjs/components/Select/Select.config_cbscqo.css → es/components/Select/Select.config_wwtmze.css} +3 -3
  52. package/css/es/components/Select/Select.css +23 -23
  53. package/css/es/components/TextField/TextField.config.js +1 -1
  54. package/css/es/components/TextField/TextField.config.js.map +1 -1
  55. package/css/es/components/TextField/{TextField.config_161dytt.css → TextField.config_4hsnnu.css} +6 -6
  56. package/css/es/components/Tree/Tree.config.js +1 -1
  57. package/css/es/components/Tree/Tree.config.js.map +1 -1
  58. package/css/es/components/Tree/Tree.config_19lfyoo.css +5 -0
  59. package/css/es/components/Tree/Tree.css +5 -5
  60. package/css/es/index.css +104 -103
  61. package/es/components/Avatar/Avatar.config.js +100 -60
  62. package/es/components/Chip/Chip.config.js +22 -14
  63. package/es/components/Combobox/Combobox.config.js +12 -4
  64. package/es/components/Select/Select.config.js +11 -5
  65. package/es/components/TextField/TextField.config.js +18 -6
  66. package/es/components/Tree/Tree.config.js +12 -8
  67. package/package.json +3 -3
  68. package/css/cjs/components/Avatar/Avatar.config_1gwq5ql.css +0 -22
  69. package/css/cjs/components/Tree/Tree.config_3ngxbx.css +0 -5
  70. package/css/es/components/Avatar/Avatar.config_1gwq5ql.css +0 -22
  71. package/css/es/components/Tree/Tree.config_3ngxbx.css +0 -5
package/es/components/Avatar/Avatar.config.js CHANGED
@@ -26,7 +26,7 @@ function _templateObject() {
26
26
  function _templateObject1() {
27
27
  var data = _tagged_template_literal([
28
28
  "\n ",
29
- ": 6.25rem;\n ",
29
+ ": 7.5rem;\n ",
30
30
  ": 2rem;\n ",
31
31
  ": 600;\n ",
32
32
  ": 2rem;\n ",
@@ -63,6 +63,45 @@ function _templateObject1() {
63
63
  return data;
64
64
  }
65
65
  function _templateObject2() {
66
+ var data = _tagged_template_literal([
67
+ "\n ",
68
+ ": 6.25rem;\n ",
69
+ ": 2rem;\n ",
70
+ ": 600;\n ",
71
+ ": 2rem;\n ",
72
+ ": 0.75rem;\n ",
73
+ ": 1.125rem;\n\n ",
74
+ ": 0.5rem;\n ",
75
+ ": 1.75rem;\n ",
76
+ ": 0 0.688rem;\n ",
77
+ ": 0 0.375rem;\n\n ",
78
+ ": var(--plasma-typo-body-s-font-family);\n ",
79
+ ": var(--plasma-typo-body-s-font-size);\n ",
80
+ ": var(--plasma-typo-body-s-font-style);\n ",
81
+ ": var(--plasma-typo-body-s-font-weight);\n ",
82
+ ": var(--plasma-typo-body-s-letter-spacing);\n ",
83
+ ": var(--plasma-typo-body-s-line-height);\n\n ",
84
+ ": -0.063rem;\n ",
85
+ ": 0.25rem;\n\n ",
86
+ ": 0.25rem;\n ",
87
+ ": -0.063rem;\n ",
88
+ ": 1.25rem;\n\n ",
89
+ ": 1rem;\n ",
90
+ ": 1.75rem;\n ",
91
+ ": 0 0.625rem;\n ",
92
+ ": var(--plasma-typo-body-s-font-family);\n ",
93
+ ": var(--plasma-typo-body-s-font-size);\n ",
94
+ ": var(--plasma-typo-body-s-font-style);\n ",
95
+ ": var(--plasma-typo-body-s-font-weight);\n ",
96
+ ": var(--plasma-typo-body-s-letter-spacing);\n ",
97
+ ": var(--plasma-typo-body-s-line-height);\n "
98
+ ]);
99
+ _templateObject2 = function _templateObject() {
100
+ return data;
101
+ };
102
+ return data;
103
+ }
104
+ function _templateObject3() {
66
105
  var data = _tagged_template_literal([
67
106
  "\n ",
68
107
  ": 3rem;\n ",
@@ -97,12 +136,12 @@ function _templateObject2() {
97
136
  ": var(--plasma-typo-body-xxs-letter-spacing);\n ",
98
137
  ": var(--plasma-typo-body-xxs-line-height);\n "
99
138
  ]);
100
- _templateObject2 = function _templateObject() {
139
+ _templateObject3 = function _templateObject() {
101
140
  return data;
102
141
  };
103
142
  return data;
104
143
  }
105
- function _templateObject3() {
144
+ function _templateObject4() {
106
145
  var data = _tagged_template_literal([
107
146
  "\n ",
108
147
  ": 2.25rem;\n ",
@@ -137,12 +176,12 @@ function _templateObject3() {
137
176
  ": var(--plasma-typo-body-xxs-letter-spacing);\n ",
138
177
  ": var(--plasma-typo-body-xxs-line-height);\n "
139
178
  ]);
140
- _templateObject3 = function _templateObject() {
179
+ _templateObject4 = function _templateObject() {
141
180
  return data;
142
181
  };
143
182
  return data;
144
183
  }
145
- function _templateObject4() {
184
+ function _templateObject5() {
146
185
  var data = _tagged_template_literal([
147
186
  "\n ",
148
187
  ": 1.5rem;\n ",
@@ -162,12 +201,12 @@ function _templateObject4() {
162
201
  ": var(--plasma-typo-body-xxs-letter-spacing);\n ",
163
202
  ": var(--plasma-typo-body-xxs-line-height);\n "
164
203
  ]);
165
- _templateObject4 = function _templateObject() {
204
+ _templateObject5 = function _templateObject() {
166
205
  return data;
167
206
  };
168
207
  return data;
169
208
  }
170
- function _templateObject5() {
209
+ function _templateObject6() {
171
210
  var data = _tagged_template_literal([
172
211
  "\n ",
173
212
  ": 100%;\n ",
@@ -176,12 +215,12 @@ function _templateObject5() {
176
215
  ": 0;\n ",
177
216
  ": 0;\n "
178
217
  ]);
179
- _templateObject5 = function _templateObject() {
218
+ _templateObject6 = function _templateObject() {
180
219
  return data;
181
220
  };
182
221
  return data;
183
222
  }
184
- function _templateObject6() {
223
+ function _templateObject7() {
185
224
  var data = _tagged_template_literal([
186
225
  "\n ",
187
226
  ": 50%;\n ",
@@ -192,12 +231,12 @@ function _templateObject6() {
192
231
  ") - var(",
193
232
  ") / 2);\n "
194
233
  ]);
195
- _templateObject6 = function _templateObject() {
234
+ _templateObject7 = function _templateObject() {
196
235
  return data;
197
236
  };
198
237
  return data;
199
238
  }
200
- function _templateObject7() {
239
+ function _templateObject8() {
201
240
  var data = _tagged_template_literal([
202
241
  "\n ",
203
242
  ": calc(var(",
@@ -207,12 +246,12 @@ function _templateObject7() {
207
246
  ") - var(",
208
247
  "));\n "
209
248
  ]);
210
- _templateObject7 = function _templateObject() {
249
+ _templateObject8 = function _templateObject() {
211
250
  return data;
212
251
  };
213
252
  return data;
214
253
  }
215
- function _templateObject8() {
254
+ function _templateObject9() {
216
255
  var data = _tagged_template_literal([
217
256
  "\n ",
218
257
  ": var(--inverse-text-primary);\n ",
@@ -222,12 +261,12 @@ function _templateObject8() {
222
261
  ": var(--text-primary);\n ",
223
262
  ": var(--surface-clear);\n "
224
263
  ]);
225
- _templateObject8 = function _templateObject() {
264
+ _templateObject9 = function _templateObject() {
226
265
  return data;
227
266
  };
228
267
  return data;
229
268
  }
230
- function _templateObject9() {
269
+ function _templateObject10() {
231
270
  var data = _tagged_template_literal([
232
271
  "\n ",
233
272
  ": var(--on-dark-text-primary);\n ",
@@ -237,12 +276,12 @@ function _templateObject9() {
237
276
  ": var(--text-accent);\n ",
238
277
  ": var(--surface-clear);\n "
239
278
  ]);
240
- _templateObject9 = function _templateObject() {
279
+ _templateObject10 = function _templateObject() {
241
280
  return data;
242
281
  };
243
282
  return data;
244
283
  }
245
- function _templateObject10() {
284
+ function _templateObject11() {
246
285
  var data = _tagged_template_literal([
247
286
  "\n ",
248
287
  ": var(--on-dark-text-primary);\n ",
@@ -252,12 +291,12 @@ function _templateObject10() {
252
291
  ": var(--text-positive);\n ",
253
292
  ": var(--surface-clear);\n "
254
293
  ]);
255
- _templateObject10 = function _templateObject() {
294
+ _templateObject11 = function _templateObject() {
256
295
  return data;
257
296
  };
258
297
  return data;
259
298
  }
260
- function _templateObject11() {
299
+ function _templateObject12() {
261
300
  var data = _tagged_template_literal([
262
301
  "\n ",
263
302
  ": var(--on-dark-text-primary);\n ",
@@ -267,12 +306,12 @@ function _templateObject11() {
267
306
  ": var(--text-warning);\n ",
268
307
  ": var(--surface-clear);\n "
269
308
  ]);
270
- _templateObject11 = function _templateObject() {
309
+ _templateObject12 = function _templateObject() {
271
310
  return data;
272
311
  };
273
312
  return data;
274
313
  }
275
- function _templateObject12() {
314
+ function _templateObject13() {
276
315
  var data = _tagged_template_literal([
277
316
  "\n ",
278
317
  ": var(--on-dark-text-primary);\n ",
@@ -282,12 +321,12 @@ function _templateObject12() {
282
321
  ": var(--text-negative);\n ",
283
322
  ": var(--surface-clear);\n "
284
323
  ]);
285
- _templateObject12 = function _templateObject() {
324
+ _templateObject13 = function _templateObject() {
286
325
  return data;
287
326
  };
288
327
  return data;
289
328
  }
290
- function _templateObject13() {
329
+ function _templateObject14() {
291
330
  var data = _tagged_template_literal([
292
331
  "\n ",
293
332
  ": var(--on-dark-text-primary);\n ",
@@ -297,12 +336,12 @@ function _templateObject13() {
297
336
  ": var(--on-light-text-primary);\n ",
298
337
  ": var(--surface-clear);\n "
299
338
  ]);
300
- _templateObject13 = function _templateObject() {
339
+ _templateObject14 = function _templateObject() {
301
340
  return data;
302
341
  };
303
342
  return data;
304
343
  }
305
- function _templateObject14() {
344
+ function _templateObject15() {
306
345
  var data = _tagged_template_literal([
307
346
  "\n ",
308
347
  ": var(--on-light-text-primary);\n ",
@@ -312,84 +351,84 @@ function _templateObject14() {
312
351
  ": var(--on-dark-text-primary);\n ",
313
352
  ": var(--surface-clear);\n "
314
353
  ]);
315
- _templateObject14 = function _templateObject() {
354
+ _templateObject15 = function _templateObject() {
316
355
  return data;
317
356
  };
318
357
  return data;
319
358
  }
320
- function _templateObject15() {
359
+ function _templateObject16() {
321
360
  var data = _tagged_template_literal([
322
361
  "\n ",
323
362
  ": var(--inverse-text-primary);\n ",
324
363
  ": var(--surface-solid-default);\n "
325
364
  ]);
326
- _templateObject15 = function _templateObject() {
365
+ _templateObject16 = function _templateObject() {
327
366
  return data;
328
367
  };
329
368
  return data;
330
369
  }
331
- function _templateObject16() {
370
+ function _templateObject17() {
332
371
  var data = _tagged_template_literal([
333
372
  "\n ",
334
373
  ": var(--on-dark-text-primary);\n ",
335
374
  ": var(--surface-accent);\n "
336
375
  ]);
337
- _templateObject16 = function _templateObject() {
376
+ _templateObject17 = function _templateObject() {
338
377
  return data;
339
378
  };
340
379
  return data;
341
380
  }
342
- function _templateObject17() {
381
+ function _templateObject18() {
343
382
  var data = _tagged_template_literal([
344
383
  "\n ",
345
384
  ": var(--on-dark-text-primary);\n ",
346
385
  ": var(--surface-positive);\n "
347
386
  ]);
348
- _templateObject17 = function _templateObject() {
387
+ _templateObject18 = function _templateObject() {
349
388
  return data;
350
389
  };
351
390
  return data;
352
391
  }
353
- function _templateObject18() {
392
+ function _templateObject19() {
354
393
  var data = _tagged_template_literal([
355
394
  "\n ",
356
395
  ": var(--on-dark-text-primary);\n ",
357
396
  ": var(--surface-warning);\n "
358
397
  ]);
359
- _templateObject18 = function _templateObject() {
398
+ _templateObject19 = function _templateObject() {
360
399
  return data;
361
400
  };
362
401
  return data;
363
402
  }
364
- function _templateObject19() {
403
+ function _templateObject20() {
365
404
  var data = _tagged_template_literal([
366
405
  "\n ",
367
406
  ": var(--on-dark-text-primary);\n ",
368
407
  ": var(--surface-negative);\n "
369
408
  ]);
370
- _templateObject19 = function _templateObject() {
409
+ _templateObject20 = function _templateObject() {
371
410
  return data;
372
411
  };
373
412
  return data;
374
413
  }
375
- function _templateObject20() {
414
+ function _templateObject21() {
376
415
  var data = _tagged_template_literal([
377
416
  "\n ",
378
417
  ": var(--on-dark-text-primary);\n ",
379
418
  ": var(--on-light-surface-solid-default);\n "
380
419
  ]);
381
- _templateObject20 = function _templateObject() {
420
+ _templateObject21 = function _templateObject() {
382
421
  return data;
383
422
  };
384
423
  return data;
385
424
  }
386
- function _templateObject21() {
425
+ function _templateObject22() {
387
426
  var data = _tagged_template_literal([
388
427
  "\n ",
389
428
  ": var(--on-light-text-primary);\n ",
390
429
  ": var(--on-dark-surface-solid-default);\n "
391
430
  ]);
392
- _templateObject21 = function _templateObject() {
431
+ _templateObject22 = function _templateObject() {
393
432
  return data;
394
433
  };
395
434
  return data;
@@ -408,32 +447,33 @@ export var config = {
408
447
  size: {
409
448
  // TODO: #1044 токены типографики в Avatar
410
449
  xxl: css(_templateObject1(), tokens.avatarSize, tokens.fontSize, tokens.fontWeight, tokens.lineHeight, tokens.statusIconSize, tokens.borderRadius, tokens.badgeBorderRadius, tokens.badgeHeight, tokens.badgePadding, tokens.badgePaddingIconOnly, tokens.badgeFontFamily, tokens.badgeFontSize, tokens.badgeFontStyle, tokens.badgeFontWeight, tokens.badgeLetterSpacing, tokens.badgeLineHeight, tokens.badgeLeftContentMarginLeft, tokens.badgeLeftContentMarginRight, tokens.badgeRightContentMarginLeft, tokens.badgeRightContentMarginRight, tokens.badgePilledBorderRadius, tokens.counterBorderRadius, tokens.counterHeight, tokens.counterPadding, tokens.counterFontFamily, tokens.counterFontSize, tokens.counterFontStyle, tokens.counterFontWeight, tokens.counterLetterSpacing, tokens.counterLineHeight),
411
- l: css(_templateObject2(), tokens.avatarSize, tokens.fontSize, tokens.fontWeight, tokens.lineHeight, tokens.statusIconSize, tokens.borderRadius, tokens.extraPlacementFactor, tokens.badgeBorderRadius, tokens.badgeHeight, tokens.badgePadding, tokens.badgePaddingIconOnly, tokens.badgeFontFamily, tokens.badgeFontSize, tokens.badgeFontStyle, tokens.badgeFontWeight, tokens.badgeLetterSpacing, tokens.badgeLineHeight, tokens.badgeLeftContentMarginLeft, tokens.badgeLeftContentMarginRight, tokens.badgeRightContentMarginLeft, tokens.badgeRightContentMarginRight, tokens.badgePilledBorderRadius, tokens.counterBorderRadius, tokens.counterHeight, tokens.counterPadding, tokens.counterFontFamily, tokens.counterFontSize, tokens.counterFontStyle, tokens.counterFontWeight, tokens.counterLetterSpacing, tokens.counterLineHeight),
412
- m: css(_templateObject3(), tokens.avatarSize, tokens.fontSize, tokens.fontWeight, tokens.lineHeight, tokens.statusIconSize, tokens.borderRadius, tokens.extraPlacementFactor, tokens.badgeBorderRadius, tokens.badgeHeight, tokens.badgePadding, tokens.badgePaddingIconOnly, tokens.badgeFontFamily, tokens.badgeFontSize, tokens.badgeFontStyle, tokens.badgeFontWeight, tokens.badgeLetterSpacing, tokens.badgeLineHeight, tokens.badgeLeftContentMarginLeft, tokens.badgeLeftContentMarginRight, tokens.badgeRightContentMarginLeft, tokens.badgeRightContentMarginRight, tokens.badgePilledBorderRadius, tokens.counterBorderRadius, tokens.counterHeight, tokens.counterPadding, tokens.counterFontFamily, tokens.counterFontSize, tokens.counterFontStyle, tokens.counterFontWeight, tokens.counterLetterSpacing, tokens.counterLineHeight),
413
- s: css(_templateObject4(), tokens.avatarSize, tokens.fontSize, tokens.fontWeight, tokens.lineHeight, tokens.statusIconSize, tokens.borderRadius, tokens.extraPlacementFactor, tokens.counterBorderRadius, tokens.counterHeight, tokens.counterPadding, tokens.counterFontFamily, tokens.counterFontSize, tokens.counterFontStyle, tokens.counterFontWeight, tokens.counterLetterSpacing, tokens.counterLineHeight),
414
- fit: css(_templateObject5(), tokens.avatarSize, tokens.fontSize, tokens.fontWeight, tokens.lineHeight, tokens.statusIconSize)
450
+ xl: css(_templateObject2(), tokens.avatarSize, tokens.fontSize, tokens.fontWeight, tokens.lineHeight, tokens.statusIconSize, tokens.borderRadius, tokens.badgeBorderRadius, tokens.badgeHeight, tokens.badgePadding, tokens.badgePaddingIconOnly, tokens.badgeFontFamily, tokens.badgeFontSize, tokens.badgeFontStyle, tokens.badgeFontWeight, tokens.badgeLetterSpacing, tokens.badgeLineHeight, tokens.badgeLeftContentMarginLeft, tokens.badgeLeftContentMarginRight, tokens.badgeRightContentMarginLeft, tokens.badgeRightContentMarginRight, tokens.badgePilledBorderRadius, tokens.counterBorderRadius, tokens.counterHeight, tokens.counterPadding, tokens.counterFontFamily, tokens.counterFontSize, tokens.counterFontStyle, tokens.counterFontWeight, tokens.counterLetterSpacing, tokens.counterLineHeight),
451
+ l: css(_templateObject3(), tokens.avatarSize, tokens.fontSize, tokens.fontWeight, tokens.lineHeight, tokens.statusIconSize, tokens.borderRadius, tokens.extraPlacementFactor, tokens.badgeBorderRadius, tokens.badgeHeight, tokens.badgePadding, tokens.badgePaddingIconOnly, tokens.badgeFontFamily, tokens.badgeFontSize, tokens.badgeFontStyle, tokens.badgeFontWeight, tokens.badgeLetterSpacing, tokens.badgeLineHeight, tokens.badgeLeftContentMarginLeft, tokens.badgeLeftContentMarginRight, tokens.badgeRightContentMarginLeft, tokens.badgeRightContentMarginRight, tokens.badgePilledBorderRadius, tokens.counterBorderRadius, tokens.counterHeight, tokens.counterPadding, tokens.counterFontFamily, tokens.counterFontSize, tokens.counterFontStyle, tokens.counterFontWeight, tokens.counterLetterSpacing, tokens.counterLineHeight),
452
+ m: css(_templateObject4(), tokens.avatarSize, tokens.fontSize, tokens.fontWeight, tokens.lineHeight, tokens.statusIconSize, tokens.borderRadius, tokens.extraPlacementFactor, tokens.badgeBorderRadius, tokens.badgeHeight, tokens.badgePadding, tokens.badgePaddingIconOnly, tokens.badgeFontFamily, tokens.badgeFontSize, tokens.badgeFontStyle, tokens.badgeFontWeight, tokens.badgeLetterSpacing, tokens.badgeLineHeight, tokens.badgeLeftContentMarginLeft, tokens.badgeLeftContentMarginRight, tokens.badgeRightContentMarginLeft, tokens.badgeRightContentMarginRight, tokens.badgePilledBorderRadius, tokens.counterBorderRadius, tokens.counterHeight, tokens.counterPadding, tokens.counterFontFamily, tokens.counterFontSize, tokens.counterFontStyle, tokens.counterFontWeight, tokens.counterLetterSpacing, tokens.counterLineHeight),
453
+ s: css(_templateObject5(), tokens.avatarSize, tokens.fontSize, tokens.fontWeight, tokens.lineHeight, tokens.statusIconSize, tokens.borderRadius, tokens.extraPlacementFactor, tokens.counterBorderRadius, tokens.counterHeight, tokens.counterPadding, tokens.counterFontFamily, tokens.counterFontSize, tokens.counterFontStyle, tokens.counterFontWeight, tokens.counterLetterSpacing, tokens.counterLineHeight),
454
+ fit: css(_templateObject6(), tokens.avatarSize, tokens.fontSize, tokens.fontWeight, tokens.lineHeight, tokens.statusIconSize)
415
455
  },
416
456
  shape: {
417
- circled: css(_templateObject6(), tokens.borderRadius, tokens.statusLeft, tokens.avatarSize, tokens.statusIconSize, tokens.statusTop, tokens.avatarSize, tokens.statusIconSize),
418
- rounded: css(_templateObject7(), tokens.statusLeft, tokens.avatarSize, tokens.statusIconSize, tokens.statusTop, tokens.avatarSize, tokens.statusIconSize)
457
+ circled: css(_templateObject7(), tokens.borderRadius, tokens.statusLeft, tokens.avatarSize, tokens.statusIconSize, tokens.statusTop, tokens.avatarSize, tokens.statusIconSize),
458
+ rounded: css(_templateObject8(), tokens.statusLeft, tokens.avatarSize, tokens.statusIconSize, tokens.statusTop, tokens.avatarSize, tokens.statusIconSize)
419
459
  },
420
460
  badgeView: {
421
- default: css(_templateObject8(), tokens.badgeColor, tokens.badgeBackground, tokens.badgeColorTransparent, tokens.badgeBackgroundTransparent, tokens.badgeColorClear, tokens.badgeBackgroundClear),
422
- accent: css(_templateObject9(), tokens.badgeColor, tokens.badgeBackground, tokens.badgeColorTransparent, tokens.badgeBackgroundTransparent, tokens.badgeColorClear, tokens.badgeBackgroundClear),
423
- positive: css(_templateObject10(), tokens.badgeColor, tokens.badgeBackground, tokens.badgeColorTransparent, tokens.badgeBackgroundTransparent, tokens.badgeColorClear, tokens.badgeBackgroundClear),
424
- warning: css(_templateObject11(), tokens.badgeColor, tokens.badgeBackground, tokens.badgeColorTransparent, tokens.badgeBackgroundTransparent, tokens.badgeColorClear, tokens.badgeBackgroundClear),
425
- negative: css(_templateObject12(), tokens.badgeColor, tokens.badgeBackground, tokens.badgeColorTransparent, tokens.badgeBackgroundTransparent, tokens.badgeColorClear, tokens.badgeBackgroundClear),
426
- dark: css(_templateObject13(), tokens.badgeColor, tokens.badgeBackground, tokens.badgeColorTransparent, tokens.badgeBackgroundTransparent, tokens.badgeColorClear, tokens.badgeBackgroundClear),
427
- light: css(_templateObject14(), tokens.badgeColor, tokens.badgeBackground, tokens.badgeColorTransparent, tokens.badgeBackgroundTransparent, tokens.badgeColorClear, tokens.badgeBackgroundClear)
461
+ default: css(_templateObject9(), tokens.badgeColor, tokens.badgeBackground, tokens.badgeColorTransparent, tokens.badgeBackgroundTransparent, tokens.badgeColorClear, tokens.badgeBackgroundClear),
462
+ accent: css(_templateObject10(), tokens.badgeColor, tokens.badgeBackground, tokens.badgeColorTransparent, tokens.badgeBackgroundTransparent, tokens.badgeColorClear, tokens.badgeBackgroundClear),
463
+ positive: css(_templateObject11(), tokens.badgeColor, tokens.badgeBackground, tokens.badgeColorTransparent, tokens.badgeBackgroundTransparent, tokens.badgeColorClear, tokens.badgeBackgroundClear),
464
+ warning: css(_templateObject12(), tokens.badgeColor, tokens.badgeBackground, tokens.badgeColorTransparent, tokens.badgeBackgroundTransparent, tokens.badgeColorClear, tokens.badgeBackgroundClear),
465
+ negative: css(_templateObject13(), tokens.badgeColor, tokens.badgeBackground, tokens.badgeColorTransparent, tokens.badgeBackgroundTransparent, tokens.badgeColorClear, tokens.badgeBackgroundClear),
466
+ dark: css(_templateObject14(), tokens.badgeColor, tokens.badgeBackground, tokens.badgeColorTransparent, tokens.badgeBackgroundTransparent, tokens.badgeColorClear, tokens.badgeBackgroundClear),
467
+ light: css(_templateObject15(), tokens.badgeColor, tokens.badgeBackground, tokens.badgeColorTransparent, tokens.badgeBackgroundTransparent, tokens.badgeColorClear, tokens.badgeBackgroundClear)
428
468
  },
429
469
  counterView: {
430
- default: css(_templateObject15(), tokens.counterColor, tokens.counterBackground),
431
- accent: css(_templateObject16(), tokens.counterColor, tokens.counterBackground),
432
- positive: css(_templateObject17(), tokens.counterColor, tokens.counterBackground),
433
- warning: css(_templateObject18(), tokens.counterColor, tokens.counterBackground),
434
- negative: css(_templateObject19(), tokens.counterColor, tokens.counterBackground),
435
- dark: css(_templateObject20(), tokens.counterColor, tokens.counterBackground),
436
- light: css(_templateObject21(), tokens.counterColor, tokens.counterBackground)
470
+ default: css(_templateObject16(), tokens.counterColor, tokens.counterBackground),
471
+ accent: css(_templateObject17(), tokens.counterColor, tokens.counterBackground),
472
+ positive: css(_templateObject18(), tokens.counterColor, tokens.counterBackground),
473
+ warning: css(_templateObject19(), tokens.counterColor, tokens.counterBackground),
474
+ negative: css(_templateObject20(), tokens.counterColor, tokens.counterBackground),
475
+ dark: css(_templateObject21(), tokens.counterColor, tokens.counterBackground),
476
+ light: css(_templateObject22(), tokens.counterColor, tokens.counterBackground)
437
477
  }
438
478
  }
439
479
  };
package/es/components/Chip/Chip.config.js CHANGED
@@ -20,8 +20,9 @@ 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\n ",
23
+ ": var(--inverse-text-primary);\n ",
24
24
  ": var(--inverse-text-secondary);\n ",
25
+ ": var(--inverse-text-secondary-hover);\n ",
25
26
  ": var(--inverse-text-primary);\n "
26
27
  ]);
27
28
  _templateObject = function _templateObject() {
@@ -41,7 +42,9 @@ function _templateObject1() {
41
42
  ": var(--surface-solid-default);\n ",
42
43
  ": var(--inverse-text-primary);\n ",
43
44
  ": var(--surface-solid-default);\n ",
44
- ": var(--inverse-text-primary);\n "
45
+ ": var(--inverse-text-primary);\n ",
46
+ ": var(--inverse-text-secondary);\n ",
47
+ ": var(--inverse-text-secondary-hover);\n "
45
48
  ]);
46
49
  _templateObject1 = function _templateObject() {
47
50
  return data;
@@ -60,8 +63,9 @@ function _templateObject2() {
60
63
  ": var(--surface-transparent-secondary);\n ",
61
64
  ": var(--text-primary);\n ",
62
65
  ": var(--surface-transparent-secondary);\n ",
63
- ": var(--text-primary);\n\n ",
66
+ ": var(--text-primary);\n ",
64
67
  ": var(--text-secondary);\n ",
68
+ ": var(--text-secondary-hover);\n ",
65
69
  ": var(--text-primary);\n "
66
70
  ]);
67
71
  _templateObject2 = function _templateObject() {
@@ -81,8 +85,9 @@ function _templateObject3() {
81
85
  ": var(--surface-accent);\n ",
82
86
  ": var(--on-dark-text-primary);\n ",
83
87
  ": var(--surface-accent);\n ",
84
- ": var(--on-dark-text-primary);\n\n ",
88
+ ": var(--on-dark-text-primary);\n ",
85
89
  ": var(--on-dark-text-secondary);\n ",
90
+ ": var(--on-dark-text-secondary-hover);\n ",
86
91
  ": var(--on-dark-text-primary);\n "
87
92
  ]);
88
93
  _templateObject3 = function _templateObject() {
@@ -102,8 +107,9 @@ function _templateObject4() {
102
107
  ": var(--surface-positive);\n ",
103
108
  ": var(--on-dark-text-primary);\n ",
104
109
  ": var(--surface-positive);\n ",
105
- ": var(--on-dark-text-primary);\n\n ",
110
+ ": var(--on-dark-text-primary);\n ",
106
111
  ": var(--on-dark-text-secondary);\n ",
112
+ ": var(--on-dark-text-secondary-hover);\n ",
107
113
  ": var(--on-dark-text-primary);\n "
108
114
  ]);
109
115
  _templateObject4 = function _templateObject() {
@@ -123,8 +129,9 @@ function _templateObject5() {
123
129
  ": var(--surface-warning);\n ",
124
130
  ": var(--on-dark-text-primary);\n ",
125
131
  ": var(--surface-warning);\n ",
126
- ": var(--on-dark-text-primary);\n\n ",
132
+ ": var(--on-dark-text-primary);\n ",
127
133
  ": var(--on-dark-text-secondary);\n ",
134
+ ": var(--on-dark-text-secondary-hover);\n ",
128
135
  ": var(--on-dark-text-primary);\n "
129
136
  ]);
130
137
  _templateObject5 = function _templateObject() {
@@ -144,8 +151,9 @@ function _templateObject6() {
144
151
  ": var(--surface-negative);\n ",
145
152
  ": var(--on-dark-text-primary);\n ",
146
153
  ": var(--surface-negative);\n ",
147
- ": var(--on-dark-text-primary);\n\n ",
154
+ ": var(--on-dark-text-primary);\n ",
148
155
  ": var(--on-dark-text-secondary);\n ",
156
+ ": var(--on-dark-text-secondary-hover);\n ",
149
157
  ": var(--on-dark-text-primary);\n "
150
158
  ]);
151
159
  _templateObject6 = function _templateObject() {
@@ -326,16 +334,16 @@ export var config = {
326
334
  },
327
335
  variations: {
328
336
  view: {
329
- 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),
337
+ 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),
330
338
  /**
331
339
  * @deprecated
332
340
  * использовать `default`
333
- */ primary: css(_templateObject1(), chipTokens.color, chipTokens.background, chipTokens.colorHover, chipTokens.backgroundHover, chipTokens.colorActive, chipTokens.backgroundActive, chipTokens.backgroundReadOnly, chipTokens.colorReadOnly, chipTokens.backgroundReadOnlyHover, chipTokens.colorReadOnlyHover),
334
- secondary: 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),
335
- accent: 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),
336
- positive: 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),
337
- warning: 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),
338
- negative: css(_templateObject6(), chipTokens.color, chipTokens.background, chipTokens.colorHover, chipTokens.backgroundHover, chipTokens.colorActive, chipTokens.backgroundActive, chipTokens.backgroundReadOnly, chipTokens.colorReadOnly, chipTokens.backgroundReadOnlyHover, chipTokens.colorReadOnlyHover, chipTokens.closeIconColor, chipTokens.leftContentColor)
341
+ */ primary: 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),
342
+ secondary: 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),
343
+ accent: 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),
344
+ positive: 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),
345
+ warning: 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),
346
+ negative: css(_templateObject6(), 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)
339
347
  },
340
348
  size: {
341
349
  l: css(_templateObject7(), 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
@@ -34,6 +34,8 @@ function _templateObject() {
34
34
  ": var(--surface-negative);\n ",
35
35
  ": var(--text-tertiary);\n\n ",
36
36
  ": var(--text-secondary);\n ",
37
+ ": var(--text-secondary-hover);\n ",
38
+ ": var(--text-secondary);\n ",
37
39
  ": var(--text-primary);\n ",
38
40
  ": var(--surface-transparent-secondary);\n ",
39
41
  ": var(--text-primary);\n ",
@@ -87,6 +89,8 @@ function _templateObject1() {
87
89
  ": var(--surface-negative);\n ",
88
90
  ": var(--text-tertiary);\n\n ",
89
91
  ": var(--text-secondary);\n ",
92
+ ": var(--text-secondary-hover);\n ",
93
+ ": var(--text-secondary);\n ",
90
94
  ": var(--text-primary);\n ",
91
95
  ": var(--surface-transparent-secondary);\n ",
92
96
  ": var(--text-primary);\n ",
@@ -140,6 +144,8 @@ function _templateObject2() {
140
144
  ": var(--surface-negative);\n ",
141
145
  ": var(--text-tertiary);\n\n ",
142
146
  ": var(--text-secondary);\n ",
147
+ ": var(--text-secondary-hover);\n ",
148
+ ": var(--text-secondary);\n ",
143
149
  ": var(--text-primary);\n ",
144
150
  ": var(--surface-transparent-secondary);\n ",
145
151
  ": var(--text-primary);\n ",
@@ -193,6 +199,8 @@ function _templateObject3() {
193
199
  ": var(--surface-negative);\n ",
194
200
  ": var(--text-tertiary);\n\n ",
195
201
  ": var(--text-secondary);\n ",
202
+ ": var(--text-secondary-hover);\n ",
203
+ ": var(--text-secondary);\n ",
196
204
  ": var(--text-primary);\n ",
197
205
  ": var(--surface-transparent-secondary);\n ",
198
206
  ": var(--text-primary);\n ",
@@ -787,10 +795,10 @@ export var config = {
787
795
  },
788
796
  variations: {
789
797
  view: {
790
- 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.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),
791
- 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.textFieldBorderColor, tokens.textFieldBorderColorHover, tokens.textFieldBorderColorFocus, 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),
792
- 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.textFieldBorderColor, tokens.textFieldBorderColorHover, tokens.textFieldBorderColorFocus, 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),
793
- 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.textFieldBorderColor, tokens.textFieldBorderColorHover, tokens.textFieldBorderColorFocus, 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)
798
+ 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.textFieldIndicatorColor, tokens.textFieldOptionalColor, tokens.textFieldChipCloseIconColor, tokens.textFieldChipCloseIconColorHover, tokens.textFieldChipCloseIconColorReadonly, tokens.textFieldChipColor, tokens.textFieldChipBackground, tokens.textFieldChipColorHover, tokens.textFieldChipBackgroundHover, tokens.textFieldChipColorActive, tokens.textFieldChipBackgroundActive, tokens.textFieldChipBackgroundReadOnly, tokens.textFieldChipColorReadOnly, tokens.textFieldChipBackgroundReadOnlyHover, tokens.textFieldChipColorReadOnlyHover, tokens.textFieldChipOpacityReadonly, tokens.disclosureIconColor, tokens.disclosureIconColorHover, tokens.itemBackgroundHover, tokens.textFieldHintIconColor, tokens.dividerColor, tokens.itemIconColor, tokens.checkboxFillColor, tokens.checkboxIconColor, tokens.checkboxTriggerBorderCheckedColor, tokens.checkboxTriggerBorderColor),
799
+ 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.textFieldBorderColor, tokens.textFieldBorderColorHover, tokens.textFieldBorderColorFocus, tokens.textFieldContentSlotColor, tokens.textFieldContentSlotColorHover, tokens.textFieldContentSlotColorActive, tokens.textFieldIndicatorColor, tokens.textFieldOptionalColor, tokens.textFieldChipCloseIconColor, tokens.textFieldChipCloseIconColorHover, tokens.textFieldChipCloseIconColorReadonly, tokens.textFieldChipColor, tokens.textFieldChipBackground, tokens.textFieldChipColorHover, tokens.textFieldChipBackgroundHover, tokens.textFieldChipColorActive, tokens.textFieldChipBackgroundActive, tokens.textFieldChipBackgroundReadOnly, tokens.textFieldChipColorReadOnly, tokens.textFieldChipBackgroundReadOnlyHover, tokens.textFieldChipColorReadOnlyHover, tokens.textFieldChipOpacityReadonly, tokens.disclosureIconColor, tokens.disclosureIconColorHover, tokens.itemBackgroundHover, tokens.textFieldHintIconColor, tokens.dividerColor, tokens.itemIconColor, tokens.checkboxFillColor, tokens.checkboxIconColor, tokens.checkboxTriggerBorderCheckedColor, tokens.checkboxTriggerBorderColor),
800
+ 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.textFieldBorderColor, tokens.textFieldBorderColorHover, tokens.textFieldBorderColorFocus, tokens.textFieldContentSlotColor, tokens.textFieldContentSlotColorHover, tokens.textFieldContentSlotColorActive, tokens.textFieldIndicatorColor, tokens.textFieldOptionalColor, tokens.textFieldChipCloseIconColor, tokens.textFieldChipCloseIconColorHover, tokens.textFieldChipCloseIconColorReadonly, tokens.textFieldChipColor, tokens.textFieldChipBackground, tokens.textFieldChipColorHover, tokens.textFieldChipBackgroundHover, tokens.textFieldChipColorActive, tokens.textFieldChipBackgroundActive, tokens.textFieldChipBackgroundReadOnly, tokens.textFieldChipColorReadOnly, tokens.textFieldChipBackgroundReadOnlyHover, tokens.textFieldChipColorReadOnlyHover, tokens.textFieldChipOpacityReadonly, tokens.disclosureIconColor, tokens.disclosureIconColorHover, tokens.itemBackgroundHover, tokens.textFieldHintIconColor, tokens.dividerColor, tokens.itemIconColor, tokens.checkboxFillColor, tokens.checkboxIconColor, tokens.checkboxTriggerBorderCheckedColor, tokens.checkboxTriggerBorderColor),
801
+ 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.textFieldBorderColor, tokens.textFieldBorderColorHover, tokens.textFieldBorderColorFocus, tokens.textFieldContentSlotColor, tokens.textFieldContentSlotColorHover, tokens.textFieldContentSlotColorActive, tokens.textFieldIndicatorColor, tokens.textFieldOptionalColor, tokens.textFieldChipCloseIconColor, tokens.textFieldChipCloseIconColorHover, tokens.textFieldChipCloseIconColorReadonly, tokens.textFieldChipColor, tokens.textFieldChipBackground, tokens.textFieldChipColorHover, tokens.textFieldChipBackgroundHover, tokens.textFieldChipColorActive, tokens.textFieldChipBackgroundActive, tokens.textFieldChipBackgroundReadOnly, tokens.textFieldChipColorReadOnly, tokens.textFieldChipBackgroundReadOnlyHover, tokens.textFieldChipColorReadOnlyHover, tokens.textFieldChipOpacityReadonly, tokens.disclosureIconColor, tokens.disclosureIconColorHover, tokens.itemBackgroundHover, tokens.textFieldHintIconColor, tokens.dividerColor, tokens.itemIconColor, tokens.checkboxFillColor, tokens.checkboxIconColor, tokens.checkboxTriggerBorderCheckedColor, tokens.checkboxTriggerBorderColor)
794
802
  },
795
803
  size: {
796
804
  l: css(_templateObject4(), tokens.textFieldHeight, tokens.textFieldPadding, tokens.textFieldPaddingWithChips, tokens.textFieldBorderRadius, tokens.textFieldBorderWidth, 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.textFieldLeftHelperOffset, tokens.textFieldLeftHelperFontFamily, tokens.textFieldLeftHelperFontSize, tokens.textFieldLeftHelperFontStyle, tokens.textFieldLeftHelperFontWeight, tokens.textFieldLeftHelperLetterSpacing, tokens.textFieldLeftHelperLineHeight, tokens.textFieldHintMargin, tokens.textFieldHintTargetSize, tokens.textFieldHintInnerLabelPlacementOffset, tokens.textFieldClearHintInnerLabelPlacementOffset, 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),
package/es/components/Select/Select.config.js CHANGED
@@ -849,7 +849,9 @@ function _templateObject16() {
849
849
  ": var(--inverse-text-primary);\n ",
850
850
  ": var(--surface-solid-default);\n ",
851
851
  ": var(--surface-solid-default-hover);\n ",
852
- ": var(--inverse-text-secondary);\n\n ",
852
+ ": var(--inverse-text-secondary);\n ",
853
+ ": var(--inverse-text-secondary);\n ",
854
+ ": var(--inverse-text-primary);\n\n ",
853
855
  ": var(--surface-solid-default);\n ",
854
856
  ": var(--inverse-text-primary);\n ",
855
857
  ": var(--surface-solid-default);\n ",
@@ -867,6 +869,8 @@ function _templateObject17() {
867
869
  ": var(--text-primary);\n ",
868
870
  ": var(--surface-transparent-secondary);\n ",
869
871
  ": var(--surface-transparent-secondary-hover);\n ",
872
+ ": var(--text-secondary);\n ",
873
+ ": var(--text-secondary-hover);\n ",
870
874
  ": var(--text-secondary);\n\n ",
871
875
  ": var(--surface-transparent-secondary);\n ",
872
876
  ": var(--text-primary);\n ",
@@ -885,7 +889,9 @@ function _templateObject18() {
885
889
  ": var(--on-dark-text-primary);\n ",
886
890
  ": var(--surface-accent);\n ",
887
891
  ": var(--surface-accent-hover);\n ",
888
- ": var(--on-dark-text-secondary);\n\n ",
892
+ ": var(--on-dark-text-secondary);\n ",
893
+ ": var(--on-dark-text-secondary);\n ",
894
+ ": var(--on-dark-text-primary);\n\n ",
889
895
  ": var(--surface-accent);\n ",
890
896
  ": var(--on-dark-text-primary);\n ",
891
897
  ": var(--surface-accent);\n ",
@@ -1025,9 +1031,9 @@ export var config = {
1025
1031
  outer: css(_templateObject15())
1026
1032
  },
1027
1033
  chipView: {
1028
- default: css(_templateObject16(), tokens.textFieldChipColor, tokens.textFieldChipBackground, tokens.textFieldChipBackgroundHover, tokens.textFieldChipCloseIconColor, tokens.textFieldChipBackgroundReadOnly, tokens.textFieldChipColorReadOnly, tokens.textFieldChipBackgroundReadOnlyHover, tokens.textFieldChipColorReadOnlyHover, tokens.textFieldChipOpacityReadonly),
1029
- secondary: css(_templateObject17(), tokens.textFieldChipColor, tokens.textFieldChipBackground, tokens.textFieldChipBackgroundHover, tokens.textFieldChipCloseIconColor, tokens.textFieldChipBackgroundReadOnly, tokens.textFieldChipColorReadOnly, tokens.textFieldChipBackgroundReadOnlyHover, tokens.textFieldChipColorReadOnlyHover, tokens.textFieldChipOpacityReadonly),
1030
- accent: css(_templateObject18(), tokens.textFieldChipColor, tokens.textFieldChipBackground, tokens.textFieldChipBackgroundHover, tokens.textFieldChipCloseIconColor, tokens.textFieldChipBackgroundReadOnly, tokens.textFieldChipColorReadOnly, tokens.textFieldChipBackgroundReadOnlyHover, tokens.textFieldChipColorReadOnlyHover, tokens.textFieldChipOpacityReadonly)
1034
+ default: css(_templateObject16(), tokens.textFieldChipColor, tokens.textFieldChipBackground, tokens.textFieldChipBackgroundHover, tokens.textFieldChipCloseIconColor, tokens.textFieldChipCloseIconColorReadonly, tokens.textFieldChipCloseIconColorHover, tokens.textFieldChipBackgroundReadOnly, tokens.textFieldChipColorReadOnly, tokens.textFieldChipBackgroundReadOnlyHover, tokens.textFieldChipColorReadOnlyHover, tokens.textFieldChipOpacityReadonly),
1035
+ secondary: css(_templateObject17(), tokens.textFieldChipColor, tokens.textFieldChipBackground, tokens.textFieldChipBackgroundHover, tokens.textFieldChipCloseIconColor, tokens.textFieldChipCloseIconColorHover, tokens.textFieldChipCloseIconColorReadonly, tokens.textFieldChipBackgroundReadOnly, tokens.textFieldChipColorReadOnly, tokens.textFieldChipBackgroundReadOnlyHover, tokens.textFieldChipColorReadOnlyHover, tokens.textFieldChipOpacityReadonly),
1036
+ accent: css(_templateObject18(), tokens.textFieldChipColor, tokens.textFieldChipBackground, tokens.textFieldChipBackgroundHover, tokens.textFieldChipCloseIconColor, tokens.textFieldChipCloseIconColorReadonly, tokens.textFieldChipCloseIconColorHover, tokens.textFieldChipBackgroundReadOnly, tokens.textFieldChipColorReadOnly, tokens.textFieldChipBackgroundReadOnlyHover, tokens.textFieldChipColorReadOnlyHover, tokens.textFieldChipOpacityReadonly)
1031
1037
  },
1032
1038
  hintView: {
1033
1039
  default: css(_templateObject19(), tokens.textFieldTooltipBackgroundColor, tokens.textFieldTooltipBoxShadow, tokens.textFieldTooltipColor, tokens.textFieldTooltipArrowBackground)