@salutejs/sdds-serv 0.352.0-next-sbcom.0 → 0.352.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 (192) hide show
  1. package/dist/css/cjs/components/Autocomplete/Autocomplete.config.js +1 -1
  2. package/dist/css/cjs/components/Autocomplete/Autocomplete.config.js.map +1 -1
  3. package/dist/css/cjs/components/Autocomplete/{Autocomplete.config_1vgteyr.css → Autocomplete.config_lvmiw0.css} +4 -4
  4. package/dist/css/cjs/components/Autocomplete/Autocomplete.css +14 -14
  5. package/dist/css/cjs/components/Combobox/Combobox.config.js +12 -6
  6. package/dist/css/cjs/components/Combobox/Combobox.config.js.map +1 -1
  7. package/dist/css/cjs/components/Combobox/Combobox.config_1129slb.css +18 -0
  8. package/dist/css/cjs/components/Combobox/Combobox.css +17 -14
  9. package/dist/css/cjs/components/DateTimePicker/DateTimePicker.clear.config.js +1 -1
  10. package/dist/css/cjs/components/DateTimePicker/DateTimePicker.clear.config.js.map +1 -1
  11. package/dist/css/{es/components/DateTimePicker/DateTimePicker.clear.config_1ae19qt.css → cjs/components/DateTimePicker/DateTimePicker.clear.config_1nwz496.css} +1 -1
  12. package/dist/css/cjs/components/DateTimePicker/DateTimePicker.config.js +1 -1
  13. package/dist/css/cjs/components/DateTimePicker/DateTimePicker.config.js.map +1 -1
  14. package/dist/css/{es/components/DateTimePicker/DateTimePicker.config_ef4xbp.css → cjs/components/DateTimePicker/DateTimePicker.config_1tmejjb.css} +1 -1
  15. package/dist/css/cjs/components/DateTimePicker/DateTimePicker.css +26 -26
  16. package/dist/css/cjs/components/LinkButton/LinkButton.config.js +10 -9
  17. package/dist/css/cjs/components/LinkButton/LinkButton.config.js.map +1 -1
  18. package/dist/css/cjs/components/LinkButton/{LinkButton.config_1ygbj3k.css → LinkButton.config_1csy5mj.css} +8 -7
  19. package/dist/css/cjs/components/LinkButton/LinkButton.css +14 -13
  20. package/dist/css/cjs/components/Mask/Mask.css +42 -42
  21. package/dist/css/cjs/components/Note/Note.config.js +25 -3
  22. package/dist/css/cjs/components/Note/Note.config.js.map +1 -1
  23. package/dist/css/cjs/components/Note/Note.config_1npwity.css +15 -0
  24. package/dist/css/cjs/components/Note/Note.css +15 -9
  25. package/dist/css/cjs/components/Select/Select.config.js +1 -1
  26. package/dist/css/cjs/components/Select/Select.config.js.map +1 -1
  27. package/dist/css/cjs/components/Select/{Select.config_1pzgfwc.css → Select.config_wbbb9d.css} +4 -4
  28. package/dist/css/cjs/components/Select/Select.css +23 -23
  29. package/dist/css/cjs/components/Slider/Slider.config.js +9 -3
  30. package/dist/css/cjs/components/Slider/Slider.config.js.map +1 -1
  31. package/dist/css/cjs/components/Slider/{Slider.config_e1i4g0.css → Slider.config_1wzmcut.css} +7 -4
  32. package/dist/css/cjs/components/Slider/Slider.css +10 -7
  33. package/dist/css/cjs/components/Steps/StepItem.config.js +22 -0
  34. package/dist/css/cjs/components/Steps/StepItem.config.js.map +1 -0
  35. package/dist/css/cjs/components/Steps/StepItem.config_qzqyof.css +5 -0
  36. package/dist/css/cjs/components/Steps/Steps.config.js +1 -1
  37. package/dist/css/cjs/components/Steps/Steps.config.js.map +1 -1
  38. package/dist/css/{es/components/Steps/Steps.config_1thzvf2.css → cjs/components/Steps/Steps.config_wv1w99.css} +4 -4
  39. package/dist/css/cjs/components/Steps/Steps.css +20 -14
  40. package/dist/css/cjs/components/Steps/Steps.js +5 -1
  41. package/dist/css/cjs/components/Steps/Steps.js.map +1 -1
  42. package/dist/css/cjs/components/TextField/TextField.clear.config.js +1 -1
  43. package/dist/css/cjs/components/TextField/TextField.clear.config.js.map +1 -1
  44. package/dist/css/cjs/components/TextField/{TextField.clear.config_ejh45q.css → TextField.clear.config_hts9jh.css} +10 -10
  45. package/dist/css/cjs/components/TextField/TextField.config.js +1 -1
  46. package/dist/css/cjs/components/TextField/TextField.config.js.map +1 -1
  47. package/dist/css/cjs/components/TextField/{TextField.config_ayul96.css → TextField.config_c4zz6m.css} +10 -10
  48. package/dist/css/cjs/components/TextFieldGroup/TextFieldGroup.config.js +1 -1
  49. package/dist/css/cjs/components/TextFieldGroup/TextFieldGroup.config.js.map +1 -1
  50. package/dist/css/cjs/components/TextFieldGroup/{TextFieldGroup.config_wn4yj6.css → TextFieldGroup.config_1gikqtw.css} +4 -4
  51. package/dist/css/cjs/components/TextFieldGroup/TextFieldGroup.css +9 -9
  52. package/dist/css/cjs/index.css +198 -179
  53. package/dist/css/cjs/index.js +27 -27
  54. package/dist/css/es/components/Autocomplete/Autocomplete.config.js +1 -1
  55. package/dist/css/es/components/Autocomplete/Autocomplete.config.js.map +1 -1
  56. package/dist/css/es/components/Autocomplete/{Autocomplete.config_1vgteyr.css → Autocomplete.config_lvmiw0.css} +4 -4
  57. package/dist/css/es/components/Autocomplete/Autocomplete.css +14 -14
  58. package/dist/css/es/components/Combobox/Combobox.config.js +12 -6
  59. package/dist/css/es/components/Combobox/Combobox.config.js.map +1 -1
  60. package/dist/css/es/components/Combobox/Combobox.config_1129slb.css +18 -0
  61. package/dist/css/es/components/Combobox/Combobox.css +17 -14
  62. package/dist/css/es/components/DateTimePicker/DateTimePicker.clear.config.js +1 -1
  63. package/dist/css/es/components/DateTimePicker/DateTimePicker.clear.config.js.map +1 -1
  64. package/dist/css/{cjs/components/DateTimePicker/DateTimePicker.clear.config_1ae19qt.css → es/components/DateTimePicker/DateTimePicker.clear.config_1nwz496.css} +1 -1
  65. package/dist/css/es/components/DateTimePicker/DateTimePicker.config.js +1 -1
  66. package/dist/css/es/components/DateTimePicker/DateTimePicker.config.js.map +1 -1
  67. package/dist/css/{cjs/components/DateTimePicker/DateTimePicker.config_ef4xbp.css → es/components/DateTimePicker/DateTimePicker.config_1tmejjb.css} +1 -1
  68. package/dist/css/es/components/DateTimePicker/DateTimePicker.css +26 -26
  69. package/dist/css/es/components/LinkButton/LinkButton.config.js +10 -9
  70. package/dist/css/es/components/LinkButton/LinkButton.config.js.map +1 -1
  71. package/dist/css/es/components/LinkButton/{LinkButton.config_1ygbj3k.css → LinkButton.config_1csy5mj.css} +8 -7
  72. package/dist/css/es/components/LinkButton/LinkButton.css +14 -13
  73. package/dist/css/es/components/Mask/Mask.css +42 -42
  74. package/dist/css/es/components/Note/Note.config.js +25 -3
  75. package/dist/css/es/components/Note/Note.config.js.map +1 -1
  76. package/dist/css/es/components/Note/Note.config_1npwity.css +15 -0
  77. package/dist/css/es/components/Note/Note.css +15 -9
  78. package/dist/css/es/components/Segment/Segment.js +5 -5
  79. package/dist/css/es/components/Segment/Segment.js.map +1 -1
  80. package/dist/css/es/components/Select/Select.config.js +1 -1
  81. package/dist/css/es/components/Select/Select.config.js.map +1 -1
  82. package/dist/css/es/components/Select/{Select.config_1pzgfwc.css → Select.config_wbbb9d.css} +4 -4
  83. package/dist/css/es/components/Select/Select.css +23 -23
  84. package/dist/css/es/components/Slider/Slider.config.js +9 -3
  85. package/dist/css/es/components/Slider/Slider.config.js.map +1 -1
  86. package/dist/css/es/components/Slider/{Slider.config_e1i4g0.css → Slider.config_1wzmcut.css} +7 -4
  87. package/dist/css/es/components/Slider/Slider.css +10 -7
  88. package/dist/css/es/components/Steps/StepItem.config.js +18 -0
  89. package/dist/css/es/components/Steps/StepItem.config.js.map +1 -0
  90. package/dist/css/es/components/Steps/StepItem.config_qzqyof.css +5 -0
  91. package/dist/css/es/components/Steps/Steps.config.js +1 -1
  92. package/dist/css/es/components/Steps/Steps.config.js.map +1 -1
  93. package/dist/css/{cjs/components/Steps/Steps.config_1thzvf2.css → es/components/Steps/Steps.config_wv1w99.css} +4 -4
  94. package/dist/css/es/components/Steps/Steps.css +20 -14
  95. package/dist/css/es/components/Steps/Steps.js +5 -1
  96. package/dist/css/es/components/Steps/Steps.js.map +1 -1
  97. package/dist/css/es/components/Tabs/TabItem.js +9 -9
  98. package/dist/css/es/components/Tabs/TabItem.js.map +1 -1
  99. package/dist/css/es/components/TextField/TextField.clear.config.js +1 -1
  100. package/dist/css/es/components/TextField/TextField.clear.config.js.map +1 -1
  101. package/dist/css/es/components/TextField/{TextField.clear.config_ejh45q.css → TextField.clear.config_hts9jh.css} +10 -10
  102. package/dist/css/es/components/TextField/TextField.config.js +1 -1
  103. package/dist/css/es/components/TextField/TextField.config.js.map +1 -1
  104. package/dist/css/es/components/TextField/{TextField.config_ayul96.css → TextField.config_c4zz6m.css} +10 -10
  105. package/dist/css/es/components/TextFieldGroup/TextFieldGroup.config.js +1 -1
  106. package/dist/css/es/components/TextFieldGroup/TextFieldGroup.config.js.map +1 -1
  107. package/dist/css/es/components/TextFieldGroup/{TextFieldGroup.config_wn4yj6.css → TextFieldGroup.config_1gikqtw.css} +4 -4
  108. package/dist/css/es/components/TextFieldGroup/TextFieldGroup.css +9 -9
  109. package/dist/css/es/components/Toast/Toast.js +1 -1
  110. package/dist/css/es/index.css +198 -179
  111. package/dist/css/es/index.js +4 -4
  112. package/dist/emotion/cjs/components/Autocomplete/Autocomplete.config.js +28 -28
  113. package/dist/emotion/cjs/components/Combobox/Combobox.config.js +76 -28
  114. package/dist/emotion/cjs/components/DateTimePicker/DateTimePicker.clear.config.js +2 -0
  115. package/dist/emotion/cjs/components/DateTimePicker/DateTimePicker.config.js +2 -0
  116. package/dist/emotion/cjs/components/LinkButton/LinkButton.config.js +11 -0
  117. package/dist/emotion/cjs/components/Note/Note.config.js +54 -7
  118. package/dist/emotion/cjs/components/Select/Select.config.js +28 -28
  119. package/dist/emotion/cjs/components/Slider/Slider.config.js +17 -13
  120. package/dist/emotion/cjs/components/Steps/StepItem.config.js +70 -0
  121. package/dist/emotion/cjs/components/Steps/Steps.config.js +0 -20
  122. package/dist/emotion/cjs/components/Steps/Steps.js +5 -1
  123. package/dist/emotion/cjs/components/TextField/TextField.clear.config.js +35 -40
  124. package/dist/emotion/cjs/components/TextField/TextField.config.js +35 -40
  125. package/dist/emotion/cjs/components/TextFieldGroup/TextFieldGroup.config.js +28 -28
  126. package/dist/emotion/es/components/Autocomplete/Autocomplete.config.js +28 -28
  127. package/dist/emotion/es/components/Combobox/Combobox.config.js +76 -28
  128. package/dist/emotion/es/components/DateTimePicker/DateTimePicker.clear.config.js +2 -0
  129. package/dist/emotion/es/components/DateTimePicker/DateTimePicker.config.js +2 -0
  130. package/dist/emotion/es/components/LinkButton/LinkButton.config.js +11 -0
  131. package/dist/emotion/es/components/Note/Note.config.js +54 -7
  132. package/dist/emotion/es/components/Select/Select.config.js +28 -28
  133. package/dist/emotion/es/components/Slider/Slider.config.js +17 -13
  134. package/dist/emotion/es/components/Steps/StepItem.config.js +60 -0
  135. package/dist/emotion/es/components/Steps/Steps.config.js +0 -20
  136. package/dist/emotion/es/components/Steps/Steps.js +5 -1
  137. package/dist/emotion/es/components/TextField/TextField.clear.config.js +35 -40
  138. package/dist/emotion/es/components/TextField/TextField.config.js +35 -40
  139. package/dist/emotion/es/components/TextFieldGroup/TextFieldGroup.config.js +28 -28
  140. package/dist/styled-components/cjs/components/Autocomplete/Autocomplete.config.js +28 -28
  141. package/dist/styled-components/cjs/components/Combobox/Combobox.config.js +76 -28
  142. package/dist/styled-components/cjs/components/DateTimePicker/DateTimePicker.clear.config.js +2 -0
  143. package/dist/styled-components/cjs/components/DateTimePicker/DateTimePicker.config.js +2 -0
  144. package/dist/styled-components/cjs/components/LinkButton/LinkButton.config.js +11 -0
  145. package/dist/styled-components/cjs/components/Note/Note.config.js +54 -7
  146. package/dist/styled-components/cjs/components/Select/Select.config.js +28 -28
  147. package/dist/styled-components/cjs/components/Slider/Slider.config.js +17 -13
  148. package/dist/styled-components/cjs/components/Steps/StepItem.config.js +70 -0
  149. package/dist/styled-components/cjs/components/Steps/Steps.config.js +0 -20
  150. package/dist/styled-components/cjs/components/Steps/Steps.js +5 -1
  151. package/dist/styled-components/cjs/components/TextField/TextField.clear.config.js +35 -40
  152. package/dist/styled-components/cjs/components/TextField/TextField.config.js +35 -40
  153. package/dist/styled-components/cjs/components/TextFieldGroup/TextFieldGroup.config.js +28 -28
  154. package/dist/styled-components/es/components/Autocomplete/Autocomplete.config.js +28 -28
  155. package/dist/styled-components/es/components/Combobox/Combobox.config.js +76 -28
  156. package/dist/styled-components/es/components/DateTimePicker/DateTimePicker.clear.config.js +2 -0
  157. package/dist/styled-components/es/components/DateTimePicker/DateTimePicker.config.js +2 -0
  158. package/dist/styled-components/es/components/LinkButton/LinkButton.config.js +11 -0
  159. package/dist/styled-components/es/components/Note/Note.config.js +54 -7
  160. package/dist/styled-components/es/components/Select/Select.config.js +28 -28
  161. package/dist/styled-components/es/components/Slider/Slider.config.js +17 -13
  162. package/dist/styled-components/es/components/Steps/StepItem.config.js +60 -0
  163. package/dist/styled-components/es/components/Steps/Steps.config.js +0 -20
  164. package/dist/styled-components/es/components/Steps/Steps.js +5 -1
  165. package/dist/styled-components/es/components/TextField/TextField.clear.config.js +35 -40
  166. package/dist/styled-components/es/components/TextField/TextField.config.js +35 -40
  167. package/dist/styled-components/es/components/TextFieldGroup/TextFieldGroup.config.js +28 -28
  168. package/package.json +8 -9
  169. package/types/components/Accordion/Accordion.d.ts +1 -1
  170. package/types/components/Autocomplete/Autocomplete.d.ts +8 -16
  171. package/types/components/Calendar/Calendar.d.ts +2 -2
  172. package/types/components/Cell/Cell.d.ts +3 -3
  173. package/types/components/Combobox/Combobox.config.d.ts +6 -0
  174. package/types/components/Combobox/Combobox.d.ts +13 -0
  175. package/types/components/DatePicker/DatePicker.d.ts +8 -8
  176. package/types/components/LinkButton/LinkButton.config.d.ts +1 -0
  177. package/types/components/LinkButton/LinkButton.d.ts +1 -0
  178. package/types/components/Mask/Mask.d.ts +0 -16
  179. package/types/components/Note/Note.config.d.ts +10 -0
  180. package/types/components/Note/Note.d.ts +6 -0
  181. package/types/components/Slider/Slider.config.d.ts +6 -0
  182. package/types/components/Slider/Slider.d.ts +9 -2
  183. package/types/components/Steps/StepItem.config.d.ts +14 -0
  184. package/types/components/TextArea/TextArea.d.ts +0 -32
  185. package/types/components/TextField/TextField.d.ts +0 -32
  186. package/types/components/TimePicker/TimePicker.d.ts +6 -2
  187. package/types/components/Tokens/Colors/Colors.styles.d.ts +2 -0
  188. package/types/components/Tokens/Typography/Typography.styles.d.ts +2 -0
  189. package/dist/css/cjs/components/Combobox/Combobox.config_1wi1njd.css +0 -15
  190. package/dist/css/cjs/components/Note/Note.config_2754qm.css +0 -9
  191. package/dist/css/es/components/Combobox/Combobox.config_1wi1njd.css +0 -15
  192. package/dist/css/es/components/Note/Note.config_2754qm.css +0 -9
package/dist/emotion/es/components/TextField/TextField.clear.config.js CHANGED
@@ -21,7 +21,6 @@ export const config = {
21
21
  ${tokens.textAfterColor}: var(--text-tertiary);
22
22
  ${tokens.labelColor}: var(--text-primary);
23
23
  ${tokens.leftHelperColor}: var(--text-secondary);
24
- ${tokens.rightHelperColor}: var(--text-secondary);
25
24
  ${tokens.titleCaptionColor}: var(--text-secondary);
26
25
  ${tokens.hintIconColor}: var(--text-secondary);
27
26
 
@@ -51,7 +50,6 @@ export const config = {
51
50
  ${tokens.textAfterColor}: var(--text-tertiary);
52
51
  ${tokens.labelColor}: var(--text-primary);
53
52
  ${tokens.leftHelperColor}: var(--text-positive);
54
- ${tokens.rightHelperColor}: var(--text-secondary);
55
53
  ${tokens.titleCaptionColor}: var(--text-secondary);
56
54
  ${tokens.hintIconColor}: var(--text-secondary);
57
55
 
@@ -85,7 +83,6 @@ export const config = {
85
83
  ${tokens.textAfterColor}: var(--text-tertiary);
86
84
  ${tokens.labelColor}: var(--text-primary);
87
85
  ${tokens.leftHelperColor}: var(--text-warning);
88
- ${tokens.rightHelperColor}: var(--text-secondary);
89
86
  ${tokens.titleCaptionColor}: var(--text-secondary);
90
87
  ${tokens.hintIconColor}: var(--text-secondary);
91
88
 
@@ -119,7 +116,6 @@ export const config = {
119
116
  ${tokens.textAfterColor}: var(--text-tertiary);
120
117
  ${tokens.labelColor}: var(--text-primary);
121
118
  ${tokens.leftHelperColor}: var(--text-negative);
122
- ${tokens.rightHelperColor}: var(--text-secondary);
123
119
  ${tokens.titleCaptionColor}: var(--text-secondary);
124
120
  ${tokens.hintIconColor}: var(--text-secondary);
125
121
 
@@ -181,13 +177,13 @@ export const config = {
181
177
  ${tokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
182
178
  ${tokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);
183
179
 
184
- ${tokens.helpersPadding}: 0.25rem 0 0 0;
185
- ${tokens.helpersFontFamily}: var(--plasma-typo-body-xs-font-family);
186
- ${tokens.helpersFontSize}: var(--plasma-typo-body-xs-font-size);
187
- ${tokens.helpersFontStyle}: var(--plasma-typo-body-xs-font-style);
188
- ${tokens.helpersFontWeight}: var(--plasma-typo-body-xs-font-weight);
189
- ${tokens.helpersLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
190
- ${tokens.helpersLineHeight}: var(--plasma-typo-body-xs-line-height);
180
+ ${tokens.leftHelperOffset}: 0.25rem;
181
+ ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
182
+ ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
183
+ ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
184
+ ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);
185
+ ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
186
+ ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);
191
187
 
192
188
  ${tokens.labelInnerPadding}: 0.8125rem 0 0.125rem 0;
193
189
  ${tokens.contentLabelInnerPadding}: 1.813rem 0 0.813rem 0;
@@ -265,13 +261,13 @@ export const config = {
265
261
  ${tokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
266
262
  ${tokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);
267
263
 
268
- ${tokens.helpersPadding}: 0.25rem 0 0 0;
269
- ${tokens.helpersFontFamily}: var(--plasma-typo-body-xs-font-family);
270
- ${tokens.helpersFontSize}: var(--plasma-typo-body-xs-font-size);
271
- ${tokens.helpersFontStyle}: var(--plasma-typo-body-xs-font-style);
272
- ${tokens.helpersFontWeight}: var(--plasma-typo-body-xs-font-weight);
273
- ${tokens.helpersLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
274
- ${tokens.helpersLineHeight}: var(--plasma-typo-body-xs-line-height);
264
+ ${tokens.leftHelperOffset}: 0.25rem;
265
+ ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
266
+ ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
267
+ ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
268
+ ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);
269
+ ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
270
+ ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);
275
271
 
276
272
  ${tokens.labelInnerPadding}: 0.5625rem 0 0.125rem 0;
277
273
  ${tokens.contentLabelInnerPadding}: 1.5625rem 0 0.5625rem 0;
@@ -341,13 +337,13 @@ export const config = {
341
337
  ${tokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
342
338
  ${tokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);
343
339
 
344
- ${tokens.helpersPadding}: 0.25rem 0 0 0;
345
- ${tokens.helpersFontFamily}: var(--plasma-typo-body-xs-font-family);
346
- ${tokens.helpersFontSize}: var(--plasma-typo-body-xs-font-size);
347
- ${tokens.helpersFontStyle}: var(--plasma-typo-body-xs-font-style);
348
- ${tokens.helpersFontWeight}: var(--plasma-typo-body-xs-font-weight);
349
- ${tokens.helpersLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
350
- ${tokens.helpersLineHeight}: var(--plasma-typo-body-xs-line-height);
340
+ ${tokens.leftHelperOffset}: 0.25rem;
341
+ ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
342
+ ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
343
+ ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
344
+ ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);
345
+ ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
346
+ ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);
351
347
 
352
348
  ${tokens.labelInnerPadding}: 0.375rem 0 0.125rem 0;
353
349
  ${tokens.contentLabelInnerPadding}: 1.375rem 0 0.375rem 0;
@@ -417,13 +413,13 @@ export const config = {
417
413
  ${tokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
418
414
  ${tokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);
419
415
 
420
- ${tokens.helpersPadding}: 0.25rem 0 0 0;
421
- ${tokens.helpersFontFamily}: var(--plasma-typo-body-xs-font-family);
422
- ${tokens.helpersFontSize}: var(--plasma-typo-body-xs-font-size);
423
- ${tokens.helpersFontStyle}: var(--plasma-typo-body-xs-font-style);
424
- ${tokens.helpersFontWeight}: var(--plasma-typo-body-xs-font-weight);
425
- ${tokens.helpersLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
426
- ${tokens.helpersLineHeight}: var(--plasma-typo-body-xs-line-height);
416
+ ${tokens.leftHelperOffset}: 0.25rem;
417
+ ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
418
+ ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
419
+ ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
420
+ ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);
421
+ ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
422
+ ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);
427
423
 
428
424
  ${tokens.labelInnerPadding}: 0.3125rem 0 0 0;
429
425
  ${tokens.contentLabelInnerPadding}: 1.0625rem 0 0.3125rem 0;
@@ -493,13 +489,13 @@ export const config = {
493
489
  ${tokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
494
490
  ${tokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);
495
491
 
496
- ${tokens.helpersPadding}: 0.25rem 0 0 0;
497
- ${tokens.helpersFontFamily}: var(--plasma-typo-body-xs-font-family);
498
- ${tokens.helpersFontSize}: var(--plasma-typo-body-xs-font-size);
499
- ${tokens.helpersFontStyle}: var(--plasma-typo-body-xs-font-style);
500
- ${tokens.helpersFontWeight}: var(--plasma-typo-body-xs-font-weight);
501
- ${tokens.helpersLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
502
- ${tokens.helpersLineHeight}: var(--plasma-typo-body-xs-line-height);
492
+ ${tokens.leftHelperOffset}: 0.25rem;
493
+ ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
494
+ ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
495
+ ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
496
+ ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);
497
+ ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
498
+ ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);
503
499
 
504
500
  ${tokens.labelInnerPadding}: 0.3125rem 0 0 0;
505
501
  ${tokens.contentLabelInnerPadding}: 1.0625rem 0 0.3125rem 0;
@@ -716,7 +712,6 @@ export const config = {
716
712
  ${tokens.backgroundColorReadOnly}: transparent;
717
713
  ${tokens.placeholderColorReadOnly}: var(--text-secondary);
718
714
  ${tokens.leftHelperColorReadOnly}: var(--text-secondary);
719
- ${tokens.rightHelperColorReadOnly}: var(--text-secondary);
720
715
  ${tokens.titleCaptionColorReadOnly}: var(--text-secondary);
721
716
  ${tokens.labelColorReadOnly}: var(--text-primary);
722
717
  ${tokens.dividerColorReadOnly}: var(--surface-transparent-primary);
package/dist/emotion/es/components/TextField/TextField.config.js CHANGED
@@ -21,7 +21,6 @@ export const config = {
21
21
  ${tokens.textAfterColor}: var(--text-tertiary);
22
22
  ${tokens.labelColor}: var(--text-primary);
23
23
  ${tokens.leftHelperColor}: var(--text-secondary);
24
- ${tokens.rightHelperColor}: var(--text-secondary);
25
24
  ${tokens.titleCaptionColor}: var(--text-secondary);
26
25
  ${tokens.hintIconColor}: var(--text-secondary);
27
26
 
@@ -51,7 +50,6 @@ export const config = {
51
50
  ${tokens.textAfterColor}: var(--text-tertiary);
52
51
  ${tokens.labelColor}: var(--text-primary);
53
52
  ${tokens.leftHelperColor}: var(--text-positive);
54
- ${tokens.rightHelperColor}: var(--text-secondary);
55
53
  ${tokens.titleCaptionColor}: var(--text-secondary);
56
54
  ${tokens.hintIconColor}: var(--text-secondary);
57
55
 
@@ -81,7 +79,6 @@ export const config = {
81
79
  ${tokens.textAfterColor}: var(--text-tertiary);
82
80
  ${tokens.labelColor}: var(--text-primary);
83
81
  ${tokens.leftHelperColor}: var(--text-warning);
84
- ${tokens.rightHelperColor}: var(--text-secondary);
85
82
  ${tokens.titleCaptionColor}: var(--text-secondary);
86
83
  ${tokens.hintIconColor}: var(--text-secondary);
87
84
 
@@ -111,7 +108,6 @@ export const config = {
111
108
  ${tokens.textAfterColor}: var(--text-tertiary);
112
109
  ${tokens.labelColor}: var(--text-primary);
113
110
  ${tokens.leftHelperColor}: var(--text-negative);
114
- ${tokens.rightHelperColor}: var(--text-secondary);
115
111
  ${tokens.titleCaptionColor}: var(--text-secondary);
116
112
  ${tokens.hintIconColor}: var(--text-secondary);
117
113
 
@@ -165,13 +161,13 @@ export const config = {
165
161
  ${tokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
166
162
  ${tokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);
167
163
 
168
- ${tokens.helpersPadding}: 0.25rem 0 0 0;
169
- ${tokens.helpersFontFamily}: var(--plasma-typo-body-xs-font-family);
170
- ${tokens.helpersFontSize}: var(--plasma-typo-body-xs-font-size);
171
- ${tokens.helpersFontStyle}: var(--plasma-typo-body-xs-font-style);
172
- ${tokens.helpersFontWeight}: var(--plasma-typo-body-xs-font-weight);
173
- ${tokens.helpersLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
174
- ${tokens.helpersLineHeight}: var(--plasma-typo-body-xs-line-height);
164
+ ${tokens.leftHelperOffset}: 0.25rem;
165
+ ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
166
+ ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
167
+ ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
168
+ ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);
169
+ ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
170
+ ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);
175
171
 
176
172
  ${tokens.labelInnerPadding}: 0.8125rem 0 0.125rem 0;
177
173
  ${tokens.contentLabelInnerPadding}: 1.813rem 0 0.813rem 0;
@@ -250,13 +246,13 @@ export const config = {
250
246
  ${tokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
251
247
  ${tokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);
252
248
 
253
- ${tokens.helpersPadding}: 0.25rem 0 0 0;
254
- ${tokens.helpersFontFamily}: var(--plasma-typo-body-xs-font-family);
255
- ${tokens.helpersFontSize}: var(--plasma-typo-body-xs-font-size);
256
- ${tokens.helpersFontStyle}: var(--plasma-typo-body-xs-font-style);
257
- ${tokens.helpersFontWeight}: var(--plasma-typo-body-xs-font-weight);
258
- ${tokens.helpersLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
259
- ${tokens.helpersLineHeight}: var(--plasma-typo-body-xs-line-height);
249
+ ${tokens.leftHelperOffset}: 0.25rem;
250
+ ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
251
+ ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
252
+ ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
253
+ ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);
254
+ ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
255
+ ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);
260
256
 
261
257
  ${tokens.labelInnerPadding}: 0.5625rem 0 0.125rem 0;
262
258
  ${tokens.contentLabelInnerPadding}: 1.5625rem 0 0.5625rem 0;
@@ -328,13 +324,13 @@ export const config = {
328
324
  ${tokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
329
325
  ${tokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);
330
326
 
331
- ${tokens.helpersPadding}: 0.25rem 0 0 0;
332
- ${tokens.helpersFontFamily}: var(--plasma-typo-body-xs-font-family);
333
- ${tokens.helpersFontSize}: var(--plasma-typo-body-xs-font-size);
334
- ${tokens.helpersFontStyle}: var(--plasma-typo-body-xs-font-style);
335
- ${tokens.helpersFontWeight}: var(--plasma-typo-body-xs-font-weight);
336
- ${tokens.helpersLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
337
- ${tokens.helpersLineHeight}: var(--plasma-typo-body-xs-line-height);
327
+ ${tokens.leftHelperOffset}: 0.25rem;
328
+ ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
329
+ ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
330
+ ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
331
+ ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);
332
+ ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
333
+ ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);
338
334
 
339
335
  ${tokens.labelInnerPadding}: 0.375rem 0 0.125rem 0;
340
336
  ${tokens.contentLabelInnerPadding}: 1.375rem 0 0.375rem 0;
@@ -406,13 +402,13 @@ export const config = {
406
402
  ${tokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
407
403
  ${tokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);
408
404
 
409
- ${tokens.helpersPadding}: 0.25rem 0 0 0;
410
- ${tokens.helpersFontFamily}: var(--plasma-typo-body-xs-font-family);
411
- ${tokens.helpersFontSize}: var(--plasma-typo-body-xs-font-size);
412
- ${tokens.helpersFontStyle}: var(--plasma-typo-body-xs-font-style);
413
- ${tokens.helpersFontWeight}: var(--plasma-typo-body-xs-font-weight);
414
- ${tokens.helpersLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
415
- ${tokens.helpersLineHeight}: var(--plasma-typo-body-xs-line-height);
405
+ ${tokens.leftHelperOffset}: 0.25rem;
406
+ ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
407
+ ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
408
+ ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
409
+ ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);
410
+ ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
411
+ ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);
416
412
 
417
413
  ${tokens.labelInnerPadding}: 0.3125rem 0 0 0;
418
414
  ${tokens.contentLabelInnerPadding}: 1.0625rem 0 0.3125rem 0;
@@ -484,13 +480,13 @@ export const config = {
484
480
  ${tokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
485
481
  ${tokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);
486
482
 
487
- ${tokens.helpersPadding}: 0.25rem 0 0 0;
488
- ${tokens.helpersFontFamily}: var(--plasma-typo-body-xs-font-family);
489
- ${tokens.helpersFontSize}: var(--plasma-typo-body-xs-font-size);
490
- ${tokens.helpersFontStyle}: var(--plasma-typo-body-xs-font-style);
491
- ${tokens.helpersFontWeight}: var(--plasma-typo-body-xs-font-weight);
492
- ${tokens.helpersLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
493
- ${tokens.helpersLineHeight}: var(--plasma-typo-body-xs-line-height);
483
+ ${tokens.leftHelperOffset}: 0.25rem;
484
+ ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
485
+ ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
486
+ ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
487
+ ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);
488
+ ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
489
+ ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);
494
490
 
495
491
  ${tokens.labelInnerPadding}: 0.3125rem 0 0 0;
496
492
  ${tokens.contentLabelInnerPadding}: 1.0625rem 0 0.3125rem 0;
@@ -707,7 +703,6 @@ export const config = {
707
703
  ${tokens.backgroundColorReadOnly}: var(--surface-transparent-primary);
708
704
  ${tokens.placeholderColorReadOnly}: var(--text-secondary);
709
705
  ${tokens.leftHelperColorReadOnly}: var(--text-secondary);
710
- ${tokens.rightHelperColorReadOnly}: var(--text-secondary);
711
706
  ${tokens.titleCaptionColorReadOnly}: var(--text-secondary);
712
707
  ${tokens.labelColorReadOnly}: var(--text-primary);
713
708
  ${tokens.dividerColorReadOnly}: var(--surface-transparent-primary);
package/dist/emotion/es/components/TextFieldGroup/TextFieldGroup.config.js CHANGED
@@ -35,13 +35,13 @@ export const config = {
35
35
  ${tokens.labelLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);
36
36
  ${tokens.labelLineHeight}: var(--plasma-typo-body-l-line-height);
37
37
 
38
- ${tokens.helpersPadding}: 0.25rem 0 0 0;
39
- ${tokens.helpersFontFamily}: var(--plasma-typo-body-xs-font-family);
40
- ${tokens.helpersFontSize}: var(--plasma-typo-body-xs-font-size);
41
- ${tokens.helpersFontStyle}: var(--plasma-typo-body-xs-font-style);
42
- ${tokens.helpersFontWeight}: var(--plasma-typo-body-xs-font-weight);
43
- ${tokens.helpersLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
44
- ${tokens.helpersLineHeight}: var(--plasma-typo-body-xs-line-height);
38
+ ${tokens.leftHelperOffset}: 0.25rem;
39
+ ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
40
+ ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
41
+ ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
42
+ ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);
43
+ ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
44
+ ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);
45
45
 
46
46
  ${tokens.labelInnerPadding}: 0.5625rem 0 0.125rem 0;
47
47
  ${tokens.contentLabelInnerPadding}: 1.5625rem 0 0.5625rem 0;
@@ -91,13 +91,13 @@ export const config = {
91
91
  ${tokens.labelLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);
92
92
  ${tokens.labelLineHeight}: var(--plasma-typo-body-m-line-height);
93
93
 
94
- ${tokens.helpersPadding}: 0.25rem 0 0 0;
95
- ${tokens.helpersFontFamily}: var(--plasma-typo-body-xs-font-family);
96
- ${tokens.helpersFontSize}: var(--plasma-typo-body-xs-font-size);
97
- ${tokens.helpersFontStyle}: var(--plasma-typo-body-xs-font-style);
98
- ${tokens.helpersFontWeight}: var(--plasma-typo-body-xs-font-weight);
99
- ${tokens.helpersLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
100
- ${tokens.helpersLineHeight}: var(--plasma-typo-body-xs-line-height);
94
+ ${tokens.leftHelperOffset}: 0.25rem;
95
+ ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
96
+ ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
97
+ ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
98
+ ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);
99
+ ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
100
+ ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);
101
101
 
102
102
  ${tokens.labelInnerPadding}: 0.375rem 0 0.125rem 0;
103
103
  ${tokens.contentLabelInnerPadding}: 1.375rem 0 0.375rem 0;
@@ -147,13 +147,13 @@ export const config = {
147
147
  ${tokens.labelLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);
148
148
  ${tokens.labelLineHeight}: var(--plasma-typo-body-s-line-height);
149
149
 
150
- ${tokens.helpersPadding}: 0.25rem 0 0 0;
151
- ${tokens.helpersFontFamily}: var(--plasma-typo-body-xs-font-family);
152
- ${tokens.helpersFontSize}: var(--plasma-typo-body-xs-font-size);
153
- ${tokens.helpersFontStyle}: var(--plasma-typo-body-xs-font-style);
154
- ${tokens.helpersFontWeight}: var(--plasma-typo-body-xs-font-weight);
155
- ${tokens.helpersLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
156
- ${tokens.helpersLineHeight}: var(--plasma-typo-body-xs-line-height);
150
+ ${tokens.leftHelperOffset}: 0.25rem;
151
+ ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
152
+ ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
153
+ ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
154
+ ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);
155
+ ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
156
+ ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);
157
157
 
158
158
  ${tokens.labelInnerPadding}: 0.3125rem 0 0 0;
159
159
  ${tokens.contentLabelInnerPadding}: 1.0625rem 0 0.3125rem 0;
@@ -203,13 +203,13 @@ export const config = {
203
203
  ${tokens.labelLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
204
204
  ${tokens.labelLineHeight}: var(--plasma-typo-body-xs-line-height);
205
205
 
206
- ${tokens.helpersPadding}: 0.25rem 0 0 0;
207
- ${tokens.helpersFontFamily}: var(--plasma-typo-body-xs-font-family);
208
- ${tokens.helpersFontSize}: var(--plasma-typo-body-xs-font-size);
209
- ${tokens.helpersFontStyle}: var(--plasma-typo-body-xs-font-style);
210
- ${tokens.helpersFontWeight}: var(--plasma-typo-body-xs-font-weight);
211
- ${tokens.helpersLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
212
- ${tokens.helpersLineHeight}: var(--plasma-typo-body-xs-line-height);
206
+ ${tokens.leftHelperOffset}: 0.25rem;
207
+ ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
208
+ ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
209
+ ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
210
+ ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);
211
+ ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
212
+ ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);
213
213
 
214
214
  ${tokens.labelInnerPadding}: 0.3125rem 0 0 0;
215
215
  ${tokens.contentLabelInnerPadding}: 1.0625rem 0 0.3125rem 0;
package/dist/styled-components/cjs/components/Autocomplete/Autocomplete.config.js CHANGED
@@ -223,13 +223,13 @@ const config = {
223
223
  ${_styledcomponents.autocompleteTokens.textFieldHintInnerLabelPlacementOffset}: 0.563rem -2.938rem auto auto;
224
224
  ${_styledcomponents.autocompleteTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.563rem -2.188rem auto auto;
225
225
 
226
- ${_styledcomponents.autocompleteTokens.textFieldHelpersPadding}: 0.25rem 0 0 0;
227
- ${_styledcomponents.autocompleteTokens.textFieldHelpersFontFamily}: var(--plasma-typo-body-xs-font-family);
228
- ${_styledcomponents.autocompleteTokens.textFieldHelpersFontSize}: var(--plasma-typo-body-xs-font-size);
229
- ${_styledcomponents.autocompleteTokens.textFieldHelpersFontStyle}: var(--plasma-typo-body-xs-font-style);
230
- ${_styledcomponents.autocompleteTokens.textFieldHelpersFontWeight}: var(--plasma-typo-body-xs-font-weight);
231
- ${_styledcomponents.autocompleteTokens.textFieldHelpersLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
232
- ${_styledcomponents.autocompleteTokens.textFieldHelpersLineHeight}: var(--plasma-typo-body-xs-line-height);
226
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperOffset}: 0.25rem;
227
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
228
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
229
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
230
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);
231
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
232
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);
233
233
 
234
234
  ${_styledcomponents.autocompleteTokens.textFieldLabelInnerPadding}: 0.5625rem 0 0.125rem 0;
235
235
  ${_styledcomponents.autocompleteTokens.textFieldContentLabelInnerPadding}: 1.5625rem 0 0.5625rem 0;
@@ -298,13 +298,13 @@ const config = {
298
298
  ${_styledcomponents.autocompleteTokens.textFieldHintInnerLabelPlacementOffset}: 0.312rem -2.813rem auto auto;
299
299
  ${_styledcomponents.autocompleteTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
300
300
 
301
- ${_styledcomponents.autocompleteTokens.textFieldHelpersPadding}: 0.25rem 0 0 0;
302
- ${_styledcomponents.autocompleteTokens.textFieldHelpersFontFamily}: var(--plasma-typo-body-xs-font-family);
303
- ${_styledcomponents.autocompleteTokens.textFieldHelpersFontSize}: var(--plasma-typo-body-xs-font-size);
304
- ${_styledcomponents.autocompleteTokens.textFieldHelpersFontStyle}: var(--plasma-typo-body-xs-font-style);
305
- ${_styledcomponents.autocompleteTokens.textFieldHelpersFontWeight}: var(--plasma-typo-body-xs-font-weight);
306
- ${_styledcomponents.autocompleteTokens.textFieldHelpersLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
307
- ${_styledcomponents.autocompleteTokens.textFieldHelpersLineHeight}: var(--plasma-typo-body-xs-line-height);
301
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperOffset}: 0.25rem;
302
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
303
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
304
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
305
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);
306
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
307
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);
308
308
 
309
309
  ${_styledcomponents.autocompleteTokens.textFieldLabelInnerPadding}: 0.375rem 0 0.125rem 0;
310
310
  ${_styledcomponents.autocompleteTokens.textFieldContentLabelInnerPadding}: 1.375rem 0 0.375rem 0;
@@ -373,13 +373,13 @@ const config = {
373
373
  ${_styledcomponents.autocompleteTokens.textFieldHintInnerLabelPlacementOffset}: 0.062rem -2.688rem auto auto;
374
374
  ${_styledcomponents.autocompleteTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;
375
375
 
376
- ${_styledcomponents.autocompleteTokens.textFieldHelpersPadding}: 0.25rem 0 0 0;
377
- ${_styledcomponents.autocompleteTokens.textFieldHelpersFontFamily}: var(--plasma-typo-body-xs-font-family);
378
- ${_styledcomponents.autocompleteTokens.textFieldHelpersFontSize}: var(--plasma-typo-body-xs-font-size);
379
- ${_styledcomponents.autocompleteTokens.textFieldHelpersFontStyle}: var(--plasma-typo-body-xs-font-style);
380
- ${_styledcomponents.autocompleteTokens.textFieldHelpersFontWeight}: var(--plasma-typo-body-xs-font-weight);
381
- ${_styledcomponents.autocompleteTokens.textFieldHelpersLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
382
- ${_styledcomponents.autocompleteTokens.textFieldHelpersLineHeight}: var(--plasma-typo-body-xs-line-height);
376
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperOffset}: 0.25rem;
377
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
378
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
379
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
380
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);
381
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
382
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);
383
383
 
384
384
  ${_styledcomponents.autocompleteTokens.textFieldLabelInnerPadding}: 0.3125rem 0 0 0;
385
385
  ${_styledcomponents.autocompleteTokens.textFieldContentLabelInnerPadding}: 1.0625rem 0 0.3125rem 0;
@@ -448,13 +448,13 @@ const config = {
448
448
  ${_styledcomponents.autocompleteTokens.textFieldHintInnerLabelPlacementOffset}: -0.188rem -2.1875rem auto auto;
449
449
  ${_styledcomponents.autocompleteTokens.textFieldClearHintInnerLabelPlacementOffset}: -0.188rem -1.938rem auto auto;
450
450
 
451
- ${_styledcomponents.autocompleteTokens.textFieldHelpersPadding}: 0.25rem 0 0 0;
452
- ${_styledcomponents.autocompleteTokens.textFieldHelpersFontFamily}: var(--plasma-typo-body-xs-font-family);
453
- ${_styledcomponents.autocompleteTokens.textFieldHelpersFontSize}: var(--plasma-typo-body-xs-font-size);
454
- ${_styledcomponents.autocompleteTokens.textFieldHelpersFontStyle}: var(--plasma-typo-body-xs-font-style);
455
- ${_styledcomponents.autocompleteTokens.textFieldHelpersFontWeight}: var(--plasma-typo-body-xs-font-weight);
456
- ${_styledcomponents.autocompleteTokens.textFieldHelpersLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
457
- ${_styledcomponents.autocompleteTokens.textFieldHelpersLineHeight}: var(--plasma-typo-body-xs-line-height);
451
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperOffset}: 0.25rem;
452
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
453
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
454
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
455
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);
456
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
457
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);
458
458
 
459
459
  ${_styledcomponents.autocompleteTokens.textFieldLabelInnerPadding}: 0.3125rem 0 0 0;
460
460
  ${_styledcomponents.autocompleteTokens.textFieldContentLabelInnerPadding}: 1.0625rem 0 0.3125rem 0;
package/dist/styled-components/cjs/components/Combobox/Combobox.config.js CHANGED
@@ -14,6 +14,7 @@ const config = {
14
14
  view: 'default',
15
15
  size: 'm',
16
16
  labelPlacement: 'outer',
17
+ chipView: 'secondary',
17
18
  hintView: 'default',
18
19
  hintSize: 'm'
19
20
  },
@@ -274,13 +275,13 @@ const config = {
274
275
  ${_styledcomponents.comboboxTokens.textFieldHintInnerLabelPlacementOffset}: 0.563rem -2.938rem auto auto;
275
276
  ${_styledcomponents.comboboxTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.563rem -2.188rem auto auto;
276
277
 
277
- ${_styledcomponents.comboboxTokens.textFieldHelpersPadding}: 0.25rem 0 0 0;
278
- ${_styledcomponents.comboboxTokens.textFieldHelpersFontFamily}: var(--plasma-typo-body-xs-font-family);
279
- ${_styledcomponents.comboboxTokens.textFieldHelpersFontSize}: var(--plasma-typo-body-xs-font-size);
280
- ${_styledcomponents.comboboxTokens.textFieldHelpersFontStyle}: var(--plasma-typo-body-xs-font-style);
281
- ${_styledcomponents.comboboxTokens.textFieldHelpersFontWeight}: var(--plasma-typo-body-xs-font-weight);
282
- ${_styledcomponents.comboboxTokens.textFieldHelpersLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
283
- ${_styledcomponents.comboboxTokens.textFieldHelpersLineHeight}: var(--plasma-typo-body-xs-line-height);
278
+ ${_styledcomponents.comboboxTokens.textFieldLeftHelperOffset}: 0.25rem;
279
+ ${_styledcomponents.comboboxTokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
280
+ ${_styledcomponents.comboboxTokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
281
+ ${_styledcomponents.comboboxTokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
282
+ ${_styledcomponents.comboboxTokens.textFieldLeftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);
283
+ ${_styledcomponents.comboboxTokens.textFieldLeftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
284
+ ${_styledcomponents.comboboxTokens.textFieldLeftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);
284
285
 
285
286
  ${_styledcomponents.comboboxTokens.textFieldLabelInnerPadding}: 0.5625rem 0 0.125rem 0;
286
287
  ${_styledcomponents.comboboxTokens.textFieldContentLabelInnerPadding}: 1.5625rem 0 0.5625rem 0;
@@ -395,13 +396,13 @@ const config = {
395
396
  ${_styledcomponents.comboboxTokens.textFieldHintInnerLabelPlacementOffset}: 0.312rem -2.813rem auto auto;
396
397
  ${_styledcomponents.comboboxTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
397
398
 
398
- ${_styledcomponents.comboboxTokens.textFieldHelpersPadding}: 0.25rem 0 0 0;
399
- ${_styledcomponents.comboboxTokens.textFieldHelpersFontFamily}: var(--plasma-typo-body-xs-font-family);
400
- ${_styledcomponents.comboboxTokens.textFieldHelpersFontSize}: var(--plasma-typo-body-xs-font-size);
401
- ${_styledcomponents.comboboxTokens.textFieldHelpersFontStyle}: var(--plasma-typo-body-xs-font-style);
402
- ${_styledcomponents.comboboxTokens.textFieldHelpersFontWeight}: var(--plasma-typo-body-xs-font-weight);
403
- ${_styledcomponents.comboboxTokens.textFieldHelpersLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
404
- ${_styledcomponents.comboboxTokens.textFieldHelpersLineHeight}: var(--plasma-typo-body-xs-line-height);
399
+ ${_styledcomponents.comboboxTokens.textFieldLeftHelperOffset}: 0.25rem;
400
+ ${_styledcomponents.comboboxTokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
401
+ ${_styledcomponents.comboboxTokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
402
+ ${_styledcomponents.comboboxTokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
403
+ ${_styledcomponents.comboboxTokens.textFieldLeftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);
404
+ ${_styledcomponents.comboboxTokens.textFieldLeftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
405
+ ${_styledcomponents.comboboxTokens.textFieldLeftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);
405
406
 
406
407
  ${_styledcomponents.comboboxTokens.textFieldLabelInnerPadding}: 0.375rem 0 0.125rem 0;
407
408
  ${_styledcomponents.comboboxTokens.textFieldContentLabelInnerPadding}: 1.375rem 0 0.375rem 0;
@@ -516,13 +517,13 @@ const config = {
516
517
  ${_styledcomponents.comboboxTokens.textFieldHintInnerLabelPlacementOffset}: 0.062rem -2.688rem auto auto;
517
518
  ${_styledcomponents.comboboxTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;
518
519
 
519
- ${_styledcomponents.comboboxTokens.textFieldHelpersPadding}: 0.25rem 0 0 0;
520
- ${_styledcomponents.comboboxTokens.textFieldHelpersFontFamily}: var(--plasma-typo-body-xs-font-family);
521
- ${_styledcomponents.comboboxTokens.textFieldHelpersFontSize}: var(--plasma-typo-body-xs-font-size);
522
- ${_styledcomponents.comboboxTokens.textFieldHelpersFontStyle}: var(--plasma-typo-body-xs-font-style);
523
- ${_styledcomponents.comboboxTokens.textFieldHelpersFontWeight}: var(--plasma-typo-body-xs-font-weight);
524
- ${_styledcomponents.comboboxTokens.textFieldHelpersLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
525
- ${_styledcomponents.comboboxTokens.textFieldHelpersLineHeight}: var(--plasma-typo-body-xs-line-height);
520
+ ${_styledcomponents.comboboxTokens.textFieldLeftHelperOffset}: 0.25rem;
521
+ ${_styledcomponents.comboboxTokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
522
+ ${_styledcomponents.comboboxTokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
523
+ ${_styledcomponents.comboboxTokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
524
+ ${_styledcomponents.comboboxTokens.textFieldLeftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);
525
+ ${_styledcomponents.comboboxTokens.textFieldLeftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
526
+ ${_styledcomponents.comboboxTokens.textFieldLeftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);
526
527
 
527
528
  ${_styledcomponents.comboboxTokens.textFieldLabelInnerPadding}: 0.3125rem 0 0 0;
528
529
  ${_styledcomponents.comboboxTokens.textFieldContentLabelInnerPadding}: 1.0625rem 0 0.3125rem 0;
@@ -637,13 +638,13 @@ const config = {
637
638
  ${_styledcomponents.comboboxTokens.textFieldHintInnerLabelPlacementOffset}: -0.188rem -2.1875rem auto auto;
638
639
  ${_styledcomponents.comboboxTokens.textFieldClearHintInnerLabelPlacementOffset}: -0.188rem -1.938rem auto auto;
639
640
 
640
- ${_styledcomponents.comboboxTokens.textFieldHelpersPadding}: 0.25rem 0 0 0;
641
- ${_styledcomponents.comboboxTokens.textFieldHelpersFontFamily}: var(--plasma-typo-body-xs-font-family);
642
- ${_styledcomponents.comboboxTokens.textFieldHelpersFontSize}: var(--plasma-typo-body-xs-font-size);
643
- ${_styledcomponents.comboboxTokens.textFieldHelpersFontStyle}: var(--plasma-typo-body-xs-font-style);
644
- ${_styledcomponents.comboboxTokens.textFieldHelpersFontWeight}: var(--plasma-typo-body-xs-font-weight);
645
- ${_styledcomponents.comboboxTokens.textFieldHelpersLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
646
- ${_styledcomponents.comboboxTokens.textFieldHelpersLineHeight}: var(--plasma-typo-body-xs-line-height);
641
+ ${_styledcomponents.comboboxTokens.textFieldLeftHelperOffset}: 0.25rem;
642
+ ${_styledcomponents.comboboxTokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
643
+ ${_styledcomponents.comboboxTokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
644
+ ${_styledcomponents.comboboxTokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
645
+ ${_styledcomponents.comboboxTokens.textFieldLeftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);
646
+ ${_styledcomponents.comboboxTokens.textFieldLeftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
647
+ ${_styledcomponents.comboboxTokens.textFieldLeftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);
647
648
 
648
649
  ${_styledcomponents.comboboxTokens.textFieldLabelInnerPadding}: 0.3125rem 0 0 0;
649
650
  ${_styledcomponents.comboboxTokens.textFieldContentLabelInnerPadding}: 1.0625rem 0 0.3125rem 0;
@@ -735,6 +736,53 @@ const config = {
735
736
  `,
736
737
  outer: (0, _styledcomponents.css)``
737
738
  },
739
+ chipView: {
740
+ default: (0, _styledcomponents.css)`
741
+ ${_styledcomponents.comboboxTokens.textFieldChipColor}: var(--inverse-text-primary);
742
+ ${_styledcomponents.comboboxTokens.textFieldChipColorHover}: var(--inverse-text-primary);
743
+ ${_styledcomponents.comboboxTokens.textFieldChipBackground}: var(--surface-solid-default);
744
+ ${_styledcomponents.comboboxTokens.textFieldChipBackgroundHover}: var(--surface-solid-default-hover);
745
+ ${_styledcomponents.comboboxTokens.textFieldChipCloseIconColor}: var(--inverse-text-secondary);
746
+ ${_styledcomponents.comboboxTokens.textFieldChipCloseIconColorReadonly}: var(--inverse-text-secondary);
747
+ ${_styledcomponents.comboboxTokens.textFieldChipCloseIconColorHover}: var(--inverse-text-primary);
748
+
749
+ ${_styledcomponents.comboboxTokens.textFieldChipBackgroundReadOnly}: var(--surface-solid-default);
750
+ ${_styledcomponents.comboboxTokens.textFieldChipColorReadOnly}: var(--inverse-text-primary);
751
+ ${_styledcomponents.comboboxTokens.textFieldChipBackgroundReadOnlyHover}: var(--surface-solid-default);
752
+ ${_styledcomponents.comboboxTokens.textFieldChipColorReadOnlyHover}: var(--inverse-text-primary);
753
+ ${_styledcomponents.comboboxTokens.textFieldChipOpacityReadonly}: 1;
754
+ `,
755
+ secondary: (0, _styledcomponents.css)`
756
+ ${_styledcomponents.comboboxTokens.textFieldChipColor}: var(--text-primary);
757
+ ${_styledcomponents.comboboxTokens.textFieldChipColorHover}: var(--text-primary);
758
+ ${_styledcomponents.comboboxTokens.textFieldChipBackground}: var(--surface-transparent-secondary);
759
+ ${_styledcomponents.comboboxTokens.textFieldChipBackgroundHover}: var(--surface-transparent-secondary-hover);
760
+ ${_styledcomponents.comboboxTokens.textFieldChipCloseIconColor}: var(--text-secondary);
761
+ ${_styledcomponents.comboboxTokens.textFieldChipCloseIconColorHover}: var(--text-secondary-hover);
762
+ ${_styledcomponents.comboboxTokens.textFieldChipCloseIconColorReadonly}: var(--text-secondary);
763
+
764
+ ${_styledcomponents.comboboxTokens.textFieldChipBackgroundReadOnly}: var(--surface-transparent-secondary);
765
+ ${_styledcomponents.comboboxTokens.textFieldChipColorReadOnly}: var(--text-primary);
766
+ ${_styledcomponents.comboboxTokens.textFieldChipBackgroundReadOnlyHover}: var(--surface-transparent-secondary);
767
+ ${_styledcomponents.comboboxTokens.textFieldChipColorReadOnlyHover}: var(--text-primary);
768
+ ${_styledcomponents.comboboxTokens.textFieldChipOpacityReadonly}: 1;
769
+ `,
770
+ accent: (0, _styledcomponents.css)`
771
+ ${_styledcomponents.comboboxTokens.textFieldChipColor}: var(--on-dark-text-primary);
772
+ ${_styledcomponents.comboboxTokens.textFieldChipColorHover}: var(--on-dark-text-primary);
773
+ ${_styledcomponents.comboboxTokens.textFieldChipBackground}: var(--surface-accent);
774
+ ${_styledcomponents.comboboxTokens.textFieldChipBackgroundHover}: var(--surface-accent-hover);
775
+ ${_styledcomponents.comboboxTokens.textFieldChipCloseIconColor}: var(--on-dark-text-secondary);
776
+ ${_styledcomponents.comboboxTokens.textFieldChipCloseIconColorReadonly}: var(--on-dark-text-secondary);
777
+ ${_styledcomponents.comboboxTokens.textFieldChipCloseIconColorHover}: var(--on-dark-text-primary);
778
+
779
+ ${_styledcomponents.comboboxTokens.textFieldChipBackgroundReadOnly}: var(--surface-accent);
780
+ ${_styledcomponents.comboboxTokens.textFieldChipColorReadOnly}: var(--on-dark-text-primary);
781
+ ${_styledcomponents.comboboxTokens.textFieldChipBackgroundReadOnlyHover}: var(--surface-accent);
782
+ ${_styledcomponents.comboboxTokens.textFieldChipColorReadOnlyHover}: var(--on-dark-text-primary);
783
+ ${_styledcomponents.comboboxTokens.textFieldChipOpacityReadonly}: 1;
784
+ `
785
+ },
738
786
  hintView: {
739
787
  default: (0, _styledcomponents.css)`
740
788
  ${_styledcomponents.comboboxTokens.textFieldTooltipBackgroundColor}: var(--surface-solid-card-brightness);
package/dist/styled-components/cjs/components/DateTimePicker/DateTimePicker.clear.config.js CHANGED
@@ -117,6 +117,8 @@ const config = {
117
117
 
118
118
  ${_styledcomponents.dateTimePickerTokens.shortcutColor}: var(--text-primary);
119
119
  ${_styledcomponents.dateTimePickerTokens.shortcutBackgroundHover}: var(--surface-transparent-secondary);
120
+
121
+ ${_styledcomponents.dateTimePickerTokens.timeGridDisabledOpacity}: 0.4;
120
122
  `
121
123
  },
122
124
  size: {