@salutejs/plasma-b2c 1.627.0-next-sbcom.0 → 1.628.0-dev.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 (103) 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_utaqwg.css → Autocomplete.config_1e65vh7.css} +4 -4
  4. package/dist/css/cjs/components/Autocomplete/Autocomplete.css +14 -14
  5. package/dist/css/cjs/components/ChipGroup/ChipGroup.config.js +5 -1
  6. package/dist/css/cjs/components/ChipGroup/ChipGroup.config.js.map +1 -1
  7. package/dist/css/cjs/components/ChipGroup/ChipGroup.config_1e4sib6.css +11 -0
  8. package/dist/css/cjs/components/ChipGroup/ChipGroup.css +11 -9
  9. package/dist/css/cjs/components/CodeField/CodeField.config.js +7 -6
  10. package/dist/css/cjs/components/CodeField/CodeField.config.js.map +1 -1
  11. package/dist/css/cjs/components/CodeField/CodeField.config_1s3lnvg.css +7 -0
  12. package/dist/css/cjs/components/CodeField/CodeField.css +5 -4
  13. package/dist/css/cjs/components/Combobox/Combobox.config.js +1 -1
  14. package/dist/css/cjs/components/Combobox/Combobox.config.js.map +1 -1
  15. package/dist/css/{es/components/Combobox/Combobox.config_1xuwmzj.css → cjs/components/Combobox/Combobox.config_1b4wowd.css} +4 -4
  16. package/dist/css/cjs/components/Combobox/Combobox.css +17 -17
  17. package/dist/css/cjs/components/Mask/Mask.css +42 -42
  18. package/dist/css/cjs/components/Select/Select.config.js +1 -1
  19. package/dist/css/cjs/components/Select/Select.config.js.map +1 -1
  20. package/dist/css/{es/components/Select/Select.config_xa636n.css → cjs/components/Select/Select.config_1pm79n3.css} +4 -4
  21. package/dist/css/cjs/components/Select/Select.css +23 -23
  22. package/dist/css/cjs/components/Slider/Slider.config.js +3 -2
  23. package/dist/css/cjs/components/Slider/Slider.config.js.map +1 -1
  24. package/dist/css/cjs/components/Slider/{Slider.config_lxv4o0.css → Slider.config_1c88jzq.css} +6 -6
  25. package/dist/css/cjs/components/Slider/Slider.css +10 -10
  26. package/dist/css/cjs/components/TextField/TextField.clear.config.js +1 -1
  27. package/dist/css/cjs/components/TextField/TextField.clear.config.js.map +1 -1
  28. package/dist/css/{es/components/TextField/TextField.clear.config_1rp41vj.css → cjs/components/TextField/TextField.clear.config_1g82q62.css} +5 -5
  29. package/dist/css/cjs/components/TextField/TextField.config.js +1 -1
  30. package/dist/css/cjs/components/TextField/TextField.config.js.map +1 -1
  31. package/dist/css/cjs/components/TextField/{TextField.config_1sp9rko.css → TextField.config_cl1zgq.css} +5 -5
  32. package/dist/css/cjs/components/TextFieldGroup/TextFieldGroup.config.js +1 -1
  33. package/dist/css/cjs/components/TextFieldGroup/TextFieldGroup.config.js.map +1 -1
  34. package/dist/css/cjs/components/TextFieldGroup/{TextFieldGroup.config_1epvsxk.css → TextFieldGroup.config_k97yvi.css} +4 -4
  35. package/dist/css/cjs/components/TextFieldGroup/TextFieldGroup.css +9 -9
  36. package/dist/css/cjs/index.css +138 -135
  37. package/dist/css/es/components/Autocomplete/Autocomplete.config.js +1 -1
  38. package/dist/css/es/components/Autocomplete/Autocomplete.config.js.map +1 -1
  39. package/dist/css/es/components/Autocomplete/{Autocomplete.config_utaqwg.css → Autocomplete.config_1e65vh7.css} +4 -4
  40. package/dist/css/es/components/Autocomplete/Autocomplete.css +14 -14
  41. package/dist/css/es/components/ChipGroup/ChipGroup.config.js +5 -1
  42. package/dist/css/es/components/ChipGroup/ChipGroup.config.js.map +1 -1
  43. package/dist/css/es/components/ChipGroup/ChipGroup.config_1e4sib6.css +11 -0
  44. package/dist/css/es/components/ChipGroup/ChipGroup.css +11 -9
  45. package/dist/css/es/components/CodeField/CodeField.config.js +7 -6
  46. package/dist/css/es/components/CodeField/CodeField.config.js.map +1 -1
  47. package/dist/css/es/components/CodeField/CodeField.config_1s3lnvg.css +7 -0
  48. package/dist/css/es/components/CodeField/CodeField.css +5 -4
  49. package/dist/css/es/components/Combobox/Combobox.config.js +1 -1
  50. package/dist/css/es/components/Combobox/Combobox.config.js.map +1 -1
  51. package/dist/css/{cjs/components/Combobox/Combobox.config_1xuwmzj.css → es/components/Combobox/Combobox.config_1b4wowd.css} +4 -4
  52. package/dist/css/es/components/Combobox/Combobox.css +17 -17
  53. package/dist/css/es/components/Mask/Mask.css +42 -42
  54. package/dist/css/es/components/Select/Select.config.js +1 -1
  55. package/dist/css/es/components/Select/Select.config.js.map +1 -1
  56. package/dist/css/{cjs/components/Select/Select.config_xa636n.css → es/components/Select/Select.config_1pm79n3.css} +4 -4
  57. package/dist/css/es/components/Select/Select.css +23 -23
  58. package/dist/css/es/components/Slider/Slider.config.js +3 -2
  59. package/dist/css/es/components/Slider/Slider.config.js.map +1 -1
  60. package/dist/css/es/components/Slider/{Slider.config_lxv4o0.css → Slider.config_1c88jzq.css} +6 -6
  61. package/dist/css/es/components/Slider/Slider.css +10 -10
  62. package/dist/css/es/components/TextField/TextField.clear.config.js +1 -1
  63. package/dist/css/es/components/TextField/TextField.clear.config.js.map +1 -1
  64. package/dist/css/{cjs/components/TextField/TextField.clear.config_1rp41vj.css → es/components/TextField/TextField.clear.config_1g82q62.css} +5 -5
  65. package/dist/css/es/components/TextField/TextField.config.js +1 -1
  66. package/dist/css/es/components/TextField/TextField.config.js.map +1 -1
  67. package/dist/css/es/components/TextField/{TextField.config_1sp9rko.css → TextField.config_cl1zgq.css} +5 -5
  68. package/dist/css/es/components/TextFieldGroup/TextFieldGroup.config.js +1 -1
  69. package/dist/css/es/components/TextFieldGroup/TextFieldGroup.config.js.map +1 -1
  70. package/dist/css/es/components/TextFieldGroup/{TextFieldGroup.config_1epvsxk.css → TextFieldGroup.config_k97yvi.css} +4 -4
  71. package/dist/css/es/components/TextFieldGroup/TextFieldGroup.css +9 -9
  72. package/dist/css/es/index.css +138 -135
  73. package/dist/styled-components/cjs/components/Autocomplete/Autocomplete.config.js +4 -4
  74. package/dist/styled-components/cjs/components/ChipGroup/ChipGroup.config.js +16 -0
  75. package/dist/styled-components/cjs/components/CodeField/CodeField.config.js +27 -0
  76. package/dist/styled-components/cjs/components/Combobox/Combobox.config.js +4 -4
  77. package/dist/styled-components/cjs/components/Select/Select.config.js +4 -4
  78. package/dist/styled-components/cjs/components/Slider/Slider.config.js +20 -1
  79. package/dist/styled-components/cjs/components/TextField/TextField.clear.config.js +5 -5
  80. package/dist/styled-components/cjs/components/TextField/TextField.config.js +5 -5
  81. package/dist/styled-components/cjs/components/TextFieldGroup/TextFieldGroup.config.js +4 -4
  82. package/dist/styled-components/es/components/Autocomplete/Autocomplete.config.js +4 -4
  83. package/dist/styled-components/es/components/ChipGroup/ChipGroup.config.js +16 -0
  84. package/dist/styled-components/es/components/CodeField/CodeField.config.js +27 -0
  85. package/dist/styled-components/es/components/Combobox/Combobox.config.js +4 -4
  86. package/dist/styled-components/es/components/Select/Select.config.js +4 -4
  87. package/dist/styled-components/es/components/Slider/Slider.config.js +20 -1
  88. package/dist/styled-components/es/components/TextField/TextField.clear.config.js +5 -5
  89. package/dist/styled-components/es/components/TextField/TextField.config.js +5 -5
  90. package/dist/styled-components/es/components/TextFieldGroup/TextFieldGroup.config.js +4 -4
  91. package/package.json +14 -14
  92. package/types/components/Avatar/Avatar.d.ts +4 -4
  93. package/types/components/ChipGroup/ChipGroup.config.d.ts +4 -0
  94. package/types/components/ChipGroup/ChipGroup.d.ts +4 -0
  95. package/types/components/CodeField/CodeField.config.d.ts +1 -0
  96. package/types/components/CodeField/CodeField.d.ts +1 -0
  97. package/types/components/Slider/Slider.config.d.ts +1 -0
  98. package/types/components/Slider/Slider.d.ts +8 -4
  99. package/types/components/TimePicker/TimePicker.d.ts +2 -2
  100. package/dist/css/cjs/components/ChipGroup/ChipGroup.config_1un9ohc.css +0 -9
  101. package/dist/css/cjs/components/CodeField/CodeField.config_y48spf.css +0 -6
  102. package/dist/css/es/components/ChipGroup/ChipGroup.config_1un9ohc.css +0 -9
  103. package/dist/css/es/components/CodeField/CodeField.config_y48spf.css +0 -6
package/dist/styled-components/cjs/components/Autocomplete/Autocomplete.config.js CHANGED
@@ -223,7 +223,7 @@ 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.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
226
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
227
227
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
228
228
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
229
229
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -298,7 +298,7 @@ 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.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
301
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
302
302
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
303
303
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
304
304
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -373,7 +373,7 @@ 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.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
376
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
377
377
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
378
378
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
379
379
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -448,7 +448,7 @@ 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.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
451
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
452
452
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
453
453
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
454
454
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
package/dist/styled-components/cjs/components/ChipGroup/ChipGroup.config.js CHANGED
@@ -47,6 +47,9 @@ const config = {
47
47
  size: {
48
48
  l: (0, _styledcomponents.css)`
49
49
  ${_styledcomponents.chipGroupTokens.chipBorderRadius}: 0.75rem;
50
+ ${_styledcomponents.chipGroupTokens.chipDefaultRadius}: 0.75rem;
51
+ ${_styledcomponents.chipGroupTokens.chipSegmentedRadius}: 0.375rem;
52
+ ${_styledcomponents.chipGroupTokens.chipSideRadius}: 0.75rem;
50
53
  ${_styledcomponents.chipGroupTokens.chipWidth}: auto;
51
54
  ${_styledcomponents.chipGroupTokens.chipHeight}: 3rem;
52
55
  ${_styledcomponents.chipGroupTokens.chipPadding}: 0 1rem;
@@ -68,6 +71,9 @@ const config = {
68
71
  `,
69
72
  m: (0, _styledcomponents.css)`
70
73
  ${_styledcomponents.chipGroupTokens.chipBorderRadius}: 0.625rem;
74
+ ${_styledcomponents.chipGroupTokens.chipDefaultRadius}: 0.625rem;
75
+ ${_styledcomponents.chipGroupTokens.chipSegmentedRadius}: 0.25rem;
76
+ ${_styledcomponents.chipGroupTokens.chipSideRadius}: 0.625rem;
71
77
  ${_styledcomponents.chipGroupTokens.chipWidth}: auto;
72
78
  ${_styledcomponents.chipGroupTokens.chipHeight}: 2.5rem;
73
79
  ${_styledcomponents.chipGroupTokens.chipPadding}: 0 0.875rem;
@@ -89,6 +95,9 @@ const config = {
89
95
  `,
90
96
  s: (0, _styledcomponents.css)`
91
97
  ${_styledcomponents.chipGroupTokens.chipBorderRadius}: 0.5rem;
98
+ ${_styledcomponents.chipGroupTokens.chipDefaultRadius}: 0.5rem;
99
+ ${_styledcomponents.chipGroupTokens.chipSegmentedRadius}: 0.25rem;
100
+ ${_styledcomponents.chipGroupTokens.chipSideRadius}: 0.5rem;
92
101
  ${_styledcomponents.chipGroupTokens.chipWidth}: auto;
93
102
  ${_styledcomponents.chipGroupTokens.chipHeight}: 2rem;
94
103
  ${_styledcomponents.chipGroupTokens.chipPadding}: 0 0.875rem;
@@ -110,6 +119,9 @@ const config = {
110
119
  `,
111
120
  xs: (0, _styledcomponents.css)`
112
121
  ${_styledcomponents.chipGroupTokens.chipBorderRadius}: 0.375rem;
122
+ ${_styledcomponents.chipGroupTokens.chipDefaultRadius}: 0.375rem;
123
+ ${_styledcomponents.chipGroupTokens.chipSegmentedRadius}: 0.125rem;
124
+ ${_styledcomponents.chipGroupTokens.chipSideRadius}: 0.375rem;
113
125
  ${_styledcomponents.chipGroupTokens.chipWidth}: auto;
114
126
  ${_styledcomponents.chipGroupTokens.chipHeight}: 1.5rem;
115
127
  ${_styledcomponents.chipGroupTokens.chipPadding}: 0 0.625rem;
@@ -137,6 +149,10 @@ const config = {
137
149
  wide: (0, _styledcomponents.css)`
138
150
  ${_styledcomponents.chipGroupTokens.chipGroupItemsGap}: 0.5rem;
139
151
  `
152
+ },
153
+ shape: {
154
+ segmented: (0, _styledcomponents.css)``,
155
+ default: (0, _styledcomponents.css)``
140
156
  }
141
157
  }
142
158
  };
package/dist/styled-components/cjs/components/CodeField/CodeField.config.js CHANGED
@@ -34,6 +34,33 @@ const config = {
34
34
  `
35
35
  },
36
36
  size: {
37
+ xl: (0, _styledcomponents.css)`
38
+ ${_styledcomponents.codeFieldTokens.captionGap}: 0.875rem;
39
+ ${_styledcomponents.codeFieldTokens.codeItemsGap}: 0.125rem;
40
+
41
+ ${_styledcomponents.codeFieldTokens.separatorWidth}: 0.25rem;
42
+
43
+ ${_styledcomponents.codeFieldTokens.codeItemWidth}: 3rem;
44
+ ${_styledcomponents.codeFieldTokens.codeItemHeight}: 4rem;
45
+
46
+ ${_styledcomponents.codeFieldTokens.fontFamily}: var(--plasma-typo-body-l-font-family);
47
+ ${_styledcomponents.codeFieldTokens.fontSize}: var(--plasma-typo-body-l-font-size);
48
+ ${_styledcomponents.codeFieldTokens.fontStyle}: var(--plasma-typo-body-l-font-style);
49
+ ${_styledcomponents.codeFieldTokens.fontWeight}: var(--plasma-typo-body-l-bold-font-weight);
50
+ ${_styledcomponents.codeFieldTokens.letterSpacing}: var(--plasma-typo-body-l-letter-spacing);
51
+ ${_styledcomponents.codeFieldTokens.lineHeight}: var(--plasma-typo-body-l-line-height);
52
+
53
+ ${_styledcomponents.codeFieldTokens.captionFontFamily}: var(--plasma-typo-body-s-font-family);
54
+ ${_styledcomponents.codeFieldTokens.captionFontSize}: var(--plasma-typo-body-s-font-size);
55
+ ${_styledcomponents.codeFieldTokens.captionFontStyle}: var(--plasma-typo-body-s-font-style);
56
+ ${_styledcomponents.codeFieldTokens.captionFontWeight}: var(--plasma-typo-body-s-font-weight);
57
+ ${_styledcomponents.codeFieldTokens.captionLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);
58
+ ${_styledcomponents.codeFieldTokens.captionLineHeight}: var(--plasma-typo-body-s-line-height);
59
+
60
+ ${_styledcomponents.codeFieldTokens.borderRadius}: 1rem;
61
+ ${_styledcomponents.codeFieldTokens.borderRadiusSegmented}: 0.5rem;
62
+ ${_styledcomponents.codeFieldTokens.segmentedSideBorderRadius}: 1rem;
63
+ `,
37
64
  l: (0, _styledcomponents.css)`
38
65
  ${_styledcomponents.codeFieldTokens.captionGap}: 0.875rem;
39
66
  ${_styledcomponents.codeFieldTokens.codeItemsGap}: 0.125rem;
package/dist/styled-components/cjs/components/Combobox/Combobox.config.js CHANGED
@@ -275,7 +275,7 @@ const config = {
275
275
  ${_styledcomponents.comboboxTokens.textFieldHintInnerLabelPlacementOffset}: 0.563rem -2.938rem auto auto;
276
276
  ${_styledcomponents.comboboxTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.563rem -2.188rem auto auto;
277
277
 
278
- ${_styledcomponents.comboboxTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
278
+ ${_styledcomponents.comboboxTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
279
279
  ${_styledcomponents.comboboxTokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
280
280
  ${_styledcomponents.comboboxTokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
281
281
  ${_styledcomponents.comboboxTokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -396,7 +396,7 @@ const config = {
396
396
  ${_styledcomponents.comboboxTokens.textFieldHintInnerLabelPlacementOffset}: 0.312rem -2.813rem auto auto;
397
397
  ${_styledcomponents.comboboxTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
398
398
 
399
- ${_styledcomponents.comboboxTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
399
+ ${_styledcomponents.comboboxTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
400
400
  ${_styledcomponents.comboboxTokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
401
401
  ${_styledcomponents.comboboxTokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
402
402
  ${_styledcomponents.comboboxTokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -517,7 +517,7 @@ const config = {
517
517
  ${_styledcomponents.comboboxTokens.textFieldHintInnerLabelPlacementOffset}: 0.062rem -2.688rem auto auto;
518
518
  ${_styledcomponents.comboboxTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;
519
519
 
520
- ${_styledcomponents.comboboxTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
520
+ ${_styledcomponents.comboboxTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
521
521
  ${_styledcomponents.comboboxTokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
522
522
  ${_styledcomponents.comboboxTokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
523
523
  ${_styledcomponents.comboboxTokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -638,7 +638,7 @@ const config = {
638
638
  ${_styledcomponents.comboboxTokens.textFieldHintInnerLabelPlacementOffset}: -0.188rem -2.1875rem auto auto;
639
639
  ${_styledcomponents.comboboxTokens.textFieldClearHintInnerLabelPlacementOffset}: -0.188rem -1.938rem auto auto;
640
640
 
641
- ${_styledcomponents.comboboxTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
641
+ ${_styledcomponents.comboboxTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
642
642
  ${_styledcomponents.comboboxTokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
643
643
  ${_styledcomponents.comboboxTokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
644
644
  ${_styledcomponents.comboboxTokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
package/dist/styled-components/cjs/components/Select/Select.config.js CHANGED
@@ -402,7 +402,7 @@ const config = {
402
402
  ${_styledcomponents.selectTokens.textFieldHintInnerLabelPlacementOffset}: 0.563rem -2.938rem auto auto;
403
403
  ${_styledcomponents.selectTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.563rem -2.188rem auto auto;
404
404
 
405
- ${_styledcomponents.selectTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
405
+ ${_styledcomponents.selectTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
406
406
  ${_styledcomponents.selectTokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
407
407
  ${_styledcomponents.selectTokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
408
408
  ${_styledcomponents.selectTokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -527,7 +527,7 @@ const config = {
527
527
  ${_styledcomponents.selectTokens.textFieldHintInnerLabelPlacementOffset}: 0.312rem -2.813rem auto auto;
528
528
  ${_styledcomponents.selectTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
529
529
 
530
- ${_styledcomponents.selectTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
530
+ ${_styledcomponents.selectTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
531
531
  ${_styledcomponents.selectTokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
532
532
  ${_styledcomponents.selectTokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
533
533
  ${_styledcomponents.selectTokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -652,7 +652,7 @@ const config = {
652
652
  ${_styledcomponents.selectTokens.textFieldHintInnerLabelPlacementOffset}: 0.062rem -2.688rem auto auto;
653
653
  ${_styledcomponents.selectTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;
654
654
 
655
- ${_styledcomponents.selectTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
655
+ ${_styledcomponents.selectTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
656
656
  ${_styledcomponents.selectTokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
657
657
  ${_styledcomponents.selectTokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
658
658
  ${_styledcomponents.selectTokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -777,7 +777,7 @@ const config = {
777
777
  ${_styledcomponents.selectTokens.textFieldHintInnerLabelPlacementOffset}: -0.188rem -2.1875rem auto auto;
778
778
  ${_styledcomponents.selectTokens.textFieldClearHintInnerLabelPlacementOffset}: -0.188rem -1.938rem auto auto;
779
779
 
780
- ${_styledcomponents.selectTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
780
+ ${_styledcomponents.selectTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
781
781
  ${_styledcomponents.selectTokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
782
782
  ${_styledcomponents.selectTokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
783
783
  ${_styledcomponents.selectTokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
package/dist/styled-components/cjs/components/Slider/Slider.config.js CHANGED
@@ -13,7 +13,8 @@ const config = {
13
13
  defaults: {
14
14
  view: 'default',
15
15
  size: 'm',
16
- pointerSize: 'small'
16
+ pointerSize: 'small',
17
+ tickType: 'bullet'
17
18
  },
18
19
  variations: {
19
20
  view: {
@@ -124,11 +125,13 @@ const config = {
124
125
  ${_styledcomponents.sliderTokens.valueLineHeight}: var(--plasma-typo-body-m-line-height);
125
126
 
126
127
  ${_styledcomponents.sliderTokens.tickSize}: 0.5rem;
128
+ ${_styledcomponents.sliderTokens.tickSeparatorGap}: 0.5rem;
127
129
 
128
130
  ${_styledcomponents.sliderTokens.currentValueTopOffset}: 1.625rem;
129
131
 
130
132
  ${_styledcomponents.sliderTokens.railThickness}: 0.25rem;
131
133
  ${_styledcomponents.sliderTokens.railBorderRadius}: 0.125rem;
134
+ ${_styledcomponents.sliderTokens.trackSegmentBorderRadius}: 1000px;
132
135
 
133
136
  ${_styledcomponents.sliderTokens.textFieldWrapperGap}: 0.125rem;
134
137
 
@@ -172,11 +175,13 @@ const config = {
172
175
  ${_styledcomponents.sliderTokens.valueLineHeight}: var(--plasma-typo-body-s-line-height);
173
176
 
174
177
  ${_styledcomponents.sliderTokens.tickSize}: 0.5rem;
178
+ ${_styledcomponents.sliderTokens.tickSeparatorGap}: 0.5rem;
175
179
 
176
180
  ${_styledcomponents.sliderTokens.currentValueTopOffset}: 1.75rem;
177
181
 
178
182
  ${_styledcomponents.sliderTokens.railThickness}: 0.25rem;
179
183
  ${_styledcomponents.sliderTokens.railBorderRadius}: 0.125rem;
184
+ ${_styledcomponents.sliderTokens.trackSegmentBorderRadius}: 1000px;
180
185
 
181
186
  ${_styledcomponents.sliderTokens.textFieldWrapperGap}: 0.125rem;
182
187
 
@@ -220,11 +225,13 @@ const config = {
220
225
  ${_styledcomponents.sliderTokens.valueLineHeight}: var(--plasma-typo-body-xs-line-height);
221
226
 
222
227
  ${_styledcomponents.sliderTokens.tickSize}: 0.5rem;
228
+ ${_styledcomponents.sliderTokens.tickSeparatorGap}: 0.5rem;
223
229
 
224
230
  ${_styledcomponents.sliderTokens.currentValueTopOffset}: 1.25rem;
225
231
 
226
232
  ${_styledcomponents.sliderTokens.railThickness}: 0.25rem;
227
233
  ${_styledcomponents.sliderTokens.railBorderRadius}: 0.125rem;
234
+ ${_styledcomponents.sliderTokens.trackSegmentBorderRadius}: 1000px;
228
235
 
229
236
  ${_styledcomponents.sliderTokens.textFieldWrapperGap}: 0.125rem;
230
237
 
@@ -244,14 +251,26 @@ const config = {
244
251
  ${_styledcomponents.sliderTokens.thumbSize}: 1rem;
245
252
  ${_styledcomponents.sliderTokens.thumbBorderStyle}: solid;
246
253
  ${_styledcomponents.sliderTokens.thumbBorderWidth}: 0.0625rem;
254
+
255
+ ${_styledcomponents.sliderTokens.tickSeparatorWidth}: 0.25rem;
256
+ ${_styledcomponents.sliderTokens.tickSeparatorHeight}: 0.5rem;
257
+ ${_styledcomponents.sliderTokens.tickSeparatorBorderRadius}: 0.25rem;
247
258
  `,
248
259
  large: (0, _styledcomponents.css)`
249
260
  ${_styledcomponents.sliderTokens.thumbSize}: 1.25rem;
250
261
  ${_styledcomponents.sliderTokens.thumbBorderStyle}: solid;
251
262
  ${_styledcomponents.sliderTokens.thumbBorderWidth}: 0.0625rem;
263
+
264
+ ${_styledcomponents.sliderTokens.tickSeparatorWidth}: 0.25rem;
265
+ ${_styledcomponents.sliderTokens.tickSeparatorHeight}: 1rem;
266
+ ${_styledcomponents.sliderTokens.tickSeparatorBorderRadius}: 0.25rem;
252
267
  `,
253
268
  none: (0, _styledcomponents.css)`
254
269
  ${_styledcomponents.sliderTokens.thumbSize}: 0rem;
270
+
271
+ ${_styledcomponents.sliderTokens.tickSeparatorWidth}: 0.25rem;
272
+ ${_styledcomponents.sliderTokens.tickSeparatorHeight}: 0.5rem;
273
+ ${_styledcomponents.sliderTokens.tickSeparatorBorderRadius}: 0.25rem;
255
274
  `
256
275
  },
257
276
  disabled: {
package/dist/styled-components/cjs/components/TextField/TextField.clear.config.js CHANGED
@@ -191,7 +191,7 @@ const config = {
191
191
  ${_styledcomponents.textFieldTokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
192
192
  ${_styledcomponents.textFieldTokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);
193
193
 
194
- ${_styledcomponents.textFieldTokens.leftHelperPadding}: 0.25rem 0 0 0;
194
+ ${_styledcomponents.textFieldTokens.leftHelperOffset}: 0.25rem 0 0 0;
195
195
  ${_styledcomponents.textFieldTokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
196
196
  ${_styledcomponents.textFieldTokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
197
197
  ${_styledcomponents.textFieldTokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -283,7 +283,7 @@ const config = {
283
283
  ${_styledcomponents.textFieldTokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
284
284
  ${_styledcomponents.textFieldTokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);
285
285
 
286
- ${_styledcomponents.textFieldTokens.leftHelperPadding}: 0.25rem 0 0 0;
286
+ ${_styledcomponents.textFieldTokens.leftHelperOffset}: 0.25rem 0 0 0;
287
287
  ${_styledcomponents.textFieldTokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
288
288
  ${_styledcomponents.textFieldTokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
289
289
  ${_styledcomponents.textFieldTokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -367,7 +367,7 @@ const config = {
367
367
  ${_styledcomponents.textFieldTokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
368
368
  ${_styledcomponents.textFieldTokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);
369
369
 
370
- ${_styledcomponents.textFieldTokens.leftHelperPadding}: 0.25rem 0 0 0;
370
+ ${_styledcomponents.textFieldTokens.leftHelperOffset}: 0.25rem 0 0 0;
371
371
  ${_styledcomponents.textFieldTokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
372
372
  ${_styledcomponents.textFieldTokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
373
373
  ${_styledcomponents.textFieldTokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -451,7 +451,7 @@ const config = {
451
451
  ${_styledcomponents.textFieldTokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
452
452
  ${_styledcomponents.textFieldTokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);
453
453
 
454
- ${_styledcomponents.textFieldTokens.leftHelperPadding}: 0.25rem 0 0 0;
454
+ ${_styledcomponents.textFieldTokens.leftHelperOffset}: 0.25rem 0 0 0;
455
455
  ${_styledcomponents.textFieldTokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
456
456
  ${_styledcomponents.textFieldTokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
457
457
  ${_styledcomponents.textFieldTokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -535,7 +535,7 @@ const config = {
535
535
  ${_styledcomponents.textFieldTokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
536
536
  ${_styledcomponents.textFieldTokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);
537
537
 
538
- ${_styledcomponents.textFieldTokens.leftHelperPadding}: 0.25rem 0 0 0;
538
+ ${_styledcomponents.textFieldTokens.leftHelperOffset}: 0.25rem 0 0 0;
539
539
  ${_styledcomponents.textFieldTokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
540
540
  ${_styledcomponents.textFieldTokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
541
541
  ${_styledcomponents.textFieldTokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
package/dist/styled-components/cjs/components/TextField/TextField.config.js CHANGED
@@ -177,7 +177,7 @@ const config = {
177
177
  ${_styledcomponents.textFieldTokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
178
178
  ${_styledcomponents.textFieldTokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);
179
179
 
180
- ${_styledcomponents.textFieldTokens.leftHelperPadding}: 0.25rem 0 0 0;
180
+ ${_styledcomponents.textFieldTokens.leftHelperOffset}: 0.25rem 0 0 0;
181
181
  ${_styledcomponents.textFieldTokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
182
182
  ${_styledcomponents.textFieldTokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
183
183
  ${_styledcomponents.textFieldTokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -270,7 +270,7 @@ const config = {
270
270
  ${_styledcomponents.textFieldTokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
271
271
  ${_styledcomponents.textFieldTokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);
272
272
 
273
- ${_styledcomponents.textFieldTokens.leftHelperPadding}: 0.25rem 0 0 0;
273
+ ${_styledcomponents.textFieldTokens.leftHelperOffset}: 0.25rem 0 0 0;
274
274
  ${_styledcomponents.textFieldTokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
275
275
  ${_styledcomponents.textFieldTokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
276
276
  ${_styledcomponents.textFieldTokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -356,7 +356,7 @@ const config = {
356
356
  ${_styledcomponents.textFieldTokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
357
357
  ${_styledcomponents.textFieldTokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);
358
358
 
359
- ${_styledcomponents.textFieldTokens.leftHelperPadding}: 0.25rem 0 0 0;
359
+ ${_styledcomponents.textFieldTokens.leftHelperOffset}: 0.25rem 0 0 0;
360
360
  ${_styledcomponents.textFieldTokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
361
361
  ${_styledcomponents.textFieldTokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
362
362
  ${_styledcomponents.textFieldTokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -442,7 +442,7 @@ const config = {
442
442
  ${_styledcomponents.textFieldTokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
443
443
  ${_styledcomponents.textFieldTokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);
444
444
 
445
- ${_styledcomponents.textFieldTokens.leftHelperPadding}: 0.25rem 0 0 0;
445
+ ${_styledcomponents.textFieldTokens.leftHelperOffset}: 0.25rem 0 0 0;
446
446
  ${_styledcomponents.textFieldTokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
447
447
  ${_styledcomponents.textFieldTokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
448
448
  ${_styledcomponents.textFieldTokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -528,7 +528,7 @@ const config = {
528
528
  ${_styledcomponents.textFieldTokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
529
529
  ${_styledcomponents.textFieldTokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);
530
530
 
531
- ${_styledcomponents.textFieldTokens.leftHelperPadding}: 0.25rem 0 0 0;
531
+ ${_styledcomponents.textFieldTokens.leftHelperOffset}: 0.25rem 0 0 0;
532
532
  ${_styledcomponents.textFieldTokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
533
533
  ${_styledcomponents.textFieldTokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
534
534
  ${_styledcomponents.textFieldTokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
package/dist/styled-components/cjs/components/TextFieldGroup/TextFieldGroup.config.js CHANGED
@@ -45,7 +45,7 @@ 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.leftHelperPadding}: 0.25rem 0 0 0;
48
+ ${_styledcomponents.textFieldGroupTokens.leftHelperOffset}: 0.25rem 0 0 0;
49
49
  ${_styledcomponents.textFieldGroupTokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
50
50
  ${_styledcomponents.textFieldGroupTokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
51
51
  ${_styledcomponents.textFieldGroupTokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -101,7 +101,7 @@ 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.leftHelperPadding}: 0.25rem 0 0 0;
104
+ ${_styledcomponents.textFieldGroupTokens.leftHelperOffset}: 0.25rem 0 0 0;
105
105
  ${_styledcomponents.textFieldGroupTokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
106
106
  ${_styledcomponents.textFieldGroupTokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
107
107
  ${_styledcomponents.textFieldGroupTokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -157,7 +157,7 @@ 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.leftHelperPadding}: 0.25rem 0 0 0;
160
+ ${_styledcomponents.textFieldGroupTokens.leftHelperOffset}: 0.25rem 0 0 0;
161
161
  ${_styledcomponents.textFieldGroupTokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
162
162
  ${_styledcomponents.textFieldGroupTokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
163
163
  ${_styledcomponents.textFieldGroupTokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -213,7 +213,7 @@ 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.leftHelperPadding}: 0.25rem 0 0 0;
216
+ ${_styledcomponents.textFieldGroupTokens.leftHelperOffset}: 0.25rem 0 0 0;
217
217
  ${_styledcomponents.textFieldGroupTokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
218
218
  ${_styledcomponents.textFieldGroupTokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
219
219
  ${_styledcomponents.textFieldGroupTokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
package/dist/styled-components/es/components/Autocomplete/Autocomplete.config.js CHANGED
@@ -213,7 +213,7 @@ export const config = {
213
213
  ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.563rem -2.938rem auto auto;
214
214
  ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.563rem -2.188rem auto auto;
215
215
 
216
- ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
216
+ ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
217
217
  ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
218
218
  ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
219
219
  ${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -288,7 +288,7 @@ export const config = {
288
288
  ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.312rem -2.813rem auto auto;
289
289
  ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
290
290
 
291
- ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
291
+ ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
292
292
  ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
293
293
  ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
294
294
  ${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -363,7 +363,7 @@ export const config = {
363
363
  ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.062rem -2.688rem auto auto;
364
364
  ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;
365
365
 
366
- ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
366
+ ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
367
367
  ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
368
368
  ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
369
369
  ${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -438,7 +438,7 @@ export const config = {
438
438
  ${tokens.textFieldHintInnerLabelPlacementOffset}: -0.188rem -2.1875rem auto auto;
439
439
  ${tokens.textFieldClearHintInnerLabelPlacementOffset}: -0.188rem -1.938rem auto auto;
440
440
 
441
- ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
441
+ ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
442
442
  ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
443
443
  ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
444
444
  ${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
package/dist/styled-components/es/components/ChipGroup/ChipGroup.config.js CHANGED
@@ -37,6 +37,9 @@ export const config = {
37
37
  size: {
38
38
  l: css`
39
39
  ${tokens.chipBorderRadius}: 0.75rem;
40
+ ${tokens.chipDefaultRadius}: 0.75rem;
41
+ ${tokens.chipSegmentedRadius}: 0.375rem;
42
+ ${tokens.chipSideRadius}: 0.75rem;
40
43
  ${tokens.chipWidth}: auto;
41
44
  ${tokens.chipHeight}: 3rem;
42
45
  ${tokens.chipPadding}: 0 1rem;
@@ -58,6 +61,9 @@ export const config = {
58
61
  `,
59
62
  m: css`
60
63
  ${tokens.chipBorderRadius}: 0.625rem;
64
+ ${tokens.chipDefaultRadius}: 0.625rem;
65
+ ${tokens.chipSegmentedRadius}: 0.25rem;
66
+ ${tokens.chipSideRadius}: 0.625rem;
61
67
  ${tokens.chipWidth}: auto;
62
68
  ${tokens.chipHeight}: 2.5rem;
63
69
  ${tokens.chipPadding}: 0 0.875rem;
@@ -79,6 +85,9 @@ export const config = {
79
85
  `,
80
86
  s: css`
81
87
  ${tokens.chipBorderRadius}: 0.5rem;
88
+ ${tokens.chipDefaultRadius}: 0.5rem;
89
+ ${tokens.chipSegmentedRadius}: 0.25rem;
90
+ ${tokens.chipSideRadius}: 0.5rem;
82
91
  ${tokens.chipWidth}: auto;
83
92
  ${tokens.chipHeight}: 2rem;
84
93
  ${tokens.chipPadding}: 0 0.875rem;
@@ -100,6 +109,9 @@ export const config = {
100
109
  `,
101
110
  xs: css`
102
111
  ${tokens.chipBorderRadius}: 0.375rem;
112
+ ${tokens.chipDefaultRadius}: 0.375rem;
113
+ ${tokens.chipSegmentedRadius}: 0.125rem;
114
+ ${tokens.chipSideRadius}: 0.375rem;
103
115
  ${tokens.chipWidth}: auto;
104
116
  ${tokens.chipHeight}: 1.5rem;
105
117
  ${tokens.chipPadding}: 0 0.625rem;
@@ -127,6 +139,10 @@ export const config = {
127
139
  wide: css`
128
140
  ${tokens.chipGroupItemsGap}: 0.5rem;
129
141
  `
142
+ },
143
+ shape: {
144
+ segmented: css``,
145
+ default: css``
130
146
  }
131
147
  }
132
148
  };
package/dist/styled-components/es/components/CodeField/CodeField.config.js CHANGED
@@ -24,6 +24,33 @@ export const config = {
24
24
  `
25
25
  },
26
26
  size: {
27
+ xl: css`
28
+ ${tokens.captionGap}: 0.875rem;
29
+ ${tokens.codeItemsGap}: 0.125rem;
30
+
31
+ ${tokens.separatorWidth}: 0.25rem;
32
+
33
+ ${tokens.codeItemWidth}: 3rem;
34
+ ${tokens.codeItemHeight}: 4rem;
35
+
36
+ ${tokens.fontFamily}: var(--plasma-typo-body-l-font-family);
37
+ ${tokens.fontSize}: var(--plasma-typo-body-l-font-size);
38
+ ${tokens.fontStyle}: var(--plasma-typo-body-l-font-style);
39
+ ${tokens.fontWeight}: var(--plasma-typo-body-l-bold-font-weight);
40
+ ${tokens.letterSpacing}: var(--plasma-typo-body-l-letter-spacing);
41
+ ${tokens.lineHeight}: var(--plasma-typo-body-l-line-height);
42
+
43
+ ${tokens.captionFontFamily}: var(--plasma-typo-body-s-font-family);
44
+ ${tokens.captionFontSize}: var(--plasma-typo-body-s-font-size);
45
+ ${tokens.captionFontStyle}: var(--plasma-typo-body-s-font-style);
46
+ ${tokens.captionFontWeight}: var(--plasma-typo-body-s-font-weight);
47
+ ${tokens.captionLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);
48
+ ${tokens.captionLineHeight}: var(--plasma-typo-body-s-line-height);
49
+
50
+ ${tokens.borderRadius}: 1rem;
51
+ ${tokens.borderRadiusSegmented}: 0.5rem;
52
+ ${tokens.segmentedSideBorderRadius}: 1rem;
53
+ `,
27
54
  l: css`
28
55
  ${tokens.captionGap}: 0.875rem;
29
56
  ${tokens.codeItemsGap}: 0.125rem;
package/dist/styled-components/es/components/Combobox/Combobox.config.js CHANGED
@@ -265,7 +265,7 @@ export const config = {
265
265
  ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.563rem -2.938rem auto auto;
266
266
  ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.563rem -2.188rem auto auto;
267
267
 
268
- ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
268
+ ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
269
269
  ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
270
270
  ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
271
271
  ${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -386,7 +386,7 @@ export const config = {
386
386
  ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.312rem -2.813rem auto auto;
387
387
  ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
388
388
 
389
- ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
389
+ ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
390
390
  ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
391
391
  ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
392
392
  ${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -507,7 +507,7 @@ export const config = {
507
507
  ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.062rem -2.688rem auto auto;
508
508
  ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;
509
509
 
510
- ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
510
+ ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
511
511
  ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
512
512
  ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
513
513
  ${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -628,7 +628,7 @@ export const config = {
628
628
  ${tokens.textFieldHintInnerLabelPlacementOffset}: -0.188rem -2.1875rem auto auto;
629
629
  ${tokens.textFieldClearHintInnerLabelPlacementOffset}: -0.188rem -1.938rem auto auto;
630
630
 
631
- ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
631
+ ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
632
632
  ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
633
633
  ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
634
634
  ${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
package/dist/styled-components/es/components/Select/Select.config.js CHANGED
@@ -392,7 +392,7 @@ export const config = {
392
392
  ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.563rem -2.938rem auto auto;
393
393
  ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.563rem -2.188rem auto auto;
394
394
 
395
- ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
395
+ ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
396
396
  ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
397
397
  ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
398
398
  ${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -517,7 +517,7 @@ export const config = {
517
517
  ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.312rem -2.813rem auto auto;
518
518
  ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
519
519
 
520
- ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
520
+ ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
521
521
  ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
522
522
  ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
523
523
  ${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -642,7 +642,7 @@ export const config = {
642
642
  ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.062rem -2.688rem auto auto;
643
643
  ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;
644
644
 
645
- ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
645
+ ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
646
646
  ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
647
647
  ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
648
648
  ${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -767,7 +767,7 @@ export const config = {
767
767
  ${tokens.textFieldHintInnerLabelPlacementOffset}: -0.188rem -2.1875rem auto auto;
768
768
  ${tokens.textFieldClearHintInnerLabelPlacementOffset}: -0.188rem -1.938rem auto auto;
769
769
 
770
- ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
770
+ ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
771
771
  ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
772
772
  ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
773
773
  ${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);