@salutejs/sdds-os 0.23.0-next-sbcom.0 → 0.23.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 (93) 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_goig56.css → Autocomplete.config_4j4bur.css} +2 -2
  4. package/dist/css/cjs/components/Autocomplete/Autocomplete.css +12 -12
  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_1i9486i.css → Combobox.config_wsdl89.css} +10 -7
  8. package/dist/css/cjs/components/Combobox/Combobox.css +15 -12
  9. package/dist/css/cjs/components/Select/Select.config.js +1 -1
  10. package/dist/css/cjs/components/Select/Select.config.js.map +1 -1
  11. package/dist/css/cjs/components/Select/{Select.config_1yteo9j.css → Select.config_eja538.css} +2 -2
  12. package/dist/css/cjs/components/Select/Select.css +15 -15
  13. package/dist/css/cjs/components/Steps/StepItem.config.js +22 -0
  14. package/dist/css/cjs/components/Steps/StepItem.config.js.map +1 -0
  15. package/dist/css/cjs/components/Steps/StepItem.config_qzqyof.css +5 -0
  16. package/dist/css/cjs/components/Steps/Steps.config.js +1 -1
  17. package/dist/css/cjs/components/Steps/Steps.config.js.map +1 -1
  18. package/dist/css/{es/components/Steps/Steps.config_1axu604.css → cjs/components/Steps/Steps.config_1i5tex4.css} +2 -2
  19. package/dist/css/cjs/components/Steps/Steps.css +18 -12
  20. package/dist/css/cjs/components/Steps/Steps.js +5 -1
  21. package/dist/css/cjs/components/Steps/Steps.js.map +1 -1
  22. package/dist/css/cjs/components/TextField/TextField.config.js +1 -1
  23. package/dist/css/cjs/components/TextField/TextField.config.js.map +1 -1
  24. package/dist/css/cjs/components/TextField/{TextField.config_1gai2jj.css → TextField.config_348k62.css} +8 -8
  25. package/dist/css/cjs/components/TextField/TextField.css +18 -18
  26. package/dist/css/cjs/components/TextFieldGroup/TextFieldGroup.config.js +1 -1
  27. package/dist/css/cjs/components/TextFieldGroup/TextFieldGroup.config.js.map +1 -1
  28. package/dist/css/{es/components/TextFieldGroup/TextFieldGroup.config_chlye0.css → cjs/components/TextFieldGroup/TextFieldGroup.config_9rvppi.css} +4 -4
  29. package/dist/css/cjs/components/TextFieldGroup/TextFieldGroup.css +8 -8
  30. package/dist/css/cjs/index.css +91 -82
  31. package/dist/css/cjs/index.js +23 -23
  32. package/dist/css/es/components/Autocomplete/Autocomplete.config.js +1 -1
  33. package/dist/css/es/components/Autocomplete/Autocomplete.config.js.map +1 -1
  34. package/dist/css/es/components/Autocomplete/{Autocomplete.config_goig56.css → Autocomplete.config_4j4bur.css} +2 -2
  35. package/dist/css/es/components/Autocomplete/Autocomplete.css +12 -12
  36. package/dist/css/es/components/Combobox/Combobox.config.js +12 -6
  37. package/dist/css/es/components/Combobox/Combobox.config.js.map +1 -1
  38. package/dist/css/es/components/Combobox/{Combobox.config_1i9486i.css → Combobox.config_wsdl89.css} +10 -7
  39. package/dist/css/es/components/Combobox/Combobox.css +15 -12
  40. package/dist/css/es/components/Select/Select.config.js +1 -1
  41. package/dist/css/es/components/Select/Select.config.js.map +1 -1
  42. package/dist/css/es/components/Select/{Select.config_1yteo9j.css → Select.config_eja538.css} +2 -2
  43. package/dist/css/es/components/Select/Select.css +15 -15
  44. package/dist/css/es/components/Steps/StepItem.config.js +18 -0
  45. package/dist/css/es/components/Steps/StepItem.config.js.map +1 -0
  46. package/dist/css/es/components/Steps/StepItem.config_qzqyof.css +5 -0
  47. package/dist/css/es/components/Steps/Steps.config.js +1 -1
  48. package/dist/css/es/components/Steps/Steps.config.js.map +1 -1
  49. package/dist/css/{cjs/components/Steps/Steps.config_1axu604.css → es/components/Steps/Steps.config_1i5tex4.css} +2 -2
  50. package/dist/css/es/components/Steps/Steps.css +18 -12
  51. package/dist/css/es/components/Steps/Steps.js +5 -1
  52. package/dist/css/es/components/Steps/Steps.js.map +1 -1
  53. package/dist/css/es/components/Tabs/TabItem.js +9 -9
  54. package/dist/css/es/components/Tabs/TabItem.js.map +1 -1
  55. package/dist/css/es/components/TextField/TextField.config.js +1 -1
  56. package/dist/css/es/components/TextField/TextField.config.js.map +1 -1
  57. package/dist/css/es/components/TextField/{TextField.config_1gai2jj.css → TextField.config_348k62.css} +8 -8
  58. package/dist/css/es/components/TextField/TextField.css +18 -18
  59. package/dist/css/es/components/TextFieldGroup/TextFieldGroup.config.js +1 -1
  60. package/dist/css/es/components/TextFieldGroup/TextFieldGroup.config.js.map +1 -1
  61. package/dist/css/{cjs/components/TextFieldGroup/TextFieldGroup.config_chlye0.css → es/components/TextFieldGroup/TextFieldGroup.config_9rvppi.css} +4 -4
  62. package/dist/css/es/components/TextFieldGroup/TextFieldGroup.css +8 -8
  63. package/dist/css/es/index.css +91 -82
  64. package/dist/css/es/index.js +3 -3
  65. package/dist/styled-components/cjs/components/Autocomplete/Autocomplete.config.js +14 -14
  66. package/dist/styled-components/cjs/components/Combobox/Combobox.config.js +62 -14
  67. package/dist/styled-components/cjs/components/Select/Select.config.js +14 -14
  68. package/dist/styled-components/cjs/components/Steps/StepItem.config.js +70 -0
  69. package/dist/styled-components/cjs/components/Steps/Steps.config.js +0 -10
  70. package/dist/styled-components/cjs/components/Steps/Steps.js +5 -1
  71. package/dist/styled-components/cjs/components/TextField/TextField.config.js +14 -20
  72. package/dist/styled-components/cjs/components/TextFieldGroup/TextFieldGroup.config.js +28 -28
  73. package/dist/styled-components/es/components/Autocomplete/Autocomplete.config.js +14 -14
  74. package/dist/styled-components/es/components/Combobox/Combobox.config.js +62 -14
  75. package/dist/styled-components/es/components/Select/Select.config.js +14 -14
  76. package/dist/styled-components/es/components/Steps/StepItem.config.js +60 -0
  77. package/dist/styled-components/es/components/Steps/Steps.config.js +0 -10
  78. package/dist/styled-components/es/components/Steps/Steps.js +5 -1
  79. package/dist/styled-components/es/components/TextField/TextField.config.js +14 -20
  80. package/dist/styled-components/es/components/TextFieldGroup/TextFieldGroup.config.js +28 -28
  81. package/package.json +7 -7
  82. package/types/components/Accordion/Accordion.d.ts +1 -1
  83. package/types/components/Autocomplete/Autocomplete.d.ts +0 -8
  84. package/types/components/Calendar/Calendar.d.ts +2 -2
  85. package/types/components/Cell/Cell.d.ts +3 -3
  86. package/types/components/Combobox/Combobox.config.d.ts +6 -0
  87. package/types/components/Combobox/Combobox.d.ts +13 -0
  88. package/types/components/DatePicker/DatePicker.d.ts +2 -2
  89. package/types/components/Steps/StepItem.config.d.ts +14 -0
  90. package/types/components/TextArea/TextArea.d.ts +0 -32
  91. package/types/components/TextField/TextField.d.ts +0 -8
  92. package/types/components/Tokens/Colors/Colors.styles.d.ts +2 -0
  93. package/types/components/Tokens/Typography/Typography.styles.d.ts +2 -0
package/dist/css/es/index.js CHANGED
@@ -4,6 +4,7 @@ export { Attach } from './components/Attach/Attach.js';
4
4
  export { Autocomplete } from './components/Autocomplete/Autocomplete.js';
5
5
  export { Avatar } from './components/Avatar/Avatar.js';
6
6
  export { Badge } from './components/Badge/Badge.js';
7
+ export { BodyL, BodyM, BodyS, BodyXS, BodyXXS, DsplL, DsplM, DsplS, H1, H2, H3, H4, H5, TextL, TextM, TextS, TextXS } from './components/Typography/Typography.js';
7
8
  export { Breadcrumbs } from './components/Breadcrumbs/Breadcrumbs.js';
8
9
  export { Button } from './components/Button/Button.js';
9
10
  export { ButtonGroup } from './components/ButtonGroup/ButtonGroup.js';
@@ -23,6 +24,7 @@ export { EmptyState } from './components/EmptyState/EmptyState.js';
23
24
  export { Flow } from './components/Flow/Flow.js';
24
25
  export { Grid } from './components/Grid/Grid.js';
25
26
  export { IconButton } from './components/IconButton/IconButton.js';
27
+ export { IconTabItem, TabItem } from './components/Tabs/TabItem.js';
26
28
  export { Image } from './components/Image/Image.js';
27
29
  export { List } from './components/List/List.js';
28
30
  export { Modal } from './components/Modal/Modal.js';
@@ -37,15 +39,13 @@ export { Select } from './components/Select/Select.js';
37
39
  export { Spinner } from './components/Spinner/Spinner.js';
38
40
  export { Steps } from './components/Steps/Steps.js';
39
41
  export { Switch } from './components/Switch/Switch.js';
40
- export { TabsController } from './components/Tabs/TabsController.js';
41
42
  export { Tabs } from './components/Tabs/Tabs.js';
42
- export { IconTabItem, TabItem } from './components/Tabs/TabItem.js';
43
+ export { TabsController } from './components/Tabs/TabsController.js';
43
44
  export { TextArea } from './components/TextArea/TextArea.js';
44
45
  export { TextField } from './components/TextField/TextField.js';
45
46
  export { TextFieldGroup } from './components/TextFieldGroup/TextFieldGroup.js';
46
47
  export { Toolbar, ToolbarDivider } from './components/Toolbar/Toolbar.js';
47
48
  export { Tooltip } from './components/Tooltip/Tooltip.js';
48
49
  export { Tree } from './components/Tree/Tree.js';
49
- export { BodyL, BodyM, BodyS, BodyXS, BodyXXS, DsplL, DsplM, DsplS, H1, H2, H3, H4, H5, TextL, TextM, TextS, TextXS } from './components/Typography/Typography.js';
50
50
  export { ViewContainer } from './components/ViewContainer/ViewContainer.js';
51
51
  //# sourceMappingURL=index.js.map
package/dist/styled-components/cjs/components/Autocomplete/Autocomplete.config.js CHANGED
@@ -223,13 +223,13 @@ const config = {
223
223
  ${_styledcomponents.autocompleteTokens.textFieldHintInnerLabelPlacementOffset}: 0.312rem -2.813rem auto auto;
224
224
  ${_styledcomponents.autocompleteTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.312rem -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.375rem 0 0.125rem 0;
235
235
  ${_styledcomponents.autocompleteTokens.textFieldContentLabelInnerPadding}: 1.375rem 0 0.375rem 0;
@@ -298,13 +298,13 @@ const config = {
298
298
  ${_styledcomponents.autocompleteTokens.textFieldHintInnerLabelPlacementOffset}: 0.062rem -2.688rem auto auto;
299
299
  ${_styledcomponents.autocompleteTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.062rem -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.3125rem 0 0 0;
310
310
  ${_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.312rem -2.813rem auto auto;
275
276
  ${_styledcomponents.comboboxTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.312rem -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.375rem 0 0.125rem 0;
286
287
  ${_styledcomponents.comboboxTokens.textFieldContentLabelInnerPadding}: 1.375rem 0 0.375rem 0;
@@ -395,13 +396,13 @@ const config = {
395
396
  ${_styledcomponents.comboboxTokens.textFieldHintInnerLabelPlacementOffset}: 0.062rem -2.688rem auto auto;
396
397
  ${_styledcomponents.comboboxTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.062rem -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.3125rem 0 0 0;
407
408
  ${_styledcomponents.comboboxTokens.textFieldContentLabelInnerPadding}: 1.0625rem 0 0.3125rem 0;
@@ -493,6 +494,53 @@ const config = {
493
494
  `,
494
495
  outer: (0, _styledcomponents.css)``
495
496
  },
497
+ chipView: {
498
+ default: (0, _styledcomponents.css)`
499
+ ${_styledcomponents.comboboxTokens.textFieldChipColor}: var(--inverse-text-primary);
500
+ ${_styledcomponents.comboboxTokens.textFieldChipColorHover}: var(--inverse-text-primary);
501
+ ${_styledcomponents.comboboxTokens.textFieldChipBackground}: var(--surface-solid-default);
502
+ ${_styledcomponents.comboboxTokens.textFieldChipBackgroundHover}: var(--surface-solid-default-hover);
503
+ ${_styledcomponents.comboboxTokens.textFieldChipCloseIconColor}: var(--inverse-text-secondary);
504
+ ${_styledcomponents.comboboxTokens.textFieldChipCloseIconColorReadonly}: var(--inverse-text-secondary);
505
+ ${_styledcomponents.comboboxTokens.textFieldChipCloseIconColorHover}: var(--inverse-text-primary);
506
+
507
+ ${_styledcomponents.comboboxTokens.textFieldChipBackgroundReadOnly}: var(--surface-solid-default);
508
+ ${_styledcomponents.comboboxTokens.textFieldChipColorReadOnly}: var(--inverse-text-primary);
509
+ ${_styledcomponents.comboboxTokens.textFieldChipBackgroundReadOnlyHover}: var(--surface-solid-default);
510
+ ${_styledcomponents.comboboxTokens.textFieldChipColorReadOnlyHover}: var(--inverse-text-primary);
511
+ ${_styledcomponents.comboboxTokens.textFieldChipOpacityReadonly}: 1;
512
+ `,
513
+ secondary: (0, _styledcomponents.css)`
514
+ ${_styledcomponents.comboboxTokens.textFieldChipColor}: var(--text-primary);
515
+ ${_styledcomponents.comboboxTokens.textFieldChipColorHover}: var(--text-primary);
516
+ ${_styledcomponents.comboboxTokens.textFieldChipBackground}: var(--surface-solid-secondary);
517
+ ${_styledcomponents.comboboxTokens.textFieldChipBackgroundHover}: var(--surface-solid-secondary-hover);
518
+ ${_styledcomponents.comboboxTokens.textFieldChipCloseIconColor}: var(--text-secondary);
519
+ ${_styledcomponents.comboboxTokens.textFieldChipCloseIconColorHover}: var(--text-secondary-hover);
520
+ ${_styledcomponents.comboboxTokens.textFieldChipCloseIconColorReadonly}: var(--text-secondary);
521
+
522
+ ${_styledcomponents.comboboxTokens.textFieldChipBackgroundReadOnly}: var(--surface-solid-secondary);
523
+ ${_styledcomponents.comboboxTokens.textFieldChipColorReadOnly}: var(--text-primary);
524
+ ${_styledcomponents.comboboxTokens.textFieldChipBackgroundReadOnlyHover}: var(--surface-solid-secondary);
525
+ ${_styledcomponents.comboboxTokens.textFieldChipColorReadOnlyHover}: var(--text-primary);
526
+ ${_styledcomponents.comboboxTokens.textFieldChipOpacityReadonly}: 1;
527
+ `,
528
+ accent: (0, _styledcomponents.css)`
529
+ ${_styledcomponents.comboboxTokens.textFieldChipColor}: var(--on-dark-text-primary);
530
+ ${_styledcomponents.comboboxTokens.textFieldChipColorHover}: var(--on-dark-text-primary);
531
+ ${_styledcomponents.comboboxTokens.textFieldChipBackground}: var(--surface-accent);
532
+ ${_styledcomponents.comboboxTokens.textFieldChipBackgroundHover}: var(--surface-accent-hover);
533
+ ${_styledcomponents.comboboxTokens.textFieldChipCloseIconColor}: var(--on-dark-text-secondary);
534
+ ${_styledcomponents.comboboxTokens.textFieldChipCloseIconColorReadonly}: var(--on-dark-text-secondary);
535
+ ${_styledcomponents.comboboxTokens.textFieldChipCloseIconColorHover}: var(--on-dark-text-primary);
536
+
537
+ ${_styledcomponents.comboboxTokens.textFieldChipBackgroundReadOnly}: var(--surface-accent);
538
+ ${_styledcomponents.comboboxTokens.textFieldChipColorReadOnly}: var(--on-dark-text-primary);
539
+ ${_styledcomponents.comboboxTokens.textFieldChipBackgroundReadOnlyHover}: var(--surface-accent);
540
+ ${_styledcomponents.comboboxTokens.textFieldChipColorReadOnlyHover}: var(--on-dark-text-primary);
541
+ ${_styledcomponents.comboboxTokens.textFieldChipOpacityReadonly}: 1;
542
+ `
543
+ },
496
544
  hintView: {
497
545
  default: (0, _styledcomponents.css)`
498
546
  ${_styledcomponents.comboboxTokens.textFieldTooltipBackgroundColor}: var(--surface-solid-card-brightness);
package/dist/styled-components/cjs/components/Select/Select.config.js CHANGED
@@ -246,13 +246,13 @@ const config = {
246
246
  ${_styledcomponents.selectTokens.textFieldHintInnerLabelPlacementOffset}: 0.312rem -2.813rem auto auto;
247
247
  ${_styledcomponents.selectTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
248
248
 
249
- ${_styledcomponents.selectTokens.textFieldHelpersPadding}: 0.25rem 0 0 0;
250
- ${_styledcomponents.selectTokens.textFieldHelpersFontFamily}: var(--plasma-typo-body-xs-font-family);
251
- ${_styledcomponents.selectTokens.textFieldHelpersFontSize}: var(--plasma-typo-body-xs-font-size);
252
- ${_styledcomponents.selectTokens.textFieldHelpersFontStyle}: var(--plasma-typo-body-xs-font-style);
253
- ${_styledcomponents.selectTokens.textFieldHelpersFontWeight}: var(--plasma-typo-body-xs-font-weight);
254
- ${_styledcomponents.selectTokens.textFieldHelpersLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
255
- ${_styledcomponents.selectTokens.textFieldHelpersLineHeight}: var(--plasma-typo-body-xs-line-height);
249
+ ${_styledcomponents.selectTokens.textFieldLeftHelperOffset}: 0.25rem;
250
+ ${_styledcomponents.selectTokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
251
+ ${_styledcomponents.selectTokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
252
+ ${_styledcomponents.selectTokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
253
+ ${_styledcomponents.selectTokens.textFieldLeftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);
254
+ ${_styledcomponents.selectTokens.textFieldLeftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
255
+ ${_styledcomponents.selectTokens.textFieldLeftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);
256
256
 
257
257
  ${_styledcomponents.selectTokens.textFieldLabelInnerPadding}: 0.375rem 0 0.125rem 0;
258
258
  ${_styledcomponents.selectTokens.textFieldContentLabelInnerPadding}: 1.375rem 0 0.375rem 0;
@@ -371,13 +371,13 @@ const config = {
371
371
  ${_styledcomponents.selectTokens.textFieldHintInnerLabelPlacementOffset}: 0.062rem -2.688rem auto auto;
372
372
  ${_styledcomponents.selectTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;
373
373
 
374
- ${_styledcomponents.selectTokens.textFieldHelpersPadding}: 0.25rem 0 0 0;
375
- ${_styledcomponents.selectTokens.textFieldHelpersFontFamily}: var(--plasma-typo-body-xs-font-family);
376
- ${_styledcomponents.selectTokens.textFieldHelpersFontSize}: var(--plasma-typo-body-xs-font-size);
377
- ${_styledcomponents.selectTokens.textFieldHelpersFontStyle}: var(--plasma-typo-body-xs-font-style);
378
- ${_styledcomponents.selectTokens.textFieldHelpersFontWeight}: var(--plasma-typo-body-xs-font-weight);
379
- ${_styledcomponents.selectTokens.textFieldHelpersLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
380
- ${_styledcomponents.selectTokens.textFieldHelpersLineHeight}: var(--plasma-typo-body-xs-line-height);
374
+ ${_styledcomponents.selectTokens.textFieldLeftHelperOffset}: 0.25rem;
375
+ ${_styledcomponents.selectTokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
376
+ ${_styledcomponents.selectTokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
377
+ ${_styledcomponents.selectTokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
378
+ ${_styledcomponents.selectTokens.textFieldLeftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);
379
+ ${_styledcomponents.selectTokens.textFieldLeftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
380
+ ${_styledcomponents.selectTokens.textFieldLeftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);
381
381
 
382
382
  ${_styledcomponents.selectTokens.textFieldLabelInnerPadding}: 0.3125rem 0 0 0;
383
383
  ${_styledcomponents.selectTokens.textFieldContentLabelInnerPadding}: 1.0625rem 0 0.3125rem 0;
package/dist/styled-components/cjs/components/Steps/StepItem.config.js ADDED
@@ -0,0 +1,70 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", {
3
+ value: true
4
+ });
5
+ Object.defineProperty(exports, "config", {
6
+ enumerable: true,
7
+ get: function() {
8
+ return config;
9
+ }
10
+ });
11
+ const _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
12
+ const config = {
13
+ defaults: {
14
+ view: 'default'
15
+ },
16
+ variations: {
17
+ view: {
18
+ default: (0, _styledcomponents.css)`
19
+ ${_styledcomponents.stepsTokens.completedIndicatorColor}: var(--inverse-text-primary);
20
+ ${_styledcomponents.stepsTokens.completedIndicatorColorHover}: var(--inverse-text-primary);
21
+ ${_styledcomponents.stepsTokens.completedIndicatorBackground}: var(--surface-solid-default);
22
+ ${_styledcomponents.stepsTokens.completedIndicatorBackgroundHover}: var(--surface-solid-default-hover);
23
+ ${_styledcomponents.stepsTokens.completedTitleColor}: var(--text-primary);
24
+ ${_styledcomponents.stepsTokens.completedTitleColorHover}: var(--text-primary-hover);
25
+
26
+ ${_styledcomponents.stepsTokens.dividerColor}: var(--surface-solid-default);
27
+ `,
28
+ accent: (0, _styledcomponents.css)`
29
+ ${_styledcomponents.stepsTokens.completedIndicatorColor}: var(--on-dark-text-primary);
30
+ ${_styledcomponents.stepsTokens.completedIndicatorColorHover}: var(--on-dark-text-primary-hover);
31
+ ${_styledcomponents.stepsTokens.completedIndicatorBackground}: var(--surface-accent);
32
+ ${_styledcomponents.stepsTokens.completedIndicatorBackgroundHover}: var(--surface-accent-hover);
33
+ ${_styledcomponents.stepsTokens.completedTitleColor}: var(--text-primary);
34
+ ${_styledcomponents.stepsTokens.completedTitleColorHover}: var(--text-primary-hover);
35
+
36
+ ${_styledcomponents.stepsTokens.dividerColor}: var(--surface-accent);
37
+ `,
38
+ negative: (0, _styledcomponents.css)`
39
+ ${_styledcomponents.stepsTokens.completedIndicatorColor}: var(--on-dark-text-primary);
40
+ ${_styledcomponents.stepsTokens.completedIndicatorColorHover}: var(--on-dark-text-primary-hover);
41
+ ${_styledcomponents.stepsTokens.completedIndicatorBackground}: var(--surface-negative);
42
+ ${_styledcomponents.stepsTokens.completedIndicatorBackgroundHover}: var(--surface-negative-hover);
43
+ ${_styledcomponents.stepsTokens.completedTitleColor}: var(--text-negative);
44
+ ${_styledcomponents.stepsTokens.completedTitleColorHover}: var(--text-negative-hover);
45
+
46
+ ${_styledcomponents.stepsTokens.dividerColor}: var(--surface-negative);
47
+ `,
48
+ warning: (0, _styledcomponents.css)`
49
+ ${_styledcomponents.stepsTokens.completedIndicatorColor}: var(--on-dark-text-primary);
50
+ ${_styledcomponents.stepsTokens.completedIndicatorColorHover}: var(--on-dark-text-primary-hover);
51
+ ${_styledcomponents.stepsTokens.completedIndicatorBackground}: var(--surface-warning);
52
+ ${_styledcomponents.stepsTokens.completedIndicatorBackgroundHover}: var(--surface-warning-hover);
53
+ ${_styledcomponents.stepsTokens.completedTitleColor}: var(--text-warning);
54
+ ${_styledcomponents.stepsTokens.completedTitleColorHover}: var(--text-warning-hover);
55
+
56
+ ${_styledcomponents.stepsTokens.dividerColor}: var(--surface-warning);
57
+ `,
58
+ positive: (0, _styledcomponents.css)`
59
+ ${_styledcomponents.stepsTokens.completedIndicatorColor}: var(--on-dark-text-primary);
60
+ ${_styledcomponents.stepsTokens.completedIndicatorColorHover}: var(--on-dark-text-primary-hover);
61
+ ${_styledcomponents.stepsTokens.completedIndicatorBackground}: var(--surface-positive);
62
+ ${_styledcomponents.stepsTokens.completedIndicatorBackgroundHover}: var(--surface-positive-hover);
63
+ ${_styledcomponents.stepsTokens.completedTitleColor}: var(--text-positive);
64
+ ${_styledcomponents.stepsTokens.completedTitleColorHover}: var(--text-positive-hover);
65
+
66
+ ${_styledcomponents.stepsTokens.dividerColor}: var(--surface-positive);
67
+ `
68
+ }
69
+ }
70
+ };
package/dist/styled-components/cjs/components/Steps/Steps.config.js CHANGED
@@ -102,11 +102,6 @@ const config = {
102
102
  ${_styledcomponents.stepsTokens.contentVerticalPadding}: 0.875rem;
103
103
  ${_styledcomponents.stepsTokens.verticalContentPaddingLeft}: 0.75rem;
104
104
 
105
- ${_styledcomponents.stepsTokens.smallIndicatorIndentHeight}: 0.75rem;
106
- ${_styledcomponents.stepsTokens.largeIndicatorIndentHeight}: 0.4375rem;
107
- ${_styledcomponents.stepsTokens.smallBulletIndentHeight}: 1.25rem;
108
- ${_styledcomponents.stepsTokens.largeBulletIndentHeight}: 1.125rem;
109
-
110
105
  ${_styledcomponents.stepsTokens.indicatorFontFamily}: var(--plasma-typo-body-xs-font-family);
111
106
  ${_styledcomponents.stepsTokens.indicatorFontSize}: var(--plasma-typo-body-xs-font-size);
112
107
  ${_styledcomponents.stepsTokens.indicatorFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -149,11 +144,6 @@ const config = {
149
144
  ${_styledcomponents.stepsTokens.contentVerticalPadding}: 0.6875rem;
150
145
  ${_styledcomponents.stepsTokens.verticalContentPaddingLeft}: 0.75rem;
151
146
 
152
- ${_styledcomponents.stepsTokens.smallIndicatorIndentHeight}: 0.5rem;
153
- ${_styledcomponents.stepsTokens.largeIndicatorIndentHeight}: 0.5rem;
154
- ${_styledcomponents.stepsTokens.smallBulletIndentHeight}: 1rem;
155
- ${_styledcomponents.stepsTokens.largeBulletIndentHeight}: 0.75rem;
156
-
157
147
  ${_styledcomponents.stepsTokens.indicatorFontFamily}: var(--plasma-typo-body-xs-font-family);
158
148
  ${_styledcomponents.stepsTokens.indicatorFontSize}: var(--plasma-typo-body-xs-font-size);
159
149
  ${_styledcomponents.stepsTokens.indicatorFontStyle}: var(--plasma-typo-body-xs-font-style);
package/dist/styled-components/cjs/components/Steps/Steps.js CHANGED
@@ -9,7 +9,11 @@ Object.defineProperty(exports, "Steps", {
9
9
  }
10
10
  });
11
11
  const _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
12
+ const _StepItemconfig = require("./StepItem.config");
12
13
  const _Stepsconfig = require("./Steps.config");
13
- const mergedConfig = (0, _styledcomponents.mergeConfig)(_styledcomponents.stepsConfig, _Stepsconfig.config);
14
+ const mergedItemConfig = (0, _styledcomponents.mergeConfig)(_styledcomponents.stepItemConfig, _StepItemconfig.config);
15
+ const StepItem = (0, _styledcomponents.component)(mergedItemConfig);
16
+ const stepsConfig = (0, _styledcomponents.stepsConfig)(StepItem);
17
+ const mergedConfig = (0, _styledcomponents.mergeConfig)(stepsConfig, _Stepsconfig.config);
14
18
  const StepsComponent = (0, _styledcomponents.component)(mergedConfig);
15
19
  const Steps = StepsComponent;
package/dist/styled-components/cjs/components/TextField/TextField.config.js CHANGED
@@ -31,7 +31,6 @@ const config = {
31
31
  ${_styledcomponents.textFieldTokens.textAfterColor}: var(--text-tertiary);
32
32
  ${_styledcomponents.textFieldTokens.labelColor}: var(--text-primary);
33
33
  ${_styledcomponents.textFieldTokens.leftHelperColor}: var(--text-secondary);
34
- ${_styledcomponents.textFieldTokens.rightHelperColor}: var(--text-secondary);
35
34
  ${_styledcomponents.textFieldTokens.titleCaptionColor}: var(--text-secondary);
36
35
  ${_styledcomponents.textFieldTokens.hintIconColor}: var(--text-secondary);
37
36
 
@@ -63,7 +62,6 @@ const config = {
63
62
  ${_styledcomponents.textFieldTokens.textAfterColor}: var(--text-tertiary);
64
63
  ${_styledcomponents.textFieldTokens.labelColor}: var(--text-primary);
65
64
  ${_styledcomponents.textFieldTokens.leftHelperColor}: var(--text-positive);
66
- ${_styledcomponents.textFieldTokens.rightHelperColor}: var(--text-secondary);
67
65
  ${_styledcomponents.textFieldTokens.titleCaptionColor}: var(--text-secondary);
68
66
  ${_styledcomponents.textFieldTokens.hintIconColor}: var(--text-secondary);
69
67
 
@@ -95,7 +93,6 @@ const config = {
95
93
  ${_styledcomponents.textFieldTokens.textAfterColor}: var(--text-tertiary);
96
94
  ${_styledcomponents.textFieldTokens.labelColor}: var(--text-primary);
97
95
  ${_styledcomponents.textFieldTokens.leftHelperColor}: var(--text-warning);
98
- ${_styledcomponents.textFieldTokens.rightHelperColor}: var(--text-secondary);
99
96
  ${_styledcomponents.textFieldTokens.titleCaptionColor}: var(--text-secondary);
100
97
  ${_styledcomponents.textFieldTokens.hintIconColor}: var(--text-secondary);
101
98
 
@@ -127,7 +124,6 @@ const config = {
127
124
  ${_styledcomponents.textFieldTokens.textAfterColor}: var(--text-tertiary);
128
125
  ${_styledcomponents.textFieldTokens.labelColor}: var(--text-primary);
129
126
  ${_styledcomponents.textFieldTokens.leftHelperColor}: var(--text-negative);
130
- ${_styledcomponents.textFieldTokens.rightHelperColor}: var(--text-secondary);
131
127
  ${_styledcomponents.textFieldTokens.titleCaptionColor}: var(--text-secondary);
132
128
  ${_styledcomponents.textFieldTokens.hintIconColor}: var(--text-secondary);
133
129
 
@@ -189,13 +185,13 @@ const config = {
189
185
  ${_styledcomponents.textFieldTokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
190
186
  ${_styledcomponents.textFieldTokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);
191
187
 
192
- ${_styledcomponents.textFieldTokens.helpersPadding}: 0.25rem 0 0 0;
193
- ${_styledcomponents.textFieldTokens.helpersFontFamily}: var(--plasma-typo-body-xs-font-family);
194
- ${_styledcomponents.textFieldTokens.helpersFontSize}: var(--plasma-typo-body-xs-font-size);
195
- ${_styledcomponents.textFieldTokens.helpersFontStyle}: var(--plasma-typo-body-xs-font-style);
196
- ${_styledcomponents.textFieldTokens.helpersFontWeight}: var(--plasma-typo-body-xs-font-weight);
197
- ${_styledcomponents.textFieldTokens.helpersLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
198
- ${_styledcomponents.textFieldTokens.helpersLineHeight}: var(--plasma-typo-body-xs-line-height);
188
+ ${_styledcomponents.textFieldTokens.leftHelperOffset}: 0.25rem;
189
+ ${_styledcomponents.textFieldTokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
190
+ ${_styledcomponents.textFieldTokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
191
+ ${_styledcomponents.textFieldTokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
192
+ ${_styledcomponents.textFieldTokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);
193
+ ${_styledcomponents.textFieldTokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
194
+ ${_styledcomponents.textFieldTokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);
199
195
 
200
196
  ${_styledcomponents.textFieldTokens.labelInnerPadding}: 0.375rem 0 0.125rem 0;
201
197
  ${_styledcomponents.textFieldTokens.contentLabelInnerPadding}: 1.375rem 0 0.375rem 0;
@@ -267,13 +263,13 @@ const config = {
267
263
  ${_styledcomponents.textFieldTokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
268
264
  ${_styledcomponents.textFieldTokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);
269
265
 
270
- ${_styledcomponents.textFieldTokens.helpersPadding}: 0.25rem 0 0 0;
271
- ${_styledcomponents.textFieldTokens.helpersFontFamily}: var(--plasma-typo-body-xs-font-family);
272
- ${_styledcomponents.textFieldTokens.helpersFontSize}: var(--plasma-typo-body-xs-font-size);
273
- ${_styledcomponents.textFieldTokens.helpersFontStyle}: var(--plasma-typo-body-xs-font-style);
274
- ${_styledcomponents.textFieldTokens.helpersFontWeight}: var(--plasma-typo-body-xs-font-weight);
275
- ${_styledcomponents.textFieldTokens.helpersLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
276
- ${_styledcomponents.textFieldTokens.helpersLineHeight}: var(--plasma-typo-body-xs-line-height);
266
+ ${_styledcomponents.textFieldTokens.leftHelperOffset}: 0.25rem;
267
+ ${_styledcomponents.textFieldTokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
268
+ ${_styledcomponents.textFieldTokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
269
+ ${_styledcomponents.textFieldTokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
270
+ ${_styledcomponents.textFieldTokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);
271
+ ${_styledcomponents.textFieldTokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
272
+ ${_styledcomponents.textFieldTokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);
277
273
 
278
274
  ${_styledcomponents.textFieldTokens.labelInnerPadding}: 0.3125rem 0 0 0;
279
275
  ${_styledcomponents.textFieldTokens.contentLabelInnerPadding}: 1.0625rem 0 0.3125rem 0;
@@ -486,7 +482,6 @@ const config = {
486
482
  ${_styledcomponents.textFieldTokens.labelColor}: var(--text-secondary);
487
483
  ${_styledcomponents.textFieldTokens.titleCaptionColor}: var(--text-tertiary);
488
484
  ${_styledcomponents.textFieldTokens.leftHelperColor}: var(--text-tertiary);
489
- ${_styledcomponents.textFieldTokens.rightHelperColor}: var(--text-secondary);
490
485
  ${_styledcomponents.textFieldTokens.contentSlotColor}: var(--text-tertiary);
491
486
  ${_styledcomponents.textFieldTokens.backgroundColor}: var(--surface-solid-tertiary);
492
487
  ${_styledcomponents.textFieldTokens.borderColor}: transparent;
@@ -500,7 +495,6 @@ const config = {
500
495
  ${_styledcomponents.textFieldTokens.backgroundColorReadOnly}: var(--surface-solid-secondary);
501
496
  ${_styledcomponents.textFieldTokens.placeholderColorReadOnly}: var(--text-secondary);
502
497
  ${_styledcomponents.textFieldTokens.leftHelperColorReadOnly}: var(--text-secondary);
503
- ${_styledcomponents.textFieldTokens.rightHelperColorReadOnly}: var(--text-secondary);
504
498
  ${_styledcomponents.textFieldTokens.titleCaptionColorReadOnly}: var(--text-secondary);
505
499
  ${_styledcomponents.textFieldTokens.labelColorReadOnly}: var(--text-primary);
506
500
  ${_styledcomponents.textFieldTokens.dividerColorReadOnly}: var(--surface-solid-primary);
package/dist/styled-components/cjs/components/TextFieldGroup/TextFieldGroup.config.js CHANGED
@@ -45,13 +45,13 @@ const config = {
45
45
  ${_styledcomponents.textFieldGroupTokens.labelLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);
46
46
  ${_styledcomponents.textFieldGroupTokens.labelLineHeight}: var(--plasma-typo-body-l-line-height);
47
47
 
48
- ${_styledcomponents.textFieldGroupTokens.helpersPadding}: 0.25rem 0 0 0;
49
- ${_styledcomponents.textFieldGroupTokens.helpersFontFamily}: var(--plasma-typo-body-xs-font-family);
50
- ${_styledcomponents.textFieldGroupTokens.helpersFontSize}: var(--plasma-typo-body-xs-font-size);
51
- ${_styledcomponents.textFieldGroupTokens.helpersFontStyle}: var(--plasma-typo-body-xs-font-style);
52
- ${_styledcomponents.textFieldGroupTokens.helpersFontWeight}: var(--plasma-typo-body-xs-font-weight);
53
- ${_styledcomponents.textFieldGroupTokens.helpersLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
54
- ${_styledcomponents.textFieldGroupTokens.helpersLineHeight}: var(--plasma-typo-body-xs-line-height);
48
+ ${_styledcomponents.textFieldGroupTokens.leftHelperOffset}: 0.25rem;
49
+ ${_styledcomponents.textFieldGroupTokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
50
+ ${_styledcomponents.textFieldGroupTokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
51
+ ${_styledcomponents.textFieldGroupTokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
52
+ ${_styledcomponents.textFieldGroupTokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);
53
+ ${_styledcomponents.textFieldGroupTokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
54
+ ${_styledcomponents.textFieldGroupTokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);
55
55
 
56
56
  ${_styledcomponents.textFieldGroupTokens.labelInnerPadding}: 0.5625rem 0 0.125rem 0;
57
57
  ${_styledcomponents.textFieldGroupTokens.contentLabelInnerPadding}: 1.5625rem 0 0.5625rem 0;
@@ -101,13 +101,13 @@ const config = {
101
101
  ${_styledcomponents.textFieldGroupTokens.labelLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);
102
102
  ${_styledcomponents.textFieldGroupTokens.labelLineHeight}: var(--plasma-typo-body-m-line-height);
103
103
 
104
- ${_styledcomponents.textFieldGroupTokens.helpersPadding}: 0.25rem 0 0 0;
105
- ${_styledcomponents.textFieldGroupTokens.helpersFontFamily}: var(--plasma-typo-body-xs-font-family);
106
- ${_styledcomponents.textFieldGroupTokens.helpersFontSize}: var(--plasma-typo-body-xs-font-size);
107
- ${_styledcomponents.textFieldGroupTokens.helpersFontStyle}: var(--plasma-typo-body-xs-font-style);
108
- ${_styledcomponents.textFieldGroupTokens.helpersFontWeight}: var(--plasma-typo-body-xs-font-weight);
109
- ${_styledcomponents.textFieldGroupTokens.helpersLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
110
- ${_styledcomponents.textFieldGroupTokens.helpersLineHeight}: var(--plasma-typo-body-xs-line-height);
104
+ ${_styledcomponents.textFieldGroupTokens.leftHelperOffset}: 0.25rem;
105
+ ${_styledcomponents.textFieldGroupTokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
106
+ ${_styledcomponents.textFieldGroupTokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
107
+ ${_styledcomponents.textFieldGroupTokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
108
+ ${_styledcomponents.textFieldGroupTokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);
109
+ ${_styledcomponents.textFieldGroupTokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
110
+ ${_styledcomponents.textFieldGroupTokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);
111
111
 
112
112
  ${_styledcomponents.textFieldGroupTokens.labelInnerPadding}: 0.375rem 0 0.125rem 0;
113
113
  ${_styledcomponents.textFieldGroupTokens.contentLabelInnerPadding}: 1.375rem 0 0.375rem 0;
@@ -157,13 +157,13 @@ const config = {
157
157
  ${_styledcomponents.textFieldGroupTokens.labelLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);
158
158
  ${_styledcomponents.textFieldGroupTokens.labelLineHeight}: var(--plasma-typo-body-s-line-height);
159
159
 
160
- ${_styledcomponents.textFieldGroupTokens.helpersPadding}: 0.25rem 0 0 0;
161
- ${_styledcomponents.textFieldGroupTokens.helpersFontFamily}: var(--plasma-typo-body-xs-font-family);
162
- ${_styledcomponents.textFieldGroupTokens.helpersFontSize}: var(--plasma-typo-body-xs-font-size);
163
- ${_styledcomponents.textFieldGroupTokens.helpersFontStyle}: var(--plasma-typo-body-xs-font-style);
164
- ${_styledcomponents.textFieldGroupTokens.helpersFontWeight}: var(--plasma-typo-body-xs-font-weight);
165
- ${_styledcomponents.textFieldGroupTokens.helpersLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
166
- ${_styledcomponents.textFieldGroupTokens.helpersLineHeight}: var(--plasma-typo-body-xs-line-height);
160
+ ${_styledcomponents.textFieldGroupTokens.leftHelperOffset}: 0.25rem;
161
+ ${_styledcomponents.textFieldGroupTokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
162
+ ${_styledcomponents.textFieldGroupTokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
163
+ ${_styledcomponents.textFieldGroupTokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
164
+ ${_styledcomponents.textFieldGroupTokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);
165
+ ${_styledcomponents.textFieldGroupTokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
166
+ ${_styledcomponents.textFieldGroupTokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);
167
167
 
168
168
  ${_styledcomponents.textFieldGroupTokens.labelInnerPadding}: 0.3125rem 0 0 0;
169
169
  ${_styledcomponents.textFieldGroupTokens.contentLabelInnerPadding}: 1.0625rem 0 0.3125rem 0;
@@ -213,13 +213,13 @@ const config = {
213
213
  ${_styledcomponents.textFieldGroupTokens.labelLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
214
214
  ${_styledcomponents.textFieldGroupTokens.labelLineHeight}: var(--plasma-typo-body-xs-line-height);
215
215
 
216
- ${_styledcomponents.textFieldGroupTokens.helpersPadding}: 0.25rem 0 0 0;
217
- ${_styledcomponents.textFieldGroupTokens.helpersFontFamily}: var(--plasma-typo-body-xs-font-family);
218
- ${_styledcomponents.textFieldGroupTokens.helpersFontSize}: var(--plasma-typo-body-xs-font-size);
219
- ${_styledcomponents.textFieldGroupTokens.helpersFontStyle}: var(--plasma-typo-body-xs-font-style);
220
- ${_styledcomponents.textFieldGroupTokens.helpersFontWeight}: var(--plasma-typo-body-xs-font-weight);
221
- ${_styledcomponents.textFieldGroupTokens.helpersLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
222
- ${_styledcomponents.textFieldGroupTokens.helpersLineHeight}: var(--plasma-typo-body-xs-line-height);
216
+ ${_styledcomponents.textFieldGroupTokens.leftHelperOffset}: 0.25rem;
217
+ ${_styledcomponents.textFieldGroupTokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
218
+ ${_styledcomponents.textFieldGroupTokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
219
+ ${_styledcomponents.textFieldGroupTokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
220
+ ${_styledcomponents.textFieldGroupTokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);
221
+ ${_styledcomponents.textFieldGroupTokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
222
+ ${_styledcomponents.textFieldGroupTokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);
223
223
 
224
224
  ${_styledcomponents.textFieldGroupTokens.labelInnerPadding}: 0.3125rem 0 0 0;
225
225
  ${_styledcomponents.textFieldGroupTokens.contentLabelInnerPadding}: 1.0625rem 0 0.3125rem 0;
package/dist/styled-components/es/components/Autocomplete/Autocomplete.config.js CHANGED
@@ -213,13 +213,13 @@ export const config = {
213
213
  ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.312rem -2.813rem auto auto;
214
214
  ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
215
215
 
216
- ${tokens.textFieldHelpersPadding}: 0.25rem 0 0 0;
217
- ${tokens.textFieldHelpersFontFamily}: var(--plasma-typo-body-xs-font-family);
218
- ${tokens.textFieldHelpersFontSize}: var(--plasma-typo-body-xs-font-size);
219
- ${tokens.textFieldHelpersFontStyle}: var(--plasma-typo-body-xs-font-style);
220
- ${tokens.textFieldHelpersFontWeight}: var(--plasma-typo-body-xs-font-weight);
221
- ${tokens.textFieldHelpersLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
222
- ${tokens.textFieldHelpersLineHeight}: var(--plasma-typo-body-xs-line-height);
216
+ ${tokens.textFieldLeftHelperOffset}: 0.25rem;
217
+ ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
218
+ ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
219
+ ${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
220
+ ${tokens.textFieldLeftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);
221
+ ${tokens.textFieldLeftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
222
+ ${tokens.textFieldLeftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);
223
223
 
224
224
  ${tokens.textFieldLabelInnerPadding}: 0.375rem 0 0.125rem 0;
225
225
  ${tokens.textFieldContentLabelInnerPadding}: 1.375rem 0 0.375rem 0;
@@ -288,13 +288,13 @@ export const config = {
288
288
  ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.062rem -2.688rem auto auto;
289
289
  ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;
290
290
 
291
- ${tokens.textFieldHelpersPadding}: 0.25rem 0 0 0;
292
- ${tokens.textFieldHelpersFontFamily}: var(--plasma-typo-body-xs-font-family);
293
- ${tokens.textFieldHelpersFontSize}: var(--plasma-typo-body-xs-font-size);
294
- ${tokens.textFieldHelpersFontStyle}: var(--plasma-typo-body-xs-font-style);
295
- ${tokens.textFieldHelpersFontWeight}: var(--plasma-typo-body-xs-font-weight);
296
- ${tokens.textFieldHelpersLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
297
- ${tokens.textFieldHelpersLineHeight}: var(--plasma-typo-body-xs-line-height);
291
+ ${tokens.textFieldLeftHelperOffset}: 0.25rem;
292
+ ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
293
+ ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
294
+ ${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
295
+ ${tokens.textFieldLeftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);
296
+ ${tokens.textFieldLeftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
297
+ ${tokens.textFieldLeftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);
298
298
 
299
299
  ${tokens.textFieldLabelInnerPadding}: 0.3125rem 0 0 0;
300
300
  ${tokens.textFieldContentLabelInnerPadding}: 1.0625rem 0 0.3125rem 0;