@salutejs/sdds-dfa 0.353.0-next-sbcom.0 → 0.353.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 (51) hide show
  1. package/dist/styled-components/cjs/components/Accordion/Accordion.config.js +1 -1
  2. package/dist/styled-components/cjs/components/Autocomplete/Autocomplete.config.js +5 -5
  3. package/dist/styled-components/cjs/components/Badge/Badge.clear.config.js +73 -0
  4. package/dist/styled-components/cjs/components/Badge/Badge.config.common.js +107 -0
  5. package/dist/styled-components/cjs/components/Badge/Badge.config.js +6 -69
  6. package/dist/styled-components/cjs/components/Badge/Badge.js +29 -4
  7. package/dist/styled-components/cjs/components/Badge/Badge.transparent.config.js +85 -0
  8. package/dist/styled-components/cjs/components/Combobox/Combobox.config.js +5 -5
  9. package/dist/styled-components/cjs/components/LinkButton/LinkButton.config.js +14 -21
  10. package/dist/styled-components/cjs/components/Scrollbar/Scrollbar.config.js +3 -1
  11. package/dist/styled-components/cjs/components/Select/Select.config.js +5 -5
  12. package/dist/styled-components/cjs/components/Slider/Slider.config.js +0 -3
  13. package/dist/styled-components/cjs/components/TextField/TextField.clear.config.js +5 -5
  14. package/dist/styled-components/cjs/components/TextField/TextField.config.js +5 -5
  15. package/dist/styled-components/cjs/components/TextFieldGroup/TextFieldGroup.config.js +4 -4
  16. package/dist/styled-components/cjs/index.js +1 -0
  17. package/dist/styled-components/es/components/Accordion/Accordion.config.js +1 -1
  18. package/dist/styled-components/es/components/Autocomplete/Autocomplete.config.js +5 -5
  19. package/dist/styled-components/es/components/Badge/Badge.clear.config.js +63 -0
  20. package/dist/styled-components/es/components/Badge/Badge.config.common.js +80 -0
  21. package/dist/styled-components/es/components/Badge/Badge.config.js +6 -69
  22. package/dist/styled-components/es/components/Badge/Badge.js +13 -2
  23. package/dist/styled-components/es/components/Badge/Badge.transparent.config.js +75 -0
  24. package/dist/styled-components/es/components/Combobox/Combobox.config.js +5 -5
  25. package/dist/styled-components/es/components/LinkButton/LinkButton.config.js +14 -21
  26. package/dist/styled-components/es/components/Scrollbar/Scrollbar.config.js +3 -1
  27. package/dist/styled-components/es/components/Select/Select.config.js +5 -5
  28. package/dist/styled-components/es/components/Slider/Slider.config.js +0 -3
  29. package/dist/styled-components/es/components/TextField/TextField.clear.config.js +5 -5
  30. package/dist/styled-components/es/components/TextField/TextField.config.js +5 -5
  31. package/dist/styled-components/es/components/TextFieldGroup/TextFieldGroup.config.js +4 -4
  32. package/dist/styled-components/es/index.js +1 -1
  33. package/package.json +8 -8
  34. package/types/components/Attach/Attach.d.ts +32 -16
  35. package/types/components/Autocomplete/Autocomplete.d.ts +8 -8
  36. package/types/components/Avatar/Avatar.d.ts +8 -0
  37. package/types/components/Badge/Badge.clear.config.d.ts +31 -0
  38. package/types/components/Badge/Badge.config.common.d.ts +5 -0
  39. package/types/components/Badge/Badge.d.ts +343 -15
  40. package/types/components/Badge/Badge.transparent.config.d.ts +34 -0
  41. package/types/components/CodeField/CodeField.d.ts +1 -1
  42. package/types/components/CodeInput/CodeInput.d.ts +1 -1
  43. package/types/components/DatePicker/DatePicker.d.ts +20 -4
  44. package/types/components/Dropdown/Dropdown.d.ts +2 -2
  45. package/types/components/Mask/Mask.d.ts +16 -16
  46. package/types/components/Range/Range.d.ts +2215 -439
  47. package/types/components/Scrollbar/Scrollbar.config.d.ts +2 -0
  48. package/types/components/TextArea/TextArea.d.ts +32 -32
  49. package/types/components/TextField/TextField.d.ts +32 -32
  50. package/types/components/TimePicker/TimePicker.d.ts +8 -2
  51. package/types/index.d.ts +1 -0
package/dist/styled-components/cjs/components/Select/Select.config.js CHANGED
@@ -402,7 +402,7 @@ const config = {
402
402
  ${_styledcomponents.selectTokens.textFieldHintInnerLabelPlacementOffset}: 0.82rem -2.938rem auto auto;
403
403
  ${_styledcomponents.selectTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.82rem -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.563rem -2.938rem auto auto;
528
528
  ${_styledcomponents.selectTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.563rem -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.312rem -2.813rem auto auto;
653
653
  ${_styledcomponents.selectTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.312rem -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.062rem -2.688rem auto auto;
778
778
  ${_styledcomponents.selectTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.062rem -2.188rem 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);
@@ -902,7 +902,7 @@ const config = {
902
902
  ${_styledcomponents.selectTokens.textFieldHintInnerLabelPlacementOffset}: -0.188rem -2.1875rem auto auto;
903
903
  ${_styledcomponents.selectTokens.textFieldClearHintInnerLabelPlacementOffset}: -0.188rem -1.938rem auto auto;
904
904
 
905
- ${_styledcomponents.selectTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
905
+ ${_styledcomponents.selectTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
906
906
  ${_styledcomponents.selectTokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
907
907
  ${_styledcomponents.selectTokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
908
908
  ${_styledcomponents.selectTokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
package/dist/styled-components/cjs/components/Slider/Slider.config.js CHANGED
@@ -129,7 +129,6 @@ const config = {
129
129
 
130
130
  ${_styledcomponents.sliderTokens.railThickness}: 0.25rem;
131
131
  ${_styledcomponents.sliderTokens.railBorderRadius}: 0.125rem;
132
- ${_styledcomponents.sliderTokens.railIndent}: 0.75rem;
133
132
 
134
133
  ${_styledcomponents.sliderTokens.textFieldWrapperGap}: 0.125rem;
135
134
 
@@ -178,7 +177,6 @@ const config = {
178
177
 
179
178
  ${_styledcomponents.sliderTokens.railThickness}: 0.25rem;
180
179
  ${_styledcomponents.sliderTokens.railBorderRadius}: 0.125rem;
181
- ${_styledcomponents.sliderTokens.railIndent}: 0.75rem;
182
180
 
183
181
  ${_styledcomponents.sliderTokens.textFieldWrapperGap}: 0.125rem;
184
182
 
@@ -227,7 +225,6 @@ const config = {
227
225
 
228
226
  ${_styledcomponents.sliderTokens.railThickness}: 0.25rem;
229
227
  ${_styledcomponents.sliderTokens.railBorderRadius}: 0.125rem;
230
- ${_styledcomponents.sliderTokens.railIndent}: 0.75rem;
231
228
 
232
229
  ${_styledcomponents.sliderTokens.textFieldWrapperGap}: 0.125rem;
233
230
 
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
@@ -175,7 +175,7 @@ const config = {
175
175
  ${_styledcomponents.textFieldTokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
176
176
  ${_styledcomponents.textFieldTokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);
177
177
 
178
- ${_styledcomponents.textFieldTokens.leftHelperPadding}: 0.25rem 0 0 0;
178
+ ${_styledcomponents.textFieldTokens.leftHelperOffset}: 0.25rem 0 0 0;
179
179
  ${_styledcomponents.textFieldTokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
180
180
  ${_styledcomponents.textFieldTokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
181
181
  ${_styledcomponents.textFieldTokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -268,7 +268,7 @@ const config = {
268
268
  ${_styledcomponents.textFieldTokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
269
269
  ${_styledcomponents.textFieldTokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);
270
270
 
271
- ${_styledcomponents.textFieldTokens.leftHelperPadding}: 0.25rem 0 0 0;
271
+ ${_styledcomponents.textFieldTokens.leftHelperOffset}: 0.25rem 0 0 0;
272
272
  ${_styledcomponents.textFieldTokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
273
273
  ${_styledcomponents.textFieldTokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
274
274
  ${_styledcomponents.textFieldTokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -354,7 +354,7 @@ const config = {
354
354
  ${_styledcomponents.textFieldTokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
355
355
  ${_styledcomponents.textFieldTokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);
356
356
 
357
- ${_styledcomponents.textFieldTokens.leftHelperPadding}: 0.25rem 0 0 0;
357
+ ${_styledcomponents.textFieldTokens.leftHelperOffset}: 0.25rem 0 0 0;
358
358
  ${_styledcomponents.textFieldTokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
359
359
  ${_styledcomponents.textFieldTokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
360
360
  ${_styledcomponents.textFieldTokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -440,7 +440,7 @@ const config = {
440
440
  ${_styledcomponents.textFieldTokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
441
441
  ${_styledcomponents.textFieldTokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);
442
442
 
443
- ${_styledcomponents.textFieldTokens.leftHelperPadding}: 0.25rem 0 0 0;
443
+ ${_styledcomponents.textFieldTokens.leftHelperOffset}: 0.25rem 0 0 0;
444
444
  ${_styledcomponents.textFieldTokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
445
445
  ${_styledcomponents.textFieldTokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
446
446
  ${_styledcomponents.textFieldTokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -526,7 +526,7 @@ const config = {
526
526
  ${_styledcomponents.textFieldTokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
527
527
  ${_styledcomponents.textFieldTokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);
528
528
 
529
- ${_styledcomponents.textFieldTokens.leftHelperPadding}: 0.25rem 0 0 0;
529
+ ${_styledcomponents.textFieldTokens.leftHelperOffset}: 0.25rem 0 0 0;
530
530
  ${_styledcomponents.textFieldTokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
531
531
  ${_styledcomponents.textFieldTokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
532
532
  ${_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/cjs/index.js CHANGED
@@ -38,6 +38,7 @@ _export_star(require("./components/Range"), exports);
38
38
  _export_star(require("./components/Radiobox"), exports);
39
39
  _export_star(require("./components/Segment"), exports);
40
40
  _export_star(require("./components/Sheet"), exports);
41
+ _export_star(require("./components/Skeleton"), exports);
41
42
  _export_star(require("./components/Spinner"), exports);
42
43
  _export_star(require("./components/Slider"), exports);
43
44
  _export_star(require("./components/SSRProvider"), exports);
package/dist/styled-components/es/components/Accordion/Accordion.config.js CHANGED
@@ -28,7 +28,7 @@ export const config = {
28
28
  ${accordionTokens.accordionItemTextColor}: var(--text-primary);
29
29
  ${accordionTokens.accordionItemIconColor}: var(--text-primary);
30
30
  ${accordionTokens.accordionItemFocus}: var(--surface-accent);
31
- ${accordionTokens.accordionItemBorderRadius}: 0rem !important;
31
+ ${accordionTokens.accordionItemViewBorderRadius}: 0rem;
32
32
  ${accordionTokens.accordionBackground}: var(--surface-clear);
33
33
  ${accordionTokens.accordionItemBorderBottom}: 0.063rem solid var(--surface-solid-tertiary);
34
34
  ${accordionTokens.accordionItemPaddingHorizontalLeft}: 0;
package/dist/styled-components/es/components/Autocomplete/Autocomplete.config.js CHANGED
@@ -213,7 +213,7 @@ export const config = {
213
213
  ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.82rem -2.938rem auto auto;
214
214
  ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.82rem -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.563rem -2.938rem auto auto;
289
289
  ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.563rem -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.312rem -2.813rem auto auto;
364
364
  ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.312rem -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.062rem -2.688rem auto auto;
439
439
  ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.062rem -2.188rem 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);
@@ -513,7 +513,7 @@ export const config = {
513
513
  ${tokens.textFieldHintInnerLabelPlacementOffset}: -0.188rem -2.1875rem auto auto;
514
514
  ${tokens.textFieldClearHintInnerLabelPlacementOffset}: -0.188rem -1.938rem auto auto;
515
515
 
516
- ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
516
+ ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
517
517
  ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
518
518
  ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
519
519
  ${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
package/dist/styled-components/es/components/Badge/Badge.clear.config.js ADDED
@@ -0,0 +1,63 @@
1
+ import { css, badgeTokens } from '@salutejs/plasma-new-hope/styled-components';
2
+ import { pilled, sizeL, sizeM, sizeS, sizeXS } from './Badge.config.common';
3
+ export const config = {
4
+ defaults: {
5
+ view: 'default',
6
+ size: 'm'
7
+ },
8
+ variations: {
9
+ view: {
10
+ default: css`
11
+ ${badgeTokens.color}: var(--text-primary);
12
+ `,
13
+ accent: css`
14
+ ${badgeTokens.color}: var(--text-accent);
15
+ `,
16
+ positive: css`
17
+ ${badgeTokens.color}: var(--text-positive);
18
+ `,
19
+ warning: css`
20
+ ${badgeTokens.color}: var(--text-warning);
21
+ `,
22
+ negative: css`
23
+ ${badgeTokens.color}: var(--text-negative);
24
+ `,
25
+ black: css`
26
+ ${badgeTokens.color}: var(--on-light-text-primary);
27
+ `,
28
+ white: css`
29
+ ${badgeTokens.color}: var(--on-dark-text-primary);
30
+ `,
31
+ // deprecated
32
+ dark: css`
33
+ ${badgeTokens.color}: var(--on-light-text-primary);
34
+ `,
35
+ // deprecated
36
+ light: css`
37
+ ${badgeTokens.color}: var(--on-dark-text-primary);
38
+ `
39
+ },
40
+ size: {
41
+ l: css`
42
+ ${sizeL}
43
+ `,
44
+ m: css`
45
+ ${sizeM}
46
+ `,
47
+ s: css`
48
+ ${sizeS}
49
+ `,
50
+ xs: css`
51
+ ${sizeXS}
52
+ `
53
+ },
54
+ pilled: {
55
+ true: css`
56
+ ${pilled}
57
+ `
58
+ },
59
+ truncate: {
60
+ true: css``
61
+ }
62
+ }
63
+ };
package/dist/styled-components/es/components/Badge/Badge.config.common.js ADDED
@@ -0,0 +1,80 @@
1
+ import { badgeTokens } from '@salutejs/plasma-new-hope/styled-components';
2
+ export const sizeL = `
3
+ ${badgeTokens.borderRadius}: 0.5rem;
4
+ ${badgeTokens.height}: 1.75rem;
5
+ ${badgeTokens.padding}: 0 0.6875rem;
6
+ ${badgeTokens.paddingIconOnly}: 0 0.375rem;
7
+
8
+ ${badgeTokens.fontFamily}: var(--plasma-typo-body-s-font-family);
9
+ ${badgeTokens.fontSize}: var(--plasma-typo-body-s-font-size);
10
+ ${badgeTokens.fontStyle}: var(--plasma-typo-body-s-font-style);
11
+ ${badgeTokens.fontWeight}: var(--plasma-typo-body-s-font-weight);
12
+ ${badgeTokens.letterSpacing}: var(--plasma-typo-body-s-letter-spacing);
13
+ ${badgeTokens.lineHeight}: var(--plasma-typo-body-s-line-height);
14
+
15
+ ${badgeTokens.leftContentMarginLeft}: -0.0625rem;
16
+ ${badgeTokens.leftContentMarginRight}: 0.25rem;
17
+
18
+ ${badgeTokens.rightContentMarginLeft}: 0.25rem;
19
+ ${badgeTokens.rightContentMarginRight}: -0.0625rem;
20
+ `;
21
+ export const sizeM = `
22
+ ${badgeTokens.borderRadius}: 0.375rem;
23
+ ${badgeTokens.height}: 1.5rem;
24
+ ${badgeTokens.padding}: 0 0.5625rem;
25
+ ${badgeTokens.paddingIconOnly}: 0 0.375rem;
26
+
27
+ ${badgeTokens.fontFamily}: var(--plasma-typo-body-xs-font-family);
28
+ ${badgeTokens.fontSize}: var(--plasma-typo-body-xs-font-size);
29
+ ${badgeTokens.fontStyle}: var(--plasma-typo-body-xs-font-style);
30
+ ${badgeTokens.fontWeight}: var(--plasma-typo-body-xs-font-weight);
31
+ ${badgeTokens.letterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
32
+ ${badgeTokens.lineHeight}: var(--plasma-typo-body-xs-line-height);
33
+
34
+ ${badgeTokens.leftContentMarginLeft}: -0.0625rem;
35
+ ${badgeTokens.leftContentMarginRight}: 0.1875rem;
36
+
37
+ ${badgeTokens.rightContentMarginLeft}: 0.1875rem;
38
+ ${badgeTokens.rightContentMarginRight}: -0.0625rem;
39
+ `;
40
+ export const sizeS = `
41
+ ${badgeTokens.borderRadius}: 0.375rem;
42
+ ${badgeTokens.height}: 1.25rem;
43
+ ${badgeTokens.padding}: 0 0.4375rem;
44
+ ${badgeTokens.paddingIconOnly}: 0 0.25rem;
45
+
46
+ ${badgeTokens.fontFamily}: var(--plasma-typo-body-xxs-font-family);
47
+ ${badgeTokens.fontSize}: var(--plasma-typo-body-xxs-font-size);
48
+ ${badgeTokens.fontStyle}: var(--plasma-typo-body-xxs-font-style);
49
+ ${badgeTokens.fontWeight}: var(--plasma-typo-body-xxs-font-weight);
50
+ ${badgeTokens.letterSpacing}: var(--plasma-typo-body-xxs-letter-spacing);
51
+ ${badgeTokens.lineHeight}: var(--plasma-typo-body-xxs-line-height);
52
+
53
+ ${badgeTokens.leftContentMarginLeft}: -0.0625rem;
54
+ ${badgeTokens.leftContentMarginRight}: 0.125rem;
55
+
56
+ ${badgeTokens.rightContentMarginLeft}: 0.125rem;
57
+ ${badgeTokens.rightContentMarginRight}: -0.0625rem;
58
+ `;
59
+ export const sizeXS = `
60
+ ${badgeTokens.borderRadius}: 0.25rem;
61
+ ${badgeTokens.height}: 1rem;
62
+ ${badgeTokens.padding}: 0 0.25rem;
63
+ ${badgeTokens.paddingIconOnly}: 0 0.188rem;
64
+
65
+ ${badgeTokens.fontFamily}: var(--plasma-typo-body-xxs-font-family);
66
+ ${badgeTokens.fontSize}: var(--plasma-typo-body-xxs-font-size);
67
+ ${badgeTokens.fontStyle}: var(--plasma-typo-body-xxs-font-style);
68
+ ${badgeTokens.fontWeight}: var(--plasma-typo-body-xxs-font-weight);
69
+ ${badgeTokens.letterSpacing}: var(--plasma-typo-body-xxs-letter-spacing);
70
+ ${badgeTokens.lineHeight}: var(--plasma-typo-body-xxs-line-height);
71
+
72
+ ${badgeTokens.leftContentMarginLeft}: -0.0625rem;
73
+ ${badgeTokens.leftContentMarginRight}: 0.125rem;
74
+
75
+ ${badgeTokens.rightContentMarginLeft}: 0.125rem;
76
+ ${badgeTokens.rightContentMarginRight}: -0.0625rem;
77
+ `;
78
+ export const pilled = `
79
+ ${badgeTokens.pilledBorderRadius}: 1000px;
80
+ `;
package/dist/styled-components/es/components/Badge/Badge.config.js CHANGED
@@ -1,4 +1,5 @@
1
1
  import { css, badgeTokens } from '@salutejs/plasma-new-hope/styled-components';
2
+ import { pilled, sizeL, sizeM, sizeS, sizeXS } from './Badge.config.common';
2
3
  export const config = {
3
4
  defaults: {
4
5
  view: 'default',
@@ -92,85 +93,21 @@ export const config = {
92
93
  },
93
94
  size: {
94
95
  l: css`
95
- ${badgeTokens.borderRadius}: 0.5rem;
96
- ${badgeTokens.height}: 1.75rem;
97
- ${badgeTokens.padding}: 0 0.6875rem;
98
- ${badgeTokens.paddingIconOnly}: 0 0.375rem;
99
-
100
- ${badgeTokens.fontFamily}: var(--plasma-typo-body-s-font-family);
101
- ${badgeTokens.fontSize}: var(--plasma-typo-body-s-font-size);
102
- ${badgeTokens.fontStyle}: var(--plasma-typo-body-s-font-style);
103
- ${badgeTokens.fontWeight}: var(--plasma-typo-body-s-font-weight);
104
- ${badgeTokens.letterSpacing}: var(--plasma-typo-body-s-letter-spacing);
105
- ${badgeTokens.lineHeight}: var(--plasma-typo-body-s-line-height);
106
-
107
- ${badgeTokens.leftContentMarginLeft}: -0.0625rem;
108
- ${badgeTokens.leftContentMarginRight}: 0.25rem;
109
-
110
- ${badgeTokens.rightContentMarginLeft}: 0.25rem;
111
- ${badgeTokens.rightContentMarginRight}: -0.0625rem;
96
+ ${sizeL}
112
97
  `,
113
98
  m: css`
114
- ${badgeTokens.borderRadius}: 0.375rem;
115
- ${badgeTokens.height}: 1.5rem;
116
- ${badgeTokens.padding}: 0 0.5625rem;
117
- ${badgeTokens.paddingIconOnly}: 0 0.375rem;
118
-
119
- ${badgeTokens.fontFamily}: var(--plasma-typo-body-xs-font-family);
120
- ${badgeTokens.fontSize}: var(--plasma-typo-body-xs-font-size);
121
- ${badgeTokens.fontStyle}: var(--plasma-typo-body-xs-font-style);
122
- ${badgeTokens.fontWeight}: var(--plasma-typo-body-xs-font-weight);
123
- ${badgeTokens.letterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
124
- ${badgeTokens.lineHeight}: var(--plasma-typo-body-xs-line-height);
125
-
126
- ${badgeTokens.leftContentMarginLeft}: -0.0625rem;
127
- ${badgeTokens.leftContentMarginRight}: 0.1875rem;
128
-
129
- ${badgeTokens.rightContentMarginLeft}: 0.1875rem;
130
- ${badgeTokens.rightContentMarginRight}: -0.0625rem;
99
+ ${sizeM}
131
100
  `,
132
101
  s: css`
133
- ${badgeTokens.borderRadius}: 0.375rem;
134
- ${badgeTokens.height}: 1.25rem;
135
- ${badgeTokens.padding}: 0 0.4375rem;
136
- ${badgeTokens.paddingIconOnly}: 0 0.25rem;
137
-
138
- ${badgeTokens.fontFamily}: var(--plasma-typo-body-xxs-font-family);
139
- ${badgeTokens.fontSize}: var(--plasma-typo-body-xxs-font-size);
140
- ${badgeTokens.fontStyle}: var(--plasma-typo-body-xxs-font-style);
141
- ${badgeTokens.fontWeight}: var(--plasma-typo-body-xxs-font-weight);
142
- ${badgeTokens.letterSpacing}: var(--plasma-typo-body-xxs-letter-spacing);
143
- ${badgeTokens.lineHeight}: var(--plasma-typo-body-xxs-line-height);
144
-
145
- ${badgeTokens.leftContentMarginLeft}: -0.0625rem;
146
- ${badgeTokens.leftContentMarginRight}: 0.125rem;
147
-
148
- ${badgeTokens.rightContentMarginLeft}: 0.125rem;
149
- ${badgeTokens.rightContentMarginRight}: -0.0625rem;
102
+ ${sizeS}
150
103
  `,
151
104
  xs: css`
152
- ${badgeTokens.borderRadius}: 0.25rem;
153
- ${badgeTokens.height}: 1rem;
154
- ${badgeTokens.padding}: 0 0.25rem;
155
- ${badgeTokens.paddingIconOnly}: 0 0.188rem;
156
-
157
- ${badgeTokens.fontFamily}: var(--plasma-typo-body-xxs-font-family);
158
- ${badgeTokens.fontSize}: var(--plasma-typo-body-xxs-font-size);
159
- ${badgeTokens.fontStyle}: var(--plasma-typo-body-xxs-font-style);
160
- ${badgeTokens.fontWeight}: var(--plasma-typo-body-xxs-font-weight);
161
- ${badgeTokens.letterSpacing}: var(--plasma-typo-body-xxs-letter-spacing);
162
- ${badgeTokens.lineHeight}: var(--plasma-typo-body-xxs-line-height);
163
-
164
- ${badgeTokens.leftContentMarginLeft}: -0.0625rem;
165
- ${badgeTokens.leftContentMarginRight}: 0.125rem;
166
-
167
- ${badgeTokens.rightContentMarginLeft}: 0.125rem;
168
- ${badgeTokens.rightContentMarginRight}: -0.0625rem;
105
+ ${sizeXS}
169
106
  `
170
107
  },
171
108
  pilled: {
172
109
  true: css`
173
- ${badgeTokens.pilledBorderRadius}: 1.25rem;
110
+ ${pilled}
174
111
  `
175
112
  },
176
113
  transparent: {
package/dist/styled-components/es/components/Badge/Badge.js CHANGED
@@ -1,6 +1,17 @@
1
- import { badgeConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/styled-components';
1
+ import { badgeConfig, component, mergeConfig, createConditionalComponent } from '@salutejs/plasma-new-hope/styled-components';
2
2
  import { config } from './Badge.config';
3
+ import { config as clearConfig } from './Badge.clear.config';
4
+ import { config as transparentConfig } from './Badge.transparent.config';
3
5
  const mergedConfig = mergeConfig(badgeConfig, config);
6
+ export const BadgeDefault = component(mergedConfig);
7
+ const mergedConfigClear = mergeConfig(badgeConfig, clearConfig);
8
+ export const BadgeClear = component(mergedConfigClear);
9
+ const mergedConfigTransparent = mergeConfig(badgeConfig, transparentConfig);
10
+ export const BadgeTransparent = component(mergedConfigTransparent);
4
11
  /**
5
12
  * Компонент Badge.
6
- */ export const Badge = component(mergedConfig);
13
+ */ export const Badge = createConditionalComponent({
14
+ default: BadgeDefault,
15
+ clear: BadgeClear,
16
+ transparent: BadgeTransparent
17
+ });
package/dist/styled-components/es/components/Badge/Badge.transparent.config.js ADDED
@@ -0,0 +1,75 @@
1
+ import { css, badgeTokens } from '@salutejs/plasma-new-hope/styled-components';
2
+ import { pilled, sizeL, sizeM, sizeS, sizeXS } from './Badge.config.common';
3
+ export const config = {
4
+ defaults: {
5
+ view: 'default',
6
+ size: 'm'
7
+ },
8
+ variations: {
9
+ view: {
10
+ default: css`
11
+ ${badgeTokens.color}: var(--text-primary);
12
+ ${badgeTokens.background}: var(--surface-transparent-secondary);
13
+ `,
14
+ accent: css`
15
+ ${badgeTokens.color}: var(--text-accent);
16
+ ${badgeTokens.background}: var(--surface-transparent-accent);
17
+ `,
18
+ positive: css`
19
+ ${badgeTokens.color}: var(--text-positive);
20
+ ${badgeTokens.background}: var(--surface-transparent-positive);
21
+ `,
22
+ warning: css`
23
+ ${badgeTokens.color}: var(--text-warning);
24
+ ${badgeTokens.background}: var(--surface-transparent-warning);
25
+ `,
26
+ negative: css`
27
+ ${badgeTokens.color}: var(--text-negative);
28
+ ${badgeTokens.background}: var(--surface-transparent-negative);
29
+ `,
30
+ black: css`
31
+ ${badgeTokens.color}: var(--on-dark-text-primary);
32
+ ${badgeTokens.background}: var(--on-light-surface-transparent-deep);
33
+ `,
34
+ white: css`
35
+ ${badgeTokens.color}: var(--on-dark-text-primary);
36
+ ${badgeTokens.background}: var(--on-dark-surface-transparent-card);
37
+ `,
38
+ // deprecated
39
+ dark: css`
40
+ ${badgeTokens.color}: var(--on-dark-text-primary);
41
+ ${badgeTokens.background}: var(--on-light-surface-transparent-deep);
42
+ `,
43
+ // deprecated
44
+ light: css`
45
+ ${badgeTokens.color}: var(--on-dark-text-primary);
46
+ ${badgeTokens.background}: var(--on-dark-surface-transparent-card);
47
+ `
48
+ },
49
+ size: {
50
+ l: css`
51
+ ${sizeL}
52
+ `,
53
+ m: css`
54
+ ${sizeM}
55
+ `,
56
+ s: css`
57
+ ${sizeS}
58
+ `,
59
+ xs: css`
60
+ ${sizeXS}
61
+ `
62
+ },
63
+ pilled: {
64
+ true: css`
65
+ ${pilled}
66
+ `
67
+ },
68
+ transparent: {
69
+ true: css``
70
+ },
71
+ truncate: {
72
+ true: css``
73
+ }
74
+ }
75
+ };
package/dist/styled-components/es/components/Combobox/Combobox.config.js CHANGED
@@ -265,7 +265,7 @@ export const config = {
265
265
  ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.82rem -2.938rem auto auto;
266
266
  ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.82rem -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.563rem -2.938rem auto auto;
387
387
  ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.563rem -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.312rem -2.813rem auto auto;
508
508
  ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.312rem -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.062rem -2.688rem auto auto;
629
629
  ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.062rem -2.188rem 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);
@@ -749,7 +749,7 @@ export const config = {
749
749
  ${tokens.textFieldHintInnerLabelPlacementOffset}: -0.188rem -2.1875rem auto auto;
750
750
  ${tokens.textFieldClearHintInnerLabelPlacementOffset}: -0.188rem -1.938rem auto auto;
751
751
 
752
- ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
752
+ ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
753
753
  ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
754
754
  ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
755
755
  ${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);