@salutejs/plasma-homeds 0.348.0-next-sbcom.0 → 0.348.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 (43) hide show
  1. package/dist/styled-components/cjs/components/Autocomplete/Autocomplete.config.js +28 -28
  2. package/dist/styled-components/cjs/components/Combobox/Combobox.config.js +76 -28
  3. package/dist/styled-components/cjs/components/DateTimePicker/DateTimePicker.clear.config.js +2 -0
  4. package/dist/styled-components/cjs/components/DateTimePicker/DateTimePicker.config.js +2 -0
  5. package/dist/styled-components/cjs/components/Note/Note.config.js +54 -7
  6. package/dist/styled-components/cjs/components/Select/Select.config.js +28 -28
  7. package/dist/styled-components/cjs/components/Slider/Slider.config.js +17 -13
  8. package/dist/styled-components/cjs/components/Steps/StepItem.config.js +70 -0
  9. package/dist/styled-components/cjs/components/Steps/Steps.config.js +0 -20
  10. package/dist/styled-components/cjs/components/Steps/Steps.js +5 -1
  11. package/dist/styled-components/cjs/components/TextField/TextField.config.js +21 -24
  12. package/dist/styled-components/cjs/components/TextFieldGroup/TextFieldGroup.config.js +28 -28
  13. package/dist/styled-components/es/components/Autocomplete/Autocomplete.config.js +28 -28
  14. package/dist/styled-components/es/components/Combobox/Combobox.config.js +76 -28
  15. package/dist/styled-components/es/components/DateTimePicker/DateTimePicker.clear.config.js +2 -0
  16. package/dist/styled-components/es/components/DateTimePicker/DateTimePicker.config.js +2 -0
  17. package/dist/styled-components/es/components/Note/Note.config.js +54 -7
  18. package/dist/styled-components/es/components/Select/Select.config.js +28 -28
  19. package/dist/styled-components/es/components/Slider/Slider.config.js +17 -13
  20. package/dist/styled-components/es/components/Steps/StepItem.config.js +60 -0
  21. package/dist/styled-components/es/components/Steps/Steps.config.js +0 -20
  22. package/dist/styled-components/es/components/Steps/Steps.js +5 -1
  23. package/dist/styled-components/es/components/TextField/TextField.config.js +21 -24
  24. package/dist/styled-components/es/components/TextFieldGroup/TextFieldGroup.config.js +28 -28
  25. package/package.json +8 -8
  26. package/types/components/Accordion/Accordion.d.ts +1 -1
  27. package/types/components/Autocomplete/Autocomplete.d.ts +8 -16
  28. package/types/components/Calendar/Calendar.d.ts +2 -2
  29. package/types/components/Cell/Cell.d.ts +3 -3
  30. package/types/components/Combobox/Combobox.config.d.ts +6 -0
  31. package/types/components/Combobox/Combobox.d.ts +13 -0
  32. package/types/components/DatePicker/DatePicker.d.ts +8 -8
  33. package/types/components/Mask/Mask.d.ts +0 -8
  34. package/types/components/Note/Note.config.d.ts +10 -0
  35. package/types/components/Note/Note.d.ts +6 -0
  36. package/types/components/Slider/Slider.config.d.ts +6 -0
  37. package/types/components/Slider/Slider.d.ts +9 -2
  38. package/types/components/Steps/StepItem.config.d.ts +14 -0
  39. package/types/components/TextArea/TextArea.d.ts +0 -32
  40. package/types/components/TextField/TextField.d.ts +0 -8
  41. package/types/components/TimePicker/TimePicker.d.ts +6 -2
  42. package/types/components/Tokens/Colors/Colors.styles.d.ts +2 -0
  43. package/types/components/Tokens/Typography/Typography.styles.d.ts +2 -0
package/dist/styled-components/cjs/components/Autocomplete/Autocomplete.config.js CHANGED
@@ -223,13 +223,13 @@ const config = {
223
223
  ${_styledcomponents.autocompleteTokens.textFieldHintInnerLabelPlacementOffset}: 0.563rem -2.938rem auto auto;
224
224
  ${_styledcomponents.autocompleteTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.563rem -2.188rem auto auto;
225
225
 
226
- ${_styledcomponents.autocompleteTokens.textFieldHelpersPadding}: 0.25rem 0 0 0;
227
- ${_styledcomponents.autocompleteTokens.textFieldHelpersFontFamily}: var(--plasma-typo-body-xs-font-family);
228
- ${_styledcomponents.autocompleteTokens.textFieldHelpersFontSize}: var(--plasma-typo-body-xs-font-size);
229
- ${_styledcomponents.autocompleteTokens.textFieldHelpersFontStyle}: var(--plasma-typo-body-xs-font-style);
230
- ${_styledcomponents.autocompleteTokens.textFieldHelpersFontWeight}: var(--plasma-typo-body-xs-font-weight);
231
- ${_styledcomponents.autocompleteTokens.textFieldHelpersLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
232
- ${_styledcomponents.autocompleteTokens.textFieldHelpersLineHeight}: var(--plasma-typo-body-xs-line-height);
226
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperOffset}: 0.25rem;
227
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
228
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
229
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
230
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);
231
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
232
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);
233
233
 
234
234
  ${_styledcomponents.autocompleteTokens.textFieldLabelInnerPadding}: 0.5625rem 0 0.125rem 0;
235
235
  ${_styledcomponents.autocompleteTokens.textFieldContentLabelInnerPadding}: 1.5625rem 0 0.5625rem 0;
@@ -298,13 +298,13 @@ const config = {
298
298
  ${_styledcomponents.autocompleteTokens.textFieldHintInnerLabelPlacementOffset}: 0.312rem -2.813rem auto auto;
299
299
  ${_styledcomponents.autocompleteTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
300
300
 
301
- ${_styledcomponents.autocompleteTokens.textFieldHelpersPadding}: 0.25rem 0 0 0;
302
- ${_styledcomponents.autocompleteTokens.textFieldHelpersFontFamily}: var(--plasma-typo-body-xs-font-family);
303
- ${_styledcomponents.autocompleteTokens.textFieldHelpersFontSize}: var(--plasma-typo-body-xs-font-size);
304
- ${_styledcomponents.autocompleteTokens.textFieldHelpersFontStyle}: var(--plasma-typo-body-xs-font-style);
305
- ${_styledcomponents.autocompleteTokens.textFieldHelpersFontWeight}: var(--plasma-typo-body-xs-font-weight);
306
- ${_styledcomponents.autocompleteTokens.textFieldHelpersLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
307
- ${_styledcomponents.autocompleteTokens.textFieldHelpersLineHeight}: var(--plasma-typo-body-xs-line-height);
301
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperOffset}: 0.25rem;
302
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
303
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
304
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
305
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);
306
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
307
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);
308
308
 
309
309
  ${_styledcomponents.autocompleteTokens.textFieldLabelInnerPadding}: 0.375rem 0 0.125rem 0;
310
310
  ${_styledcomponents.autocompleteTokens.textFieldContentLabelInnerPadding}: 1.375rem 0 0.375rem 0;
@@ -373,13 +373,13 @@ const config = {
373
373
  ${_styledcomponents.autocompleteTokens.textFieldHintInnerLabelPlacementOffset}: 0.062rem -2.688rem auto auto;
374
374
  ${_styledcomponents.autocompleteTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;
375
375
 
376
- ${_styledcomponents.autocompleteTokens.textFieldHelpersPadding}: 0.25rem 0 0 0;
377
- ${_styledcomponents.autocompleteTokens.textFieldHelpersFontFamily}: var(--plasma-typo-body-xs-font-family);
378
- ${_styledcomponents.autocompleteTokens.textFieldHelpersFontSize}: var(--plasma-typo-body-xs-font-size);
379
- ${_styledcomponents.autocompleteTokens.textFieldHelpersFontStyle}: var(--plasma-typo-body-xs-font-style);
380
- ${_styledcomponents.autocompleteTokens.textFieldHelpersFontWeight}: var(--plasma-typo-body-xs-font-weight);
381
- ${_styledcomponents.autocompleteTokens.textFieldHelpersLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
382
- ${_styledcomponents.autocompleteTokens.textFieldHelpersLineHeight}: var(--plasma-typo-body-xs-line-height);
376
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperOffset}: 0.25rem;
377
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
378
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
379
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
380
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);
381
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
382
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);
383
383
 
384
384
  ${_styledcomponents.autocompleteTokens.textFieldLabelInnerPadding}: 0.3125rem 0 0 0;
385
385
  ${_styledcomponents.autocompleteTokens.textFieldContentLabelInnerPadding}: 1.0625rem 0 0.3125rem 0;
@@ -448,13 +448,13 @@ const config = {
448
448
  ${_styledcomponents.autocompleteTokens.textFieldHintInnerLabelPlacementOffset}: -0.188rem -2.1875rem auto auto;
449
449
  ${_styledcomponents.autocompleteTokens.textFieldClearHintInnerLabelPlacementOffset}: -0.188rem -1.938rem auto auto;
450
450
 
451
- ${_styledcomponents.autocompleteTokens.textFieldHelpersPadding}: 0.25rem 0 0 0;
452
- ${_styledcomponents.autocompleteTokens.textFieldHelpersFontFamily}: var(--plasma-typo-body-xs-font-family);
453
- ${_styledcomponents.autocompleteTokens.textFieldHelpersFontSize}: var(--plasma-typo-body-xs-font-size);
454
- ${_styledcomponents.autocompleteTokens.textFieldHelpersFontStyle}: var(--plasma-typo-body-xs-font-style);
455
- ${_styledcomponents.autocompleteTokens.textFieldHelpersFontWeight}: var(--plasma-typo-body-xs-font-weight);
456
- ${_styledcomponents.autocompleteTokens.textFieldHelpersLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
457
- ${_styledcomponents.autocompleteTokens.textFieldHelpersLineHeight}: var(--plasma-typo-body-xs-line-height);
451
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperOffset}: 0.25rem;
452
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
453
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
454
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
455
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);
456
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
457
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);
458
458
 
459
459
  ${_styledcomponents.autocompleteTokens.textFieldLabelInnerPadding}: 0.3125rem 0 0 0;
460
460
  ${_styledcomponents.autocompleteTokens.textFieldContentLabelInnerPadding}: 1.0625rem 0 0.3125rem 0;
package/dist/styled-components/cjs/components/Combobox/Combobox.config.js CHANGED
@@ -14,6 +14,7 @@ const config = {
14
14
  view: 'default',
15
15
  size: 'm',
16
16
  labelPlacement: 'outer',
17
+ chipView: 'secondary',
17
18
  hintView: 'default',
18
19
  hintSize: 'm'
19
20
  },
@@ -274,13 +275,13 @@ const config = {
274
275
  ${_styledcomponents.comboboxTokens.textFieldHintInnerLabelPlacementOffset}: 0.563rem -2.938rem auto auto;
275
276
  ${_styledcomponents.comboboxTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.563rem -2.188rem auto auto;
276
277
 
277
- ${_styledcomponents.comboboxTokens.textFieldHelpersPadding}: 0.25rem 0 0 0;
278
- ${_styledcomponents.comboboxTokens.textFieldHelpersFontFamily}: var(--plasma-typo-body-xs-font-family);
279
- ${_styledcomponents.comboboxTokens.textFieldHelpersFontSize}: var(--plasma-typo-body-xs-font-size);
280
- ${_styledcomponents.comboboxTokens.textFieldHelpersFontStyle}: var(--plasma-typo-body-xs-font-style);
281
- ${_styledcomponents.comboboxTokens.textFieldHelpersFontWeight}: var(--plasma-typo-body-xs-font-weight);
282
- ${_styledcomponents.comboboxTokens.textFieldHelpersLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
283
- ${_styledcomponents.comboboxTokens.textFieldHelpersLineHeight}: var(--plasma-typo-body-xs-line-height);
278
+ ${_styledcomponents.comboboxTokens.textFieldLeftHelperOffset}: 0.25rem;
279
+ ${_styledcomponents.comboboxTokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
280
+ ${_styledcomponents.comboboxTokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
281
+ ${_styledcomponents.comboboxTokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
282
+ ${_styledcomponents.comboboxTokens.textFieldLeftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);
283
+ ${_styledcomponents.comboboxTokens.textFieldLeftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
284
+ ${_styledcomponents.comboboxTokens.textFieldLeftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);
284
285
 
285
286
  ${_styledcomponents.comboboxTokens.textFieldLabelInnerPadding}: 0.5625rem 0 0.125rem 0;
286
287
  ${_styledcomponents.comboboxTokens.textFieldContentLabelInnerPadding}: 1.5625rem 0 0.5625rem 0;
@@ -395,13 +396,13 @@ const config = {
395
396
  ${_styledcomponents.comboboxTokens.textFieldHintInnerLabelPlacementOffset}: 0.312rem -2.813rem auto auto;
396
397
  ${_styledcomponents.comboboxTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
397
398
 
398
- ${_styledcomponents.comboboxTokens.textFieldHelpersPadding}: 0.25rem 0 0 0;
399
- ${_styledcomponents.comboboxTokens.textFieldHelpersFontFamily}: var(--plasma-typo-body-xs-font-family);
400
- ${_styledcomponents.comboboxTokens.textFieldHelpersFontSize}: var(--plasma-typo-body-xs-font-size);
401
- ${_styledcomponents.comboboxTokens.textFieldHelpersFontStyle}: var(--plasma-typo-body-xs-font-style);
402
- ${_styledcomponents.comboboxTokens.textFieldHelpersFontWeight}: var(--plasma-typo-body-xs-font-weight);
403
- ${_styledcomponents.comboboxTokens.textFieldHelpersLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
404
- ${_styledcomponents.comboboxTokens.textFieldHelpersLineHeight}: var(--plasma-typo-body-xs-line-height);
399
+ ${_styledcomponents.comboboxTokens.textFieldLeftHelperOffset}: 0.25rem;
400
+ ${_styledcomponents.comboboxTokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
401
+ ${_styledcomponents.comboboxTokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
402
+ ${_styledcomponents.comboboxTokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
403
+ ${_styledcomponents.comboboxTokens.textFieldLeftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);
404
+ ${_styledcomponents.comboboxTokens.textFieldLeftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
405
+ ${_styledcomponents.comboboxTokens.textFieldLeftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);
405
406
 
406
407
  ${_styledcomponents.comboboxTokens.textFieldLabelInnerPadding}: 0.375rem 0 0.125rem 0;
407
408
  ${_styledcomponents.comboboxTokens.textFieldContentLabelInnerPadding}: 1.375rem 0 0.375rem 0;
@@ -516,13 +517,13 @@ const config = {
516
517
  ${_styledcomponents.comboboxTokens.textFieldHintInnerLabelPlacementOffset}: 0.062rem -2.688rem auto auto;
517
518
  ${_styledcomponents.comboboxTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;
518
519
 
519
- ${_styledcomponents.comboboxTokens.textFieldHelpersPadding}: 0.25rem 0 0 0;
520
- ${_styledcomponents.comboboxTokens.textFieldHelpersFontFamily}: var(--plasma-typo-body-xs-font-family);
521
- ${_styledcomponents.comboboxTokens.textFieldHelpersFontSize}: var(--plasma-typo-body-xs-font-size);
522
- ${_styledcomponents.comboboxTokens.textFieldHelpersFontStyle}: var(--plasma-typo-body-xs-font-style);
523
- ${_styledcomponents.comboboxTokens.textFieldHelpersFontWeight}: var(--plasma-typo-body-xs-font-weight);
524
- ${_styledcomponents.comboboxTokens.textFieldHelpersLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
525
- ${_styledcomponents.comboboxTokens.textFieldHelpersLineHeight}: var(--plasma-typo-body-xs-line-height);
520
+ ${_styledcomponents.comboboxTokens.textFieldLeftHelperOffset}: 0.25rem;
521
+ ${_styledcomponents.comboboxTokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
522
+ ${_styledcomponents.comboboxTokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
523
+ ${_styledcomponents.comboboxTokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
524
+ ${_styledcomponents.comboboxTokens.textFieldLeftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);
525
+ ${_styledcomponents.comboboxTokens.textFieldLeftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
526
+ ${_styledcomponents.comboboxTokens.textFieldLeftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);
526
527
 
527
528
  ${_styledcomponents.comboboxTokens.textFieldLabelInnerPadding}: 0.3125rem 0 0 0;
528
529
  ${_styledcomponents.comboboxTokens.textFieldContentLabelInnerPadding}: 1.0625rem 0 0.3125rem 0;
@@ -637,13 +638,13 @@ const config = {
637
638
  ${_styledcomponents.comboboxTokens.textFieldHintInnerLabelPlacementOffset}: -0.188rem -2.1875rem auto auto;
638
639
  ${_styledcomponents.comboboxTokens.textFieldClearHintInnerLabelPlacementOffset}: -0.188rem -1.938rem auto auto;
639
640
 
640
- ${_styledcomponents.comboboxTokens.textFieldHelpersPadding}: 0.25rem 0 0 0;
641
- ${_styledcomponents.comboboxTokens.textFieldHelpersFontFamily}: var(--plasma-typo-body-xs-font-family);
642
- ${_styledcomponents.comboboxTokens.textFieldHelpersFontSize}: var(--plasma-typo-body-xs-font-size);
643
- ${_styledcomponents.comboboxTokens.textFieldHelpersFontStyle}: var(--plasma-typo-body-xs-font-style);
644
- ${_styledcomponents.comboboxTokens.textFieldHelpersFontWeight}: var(--plasma-typo-body-xs-font-weight);
645
- ${_styledcomponents.comboboxTokens.textFieldHelpersLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
646
- ${_styledcomponents.comboboxTokens.textFieldHelpersLineHeight}: var(--plasma-typo-body-xs-line-height);
641
+ ${_styledcomponents.comboboxTokens.textFieldLeftHelperOffset}: 0.25rem;
642
+ ${_styledcomponents.comboboxTokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
643
+ ${_styledcomponents.comboboxTokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
644
+ ${_styledcomponents.comboboxTokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
645
+ ${_styledcomponents.comboboxTokens.textFieldLeftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);
646
+ ${_styledcomponents.comboboxTokens.textFieldLeftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
647
+ ${_styledcomponents.comboboxTokens.textFieldLeftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);
647
648
 
648
649
  ${_styledcomponents.comboboxTokens.textFieldLabelInnerPadding}: 0.3125rem 0 0 0;
649
650
  ${_styledcomponents.comboboxTokens.textFieldContentLabelInnerPadding}: 1.0625rem 0 0.3125rem 0;
@@ -735,6 +736,53 @@ const config = {
735
736
  `,
736
737
  outer: (0, _styledcomponents.css)``
737
738
  },
739
+ chipView: {
740
+ default: (0, _styledcomponents.css)`
741
+ ${_styledcomponents.comboboxTokens.textFieldChipColor}: var(--inverse-text-primary);
742
+ ${_styledcomponents.comboboxTokens.textFieldChipColorHover}: var(--inverse-text-primary);
743
+ ${_styledcomponents.comboboxTokens.textFieldChipBackground}: var(--surface-solid-default);
744
+ ${_styledcomponents.comboboxTokens.textFieldChipBackgroundHover}: var(--surface-solid-default-hover);
745
+ ${_styledcomponents.comboboxTokens.textFieldChipCloseIconColor}: var(--inverse-text-secondary);
746
+ ${_styledcomponents.comboboxTokens.textFieldChipCloseIconColorReadonly}: var(--inverse-text-secondary);
747
+ ${_styledcomponents.comboboxTokens.textFieldChipCloseIconColorHover}: var(--inverse-text-primary);
748
+
749
+ ${_styledcomponents.comboboxTokens.textFieldChipBackgroundReadOnly}: var(--surface-solid-default);
750
+ ${_styledcomponents.comboboxTokens.textFieldChipColorReadOnly}: var(--inverse-text-primary);
751
+ ${_styledcomponents.comboboxTokens.textFieldChipBackgroundReadOnlyHover}: var(--surface-solid-default);
752
+ ${_styledcomponents.comboboxTokens.textFieldChipColorReadOnlyHover}: var(--inverse-text-primary);
753
+ ${_styledcomponents.comboboxTokens.textFieldChipOpacityReadonly}: 1;
754
+ `,
755
+ secondary: (0, _styledcomponents.css)`
756
+ ${_styledcomponents.comboboxTokens.textFieldChipColor}: var(--text-primary);
757
+ ${_styledcomponents.comboboxTokens.textFieldChipColorHover}: var(--text-primary);
758
+ ${_styledcomponents.comboboxTokens.textFieldChipBackground}: var(--surface-transparent-secondary);
759
+ ${_styledcomponents.comboboxTokens.textFieldChipBackgroundHover}: var(--surface-transparent-secondary-hover);
760
+ ${_styledcomponents.comboboxTokens.textFieldChipCloseIconColor}: var(--text-secondary);
761
+ ${_styledcomponents.comboboxTokens.textFieldChipCloseIconColorHover}: var(--text-secondary-hover);
762
+ ${_styledcomponents.comboboxTokens.textFieldChipCloseIconColorReadonly}: var(--text-secondary);
763
+
764
+ ${_styledcomponents.comboboxTokens.textFieldChipBackgroundReadOnly}: var(--surface-transparent-secondary);
765
+ ${_styledcomponents.comboboxTokens.textFieldChipColorReadOnly}: var(--text-primary);
766
+ ${_styledcomponents.comboboxTokens.textFieldChipBackgroundReadOnlyHover}: var(--surface-transparent-secondary);
767
+ ${_styledcomponents.comboboxTokens.textFieldChipColorReadOnlyHover}: var(--text-primary);
768
+ ${_styledcomponents.comboboxTokens.textFieldChipOpacityReadonly}: 1;
769
+ `,
770
+ accent: (0, _styledcomponents.css)`
771
+ ${_styledcomponents.comboboxTokens.textFieldChipColor}: var(--on-dark-text-primary);
772
+ ${_styledcomponents.comboboxTokens.textFieldChipColorHover}: var(--on-dark-text-primary);
773
+ ${_styledcomponents.comboboxTokens.textFieldChipBackground}: var(--surface-accent);
774
+ ${_styledcomponents.comboboxTokens.textFieldChipBackgroundHover}: var(--surface-accent-hover);
775
+ ${_styledcomponents.comboboxTokens.textFieldChipCloseIconColor}: var(--on-dark-text-secondary);
776
+ ${_styledcomponents.comboboxTokens.textFieldChipCloseIconColorReadonly}: var(--on-dark-text-secondary);
777
+ ${_styledcomponents.comboboxTokens.textFieldChipCloseIconColorHover}: var(--on-dark-text-primary);
778
+
779
+ ${_styledcomponents.comboboxTokens.textFieldChipBackgroundReadOnly}: var(--surface-accent);
780
+ ${_styledcomponents.comboboxTokens.textFieldChipColorReadOnly}: var(--on-dark-text-primary);
781
+ ${_styledcomponents.comboboxTokens.textFieldChipBackgroundReadOnlyHover}: var(--surface-accent);
782
+ ${_styledcomponents.comboboxTokens.textFieldChipColorReadOnlyHover}: var(--on-dark-text-primary);
783
+ ${_styledcomponents.comboboxTokens.textFieldChipOpacityReadonly}: 1;
784
+ `
785
+ },
738
786
  hintView: {
739
787
  default: (0, _styledcomponents.css)`
740
788
  ${_styledcomponents.comboboxTokens.textFieldTooltipBackgroundColor}: var(--surface-solid-card-brightness);
package/dist/styled-components/cjs/components/DateTimePicker/DateTimePicker.clear.config.js CHANGED
@@ -117,6 +117,8 @@ const config = {
117
117
 
118
118
  ${_styledcomponents.dateTimePickerTokens.shortcutColor}: var(--text-primary);
119
119
  ${_styledcomponents.dateTimePickerTokens.shortcutBackgroundHover}: var(--surface-transparent-secondary);
120
+
121
+ ${_styledcomponents.dateTimePickerTokens.timeGridDisabledOpacity}: 0.4;
120
122
  `
121
123
  },
122
124
  size: {
package/dist/styled-components/cjs/components/DateTimePicker/DateTimePicker.config.js CHANGED
@@ -104,6 +104,8 @@ const config = {
104
104
 
105
105
  ${_styledcomponents.dateTimePickerTokens.shortcutColor}: var(--text-primary);
106
106
  ${_styledcomponents.dateTimePickerTokens.shortcutBackgroundHover}: var(--surface-transparent-secondary);
107
+
108
+ ${_styledcomponents.dateTimePickerTokens.timeGridDisabledOpacity}: 0.4;
107
109
  `
108
110
  },
109
111
  size: {
package/dist/styled-components/cjs/components/Note/Note.config.js CHANGED
@@ -12,7 +12,8 @@ const _styledcomponents = require("@salutejs/plasma-new-hope/styled-components")
12
12
  const config = {
13
13
  defaults: {
14
14
  view: 'default',
15
- size: 'l'
15
+ size: 'l',
16
+ orientation: 'vertical'
16
17
  },
17
18
  variations: {
18
19
  view: {
@@ -51,6 +52,8 @@ const config = {
51
52
  ${_styledcomponents.noteTokens.gapScalable}: 1rem;
52
53
  ${_styledcomponents.noteTokens.contentGap}: 0.25rem;
53
54
 
55
+ ${_styledcomponents.noteTokens.paddingBottomWithActionContent}: 0.4375rem;
56
+
54
57
  ${_styledcomponents.noteTokens.closeIconTop}: 1rem;
55
58
  ${_styledcomponents.noteTokens.closeIconRight}: 1rem;
56
59
  ${_styledcomponents.noteTokens.closeIconColor}: var(--text-secondary);
@@ -60,7 +63,7 @@ const config = {
60
63
 
61
64
  ${_styledcomponents.noteTokens.fixedContentBeforeWidth}: 1.5rem;
62
65
  ${_styledcomponents.noteTokens.fixedContentBeforeHeight}: 2rem;
63
- ${_styledcomponents.noteTokens.fixedContentBeforePadding}: 0.25rem 0;
66
+ ${_styledcomponents.noteTokens.fixedContentBeforePadding}: 0.25rem 0rem;
64
67
 
65
68
  ${_styledcomponents.noteTokens.titleFontFamily}: var(--plasma-typo-text-l-font-family);
66
69
  ${_styledcomponents.noteTokens.titleFontSize}: var(--plasma-typo-text-l-font-size);
@@ -85,6 +88,8 @@ const config = {
85
88
  ${_styledcomponents.noteTokens.gapScalable}: 0.75rem;
86
89
  ${_styledcomponents.noteTokens.contentGap}: 0.125rem;
87
90
 
91
+ ${_styledcomponents.noteTokens.paddingBottomWithActionContent}: 0.5rem;
92
+
88
93
  ${_styledcomponents.noteTokens.closeIconTop}: 0.75rem;
89
94
  ${_styledcomponents.noteTokens.closeIconRight}: 0.75rem;
90
95
  ${_styledcomponents.noteTokens.closeIconColor}: var(--text-secondary);
@@ -93,8 +98,8 @@ const config = {
93
98
  ${_styledcomponents.noteTokens.closeIconButtonSize}: 1.5rem;
94
99
 
95
100
  ${_styledcomponents.noteTokens.fixedContentBeforeWidth}: 1.5rem;
96
- ${_styledcomponents.noteTokens.fixedContentBeforeHeight}: 1.5rem;
97
- ${_styledcomponents.noteTokens.fixedContentBeforePadding}: 0;
101
+ ${_styledcomponents.noteTokens.fixedContentBeforeHeight}: 1.625rem;
102
+ ${_styledcomponents.noteTokens.fixedContentBeforePadding}: 0rem;
98
103
 
99
104
  ${_styledcomponents.noteTokens.titleFontFamily}: var(--plasma-typo-text-m-font-family);
100
105
  ${_styledcomponents.noteTokens.titleFontSize}: var(--plasma-typo-text-m-font-size);
@@ -119,6 +124,8 @@ const config = {
119
124
  ${_styledcomponents.noteTokens.gapScalable}: 0.75rem;
120
125
  ${_styledcomponents.noteTokens.contentGap}: 0.125rem;
121
126
 
127
+ ${_styledcomponents.noteTokens.paddingBottomWithActionContent}: 0.3125rem;
128
+
122
129
  ${_styledcomponents.noteTokens.closeIconTop}: 0.625rem;
123
130
  ${_styledcomponents.noteTokens.closeIconRight}: 0.625rem;
124
131
  ${_styledcomponents.noteTokens.closeIconColor}: var(--text-secondary);
@@ -128,7 +135,7 @@ const config = {
128
135
 
129
136
  ${_styledcomponents.noteTokens.fixedContentBeforeWidth}: 1rem;
130
137
  ${_styledcomponents.noteTokens.fixedContentBeforeHeight}: 1.125rem;
131
- ${_styledcomponents.noteTokens.fixedContentBeforePadding}: 0.063rem 0;
138
+ ${_styledcomponents.noteTokens.fixedContentBeforePadding}: 0.063rem 0rem;
132
139
 
133
140
  ${_styledcomponents.noteTokens.titleFontFamily}: var(--plasma-typo-text-s-font-family);
134
141
  ${_styledcomponents.noteTokens.titleFontSize}: var(--plasma-typo-text-s-font-size);
@@ -153,6 +160,8 @@ const config = {
153
160
  ${_styledcomponents.noteTokens.gapScalable}: 0.5rem;
154
161
  ${_styledcomponents.noteTokens.contentGap}: 0.125rem;
155
162
 
163
+ ${_styledcomponents.noteTokens.paddingBottomWithActionContent}: 0.1875rem;
164
+
156
165
  ${_styledcomponents.noteTokens.closeIconTop}: 0.625rem;
157
166
  ${_styledcomponents.noteTokens.closeIconRight}: 0.625rem;
158
167
  ${_styledcomponents.noteTokens.closeIconColor}: var(--text-secondary);
@@ -162,7 +171,7 @@ const config = {
162
171
 
163
172
  ${_styledcomponents.noteTokens.fixedContentBeforeWidth}: 1rem;
164
173
  ${_styledcomponents.noteTokens.fixedContentBeforeHeight}: 1rem;
165
- ${_styledcomponents.noteTokens.fixedContentBeforePadding}: 0;
174
+ ${_styledcomponents.noteTokens.fixedContentBeforePadding}: 0rem;
166
175
 
167
176
  ${_styledcomponents.noteTokens.titleFontFamily}: var(--plasma-typo-text-xs-font-family);
168
177
  ${_styledcomponents.noteTokens.titleFontSize}: var(--plasma-typo-text-xs-font-size);
@@ -179,6 +188,44 @@ const config = {
179
188
  ${_styledcomponents.noteTokens.textLetterSpacing}: var(--plasma-typo-text-xs-letter-spacing);
180
189
  ${_styledcomponents.noteTokens.textLineHeight}: var(--plasma-typo-text-xs-line-height);
181
190
  `
191
+ },
192
+ orientation: {
193
+ vertical: (0, _styledcomponents.css)``,
194
+ horizontal: (0, _styledcomponents.css)``
182
195
  }
183
- }
196
+ },
197
+ intersections: [
198
+ {
199
+ size: 'l',
200
+ orientation: 'horizontal',
201
+ style: (0, _styledcomponents.css)`
202
+ ${_styledcomponents.noteTokens.actionContentMargin}: -0.5rem 0rem 0rem 1rem;
203
+ ${_styledcomponents.noteTokens.closeIconMargin}: 0.4375rem 0rem 0rem 1.25rem;
204
+ `
205
+ },
206
+ {
207
+ size: 'm',
208
+ orientation: 'horizontal',
209
+ style: (0, _styledcomponents.css)`
210
+ ${_styledcomponents.noteTokens.actionContentMargin}: -0.6875rem 0rem 0rem 1rem;
211
+ ${_styledcomponents.noteTokens.closeIconMargin}: 0.0625rem 0rem 0rem 1.25rem;
212
+ `
213
+ },
214
+ {
215
+ size: 's',
216
+ orientation: 'horizontal',
217
+ style: (0, _styledcomponents.css)`
218
+ ${_styledcomponents.noteTokens.actionContentMargin}: -0.625rem 0rem 0rem 0.75rem;
219
+ ${_styledcomponents.noteTokens.closeIconMargin}: -0.125rem 0rem 0rem 0.875rem;
220
+ `
221
+ },
222
+ {
223
+ size: 'xs',
224
+ orientation: 'horizontal',
225
+ style: (0, _styledcomponents.css)`
226
+ ${_styledcomponents.noteTokens.actionContentMargin}: -0.5rem 0rem 0rem 0.75rem;
227
+ ${_styledcomponents.noteTokens.closeIconMargin}: -0.0625rem 0rem 0rem 0.875rem;
228
+ `
229
+ }
230
+ ]
184
231
  };
package/dist/styled-components/cjs/components/Select/Select.config.js CHANGED
@@ -402,13 +402,13 @@ 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.textFieldHelpersPadding}: 0.25rem 0 0 0;
406
- ${_styledcomponents.selectTokens.textFieldHelpersFontFamily}: var(--plasma-typo-body-xs-font-family);
407
- ${_styledcomponents.selectTokens.textFieldHelpersFontSize}: var(--plasma-typo-body-xs-font-size);
408
- ${_styledcomponents.selectTokens.textFieldHelpersFontStyle}: var(--plasma-typo-body-xs-font-style);
409
- ${_styledcomponents.selectTokens.textFieldHelpersFontWeight}: var(--plasma-typo-body-xs-font-weight);
410
- ${_styledcomponents.selectTokens.textFieldHelpersLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
411
- ${_styledcomponents.selectTokens.textFieldHelpersLineHeight}: var(--plasma-typo-body-xs-line-height);
405
+ ${_styledcomponents.selectTokens.textFieldLeftHelperOffset}: 0.25rem;
406
+ ${_styledcomponents.selectTokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
407
+ ${_styledcomponents.selectTokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
408
+ ${_styledcomponents.selectTokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
409
+ ${_styledcomponents.selectTokens.textFieldLeftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);
410
+ ${_styledcomponents.selectTokens.textFieldLeftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
411
+ ${_styledcomponents.selectTokens.textFieldLeftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);
412
412
 
413
413
  ${_styledcomponents.selectTokens.textFieldLabelInnerPadding}: 0.5625rem 0 0.125rem 0;
414
414
  ${_styledcomponents.selectTokens.textFieldContentLabelInnerPadding}: 1.5625rem 0 0.5625rem 0;
@@ -527,13 +527,13 @@ 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.textFieldHelpersPadding}: 0.25rem 0 0 0;
531
- ${_styledcomponents.selectTokens.textFieldHelpersFontFamily}: var(--plasma-typo-body-xs-font-family);
532
- ${_styledcomponents.selectTokens.textFieldHelpersFontSize}: var(--plasma-typo-body-xs-font-size);
533
- ${_styledcomponents.selectTokens.textFieldHelpersFontStyle}: var(--plasma-typo-body-xs-font-style);
534
- ${_styledcomponents.selectTokens.textFieldHelpersFontWeight}: var(--plasma-typo-body-xs-font-weight);
535
- ${_styledcomponents.selectTokens.textFieldHelpersLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
536
- ${_styledcomponents.selectTokens.textFieldHelpersLineHeight}: var(--plasma-typo-body-xs-line-height);
530
+ ${_styledcomponents.selectTokens.textFieldLeftHelperOffset}: 0.25rem;
531
+ ${_styledcomponents.selectTokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
532
+ ${_styledcomponents.selectTokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
533
+ ${_styledcomponents.selectTokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
534
+ ${_styledcomponents.selectTokens.textFieldLeftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);
535
+ ${_styledcomponents.selectTokens.textFieldLeftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
536
+ ${_styledcomponents.selectTokens.textFieldLeftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);
537
537
 
538
538
  ${_styledcomponents.selectTokens.textFieldLabelInnerPadding}: 0.375rem 0 0.125rem 0;
539
539
  ${_styledcomponents.selectTokens.textFieldContentLabelInnerPadding}: 1.375rem 0 0.375rem 0;
@@ -652,13 +652,13 @@ 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.textFieldHelpersPadding}: 0.25rem 0 0 0;
656
- ${_styledcomponents.selectTokens.textFieldHelpersFontFamily}: var(--plasma-typo-body-xs-font-family);
657
- ${_styledcomponents.selectTokens.textFieldHelpersFontSize}: var(--plasma-typo-body-xs-font-size);
658
- ${_styledcomponents.selectTokens.textFieldHelpersFontStyle}: var(--plasma-typo-body-xs-font-style);
659
- ${_styledcomponents.selectTokens.textFieldHelpersFontWeight}: var(--plasma-typo-body-xs-font-weight);
660
- ${_styledcomponents.selectTokens.textFieldHelpersLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
661
- ${_styledcomponents.selectTokens.textFieldHelpersLineHeight}: var(--plasma-typo-body-xs-line-height);
655
+ ${_styledcomponents.selectTokens.textFieldLeftHelperOffset}: 0.25rem;
656
+ ${_styledcomponents.selectTokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
657
+ ${_styledcomponents.selectTokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
658
+ ${_styledcomponents.selectTokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
659
+ ${_styledcomponents.selectTokens.textFieldLeftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);
660
+ ${_styledcomponents.selectTokens.textFieldLeftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
661
+ ${_styledcomponents.selectTokens.textFieldLeftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);
662
662
 
663
663
  ${_styledcomponents.selectTokens.textFieldLabelInnerPadding}: 0.3125rem 0 0 0;
664
664
  ${_styledcomponents.selectTokens.textFieldContentLabelInnerPadding}: 1.0625rem 0 0.3125rem 0;
@@ -777,13 +777,13 @@ 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.textFieldHelpersPadding}: 0.25rem 0 0 0;
781
- ${_styledcomponents.selectTokens.textFieldHelpersFontFamily}: var(--plasma-typo-body-xs-font-family);
782
- ${_styledcomponents.selectTokens.textFieldHelpersFontSize}: var(--plasma-typo-body-xs-font-size);
783
- ${_styledcomponents.selectTokens.textFieldHelpersFontStyle}: var(--plasma-typo-body-xs-font-style);
784
- ${_styledcomponents.selectTokens.textFieldHelpersFontWeight}: var(--plasma-typo-body-xs-font-weight);
785
- ${_styledcomponents.selectTokens.textFieldHelpersLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
786
- ${_styledcomponents.selectTokens.textFieldHelpersLineHeight}: var(--plasma-typo-body-xs-line-height);
780
+ ${_styledcomponents.selectTokens.textFieldLeftHelperOffset}: 0.25rem;
781
+ ${_styledcomponents.selectTokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
782
+ ${_styledcomponents.selectTokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
783
+ ${_styledcomponents.selectTokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
784
+ ${_styledcomponents.selectTokens.textFieldLeftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);
785
+ ${_styledcomponents.selectTokens.textFieldLeftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
786
+ ${_styledcomponents.selectTokens.textFieldLeftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);
787
787
 
788
788
  ${_styledcomponents.selectTokens.textFieldLabelInnerPadding}: 0.3125rem 0 0 0;
789
789
  ${_styledcomponents.selectTokens.textFieldContentLabelInnerPadding}: 1.0625rem 0 0.3125rem 0;
package/dist/styled-components/cjs/components/Slider/Slider.config.js CHANGED
@@ -12,7 +12,8 @@ const _styledcomponents = require("@salutejs/plasma-new-hope/styled-components")
12
12
  const config = {
13
13
  defaults: {
14
14
  view: 'default',
15
- size: 'm'
15
+ size: 'm',
16
+ pointerSize: 'small'
16
17
  },
17
18
  variations: {
18
19
  view: {
@@ -122,10 +123,6 @@ const config = {
122
123
  ${_styledcomponents.sliderTokens.valueLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);
123
124
  ${_styledcomponents.sliderTokens.valueLineHeight}: var(--plasma-typo-body-m-line-height);
124
125
 
125
- ${_styledcomponents.sliderTokens.thumbSize}: 1rem;
126
- ${_styledcomponents.sliderTokens.thumbSizeLarge}: 1.25rem;
127
- ${_styledcomponents.sliderTokens.thumbBorder}: 0.0625rem solid;
128
-
129
126
  ${_styledcomponents.sliderTokens.tickSize}: 0.5rem;
130
127
 
131
128
  ${_styledcomponents.sliderTokens.currentValueTopOffset}: 1.625rem;
@@ -175,10 +172,6 @@ const config = {
175
172
  ${_styledcomponents.sliderTokens.valueLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);
176
173
  ${_styledcomponents.sliderTokens.valueLineHeight}: var(--plasma-typo-body-s-line-height);
177
174
 
178
- ${_styledcomponents.sliderTokens.thumbSize}: 1rem;
179
- ${_styledcomponents.sliderTokens.thumbSizeLarge}: 1.25rem;
180
- ${_styledcomponents.sliderTokens.thumbBorder}: 0.0625rem solid;
181
-
182
175
  ${_styledcomponents.sliderTokens.tickSize}: 0.5rem;
183
176
 
184
177
  ${_styledcomponents.sliderTokens.currentValueTopOffset}: 1.75rem;
@@ -228,10 +221,6 @@ const config = {
228
221
  ${_styledcomponents.sliderTokens.valueLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
229
222
  ${_styledcomponents.sliderTokens.valueLineHeight}: var(--plasma-typo-body-xs-line-height);
230
223
 
231
- ${_styledcomponents.sliderTokens.thumbSize}: 1rem;
232
- ${_styledcomponents.sliderTokens.thumbSizeLarge}: 1.25rem;
233
- ${_styledcomponents.sliderTokens.thumbBorder}: 0.0625rem solid;
234
-
235
224
  ${_styledcomponents.sliderTokens.tickSize}: 0.5rem;
236
225
 
237
226
  ${_styledcomponents.sliderTokens.currentValueTopOffset}: 1.25rem;
@@ -253,6 +242,21 @@ const config = {
253
242
  ${_styledcomponents.sliderTokens.textFieldLineHeight}: var(--plasma-typo-body-s-line-height);
254
243
  `
255
244
  },
245
+ pointerSize: {
246
+ small: (0, _styledcomponents.css)`
247
+ ${_styledcomponents.sliderTokens.thumbSize}: 1rem;
248
+ ${_styledcomponents.sliderTokens.thumbBorderStyle}: solid;
249
+ ${_styledcomponents.sliderTokens.thumbBorderWidth}: 0.0625rem;
250
+ `,
251
+ large: (0, _styledcomponents.css)`
252
+ ${_styledcomponents.sliderTokens.thumbSize}: 1.25rem;
253
+ ${_styledcomponents.sliderTokens.thumbBorderStyle}: solid;
254
+ ${_styledcomponents.sliderTokens.thumbBorderWidth}: 0.0625rem;
255
+ `,
256
+ none: (0, _styledcomponents.css)`
257
+ ${_styledcomponents.sliderTokens.thumbSize}: 0rem;
258
+ `
259
+ },
256
260
  disabled: {
257
261
  true: (0, _styledcomponents.css)`
258
262
  ${_styledcomponents.sliderTokens.disabledOpacity}: 0.4;
package/dist/styled-components/cjs/components/Steps/StepItem.config.js ADDED
@@ -0,0 +1,70 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", {
3
+ value: true
4
+ });
5
+ Object.defineProperty(exports, "config", {
6
+ enumerable: true,
7
+ get: function() {
8
+ return config;
9
+ }
10
+ });
11
+ const _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
12
+ const config = {
13
+ defaults: {
14
+ view: 'default'
15
+ },
16
+ variations: {
17
+ view: {
18
+ default: (0, _styledcomponents.css)`
19
+ ${_styledcomponents.stepsTokens.completedIndicatorColor}: var(--inverse-text-primary);
20
+ ${_styledcomponents.stepsTokens.completedIndicatorColorHover}: var(--inverse-text-primary);
21
+ ${_styledcomponents.stepsTokens.completedIndicatorBackground}: var(--surface-solid-default);
22
+ ${_styledcomponents.stepsTokens.completedIndicatorBackgroundHover}: var(--surface-solid-default-hover);
23
+ ${_styledcomponents.stepsTokens.completedTitleColor}: var(--text-primary);
24
+ ${_styledcomponents.stepsTokens.completedTitleColorHover}: var(--text-primary-hover);
25
+
26
+ ${_styledcomponents.stepsTokens.dividerColor}: var(--surface-solid-default);
27
+ `,
28
+ accent: (0, _styledcomponents.css)`
29
+ ${_styledcomponents.stepsTokens.completedIndicatorColor}: var(--on-dark-text-primary);
30
+ ${_styledcomponents.stepsTokens.completedIndicatorColorHover}: var(--on-dark-text-primary-hover);
31
+ ${_styledcomponents.stepsTokens.completedIndicatorBackground}: var(--surface-accent);
32
+ ${_styledcomponents.stepsTokens.completedIndicatorBackgroundHover}: var(--surface-accent-hover);
33
+ ${_styledcomponents.stepsTokens.completedTitleColor}: var(--text-primary);
34
+ ${_styledcomponents.stepsTokens.completedTitleColorHover}: var(--text-primary-hover);
35
+
36
+ ${_styledcomponents.stepsTokens.dividerColor}: var(--surface-accent);
37
+ `,
38
+ negative: (0, _styledcomponents.css)`
39
+ ${_styledcomponents.stepsTokens.completedIndicatorColor}: var(--on-dark-text-primary);
40
+ ${_styledcomponents.stepsTokens.completedIndicatorColorHover}: var(--on-dark-text-primary-hover);
41
+ ${_styledcomponents.stepsTokens.completedIndicatorBackground}: var(--surface-negative);
42
+ ${_styledcomponents.stepsTokens.completedIndicatorBackgroundHover}: var(--surface-negative-hover);
43
+ ${_styledcomponents.stepsTokens.completedTitleColor}: var(--text-negative);
44
+ ${_styledcomponents.stepsTokens.completedTitleColorHover}: var(--text-negative-hover);
45
+
46
+ ${_styledcomponents.stepsTokens.dividerColor}: var(--surface-negative);
47
+ `,
48
+ warning: (0, _styledcomponents.css)`
49
+ ${_styledcomponents.stepsTokens.completedIndicatorColor}: var(--on-dark-text-primary);
50
+ ${_styledcomponents.stepsTokens.completedIndicatorColorHover}: var(--on-dark-text-primary-hover);
51
+ ${_styledcomponents.stepsTokens.completedIndicatorBackground}: var(--surface-warning);
52
+ ${_styledcomponents.stepsTokens.completedIndicatorBackgroundHover}: var(--surface-warning-hover);
53
+ ${_styledcomponents.stepsTokens.completedTitleColor}: var(--text-warning);
54
+ ${_styledcomponents.stepsTokens.completedTitleColorHover}: var(--text-warning-hover);
55
+
56
+ ${_styledcomponents.stepsTokens.dividerColor}: var(--surface-warning);
57
+ `,
58
+ positive: (0, _styledcomponents.css)`
59
+ ${_styledcomponents.stepsTokens.completedIndicatorColor}: var(--on-dark-text-primary);
60
+ ${_styledcomponents.stepsTokens.completedIndicatorColorHover}: var(--on-dark-text-primary-hover);
61
+ ${_styledcomponents.stepsTokens.completedIndicatorBackground}: var(--surface-positive);
62
+ ${_styledcomponents.stepsTokens.completedIndicatorBackgroundHover}: var(--surface-positive-hover);
63
+ ${_styledcomponents.stepsTokens.completedTitleColor}: var(--text-positive);
64
+ ${_styledcomponents.stepsTokens.completedTitleColorHover}: var(--text-positive-hover);
65
+
66
+ ${_styledcomponents.stepsTokens.dividerColor}: var(--surface-positive);
67
+ `
68
+ }
69
+ }
70
+ };