@salutejs/sdds-serv 0.325.0-canary.2277.18342250629.0 → 0.325.0-canary.2280.18409919038.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 (68) hide show
  1. package/components/Chip/Chip.config.js +1 -1
  2. package/components/Chip/Chip.config.js.map +1 -1
  3. package/components/Chip/{Chip.config_1dqafsg.css → Chip.config_7kj31a.css} +6 -6
  4. package/components/Chip/Chip.css +13 -13
  5. package/components/Combobox/Combobox.config.js +1 -1
  6. package/components/Combobox/Combobox.config.js.map +1 -1
  7. package/{es/components/Combobox/Combobox.config_16lk3xt.css → components/Combobox/Combobox.config_xpd4a4.css} +4 -4
  8. package/components/Combobox/Combobox.css +14 -14
  9. package/components/Combobox/Combobox.d.ts +24 -0
  10. package/components/DatePicker/DatePicker.d.ts +3 -3
  11. package/components/Mask/Mask.css +21 -21
  12. package/components/ProgressBarCircular/ProgressBarCircular.config.d.ts +25 -0
  13. package/components/ProgressBarCircular/ProgressBarCircular.d.ts +19 -0
  14. package/components/ProgressBarCircular/index.d.ts +2 -0
  15. package/components/Select/Select.config.js +1 -1
  16. package/components/Select/Select.config.js.map +1 -1
  17. package/{es/components/Select/Select.config_1rprv7.css → components/Select/Select.config_ox8oha.css} +3 -3
  18. package/components/Select/Select.css +23 -23
  19. package/components/Select/Select.d.ts +6 -0
  20. package/components/TextField/TextField.config.js +1 -1
  21. package/components/TextField/TextField.config.js.map +1 -1
  22. package/{es/components/TextField/TextField.config_1v9erru.css → components/TextField/TextField.config_15il1op.css} +6 -6
  23. package/emotion/cjs/components/Chip/Chip.config.js +18 -12
  24. package/emotion/cjs/components/Combobox/Combobox.config.js +12 -4
  25. package/emotion/cjs/components/ProgressBarCircular/ProgressBarCircular.config.js +251 -0
  26. package/emotion/cjs/components/ProgressBarCircular/ProgressBarCircular.js +14 -0
  27. package/emotion/cjs/components/ProgressBarCircular/index.js +11 -0
  28. package/emotion/cjs/components/Select/Select.config.js +11 -5
  29. package/emotion/cjs/components/TextField/TextField.config.js +18 -6
  30. package/emotion/es/components/Chip/Chip.config.js +18 -12
  31. package/emotion/es/components/Combobox/Combobox.config.js +12 -4
  32. package/emotion/es/components/ProgressBarCircular/ProgressBarCircular.config.js +241 -0
  33. package/emotion/es/components/ProgressBarCircular/ProgressBarCircular.js +4 -0
  34. package/emotion/es/components/ProgressBarCircular/index.js +1 -0
  35. package/emotion/es/components/Select/Select.config.js +11 -5
  36. package/emotion/es/components/TextField/TextField.config.js +18 -6
  37. package/es/components/Chip/Chip.config.js +1 -1
  38. package/es/components/Chip/Chip.config.js.map +1 -1
  39. package/es/components/Chip/{Chip.config_1dqafsg.css → Chip.config_7kj31a.css} +6 -6
  40. package/es/components/Chip/Chip.css +13 -13
  41. package/es/components/Combobox/Combobox.config.js +1 -1
  42. package/es/components/Combobox/Combobox.config.js.map +1 -1
  43. package/{components/Combobox/Combobox.config_16lk3xt.css → es/components/Combobox/Combobox.config_xpd4a4.css} +4 -4
  44. package/es/components/Combobox/Combobox.css +14 -14
  45. package/es/components/Mask/Mask.css +21 -21
  46. package/es/components/Select/Select.config.js +1 -1
  47. package/es/components/Select/Select.config.js.map +1 -1
  48. package/{components/Select/Select.config_1rprv7.css → es/components/Select/Select.config_ox8oha.css} +3 -3
  49. package/es/components/Select/Select.css +23 -23
  50. package/es/components/TextField/TextField.config.js +1 -1
  51. package/es/components/TextField/TextField.config.js.map +1 -1
  52. package/{components/TextField/TextField.config_1v9erru.css → es/components/TextField/TextField.config_15il1op.css} +6 -6
  53. package/es/index.css +75 -75
  54. package/package.json +3 -3
  55. package/styled-components/cjs/components/Chip/Chip.config.js +18 -12
  56. package/styled-components/cjs/components/Combobox/Combobox.config.js +12 -4
  57. package/styled-components/cjs/components/ProgressBarCircular/ProgressBarCircular.config.js +251 -0
  58. package/styled-components/cjs/components/ProgressBarCircular/ProgressBarCircular.js +14 -0
  59. package/styled-components/cjs/components/ProgressBarCircular/index.js +11 -0
  60. package/styled-components/cjs/components/Select/Select.config.js +11 -5
  61. package/styled-components/cjs/components/TextField/TextField.config.js +18 -6
  62. package/styled-components/es/components/Chip/Chip.config.js +18 -12
  63. package/styled-components/es/components/Combobox/Combobox.config.js +12 -4
  64. package/styled-components/es/components/ProgressBarCircular/ProgressBarCircular.config.js +241 -0
  65. package/styled-components/es/components/ProgressBarCircular/ProgressBarCircular.js +4 -0
  66. package/styled-components/es/components/ProgressBarCircular/index.js +1 -0
  67. package/styled-components/es/components/Select/Select.config.js +11 -5
  68. package/styled-components/es/components/TextField/TextField.config.js +18 -6
@@ -596,6 +596,8 @@ 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-secondary);\n ",
600
+ ": var(--inverse-text-secondary-hover);\n ",
599
601
  ": 1;\n "
600
602
  ]);
601
603
  _templateObject12 = function _templateObject() {
@@ -617,6 +619,8 @@ function _templateObject13() {
617
619
  ": var(--surface-transparent-secondary);\n ",
618
620
  ": var(--text-primary);\n\n ",
619
621
  ": var(--text-secondary);\n ",
622
+ ": var(--text-secondary);\n ",
623
+ ": var(--text-secondary-hover);\n ",
620
624
  ": 1;\n "
621
625
  ]);
622
626
  _templateObject13 = function _templateObject() {
@@ -638,6 +642,8 @@ function _templateObject14() {
638
642
  ": var(--surface-accent);\n ",
639
643
  ": var(--on-dark-text-primary);\n\n ",
640
644
  ": var(--on-dark-text-secondary);\n ",
645
+ ": var(--on-dark-text-secondary);\n ",
646
+ ": var(--on-dark-text-secondary-hover);\n ",
641
647
  ": 1;\n "
642
648
  ]);
643
649
  _templateObject14 = function _templateObject() {
@@ -659,6 +665,8 @@ function _templateObject15() {
659
665
  ": var(--surface-positive);\n ",
660
666
  ": var(--on-dark-text-primary);\n\n ",
661
667
  ": var(--on-dark-text-secondary);\n ",
668
+ ": var(--on-dark-text-secondary);\n ",
669
+ ": var(--on-dark-text-secondary-hover);\n ",
662
670
  ": 1;\n "
663
671
  ]);
664
672
  _templateObject15 = function _templateObject() {
@@ -680,6 +688,8 @@ function _templateObject16() {
680
688
  ": var(--surface-warning);\n ",
681
689
  ": var(--on-dark-text-primary);\n\n ",
682
690
  ": var(--on-dark-text-secondary);\n ",
691
+ ": var(--on-dark-text-secondary);\n ",
692
+ ": var(--on-dark-text-secondary-hover);\n ",
683
693
  ": 1;\n "
684
694
  ]);
685
695
  _templateObject16 = function _templateObject() {
@@ -701,6 +711,8 @@ function _templateObject17() {
701
711
  ": var(--surface-negative);\n ",
702
712
  ": var(--on-dark-text-primary);\n\n ",
703
713
  ": var(--on-dark-text-secondary);\n ",
714
+ ": var(--on-dark-text-secondary);\n ",
715
+ ": var(--on-dark-text-secondary-hover);\n ",
704
716
  ": 1;\n "
705
717
  ]);
706
718
  _templateObject17 = function _templateObject() {
@@ -832,12 +844,12 @@ var config = {
832
844
  true: (0, _emotion.css)(_templateObject11())
833
845
  },
834
846
  chipView: {
835
- default: (0, _emotion.css)(_templateObject12(), _emotion.textFieldTokens.chipColor, _emotion.textFieldTokens.chipBackground, _emotion.textFieldTokens.chipColorHover, _emotion.textFieldTokens.chipBackgroundHover, _emotion.textFieldTokens.chipColorActive, _emotion.textFieldTokens.chipBackgroundActive, _emotion.textFieldTokens.chipBackgroundReadOnly, _emotion.textFieldTokens.chipColorReadOnly, _emotion.textFieldTokens.chipBackgroundReadOnlyHover, _emotion.textFieldTokens.chipColorReadOnlyHover, _emotion.textFieldTokens.chipCloseIconColor, _emotion.textFieldTokens.chipOpacityReadonly),
836
- secondary: (0, _emotion.css)(_templateObject13(), _emotion.textFieldTokens.chipColor, _emotion.textFieldTokens.chipBackground, _emotion.textFieldTokens.chipColorHover, _emotion.textFieldTokens.chipBackgroundHover, _emotion.textFieldTokens.chipColorActive, _emotion.textFieldTokens.chipBackgroundActive, _emotion.textFieldTokens.chipBackgroundReadOnly, _emotion.textFieldTokens.chipColorReadOnly, _emotion.textFieldTokens.chipBackgroundReadOnlyHover, _emotion.textFieldTokens.chipColorReadOnlyHover, _emotion.textFieldTokens.chipCloseIconColor, _emotion.textFieldTokens.chipOpacityReadonly),
837
- accent: (0, _emotion.css)(_templateObject14(), _emotion.textFieldTokens.chipColor, _emotion.textFieldTokens.chipBackground, _emotion.textFieldTokens.chipColorHover, _emotion.textFieldTokens.chipBackgroundHover, _emotion.textFieldTokens.chipColorActive, _emotion.textFieldTokens.chipBackgroundActive, _emotion.textFieldTokens.chipBackgroundReadOnly, _emotion.textFieldTokens.chipColorReadOnly, _emotion.textFieldTokens.chipBackgroundReadOnlyHover, _emotion.textFieldTokens.chipColorReadOnlyHover, _emotion.textFieldTokens.chipCloseIconColor, _emotion.textFieldTokens.chipOpacityReadonly),
838
- positive: (0, _emotion.css)(_templateObject15(), _emotion.textFieldTokens.chipColor, _emotion.textFieldTokens.chipBackground, _emotion.textFieldTokens.chipColorHover, _emotion.textFieldTokens.chipBackgroundHover, _emotion.textFieldTokens.chipColorActive, _emotion.textFieldTokens.chipBackgroundActive, _emotion.textFieldTokens.chipBackgroundReadOnly, _emotion.textFieldTokens.chipColorReadOnly, _emotion.textFieldTokens.chipBackgroundReadOnlyHover, _emotion.textFieldTokens.chipColorReadOnlyHover, _emotion.textFieldTokens.chipCloseIconColor, _emotion.textFieldTokens.chipOpacityReadonly),
839
- warning: (0, _emotion.css)(_templateObject16(), _emotion.textFieldTokens.chipColor, _emotion.textFieldTokens.chipBackground, _emotion.textFieldTokens.chipColorHover, _emotion.textFieldTokens.chipBackgroundHover, _emotion.textFieldTokens.chipColorActive, _emotion.textFieldTokens.chipBackgroundActive, _emotion.textFieldTokens.chipBackgroundReadOnly, _emotion.textFieldTokens.chipColorReadOnly, _emotion.textFieldTokens.chipBackgroundReadOnlyHover, _emotion.textFieldTokens.chipColorReadOnlyHover, _emotion.textFieldTokens.chipCloseIconColor, _emotion.textFieldTokens.chipOpacityReadonly),
840
- negative: (0, _emotion.css)(_templateObject17(), _emotion.textFieldTokens.chipColor, _emotion.textFieldTokens.chipBackground, _emotion.textFieldTokens.chipColorHover, _emotion.textFieldTokens.chipBackgroundHover, _emotion.textFieldTokens.chipColorActive, _emotion.textFieldTokens.chipBackgroundActive, _emotion.textFieldTokens.chipBackgroundReadOnly, _emotion.textFieldTokens.chipColorReadOnly, _emotion.textFieldTokens.chipBackgroundReadOnlyHover, _emotion.textFieldTokens.chipColorReadOnlyHover, _emotion.textFieldTokens.chipCloseIconColor, _emotion.textFieldTokens.chipOpacityReadonly)
847
+ default: (0, _emotion.css)(_templateObject12(), _emotion.textFieldTokens.chipColor, _emotion.textFieldTokens.chipBackground, _emotion.textFieldTokens.chipColorHover, _emotion.textFieldTokens.chipBackgroundHover, _emotion.textFieldTokens.chipColorActive, _emotion.textFieldTokens.chipBackgroundActive, _emotion.textFieldTokens.chipBackgroundReadOnly, _emotion.textFieldTokens.chipColorReadOnly, _emotion.textFieldTokens.chipBackgroundReadOnlyHover, _emotion.textFieldTokens.chipColorReadOnlyHover, _emotion.textFieldTokens.chipCloseIconColor, _emotion.textFieldTokens.chipCloseIconColorReadonly, _emotion.textFieldTokens.chipCloseIconColorHover, _emotion.textFieldTokens.chipOpacityReadonly),
848
+ secondary: (0, _emotion.css)(_templateObject13(), _emotion.textFieldTokens.chipColor, _emotion.textFieldTokens.chipBackground, _emotion.textFieldTokens.chipColorHover, _emotion.textFieldTokens.chipBackgroundHover, _emotion.textFieldTokens.chipColorActive, _emotion.textFieldTokens.chipBackgroundActive, _emotion.textFieldTokens.chipBackgroundReadOnly, _emotion.textFieldTokens.chipColorReadOnly, _emotion.textFieldTokens.chipBackgroundReadOnlyHover, _emotion.textFieldTokens.chipColorReadOnlyHover, _emotion.textFieldTokens.chipCloseIconColor, _emotion.textFieldTokens.chipCloseIconColorReadonly, _emotion.textFieldTokens.chipCloseIconColorHover, _emotion.textFieldTokens.chipOpacityReadonly),
849
+ accent: (0, _emotion.css)(_templateObject14(), _emotion.textFieldTokens.chipColor, _emotion.textFieldTokens.chipBackground, _emotion.textFieldTokens.chipColorHover, _emotion.textFieldTokens.chipBackgroundHover, _emotion.textFieldTokens.chipColorActive, _emotion.textFieldTokens.chipBackgroundActive, _emotion.textFieldTokens.chipBackgroundReadOnly, _emotion.textFieldTokens.chipColorReadOnly, _emotion.textFieldTokens.chipBackgroundReadOnlyHover, _emotion.textFieldTokens.chipColorReadOnlyHover, _emotion.textFieldTokens.chipCloseIconColor, _emotion.textFieldTokens.chipCloseIconColorReadonly, _emotion.textFieldTokens.chipCloseIconColorHover, _emotion.textFieldTokens.chipOpacityReadonly),
850
+ positive: (0, _emotion.css)(_templateObject15(), _emotion.textFieldTokens.chipColor, _emotion.textFieldTokens.chipBackground, _emotion.textFieldTokens.chipColorHover, _emotion.textFieldTokens.chipBackgroundHover, _emotion.textFieldTokens.chipColorActive, _emotion.textFieldTokens.chipBackgroundActive, _emotion.textFieldTokens.chipBackgroundReadOnly, _emotion.textFieldTokens.chipColorReadOnly, _emotion.textFieldTokens.chipBackgroundReadOnlyHover, _emotion.textFieldTokens.chipColorReadOnlyHover, _emotion.textFieldTokens.chipCloseIconColor, _emotion.textFieldTokens.chipCloseIconColorReadonly, _emotion.textFieldTokens.chipCloseIconColorHover, _emotion.textFieldTokens.chipOpacityReadonly),
851
+ warning: (0, _emotion.css)(_templateObject16(), _emotion.textFieldTokens.chipColor, _emotion.textFieldTokens.chipBackground, _emotion.textFieldTokens.chipColorHover, _emotion.textFieldTokens.chipBackgroundHover, _emotion.textFieldTokens.chipColorActive, _emotion.textFieldTokens.chipBackgroundActive, _emotion.textFieldTokens.chipBackgroundReadOnly, _emotion.textFieldTokens.chipColorReadOnly, _emotion.textFieldTokens.chipBackgroundReadOnlyHover, _emotion.textFieldTokens.chipColorReadOnlyHover, _emotion.textFieldTokens.chipCloseIconColor, _emotion.textFieldTokens.chipCloseIconColorReadonly, _emotion.textFieldTokens.chipCloseIconColorHover, _emotion.textFieldTokens.chipOpacityReadonly),
852
+ negative: (0, _emotion.css)(_templateObject17(), _emotion.textFieldTokens.chipColor, _emotion.textFieldTokens.chipBackground, _emotion.textFieldTokens.chipColorHover, _emotion.textFieldTokens.chipBackgroundHover, _emotion.textFieldTokens.chipColorActive, _emotion.textFieldTokens.chipBackgroundActive, _emotion.textFieldTokens.chipBackgroundReadOnly, _emotion.textFieldTokens.chipColorReadOnly, _emotion.textFieldTokens.chipBackgroundReadOnlyHover, _emotion.textFieldTokens.chipColorReadOnlyHover, _emotion.textFieldTokens.chipCloseIconColor, _emotion.textFieldTokens.chipCloseIconColorReadonly, _emotion.textFieldTokens.chipCloseIconColorHover, _emotion.textFieldTokens.chipOpacityReadonly)
841
853
  },
842
854
  hintView: {
843
855
  default: (0, _emotion.css)(_templateObject18(), _emotion.textFieldTokens.tooltipBackgroundColor, _emotion.textFieldTokens.tooltipBoxShadow, _emotion.textFieldTokens.tooltipColor, _emotion.textFieldTokens.tooltipArrowBackground)
@@ -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,8 +42,9 @@ function _templateObject1() {
41
42
  ": var(--surface-transparent-secondary);\n ",
42
43
  ": var(--text-primary);\n ",
43
44
  ": var(--surface-transparent-secondary);\n ",
44
- ": var(--text-primary);\n\n ",
45
+ ": var(--text-primary);\n ",
45
46
  ": var(--text-secondary);\n ",
47
+ ": var(--text-secondary-hover);\n ",
46
48
  ": var(--text-primary);\n "
47
49
  ]);
48
50
  _templateObject1 = function _templateObject() {
@@ -62,8 +64,9 @@ function _templateObject2() {
62
64
  ": var(--surface-accent);\n ",
63
65
  ": var(--on-dark-text-primary);\n ",
64
66
  ": var(--surface-accent);\n ",
65
- ": var(--on-dark-text-primary);\n\n ",
67
+ ": var(--on-dark-text-primary);\n ",
66
68
  ": var(--on-dark-text-secondary);\n ",
69
+ ": var(--on-dark-text-secondary-hover);\n ",
67
70
  ": var(--on-dark-text-primary);\n "
68
71
  ]);
69
72
  _templateObject2 = function _templateObject() {
@@ -83,8 +86,9 @@ function _templateObject3() {
83
86
  ": var(--surface-positive);\n ",
84
87
  ": var(--on-dark-text-primary);\n ",
85
88
  ": var(--surface-positive);\n ",
86
- ": var(--on-dark-text-primary);\n\n ",
89
+ ": var(--on-dark-text-primary);\n ",
87
90
  ": var(--on-dark-text-secondary);\n ",
91
+ ": var(--on-dark-text-secondary-hover);\n ",
88
92
  ": var(--on-dark-text-primary);\n "
89
93
  ]);
90
94
  _templateObject3 = function _templateObject() {
@@ -104,8 +108,9 @@ function _templateObject4() {
104
108
  ": var(--surface-warning);\n ",
105
109
  ": var(--on-dark-text-primary);\n ",
106
110
  ": var(--surface-warning);\n ",
107
- ": var(--on-dark-text-primary);\n\n ",
111
+ ": var(--on-dark-text-primary);\n ",
108
112
  ": var(--on-dark-text-secondary);\n ",
113
+ ": var(--on-dark-text-secondary-hover);\n ",
109
114
  ": var(--on-dark-text-primary);\n "
110
115
  ]);
111
116
  _templateObject4 = function _templateObject() {
@@ -125,8 +130,9 @@ function _templateObject5() {
125
130
  ": var(--surface-negative);\n ",
126
131
  ": var(--on-dark-text-primary);\n ",
127
132
  ": var(--surface-negative);\n ",
128
- ": var(--on-dark-text-primary);\n\n ",
133
+ ": var(--on-dark-text-primary);\n ",
129
134
  ": var(--on-dark-text-secondary);\n ",
135
+ ": var(--on-dark-text-secondary-hover);\n ",
130
136
  ": var(--on-dark-text-primary);\n "
131
137
  ]);
132
138
  _templateObject5 = function _templateObject() {
@@ -307,12 +313,12 @@ export var config = {
307
313
  },
308
314
  variations: {
309
315
  view: {
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)
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)
316
322
  },
317
323
  size: {
318
324
  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),
@@ -31,6 +31,8 @@ function _templateObject() {
31
31
  ": var(--surface-negative);\n ",
32
32
  ": var(--text-tertiary);\n\n ",
33
33
  ": var(--text-secondary);\n ",
34
+ ": var(--text-secondary-hover);\n ",
35
+ ": var(--text-secondary);\n ",
34
36
  ": var(--text-primary);\n ",
35
37
  ": var(--surface-transparent-secondary);\n ",
36
38
  ": var(--text-primary);\n ",
@@ -81,6 +83,8 @@ function _templateObject1() {
81
83
  ": var(--surface-negative);\n ",
82
84
  ": var(--text-tertiary);\n\n ",
83
85
  ": var(--text-secondary);\n ",
86
+ ": var(--text-secondary-hover);\n ",
87
+ ": var(--text-secondary);\n ",
84
88
  ": var(--text-primary);\n ",
85
89
  ": var(--surface-transparent-secondary);\n ",
86
90
  ": var(--text-primary);\n ",
@@ -131,6 +135,8 @@ function _templateObject2() {
131
135
  ": var(--surface-negative);\n ",
132
136
  ": var(--text-tertiary);\n\n ",
133
137
  ": var(--text-secondary);\n ",
138
+ ": var(--text-secondary-hover);\n ",
139
+ ": var(--text-secondary);\n ",
134
140
  ": var(--text-primary);\n ",
135
141
  ": var(--surface-transparent-secondary);\n ",
136
142
  ": var(--text-primary);\n ",
@@ -181,6 +187,8 @@ function _templateObject3() {
181
187
  ": var(--surface-negative);\n ",
182
188
  ": var(--text-tertiary);\n\n ",
183
189
  ": var(--text-secondary);\n ",
190
+ ": var(--text-secondary-hover);\n ",
191
+ ": var(--text-secondary);\n ",
184
192
  ": var(--text-primary);\n ",
185
193
  ": var(--surface-transparent-secondary);\n ",
186
194
  ": var(--text-primary);\n ",
@@ -771,10 +779,10 @@ export var config = {
771
779
  },
772
780
  variations: {
773
781
  view: {
774
- 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),
775
- 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),
776
- 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),
777
- 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)
782
+ 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.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),
783
+ 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.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),
784
+ 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.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),
785
+ 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.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)
778
786
  },
779
787
  size: {
780
788
  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),
@@ -0,0 +1,241 @@
1
+ function _tagged_template_literal(strings, raw) {
2
+ if (!raw) {
3
+ raw = strings.slice(0);
4
+ }
5
+ return Object.freeze(Object.defineProperties(strings, {
6
+ raw: {
7
+ value: Object.freeze(raw)
8
+ }
9
+ }));
10
+ }
11
+ function _templateObject() {
12
+ var data = _tagged_template_literal([
13
+ "\n ",
14
+ ": var(--surface-transparent-tertiary);\n ",
15
+ ": var(--surface-solid-default);\n ",
16
+ ": var(--text-primary);\n "
17
+ ]);
18
+ _templateObject = function _templateObject() {
19
+ return data;
20
+ };
21
+ return data;
22
+ }
23
+ function _templateObject1() {
24
+ var data = _tagged_template_literal([
25
+ "\n ",
26
+ ": var(--surface-transparent-tertiary);\n ",
27
+ ": var(--surface-transparent-secondary);\n ",
28
+ ": var(--text-primary);\n "
29
+ ]);
30
+ _templateObject1 = function _templateObject() {
31
+ return data;
32
+ };
33
+ return data;
34
+ }
35
+ function _templateObject2() {
36
+ var data = _tagged_template_literal([
37
+ "\n ",
38
+ ": var(--surface-transparent-tertiary);\n ",
39
+ ": var(--surface-accent);\n ",
40
+ ": var(--text-primary);\n "
41
+ ]);
42
+ _templateObject2 = function _templateObject() {
43
+ return data;
44
+ };
45
+ return data;
46
+ }
47
+ function _templateObject3() {
48
+ var data = _tagged_template_literal([
49
+ "\n ",
50
+ ": var(--surface-transparent-tertiary);\n ",
51
+ ": var(--surface-positive);\n ",
52
+ ": var(--text-primary);\n "
53
+ ]);
54
+ _templateObject3 = function _templateObject() {
55
+ return data;
56
+ };
57
+ return data;
58
+ }
59
+ function _templateObject4() {
60
+ var data = _tagged_template_literal([
61
+ "\n ",
62
+ ": var(--surface-transparent-tertiary);\n ",
63
+ ": var(--surface-warning);\n ",
64
+ ": var(--text-primary);\n "
65
+ ]);
66
+ _templateObject4 = function _templateObject() {
67
+ return data;
68
+ };
69
+ return data;
70
+ }
71
+ function _templateObject5() {
72
+ var data = _tagged_template_literal([
73
+ "\n ",
74
+ ": var(--surface-transparent-tertiary);\n ",
75
+ ": var(--surface-negative);\n ",
76
+ ": var(--text-primary);\n "
77
+ ]);
78
+ _templateObject5 = function _templateObject() {
79
+ return data;
80
+ };
81
+ return data;
82
+ }
83
+ function _templateObject6() {
84
+ var data = _tagged_template_literal([
85
+ "\n ",
86
+ ": 8rem;\n ",
87
+ ": 8rem;\n ",
88
+ ": 0.25rem;\n ",
89
+ ": 0.25rem;\n ",
90
+ ": var(--plasma-typo-h2-font-family);\n ",
91
+ ": var(--plasma-typo-h2-font-size);\n ",
92
+ ": var(--plasma-typo-h2-font-style);\n ",
93
+ ": var(--plasma-typo-h2-bold-font-weight);\n ",
94
+ ": var(--plasma-typo-h2-letter-spacing);\n ",
95
+ ": var(--plasma-typo-h2-line-height);\n "
96
+ ]);
97
+ _templateObject6 = function _templateObject() {
98
+ return data;
99
+ };
100
+ return data;
101
+ }
102
+ function _templateObject7() {
103
+ var data = _tagged_template_literal([
104
+ "\n ",
105
+ ": 5.5rem;\n ",
106
+ ": 5.5rem;\n ",
107
+ ": 0.25rem;\n ",
108
+ ": 0.25rem;\n ",
109
+ ": var(--plasma-typo-h5-font-family);\n ",
110
+ ": var(--plasma-typo-h5-font-size);\n ",
111
+ ": var(--plasma-typo-h5-font-style);\n ",
112
+ ": var(--plasma-typo-h5-bold-font-weight);\n ",
113
+ ": var(--plasma-typo-h5-letter-spacing);\n ",
114
+ ": var(--plasma-typo-h5-line-height);\n "
115
+ ]);
116
+ _templateObject7 = function _templateObject() {
117
+ return data;
118
+ };
119
+ return data;
120
+ }
121
+ function _templateObject8() {
122
+ var data = _tagged_template_literal([
123
+ "\n ",
124
+ ": 3.5rem;\n ",
125
+ ": 3.5rem;\n ",
126
+ ": 0.125rem;\n ",
127
+ ": 0.125rem;\n ",
128
+ ": var(--plasma-typo-body-l-font-family);\n ",
129
+ ": var(--plasma-typo-body-l-font-size);\n ",
130
+ ": var(--plasma-typo-body-l-font-style);\n ",
131
+ ": var(--plasma-typo-body-l-body-font-weight);\n ",
132
+ ": var(--plasma-typo-body-l-letter-spacing);\n ",
133
+ ": var(--plasma-typo-body-l-line-height);\n "
134
+ ]);
135
+ _templateObject8 = function _templateObject() {
136
+ return data;
137
+ };
138
+ return data;
139
+ }
140
+ function _templateObject9() {
141
+ var data = _tagged_template_literal([
142
+ "\n ",
143
+ ": 3rem;\n ",
144
+ ": 3rem;\n ",
145
+ ": 0.125rem;\n ",
146
+ ": 0.125rem;\n ",
147
+ ": var(--plasma-typo-body-m-font-family);\n ",
148
+ ": var(--plasma-typo-body-m-font-size);\n ",
149
+ ": var(--plasma-typo-body-m-font-style);\n ",
150
+ ": var(--plasma-typo-body-m-body-font-weight);\n ",
151
+ ": var(--plasma-typo-body-m-letter-spacing);\n ",
152
+ ": var(--plasma-typo-body-m-line-height);\n "
153
+ ]);
154
+ _templateObject9 = function _templateObject() {
155
+ return data;
156
+ };
157
+ return data;
158
+ }
159
+ function _templateObject10() {
160
+ var data = _tagged_template_literal([
161
+ "\n ",
162
+ ": 2.25rem;\n ",
163
+ ": 2.25rem;\n ",
164
+ ": 0.125rem;\n ",
165
+ ": 0.125rem;\n ",
166
+ ": var(--plasma-typo-body-s-font-family);\n ",
167
+ ": var(--plasma-typo-body-s-font-size);\n ",
168
+ ": var(--plasma-typo-body-s-font-style);\n ",
169
+ ": var(--plasma-typo-body-s-body-font-weight);\n ",
170
+ ": var(--plasma-typo-body-s-letter-spacing);\n ",
171
+ ": var(--plasma-typo-body-s-line-height);\n "
172
+ ]);
173
+ _templateObject10 = function _templateObject() {
174
+ return data;
175
+ };
176
+ return data;
177
+ }
178
+ function _templateObject11() {
179
+ var data = _tagged_template_literal([
180
+ "\n ",
181
+ ": 1.5rem;\n ",
182
+ ": 1.5rem;\n ",
183
+ ": 0.125rem;\n ",
184
+ ": 0.125rem;\n ",
185
+ ": var(--plasma-typo-body-xs-font-family);\n ",
186
+ ": var(--plasma-typo-body-xs-font-size);\n ",
187
+ ": var(--plasma-typo-body-xs-font-style);\n ",
188
+ ": var(--plasma-typo-body-xs-body-font-weight);\n ",
189
+ ": var(--plasma-typo-body-xs-letter-spacing);\n ",
190
+ ": var(--plasma-typo-body-xs-line-height);\n "
191
+ ]);
192
+ _templateObject11 = function _templateObject() {
193
+ return data;
194
+ };
195
+ return data;
196
+ }
197
+ function _templateObject12() {
198
+ var data = _tagged_template_literal([
199
+ "\n ",
200
+ ": 1rem;\n ",
201
+ ": 1rem;\n ",
202
+ ": 0.125rem;\n ",
203
+ ": 0.125rem;\n ",
204
+ ": var(--plasma-typo-body-xxs-font-family);\n ",
205
+ ": var(--plasma-typo-body-xxs-font-size);\n ",
206
+ ": var(--plasma-typo-body-xxs-font-style);\n ",
207
+ ": var(--plasma-typo-body-xxs-body-font-weight);\n ",
208
+ ": var(--plasma-typo-body-xxs-letter-spacing);\n ",
209
+ ": var(--plasma-typo-body-xxs-line-height);\n "
210
+ ]);
211
+ _templateObject12 = function _templateObject() {
212
+ return data;
213
+ };
214
+ return data;
215
+ }
216
+ import { css, progressBarCircularTokens } from '@salutejs/plasma-new-hope/emotion';
217
+ export var config = {
218
+ defaults: {
219
+ view: 'default',
220
+ size: 'm'
221
+ },
222
+ variations: {
223
+ view: {
224
+ default: css(_templateObject(), progressBarCircularTokens.backgroundStroke, progressBarCircularTokens.progressStroke, progressBarCircularTokens.contentColor),
225
+ secondary: css(_templateObject1(), progressBarCircularTokens.backgroundStroke, progressBarCircularTokens.progressStroke, progressBarCircularTokens.contentColor),
226
+ accent: css(_templateObject2(), progressBarCircularTokens.backgroundStroke, progressBarCircularTokens.progressStroke, progressBarCircularTokens.contentColor),
227
+ positive: css(_templateObject3(), progressBarCircularTokens.backgroundStroke, progressBarCircularTokens.progressStroke, progressBarCircularTokens.contentColor),
228
+ warning: css(_templateObject4(), progressBarCircularTokens.backgroundStroke, progressBarCircularTokens.progressStroke, progressBarCircularTokens.contentColor),
229
+ negative: css(_templateObject5(), progressBarCircularTokens.backgroundStroke, progressBarCircularTokens.progressStroke, progressBarCircularTokens.contentColor)
230
+ },
231
+ size: {
232
+ xxl: css(_templateObject6(), progressBarCircularTokens.width, progressBarCircularTokens.height, progressBarCircularTokens.backgroundStrokeWidth, progressBarCircularTokens.progressStrokeWidth, progressBarCircularTokens.contentFontFamily, progressBarCircularTokens.contentFontSize, progressBarCircularTokens.contentFontStyle, progressBarCircularTokens.contentFontWeight, progressBarCircularTokens.contentLetterSpacing, progressBarCircularTokens.contentLineHeight),
233
+ xl: css(_templateObject7(), progressBarCircularTokens.width, progressBarCircularTokens.height, progressBarCircularTokens.backgroundStrokeWidth, progressBarCircularTokens.progressStrokeWidth, progressBarCircularTokens.contentFontFamily, progressBarCircularTokens.contentFontSize, progressBarCircularTokens.contentFontStyle, progressBarCircularTokens.contentFontWeight, progressBarCircularTokens.contentLetterSpacing, progressBarCircularTokens.contentLineHeight),
234
+ l: css(_templateObject8(), progressBarCircularTokens.width, progressBarCircularTokens.height, progressBarCircularTokens.backgroundStrokeWidth, progressBarCircularTokens.progressStrokeWidth, progressBarCircularTokens.contentFontFamily, progressBarCircularTokens.contentFontSize, progressBarCircularTokens.contentFontStyle, progressBarCircularTokens.contentFontWeight, progressBarCircularTokens.contentLetterSpacing, progressBarCircularTokens.contentLineHeight),
235
+ m: css(_templateObject9(), progressBarCircularTokens.width, progressBarCircularTokens.height, progressBarCircularTokens.backgroundStrokeWidth, progressBarCircularTokens.progressStrokeWidth, progressBarCircularTokens.contentFontFamily, progressBarCircularTokens.contentFontSize, progressBarCircularTokens.contentFontStyle, progressBarCircularTokens.contentFontWeight, progressBarCircularTokens.contentLetterSpacing, progressBarCircularTokens.contentLineHeight),
236
+ s: css(_templateObject10(), progressBarCircularTokens.width, progressBarCircularTokens.height, progressBarCircularTokens.backgroundStrokeWidth, progressBarCircularTokens.progressStrokeWidth, progressBarCircularTokens.contentFontFamily, progressBarCircularTokens.contentFontSize, progressBarCircularTokens.contentFontStyle, progressBarCircularTokens.contentFontWeight, progressBarCircularTokens.contentLetterSpacing, progressBarCircularTokens.contentLineHeight),
237
+ xs: css(_templateObject11(), progressBarCircularTokens.width, progressBarCircularTokens.height, progressBarCircularTokens.backgroundStrokeWidth, progressBarCircularTokens.progressStrokeWidth, progressBarCircularTokens.contentFontFamily, progressBarCircularTokens.contentFontSize, progressBarCircularTokens.contentFontStyle, progressBarCircularTokens.contentFontWeight, progressBarCircularTokens.contentLetterSpacing, progressBarCircularTokens.contentLineHeight),
238
+ xxs: css(_templateObject12(), progressBarCircularTokens.width, progressBarCircularTokens.height, progressBarCircularTokens.backgroundStrokeWidth, progressBarCircularTokens.progressStrokeWidth, progressBarCircularTokens.contentFontFamily, progressBarCircularTokens.contentFontSize, progressBarCircularTokens.contentFontStyle, progressBarCircularTokens.contentFontWeight, progressBarCircularTokens.contentLetterSpacing, progressBarCircularTokens.contentLineHeight)
239
+ }
240
+ }
241
+ };
@@ -0,0 +1,4 @@
1
+ import { progressBarCircularConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/emotion';
2
+ import { config } from './ProgressBarCircular.config';
3
+ var mergedConfig = mergeConfig(progressBarCircularConfig, config);
4
+ export var ProgressBarCircular = component(mergedConfig);
@@ -0,0 +1 @@
1
+ export { ProgressBarCircular } from './ProgressBarCircular';
@@ -837,7 +837,9 @@ function _templateObject16() {
837
837
  ": var(--inverse-text-primary);\n ",
838
838
  ": var(--surface-solid-default);\n ",
839
839
  ": var(--surface-solid-default-hover);\n ",
840
- ": var(--inverse-text-secondary);\n\n ",
840
+ ": var(--inverse-text-secondary);\n ",
841
+ ": var(--inverse-text-secondary);\n ",
842
+ ": var(--inverse-text-primary);\n\n ",
841
843
  ": var(--surface-solid-default);\n ",
842
844
  ": var(--inverse-text-primary);\n ",
843
845
  ": var(--surface-solid-default);\n ",
@@ -855,6 +857,8 @@ function _templateObject17() {
855
857
  ": var(--text-primary);\n ",
856
858
  ": var(--surface-transparent-secondary);\n ",
857
859
  ": var(--surface-transparent-secondary-hover);\n ",
860
+ ": var(--text-secondary);\n ",
861
+ ": var(--text-secondary-hover);\n ",
858
862
  ": var(--text-secondary);\n\n ",
859
863
  ": var(--surface-transparent-secondary);\n ",
860
864
  ": var(--text-primary);\n ",
@@ -873,7 +877,9 @@ function _templateObject18() {
873
877
  ": var(--on-dark-text-primary);\n ",
874
878
  ": var(--surface-accent);\n ",
875
879
  ": var(--surface-accent-hover);\n ",
876
- ": var(--on-dark-text-secondary);\n\n ",
880
+ ": var(--on-dark-text-secondary);\n ",
881
+ ": var(--on-dark-text-secondary);\n ",
882
+ ": var(--on-dark-text-primary);\n\n ",
877
883
  ": var(--surface-accent);\n ",
878
884
  ": var(--on-dark-text-primary);\n ",
879
885
  ": var(--surface-accent);\n ",
@@ -1012,9 +1018,9 @@ export var config = {
1012
1018
  outer: css(_templateObject15())
1013
1019
  },
1014
1020
  chipView: {
1015
- default: css(_templateObject16(), tokens.textFieldChipColor, tokens.textFieldChipBackground, tokens.textFieldChipBackgroundHover, tokens.textFieldChipCloseIconColor, tokens.textFieldChipBackgroundReadOnly, tokens.textFieldChipColorReadOnly, tokens.textFieldChipBackgroundReadOnlyHover, tokens.textFieldChipColorReadOnlyHover, tokens.textFieldChipOpacityReadonly),
1016
- secondary: css(_templateObject17(), tokens.textFieldChipColor, tokens.textFieldChipBackground, tokens.textFieldChipBackgroundHover, tokens.textFieldChipCloseIconColor, tokens.textFieldChipBackgroundReadOnly, tokens.textFieldChipColorReadOnly, tokens.textFieldChipBackgroundReadOnlyHover, tokens.textFieldChipColorReadOnlyHover, tokens.textFieldChipOpacityReadonly),
1017
- accent: css(_templateObject18(), tokens.textFieldChipColor, tokens.textFieldChipBackground, tokens.textFieldChipBackgroundHover, tokens.textFieldChipCloseIconColor, tokens.textFieldChipBackgroundReadOnly, tokens.textFieldChipColorReadOnly, tokens.textFieldChipBackgroundReadOnlyHover, tokens.textFieldChipColorReadOnlyHover, tokens.textFieldChipOpacityReadonly)
1021
+ 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),
1022
+ 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),
1023
+ 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)
1018
1024
  },
1019
1025
  hintView: {
1020
1026
  default: css(_templateObject19(), tokens.textFieldTooltipBackgroundColor, tokens.textFieldTooltipBoxShadow, tokens.textFieldTooltipColor, tokens.textFieldTooltipArrowBackground)
@@ -585,6 +585,8 @@ function _templateObject12() {
585
585
  ": var(--surface-solid-default);\n ",
586
586
  ": var(--inverse-text-primary);\n\n ",
587
587
  ": var(--inverse-text-secondary);\n ",
588
+ ": var(--inverse-text-secondary);\n ",
589
+ ": var(--inverse-text-secondary-hover);\n ",
588
590
  ": 1;\n "
589
591
  ]);
590
592
  _templateObject12 = function _templateObject() {
@@ -606,6 +608,8 @@ function _templateObject13() {
606
608
  ": var(--surface-transparent-secondary);\n ",
607
609
  ": var(--text-primary);\n\n ",
608
610
  ": var(--text-secondary);\n ",
611
+ ": var(--text-secondary);\n ",
612
+ ": var(--text-secondary-hover);\n ",
609
613
  ": 1;\n "
610
614
  ]);
611
615
  _templateObject13 = function _templateObject() {
@@ -627,6 +631,8 @@ function _templateObject14() {
627
631
  ": var(--surface-accent);\n ",
628
632
  ": var(--on-dark-text-primary);\n\n ",
629
633
  ": var(--on-dark-text-secondary);\n ",
634
+ ": var(--on-dark-text-secondary);\n ",
635
+ ": var(--on-dark-text-secondary-hover);\n ",
630
636
  ": 1;\n "
631
637
  ]);
632
638
  _templateObject14 = function _templateObject() {
@@ -648,6 +654,8 @@ function _templateObject15() {
648
654
  ": var(--surface-positive);\n ",
649
655
  ": var(--on-dark-text-primary);\n\n ",
650
656
  ": var(--on-dark-text-secondary);\n ",
657
+ ": var(--on-dark-text-secondary);\n ",
658
+ ": var(--on-dark-text-secondary-hover);\n ",
651
659
  ": 1;\n "
652
660
  ]);
653
661
  _templateObject15 = function _templateObject() {
@@ -669,6 +677,8 @@ function _templateObject16() {
669
677
  ": var(--surface-warning);\n ",
670
678
  ": var(--on-dark-text-primary);\n\n ",
671
679
  ": var(--on-dark-text-secondary);\n ",
680
+ ": var(--on-dark-text-secondary);\n ",
681
+ ": var(--on-dark-text-secondary-hover);\n ",
672
682
  ": 1;\n "
673
683
  ]);
674
684
  _templateObject16 = function _templateObject() {
@@ -690,6 +700,8 @@ function _templateObject17() {
690
700
  ": var(--surface-negative);\n ",
691
701
  ": var(--on-dark-text-primary);\n\n ",
692
702
  ": var(--on-dark-text-secondary);\n ",
703
+ ": var(--on-dark-text-secondary);\n ",
704
+ ": var(--on-dark-text-secondary-hover);\n ",
693
705
  ": 1;\n "
694
706
  ]);
695
707
  _templateObject17 = function _templateObject() {
@@ -822,12 +834,12 @@ export var config = {
822
834
  true: css(_templateObject11())
823
835
  },
824
836
  chipView: {
825
- default: css(_templateObject12(), tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipCloseIconColor, tokens.chipOpacityReadonly),
826
- secondary: css(_templateObject13(), tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipCloseIconColor, tokens.chipOpacityReadonly),
827
- accent: css(_templateObject14(), tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipCloseIconColor, tokens.chipOpacityReadonly),
828
- positive: css(_templateObject15(), tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipCloseIconColor, tokens.chipOpacityReadonly),
829
- warning: css(_templateObject16(), tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipCloseIconColor, tokens.chipOpacityReadonly),
830
- negative: css(_templateObject17(), tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipCloseIconColor, tokens.chipOpacityReadonly)
837
+ default: css(_templateObject12(), tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipCloseIconColor, tokens.chipCloseIconColorReadonly, tokens.chipCloseIconColorHover, tokens.chipOpacityReadonly),
838
+ secondary: css(_templateObject13(), tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipCloseIconColor, tokens.chipCloseIconColorReadonly, tokens.chipCloseIconColorHover, tokens.chipOpacityReadonly),
839
+ accent: css(_templateObject14(), tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipCloseIconColor, tokens.chipCloseIconColorReadonly, tokens.chipCloseIconColorHover, tokens.chipOpacityReadonly),
840
+ positive: css(_templateObject15(), tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipCloseIconColor, tokens.chipCloseIconColorReadonly, tokens.chipCloseIconColorHover, tokens.chipOpacityReadonly),
841
+ warning: css(_templateObject16(), tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipCloseIconColor, tokens.chipCloseIconColorReadonly, tokens.chipCloseIconColorHover, tokens.chipOpacityReadonly),
842
+ negative: css(_templateObject17(), tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipCloseIconColor, tokens.chipCloseIconColorReadonly, tokens.chipCloseIconColorHover, tokens.chipOpacityReadonly)
831
843
  },
832
844
  hintView: {
833
845
  default: css(_templateObject18(), tokens.tooltipBackgroundColor, tokens.tooltipBoxShadow, tokens.tooltipColor, tokens.tooltipArrowBackground)
@@ -1,4 +1,4 @@
1
- import './Chip.config_1dqafsg.css';
1
+ import './Chip.config_7kj31a.css';
2
2
  var config = {
3
3
  defaults: {
4
4
  view: 'default',