@salutejs/plasma-web 1.629.0-next-sbcom.0 → 1.630.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_1xpx46s.css → Autocomplete.config_1cj8j7d.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_nsls0i.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_1x1ehb2.css → cjs/components/Combobox/Combobox.config_xu4ehc.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/cjs/components/Select/{Select.config_924q25.css → Select.config_11p7bi0.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_bnflxq.css → Slider.config_rsmjlo.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_r82nhl.css → TextField.config_gm1kei.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_5ro0j0.css → TextFieldGroup.config_1u4pzwr.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_1xpx46s.css → Autocomplete.config_1cj8j7d.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_nsls0i.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_1x1ehb2.css → es/components/Combobox/Combobox.config_xu4ehc.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/es/components/Select/{Select.config_924q25.css → Select.config_11p7bi0.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_bnflxq.css → Slider.config_rsmjlo.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_r82nhl.css → TextField.config_gm1kei.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_5ro0j0.css → TextFieldGroup.config_1u4pzwr.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 +28 -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 +28 -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 +15 -15
  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_7y58ik.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_7y58ik.css +0 -6
package/dist/styled-components/cjs/components/Autocomplete/Autocomplete.config.js CHANGED
@@ -240,7 +240,7 @@ const config = {
240
240
  ${_styledcomponents.autocompleteTokens.textFieldHintInnerLabelPlacementOffset}: 0.563rem -2.938rem auto auto;
241
241
  ${_styledcomponents.autocompleteTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.563rem -2.188rem auto auto;
242
242
 
243
- ${_styledcomponents.autocompleteTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
243
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
244
244
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
245
245
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
246
246
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -316,7 +316,7 @@ const config = {
316
316
  ${_styledcomponents.autocompleteTokens.textFieldHintInnerLabelPlacementOffset}: 0.312rem -2.813rem auto auto;
317
317
  ${_styledcomponents.autocompleteTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
318
318
 
319
- ${_styledcomponents.autocompleteTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
319
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
320
320
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
321
321
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
322
322
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -392,7 +392,7 @@ const config = {
392
392
  ${_styledcomponents.autocompleteTokens.textFieldHintInnerLabelPlacementOffset}: 0.062rem -2.688rem auto auto;
393
393
  ${_styledcomponents.autocompleteTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;
394
394
 
395
- ${_styledcomponents.autocompleteTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
395
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
396
396
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
397
397
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
398
398
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -468,7 +468,7 @@ const config = {
468
468
  ${_styledcomponents.autocompleteTokens.textFieldHintInnerLabelPlacementOffset}: -0.188rem -2.1875rem auto auto;
469
469
  ${_styledcomponents.autocompleteTokens.textFieldClearHintInnerLabelPlacementOffset}: -0.188rem -1.938rem auto auto;
470
470
 
471
- ${_styledcomponents.autocompleteTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
471
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
472
472
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
473
473
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
474
474
  ${_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,34 @@ 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.borderWidth}: 0.063rem;
61
+ ${_styledcomponents.codeFieldTokens.borderRadius}: 1rem;
62
+ ${_styledcomponents.codeFieldTokens.borderRadiusSegmented}: 0.5rem;
63
+ ${_styledcomponents.codeFieldTokens.segmentedSideBorderRadius}: 1rem;
64
+ `,
37
65
  l: (0, _styledcomponents.css)`
38
66
  ${_styledcomponents.codeFieldTokens.captionGap}: 0.875rem;
39
67
  ${_styledcomponents.codeFieldTokens.codeItemsGap}: 0.125rem;
package/dist/styled-components/cjs/components/Combobox/Combobox.config.js CHANGED
@@ -286,7 +286,7 @@ const config = {
286
286
  ${_styledcomponents.comboboxTokens.textFieldLabelLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);
287
287
  ${_styledcomponents.comboboxTokens.textFieldLabelLineHeight}: var(--plasma-typo-body-l-line-height);
288
288
 
289
- ${_styledcomponents.comboboxTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
289
+ ${_styledcomponents.comboboxTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
290
290
  ${_styledcomponents.comboboxTokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
291
291
  ${_styledcomponents.comboboxTokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
292
292
  ${_styledcomponents.comboboxTokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -408,7 +408,7 @@ const config = {
408
408
  ${_styledcomponents.comboboxTokens.textFieldLabelLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);
409
409
  ${_styledcomponents.comboboxTokens.textFieldLabelLineHeight}: var(--plasma-typo-body-m-line-height);
410
410
 
411
- ${_styledcomponents.comboboxTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
411
+ ${_styledcomponents.comboboxTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
412
412
  ${_styledcomponents.comboboxTokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
413
413
  ${_styledcomponents.comboboxTokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
414
414
  ${_styledcomponents.comboboxTokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -530,7 +530,7 @@ const config = {
530
530
  ${_styledcomponents.comboboxTokens.textFieldLabelLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);
531
531
  ${_styledcomponents.comboboxTokens.textFieldLabelLineHeight}: var(--plasma-typo-body-s-line-height);
532
532
 
533
- ${_styledcomponents.comboboxTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
533
+ ${_styledcomponents.comboboxTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
534
534
  ${_styledcomponents.comboboxTokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
535
535
  ${_styledcomponents.comboboxTokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
536
536
  ${_styledcomponents.comboboxTokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -652,7 +652,7 @@ const config = {
652
652
  ${_styledcomponents.comboboxTokens.textFieldLabelLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
653
653
  ${_styledcomponents.comboboxTokens.textFieldLabelLineHeight}: var(--plasma-typo-body-xs-line-height);
654
654
 
655
- ${_styledcomponents.comboboxTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
655
+ ${_styledcomponents.comboboxTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
656
656
  ${_styledcomponents.comboboxTokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
657
657
  ${_styledcomponents.comboboxTokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
658
658
  ${_styledcomponents.comboboxTokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
package/dist/styled-components/cjs/components/Select/Select.config.js CHANGED
@@ -419,7 +419,7 @@ const config = {
419
419
  ${_styledcomponents.selectTokens.textFieldHintInnerLabelPlacementOffset}: 0.563rem -2.938rem auto auto;
420
420
  ${_styledcomponents.selectTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.563rem -2.188rem auto auto;
421
421
 
422
- ${_styledcomponents.selectTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
422
+ ${_styledcomponents.selectTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
423
423
  ${_styledcomponents.selectTokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
424
424
  ${_styledcomponents.selectTokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
425
425
  ${_styledcomponents.selectTokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -545,7 +545,7 @@ const config = {
545
545
  ${_styledcomponents.selectTokens.textFieldHintInnerLabelPlacementOffset}: 0.312rem -2.813rem auto auto;
546
546
  ${_styledcomponents.selectTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
547
547
 
548
- ${_styledcomponents.selectTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
548
+ ${_styledcomponents.selectTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
549
549
  ${_styledcomponents.selectTokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
550
550
  ${_styledcomponents.selectTokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
551
551
  ${_styledcomponents.selectTokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -671,7 +671,7 @@ const config = {
671
671
  ${_styledcomponents.selectTokens.textFieldHintInnerLabelPlacementOffset}: 0.062rem -2.688rem auto auto;
672
672
  ${_styledcomponents.selectTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;
673
673
 
674
- ${_styledcomponents.selectTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
674
+ ${_styledcomponents.selectTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
675
675
  ${_styledcomponents.selectTokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
676
676
  ${_styledcomponents.selectTokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
677
677
  ${_styledcomponents.selectTokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -797,7 +797,7 @@ const config = {
797
797
  ${_styledcomponents.selectTokens.textFieldHintInnerLabelPlacementOffset}: -0.188rem -2.1875rem auto auto;
798
798
  ${_styledcomponents.selectTokens.textFieldClearHintInnerLabelPlacementOffset}: -0.188rem -1.938rem auto auto;
799
799
 
800
- ${_styledcomponents.selectTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
800
+ ${_styledcomponents.selectTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
801
801
  ${_styledcomponents.selectTokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
802
802
  ${_styledcomponents.selectTokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
803
803
  ${_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;
134
137
  ${_styledcomponents.sliderTokens.textFieldWebClipPath}: inset(0 0.063rem 0 0);
@@ -177,11 +180,13 @@ const config = {
177
180
  ${_styledcomponents.sliderTokens.valueLineHeight}: var(--plasma-typo-body-s-line-height);
178
181
 
179
182
  ${_styledcomponents.sliderTokens.tickSize}: 0.5rem;
183
+ ${_styledcomponents.sliderTokens.tickSeparatorGap}: 0.5rem;
180
184
 
181
185
  ${_styledcomponents.sliderTokens.currentValueTopOffset}: 1.75rem;
182
186
 
183
187
  ${_styledcomponents.sliderTokens.railThickness}: 0.25rem;
184
188
  ${_styledcomponents.sliderTokens.railBorderRadius}: 0.125rem;
189
+ ${_styledcomponents.sliderTokens.trackSegmentBorderRadius}: 1000px;
185
190
 
186
191
  ${_styledcomponents.sliderTokens.textFieldWrapperGap}: 0;
187
192
  ${_styledcomponents.sliderTokens.textFieldWebClipPath}: inset(0 0.063rem 0 0);
@@ -229,11 +234,13 @@ const config = {
229
234
  ${_styledcomponents.sliderTokens.valueLineHeight}: var(--plasma-typo-body-xs-line-height);
230
235
 
231
236
  ${_styledcomponents.sliderTokens.tickSize}: 0.5rem;
237
+ ${_styledcomponents.sliderTokens.tickSeparatorGap}: 0.5rem;
232
238
 
233
239
  ${_styledcomponents.sliderTokens.currentValueTopOffset}: 1.25rem;
234
240
 
235
241
  ${_styledcomponents.sliderTokens.railThickness}: 0.25rem;
236
242
  ${_styledcomponents.sliderTokens.railBorderRadius}: 0.125rem;
243
+ ${_styledcomponents.sliderTokens.trackSegmentBorderRadius}: 1000px;
237
244
 
238
245
  ${_styledcomponents.sliderTokens.textFieldWrapperGap}: 0;
239
246
  ${_styledcomponents.sliderTokens.textFieldWebClipPath}: inset(0 0.063rem 0 0);
@@ -257,14 +264,26 @@ const config = {
257
264
  ${_styledcomponents.sliderTokens.thumbSize}: 1rem;
258
265
  ${_styledcomponents.sliderTokens.thumbBorderStyle}: solid;
259
266
  ${_styledcomponents.sliderTokens.thumbBorderWidth}: 0.0625rem;
267
+
268
+ ${_styledcomponents.sliderTokens.tickSeparatorWidth}: 0.25rem;
269
+ ${_styledcomponents.sliderTokens.tickSeparatorHeight}: 0.5rem;
270
+ ${_styledcomponents.sliderTokens.tickSeparatorBorderRadius}: 0.25rem;
260
271
  `,
261
272
  large: (0, _styledcomponents.css)`
262
273
  ${_styledcomponents.sliderTokens.thumbSize}: 1.25rem;
263
274
  ${_styledcomponents.sliderTokens.thumbBorderStyle}: solid;
264
275
  ${_styledcomponents.sliderTokens.thumbBorderWidth}: 0.0625rem;
276
+
277
+ ${_styledcomponents.sliderTokens.tickSeparatorWidth}: 0.25rem;
278
+ ${_styledcomponents.sliderTokens.tickSeparatorHeight}: 1rem;
279
+ ${_styledcomponents.sliderTokens.tickSeparatorBorderRadius}: 0.25rem;
265
280
  `,
266
281
  none: (0, _styledcomponents.css)`
267
282
  ${_styledcomponents.sliderTokens.thumbSize}: 0rem;
283
+
284
+ ${_styledcomponents.sliderTokens.tickSeparatorWidth}: 0.25rem;
285
+ ${_styledcomponents.sliderTokens.tickSeparatorHeight}: 0.5rem;
286
+ ${_styledcomponents.sliderTokens.tickSeparatorBorderRadius}: 0.25rem;
268
287
  `
269
288
  },
270
289
  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
@@ -180,7 +180,7 @@ const config = {
180
180
  ${_styledcomponents.textFieldTokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
181
181
  ${_styledcomponents.textFieldTokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);
182
182
 
183
- ${_styledcomponents.textFieldTokens.leftHelperPadding}: 0.25rem 0 0 0;
183
+ ${_styledcomponents.textFieldTokens.leftHelperOffset}: 0.25rem 0 0 0;
184
184
  ${_styledcomponents.textFieldTokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
185
185
  ${_styledcomponents.textFieldTokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
186
186
  ${_styledcomponents.textFieldTokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -273,7 +273,7 @@ const config = {
273
273
  ${_styledcomponents.textFieldTokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
274
274
  ${_styledcomponents.textFieldTokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);
275
275
 
276
- ${_styledcomponents.textFieldTokens.leftHelperPadding}: 0.25rem 0 0 0;
276
+ ${_styledcomponents.textFieldTokens.leftHelperOffset}: 0.25rem 0 0 0;
277
277
  ${_styledcomponents.textFieldTokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
278
278
  ${_styledcomponents.textFieldTokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
279
279
  ${_styledcomponents.textFieldTokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -358,7 +358,7 @@ const config = {
358
358
  ${_styledcomponents.textFieldTokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
359
359
  ${_styledcomponents.textFieldTokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);
360
360
 
361
- ${_styledcomponents.textFieldTokens.leftHelperPadding}: 0.25rem 0 0 0;
361
+ ${_styledcomponents.textFieldTokens.leftHelperOffset}: 0.25rem 0 0 0;
362
362
  ${_styledcomponents.textFieldTokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
363
363
  ${_styledcomponents.textFieldTokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
364
364
  ${_styledcomponents.textFieldTokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -443,7 +443,7 @@ const config = {
443
443
  ${_styledcomponents.textFieldTokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
444
444
  ${_styledcomponents.textFieldTokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);
445
445
 
446
- ${_styledcomponents.textFieldTokens.leftHelperPadding}: 0.25rem 0 0 0;
446
+ ${_styledcomponents.textFieldTokens.leftHelperOffset}: 0.25rem 0 0 0;
447
447
  ${_styledcomponents.textFieldTokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
448
448
  ${_styledcomponents.textFieldTokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
449
449
  ${_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
@@ -230,7 +230,7 @@ export const config = {
230
230
  ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.563rem -2.938rem auto auto;
231
231
  ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.563rem -2.188rem auto auto;
232
232
 
233
- ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
233
+ ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
234
234
  ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
235
235
  ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
236
236
  ${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -306,7 +306,7 @@ export const config = {
306
306
  ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.312rem -2.813rem auto auto;
307
307
  ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
308
308
 
309
- ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
309
+ ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
310
310
  ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
311
311
  ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
312
312
  ${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -382,7 +382,7 @@ export const config = {
382
382
  ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.062rem -2.688rem auto auto;
383
383
  ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;
384
384
 
385
- ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
385
+ ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
386
386
  ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
387
387
  ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
388
388
  ${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -458,7 +458,7 @@ export const config = {
458
458
  ${tokens.textFieldHintInnerLabelPlacementOffset}: -0.188rem -2.1875rem auto auto;
459
459
  ${tokens.textFieldClearHintInnerLabelPlacementOffset}: -0.188rem -1.938rem auto auto;
460
460
 
461
- ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
461
+ ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
462
462
  ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
463
463
  ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
464
464
  ${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,34 @@ 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.borderWidth}: 0.063rem;
51
+ ${tokens.borderRadius}: 1rem;
52
+ ${tokens.borderRadiusSegmented}: 0.5rem;
53
+ ${tokens.segmentedSideBorderRadius}: 1rem;
54
+ `,
27
55
  l: css`
28
56
  ${tokens.captionGap}: 0.875rem;
29
57
  ${tokens.codeItemsGap}: 0.125rem;
package/dist/styled-components/es/components/Combobox/Combobox.config.js CHANGED
@@ -276,7 +276,7 @@ export const config = {
276
276
  ${tokens.textFieldLabelLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);
277
277
  ${tokens.textFieldLabelLineHeight}: var(--plasma-typo-body-l-line-height);
278
278
 
279
- ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
279
+ ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
280
280
  ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
281
281
  ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
282
282
  ${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -398,7 +398,7 @@ export const config = {
398
398
  ${tokens.textFieldLabelLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);
399
399
  ${tokens.textFieldLabelLineHeight}: var(--plasma-typo-body-m-line-height);
400
400
 
401
- ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
401
+ ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
402
402
  ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
403
403
  ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
404
404
  ${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -520,7 +520,7 @@ export const config = {
520
520
  ${tokens.textFieldLabelLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);
521
521
  ${tokens.textFieldLabelLineHeight}: var(--plasma-typo-body-s-line-height);
522
522
 
523
- ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
523
+ ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
524
524
  ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
525
525
  ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
526
526
  ${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -642,7 +642,7 @@ export const config = {
642
642
  ${tokens.textFieldLabelLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
643
643
  ${tokens.textFieldLabelLineHeight}: var(--plasma-typo-body-xs-line-height);
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);
package/dist/styled-components/es/components/Select/Select.config.js CHANGED
@@ -409,7 +409,7 @@ export const config = {
409
409
  ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.563rem -2.938rem auto auto;
410
410
  ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.563rem -2.188rem auto auto;
411
411
 
412
- ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
412
+ ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
413
413
  ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
414
414
  ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
415
415
  ${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -535,7 +535,7 @@ export const config = {
535
535
  ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.312rem -2.813rem auto auto;
536
536
  ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
537
537
 
538
- ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
538
+ ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
539
539
  ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
540
540
  ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
541
541
  ${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -661,7 +661,7 @@ export const config = {
661
661
  ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.062rem -2.688rem auto auto;
662
662
  ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;
663
663
 
664
- ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
664
+ ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
665
665
  ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
666
666
  ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
667
667
  ${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -787,7 +787,7 @@ export const config = {
787
787
  ${tokens.textFieldHintInnerLabelPlacementOffset}: -0.188rem -2.1875rem auto auto;
788
788
  ${tokens.textFieldClearHintInnerLabelPlacementOffset}: -0.188rem -1.938rem auto auto;
789
789
 
790
- ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
790
+ ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
791
791
  ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
792
792
  ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
793
793
  ${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);