@salutejs/plasma-web 1.408.0-canary.1392.11055092483.0 → 1.408.0-canary.1459.11057629608.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (65) hide show
  1. package/api/plasma-web.api.md +13 -206
  2. package/components/Mask/Mask.d.ts +2 -189
  3. package/components/Segment/Segment.d.ts +4 -16
  4. package/components/Segment/SegmentGroup.config.d.ts +2 -5
  5. package/components/Segment/SegmentGroup.config.js +11 -14
  6. package/components/Segment/SegmentItem.config.d.ts +1 -1
  7. package/components/Segment/SegmentItem.config.js +8 -8
  8. package/components/TextArea/TextArea.config.d.ts +9 -0
  9. package/components/TextArea/TextArea.config.js +20 -11
  10. package/components/TextArea/index.d.ts +78 -1
  11. package/components/TextField/TextField.config.d.ts +10 -0
  12. package/components/TextField/TextField.config.js +21 -11
  13. package/components/TextField/TextField.d.ts +71 -133
  14. package/components/TextField/TextField.js +7 -1
  15. package/css/cjs/components/Mask/Mask.css +17 -11
  16. package/css/cjs/components/Mask/Mask.js.map +1 -1
  17. package/css/cjs/components/Segment/Segment.css +18 -19
  18. package/css/cjs/components/Segment/SegmentGroup.config.js +3 -6
  19. package/css/cjs/components/Segment/SegmentGroup.config.js.map +1 -1
  20. package/css/cjs/components/Segment/SegmentGroup.config_notwep.css +10 -0
  21. package/css/cjs/components/Segment/SegmentItem.config.js +3 -3
  22. package/css/cjs/components/Segment/SegmentItem.config.js.map +1 -1
  23. package/css/cjs/components/Segment/SegmentItem.config_g2b5lk.css +9 -0
  24. package/css/cjs/components/TextArea/TextArea.config.js +11 -2
  25. package/css/cjs/components/TextArea/TextArea.config.js.map +1 -1
  26. package/css/{es/components/TextArea/TextArea.config_2vh2du.css → cjs/components/TextArea/TextArea.config_x2q794.css} +15 -10
  27. package/css/cjs/components/TextArea/TextArea.css +15 -10
  28. package/css/cjs/components/TextField/TextField.config.js +13 -3
  29. package/css/cjs/components/TextField/TextField.config.js.map +1 -1
  30. package/css/cjs/components/TextField/TextField.config_154a2c1.css +18 -0
  31. package/css/cjs/components/TextField/TextField.js +7 -1
  32. package/css/cjs/components/TextField/TextField.js.map +1 -1
  33. package/css/cjs/index.css +53 -43
  34. package/css/es/components/Mask/Mask.css +17 -11
  35. package/css/es/components/Mask/Mask.js.map +1 -1
  36. package/css/es/components/Segment/Segment.css +18 -19
  37. package/css/es/components/Segment/SegmentGroup.config.js +3 -6
  38. package/css/es/components/Segment/SegmentGroup.config.js.map +1 -1
  39. package/css/es/components/Segment/SegmentGroup.config_notwep.css +10 -0
  40. package/css/es/components/Segment/SegmentItem.config.js +3 -3
  41. package/css/es/components/Segment/SegmentItem.config.js.map +1 -1
  42. package/css/es/components/Segment/SegmentItem.config_g2b5lk.css +9 -0
  43. package/css/es/components/TextArea/TextArea.config.js +11 -2
  44. package/css/es/components/TextArea/TextArea.config.js.map +1 -1
  45. package/css/{cjs/components/TextArea/TextArea.config_2vh2du.css → es/components/TextArea/TextArea.config_x2q794.css} +15 -10
  46. package/css/es/components/TextArea/TextArea.css +15 -10
  47. package/css/es/components/TextField/TextField.config.js +13 -3
  48. package/css/es/components/TextField/TextField.config.js.map +1 -1
  49. package/css/es/components/TextField/TextField.config_154a2c1.css +18 -0
  50. package/css/es/components/TextField/TextField.js +7 -1
  51. package/css/es/components/TextField/TextField.js.map +1 -1
  52. package/css/es/index.css +53 -43
  53. package/es/components/Segment/SegmentGroup.config.js +11 -14
  54. package/es/components/Segment/SegmentItem.config.js +8 -8
  55. package/es/components/TextArea/TextArea.config.js +20 -11
  56. package/es/components/TextField/TextField.config.js +21 -11
  57. package/es/components/TextField/TextField.js +7 -1
  58. package/package.json +3 -3
  59. package/temp/plasma-web.api.md +13 -206
  60. package/css/cjs/components/Segment/SegmentGroup.config_rwcojv.css +0 -11
  61. package/css/cjs/components/Segment/SegmentItem.config_ws72jv.css +0 -9
  62. package/css/cjs/components/TextField/TextField.config_1sbw8b3.css +0 -12
  63. package/css/es/components/Segment/SegmentGroup.config_rwcojv.css +0 -11
  64. package/css/es/components/Segment/SegmentItem.config_ws72jv.css +0 -9
  65. package/css/es/components/TextField/TextField.config_1sbw8b3.css +0 -12
package/components/Segment/SegmentItem.config.js CHANGED
@@ -14,21 +14,21 @@ var config = exports.config = {
14
14
  },
15
15
  variations: {
16
16
  view: {
17
- clear: /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-secondary);\n ", ": transparent;\n ", ": var(--text-primary-hover);\n ", ": transparent;\n ", ": var(--text-tertiary);\n ", ": var(--text-secondary);\n ", ": var(--text-primary-hover);\n ", ": transparent;\n ", ": var(--text-primary);\n ", ": transparent;\n ", ": var(--text-secondary);\n ", ": var(--text-secondary);\n\n ", ": var(--plasma-colors-button-focused);\n "])), _styledComponents.segmentTokens.itemColor, _styledComponents.segmentTokens.itemBackgroundColor, _styledComponents.segmentTokens.itemColorHover, _styledComponents.segmentTokens.itemBackgroundColorHover, _styledComponents.segmentTokens.itemAdditionalColor, _styledComponents.segmentTokens.itemAdditionalColorHover, _styledComponents.segmentTokens.itemSelectedColor, _styledComponents.segmentTokens.itemSelectedBackgroundColor, _styledComponents.segmentTokens.itemSelectedColorHover, _styledComponents.segmentTokens.itemSelectedBackgroundColorHover, _styledComponents.segmentTokens.itemSelectedAdditionalColor, _styledComponents.segmentTokens.itemSelectedAdditionalColorHover, _styledComponents.segmentTokens.outlineFocusColor),
18
- secondary: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n ", ": transparent;\n ", ": var(--text-primary-hover);\n ", ": transparent;\n ", ": var(--text-secondary);\n ", ": var(--text-secondary);\n ", ": var(--text-primary);\n ", ": var(--surface-solid-card);\n ", ": var(--text-primary-hover);\n ", ": var(--surface-solid-card);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary);\n\n ", ": var(--plasma-colors-button-focused);\n "])), _styledComponents.segmentTokens.itemColor, _styledComponents.segmentTokens.itemBackgroundColor, _styledComponents.segmentTokens.itemColorHover, _styledComponents.segmentTokens.itemBackgroundColorHover, _styledComponents.segmentTokens.itemAdditionalColor, _styledComponents.segmentTokens.itemAdditionalColorHover, _styledComponents.segmentTokens.itemSelectedColor, _styledComponents.segmentTokens.itemSelectedBackgroundColor, _styledComponents.segmentTokens.itemSelectedColorHover, _styledComponents.segmentTokens.itemSelectedBackgroundColorHover, _styledComponents.segmentTokens.itemSelectedAdditionalColor, _styledComponents.segmentTokens.itemSelectedAdditionalColorHover, _styledComponents.segmentTokens.outlineFocusColor),
19
- "default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n ", ": transparent;\n ", ": var(--text-primary-hover);\n ", ": transparent;\n ", ": var(--text-secondary);\n ", ": var(--text-secondary);\n ", ": var(--inverse-text-primary);\n ", ": var(--surface-solid-default);\n ", ": var(--inverse-text-primary-hover);\n ", ": var(--surface-solid-default);\n ", ": var(--inverse-text-secondary);\n ", ": var(--inverse-text-secondary);\n\n ", ": var(--plasma-colors-button-focused);\n "])), _styledComponents.segmentTokens.itemColor, _styledComponents.segmentTokens.itemBackgroundColor, _styledComponents.segmentTokens.itemColorHover, _styledComponents.segmentTokens.itemBackgroundColorHover, _styledComponents.segmentTokens.itemAdditionalColor, _styledComponents.segmentTokens.itemAdditionalColorHover, _styledComponents.segmentTokens.itemSelectedColor, _styledComponents.segmentTokens.itemSelectedBackgroundColor, _styledComponents.segmentTokens.itemSelectedColorHover, _styledComponents.segmentTokens.itemSelectedBackgroundColorHover, _styledComponents.segmentTokens.itemSelectedAdditionalColor, _styledComponents.segmentTokens.itemSelectedAdditionalColorHover, _styledComponents.segmentTokens.outlineFocusColor)
17
+ clear: /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--plasma-colors-secondary);\n ", ": transparent;\n ", ": var(--plasma-colors-primary);\n ", ": transparent;\n ", ": var(--plasma-colors-primary);\n ", ": transparent;\n ", ": var(--plasma-colors-primary);\n ", ": transparent;\n\n ", ": var(--plasma-colors-button-focused);\n "])), _styledComponents.segmentTokens.itemColor, _styledComponents.segmentTokens.itemBackgroundColor, _styledComponents.segmentTokens.itemColorHover, _styledComponents.segmentTokens.itemBackgroundColorHover, _styledComponents.segmentTokens.itemSelectedColor, _styledComponents.segmentTokens.itemSelectedBackgroundColor, _styledComponents.segmentTokens.itemSelectedColorHover, _styledComponents.segmentTokens.itemSelectedBackgroundColorHover, _styledComponents.segmentTokens.outlineFocusColor),
18
+ "default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--plasma-colors-primary);\n ", ": transparent;\n ", ": var(--plasma-colors-primary);\n ", ": transparent;\n ", ": var(--plasma-colors-inverse);\n ", ": var(--plasma-colors-text);\n ", ": var(--plasma-colors-inverse);\n ", ": var(--plasma-colors-text);\n\n ", ": var(--plasma-colors-button-focused);\n "])), _styledComponents.segmentTokens.itemColor, _styledComponents.segmentTokens.itemBackgroundColor, _styledComponents.segmentTokens.itemColorHover, _styledComponents.segmentTokens.itemBackgroundColorHover, _styledComponents.segmentTokens.itemSelectedColor, _styledComponents.segmentTokens.itemSelectedBackgroundColor, _styledComponents.segmentTokens.itemSelectedColorHover, _styledComponents.segmentTokens.itemSelectedBackgroundColorHover, _styledComponents.segmentTokens.outlineFocusColor),
19
+ secondary: /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--plasma-colors-primary);\n ", ": transparent;\n ", ": var(--plasma-colors-primary);\n ", ": transparent;\n ", ": var(--plasma-colors-primary);\n ", ": var(--plasma-colors-surface-card);\n ", ": var(--plasma-colors-primary);\n ", ": var(--plasma-colors-surface-card);\n\n ", ": var(--plasma-colors-button-focused);\n "])), _styledComponents.segmentTokens.itemColor, _styledComponents.segmentTokens.itemBackgroundColor, _styledComponents.segmentTokens.itemColorHover, _styledComponents.segmentTokens.itemBackgroundColorHover, _styledComponents.segmentTokens.itemSelectedColor, _styledComponents.segmentTokens.itemSelectedBackgroundColor, _styledComponents.segmentTokens.itemSelectedColorHover, _styledComponents.segmentTokens.itemSelectedBackgroundColorHover, _styledComponents.segmentTokens.outlineFocusColor)
20
20
  },
21
21
  size: {
22
- xs: /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.5rem;\n ", ": auto;\n ", ": 2rem;\n ", ": 0.5rem 0.75rem;\n ", ": 0.5rem 0.5rem;\n ", ": 0.0625rem 0.125rem;\n ", ": 0.125rem;\n ", ": 0;\n\n ", ": var(--plasma-typo-body-xs-bold-font-family);\n ", ": var(--plasma-typo-body-xs-bold-font-size);\n ", ": var(--plasma-typo-body-xs-bold-font-style);\n ", ": var(--plasma-typo-body-xs-bold-font-weight);\n ", ": var(--plasma-typo-body-xs-bold-letter-spacing);\n ", ": var(--plasma-typo-body-xs-bold-line-height);\n "])), _styledComponents.segmentTokens.itemBorderRadius, _styledComponents.segmentTokens.itemWidth, _styledComponents.segmentTokens.itemHeight, _styledComponents.segmentTokens.itemPadding, _styledComponents.segmentTokens.itemPilledPadding, _styledComponents.segmentTokens.itemContentPadding, _styledComponents.segmentTokens.itemIconMargin, _styledComponents.segmentTokens.itemMarginLeft, _styledComponents.segmentTokens.fontFamily, _styledComponents.segmentTokens.fontSize, _styledComponents.segmentTokens.fontStyle, _styledComponents.segmentTokens.fontWeight, _styledComponents.segmentTokens.letterSpacing, _styledComponents.segmentTokens.lineHeight),
23
- s: /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.625rem;\n ", ": auto;\n ", ": 2.5rem;\n ", ": 0.5rem 1rem;\n ", ": 0.5rem 0.5rem;\n ", ": 0.1875rem 0.125rem;\n ", ": 0.125rem;\n ", ": 0rem;\n\n ", ": var(--plasma-typo-body-s-bold-font-family);\n ", ": var(--plasma-typo-body-s-bold-font-size);\n ", ": var(--plasma-typo-body-s-bold-font-style);\n ", ": var(--plasma-typo-body-s-bold-font-weight);\n ", ": var(--plasma-typo-body-s-bold-letter-spacing);\n ", ": var(--plasma-typo-body-s-bold-line-height);\n "])), _styledComponents.segmentTokens.itemBorderRadius, _styledComponents.segmentTokens.itemWidth, _styledComponents.segmentTokens.itemHeight, _styledComponents.segmentTokens.itemPadding, _styledComponents.segmentTokens.itemPilledPadding, _styledComponents.segmentTokens.itemContentPadding, _styledComponents.segmentTokens.itemIconMargin, _styledComponents.segmentTokens.itemMarginLeft, _styledComponents.segmentTokens.fontFamily, _styledComponents.segmentTokens.fontSize, _styledComponents.segmentTokens.fontStyle, _styledComponents.segmentTokens.fontWeight, _styledComponents.segmentTokens.letterSpacing, _styledComponents.segmentTokens.lineHeight),
24
- m: /*#__PURE__*/(0, _styledComponents.css)(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.75rem;\n ", ": auto;\n ", ": 3rem;\n ", ": 0.75rem 1.25rem;\n ", ": 0.75rem 0.75rem;\n ", ": 0.125rem;\n ", ": 0.25rem;\n ", ": 0rem;\n\n ", ": var(--plasma-typo-body-m-bold-font-family);\n ", ": var(--plasma-typo-body-m-bold-font-size);\n ", ": var(--plasma-typo-body-m-bold-font-style);\n ", ": var(--plasma-typo-body-m-bold-font-weight);\n ", ": var(--plasma-typo-body-m-bold-letter-spacing);\n ", ": var(--plasma-typo-body-m-bold-line-height);\n "])), _styledComponents.segmentTokens.itemBorderRadius, _styledComponents.segmentTokens.itemWidth, _styledComponents.segmentTokens.itemHeight, _styledComponents.segmentTokens.itemPadding, _styledComponents.segmentTokens.itemPilledPadding, _styledComponents.segmentTokens.itemContentPadding, _styledComponents.segmentTokens.itemIconMargin, _styledComponents.segmentTokens.itemMarginLeft, _styledComponents.segmentTokens.fontFamily, _styledComponents.segmentTokens.fontSize, _styledComponents.segmentTokens.fontStyle, _styledComponents.segmentTokens.fontWeight, _styledComponents.segmentTokens.letterSpacing, _styledComponents.segmentTokens.lineHeight),
25
- l: /*#__PURE__*/(0, _styledComponents.css)(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.875rem;\n ", ": auto;\n ", ": 3.5rem;\n ", ": 1rem 1.5rem; /* 1.625 */\n ", ": 1rem 1rem;\n ", ": 0.0625rem 0.125rem;\n ", ": 0.375rem;\n ", ": 0;\n\n ", ": var(--plasma-typo-body-l-bold-font-family);\n ", ": var(--plasma-typo-body-l-bold-font-size);\n ", ": var(--plasma-typo-body-l-bold-font-style);\n ", ": var(--plasma-typo-body-l-bold-font-weight);\n ", ": var(--plasma-typo-body-l-bold-letter-spacing);\n ", ": var(--plasma-typo-body-l-bold-line-height);\n "])), _styledComponents.segmentTokens.itemBorderRadius, _styledComponents.segmentTokens.itemWidth, _styledComponents.segmentTokens.itemHeight, _styledComponents.segmentTokens.itemPadding, _styledComponents.segmentTokens.itemPilledPadding, _styledComponents.segmentTokens.itemContentPadding, _styledComponents.segmentTokens.itemIconMargin, _styledComponents.segmentTokens.itemMarginLeft, _styledComponents.segmentTokens.fontFamily, _styledComponents.segmentTokens.fontSize, _styledComponents.segmentTokens.fontStyle, _styledComponents.segmentTokens.fontWeight, _styledComponents.segmentTokens.letterSpacing, _styledComponents.segmentTokens.lineHeight)
22
+ xs: /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.375rem;\n ", ": auto;\n ", ": 1.5rem;\n ", ": 0 0.625rem;\n ", ": 0.125rem;\n\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n "])), _styledComponents.segmentTokens.itemBorderRadius, _styledComponents.segmentTokens.itemWidth, _styledComponents.segmentTokens.itemHeight, _styledComponents.segmentTokens.itemPadding, _styledComponents.segmentTokens.itemMarginLeft, _styledComponents.segmentTokens.fontFamily, _styledComponents.segmentTokens.fontSize, _styledComponents.segmentTokens.fontStyle, _styledComponents.segmentTokens.fontWeight, _styledComponents.segmentTokens.letterSpacing, _styledComponents.segmentTokens.lineHeight),
23
+ s: /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.5rem;\n ", ": auto;\n ", ": 2rem;\n ", ": 0 0.75rem;\n ", ": 0.125rem;\n\n ", ": var(--plasma-typo-body-s-font-family);\n ", ": var(--plasma-typo-body-s-font-size);\n ", ": var(--plasma-typo-body-s-font-style);\n ", ": var(--plasma-typo-body-s-font-weight);\n ", ": var(--plasma-typo-body-s-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n "])), _styledComponents.segmentTokens.itemBorderRadius, _styledComponents.segmentTokens.itemWidth, _styledComponents.segmentTokens.itemHeight, _styledComponents.segmentTokens.itemPadding, _styledComponents.segmentTokens.itemMarginLeft, _styledComponents.segmentTokens.fontFamily, _styledComponents.segmentTokens.fontSize, _styledComponents.segmentTokens.fontStyle, _styledComponents.segmentTokens.fontWeight, _styledComponents.segmentTokens.letterSpacing, _styledComponents.segmentTokens.lineHeight),
24
+ m: /*#__PURE__*/(0, _styledComponents.css)(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.625rem;\n ", ": auto;\n ", ": 2.5rem;\n ", ": 0 0.875rem;\n ", ": 0.125rem;\n\n ", ": var(--plasma-typo-body-m-font-family);\n ", ": var(--plasma-typo-body-m-font-size);\n ", ": var(--plasma-typo-body-m-font-style);\n ", ": var(--plasma-typo-body-m-font-weight);\n ", ": var(--plasma-typo-body-m-letter-spacing);\n ", ": var(--plasma-typo-body-m-line-height);\n "])), _styledComponents.segmentTokens.itemBorderRadius, _styledComponents.segmentTokens.itemWidth, _styledComponents.segmentTokens.itemHeight, _styledComponents.segmentTokens.itemPadding, _styledComponents.segmentTokens.itemMarginLeft, _styledComponents.segmentTokens.fontFamily, _styledComponents.segmentTokens.fontSize, _styledComponents.segmentTokens.fontStyle, _styledComponents.segmentTokens.fontWeight, _styledComponents.segmentTokens.letterSpacing, _styledComponents.segmentTokens.lineHeight),
25
+ l: /*#__PURE__*/(0, _styledComponents.css)(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.75rem;\n ", ": auto;\n ", ": 3rem;\n ", ": 0 1rem;\n ", ": 0.125rem;\n\n ", ": var(--plasma-typo-body-l-font-family);\n ", ": var(--plasma-typo-body-l-font-size);\n ", ": var(--plasma-typo-body-l-font-style);\n ", ": var(--plasma-typo-body-l-font-weight);\n ", ": var(--plasma-typo-body-l-letter-spacing);\n ", ": var(--plasma-typo-body-l-line-height);\n "])), _styledComponents.segmentTokens.itemBorderRadius, _styledComponents.segmentTokens.itemWidth, _styledComponents.segmentTokens.itemHeight, _styledComponents.segmentTokens.itemPadding, _styledComponents.segmentTokens.itemMarginLeft, _styledComponents.segmentTokens.fontFamily, _styledComponents.segmentTokens.fontSize, _styledComponents.segmentTokens.fontStyle, _styledComponents.segmentTokens.fontWeight, _styledComponents.segmentTokens.letterSpacing, _styledComponents.segmentTokens.lineHeight)
26
26
  },
27
27
  disabled: {
28
28
  "true": /*#__PURE__*/(0, _styledComponents.css)(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.4;\n "])), _styledComponents.segmentTokens.disabledOpacity)
29
29
  },
30
30
  pilled: {
31
- "true": /*#__PURE__*/(0, _styledComponents.css)(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 1.75rem;\n "])), _styledComponents.segmentTokens.itemPilledBorderRadius)
31
+ "true": /*#__PURE__*/(0, _styledComponents.css)(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 1.5rem;\n "])), _styledComponents.segmentTokens.itemPilledBorderRadius)
32
32
  }
33
33
  }
34
34
  };
package/components/TextArea/TextArea.config.d.ts CHANGED
@@ -21,6 +21,15 @@ export declare const config: {
21
21
  warning: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
22
22
  negative: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
23
23
  };
24
+ hintView: {
25
+ default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
26
+ onDark: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
27
+ onLight: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
28
+ };
29
+ hintSize: {
30
+ m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
31
+ s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
32
+ };
24
33
  disabled: {
25
34
  true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
26
35
  };
package/components/TextArea/TextArea.config.js CHANGED
@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.config = void 0;
7
7
  var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
8
- var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10;
8
+ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15;
9
9
  function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
10
10
  var config = exports.config = {
11
11
  defaults: {
@@ -14,24 +14,33 @@ var config = exports.config = {
14
14
  },
15
15
  variations: {
16
16
  size: {
17
- xs: /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 100%;\n ", ": 7.312rem;\n ", ": 0.625rem;\n ", ": 0.5rem;\n ", ": 0.5rem;\n ", ": 0.563rem;\n ", ": 0.625rem;\n ", ": 2.125rem;\n ", ": 0.563rem;\n ", ": 0.563rem;\n ", ": 0.625rem;\n ", ": 0.25rem;\n ", ": 0rem;\n ", ": 0rem;\n ", ": 0rem;\n ", ": 0.375rem;\n ", ": 0.563rem;\n ", ": 0.5rem;\n ", ": 1.25rem;\n ", ": 0.375rem;\n ", ": 'SB Sans Text','SBSansText',sans-serif;\n ", ": 0.625rem;\n ", ": normal;\n ", ": 400;\n ", ": -0.02em;\n ", ": 0.75rem;\n ", ": 0rem;\n ", ": 0rem;\n ", ": var(--plasma-typo-caption-font-family);\n ", ": var(--plasma-typo-caption-font-size);\n ", ": var(--plasma-typo-caption-font-style);\n ", ": var(--plasma-typo-caption-font-weight);\n ", ": var(--plasma-typo-caption-letter-spacing);\n ", ": var(--plasma-typo-caption-line-height);\n ", ": var(--plasma-typo-caption-font-family);\n ", ": var(--plasma-typo-caption-font-size);\n ", ": var(--plasma-typo-caption-font-style);\n ", ": var(--plasma-typo-caption-font-weight);\n ", ": var(--plasma-typo-caption-letter-spacing);\n ", ": var(--plasma-typo-caption-line-height);\n ", ": 0.375rem;\n ", ": 0.375rem;\n ", ": 0 0 0 0;\n ", ": 0.25rem auto auto -0.625rem;\n ", ": 0 0 auto auto;\n ", ": 0.125rem -0.675rem auto auto;\n "])), _styledComponents.textAreaTokens.inputWidth, _styledComponents.textAreaTokens.inputHeight, _styledComponents.textAreaTokens.inputMinHeight, _styledComponents.textAreaTokens.borderRadius, _styledComponents.textAreaTokens.borderRadiusWithHelpers, _styledComponents.textAreaTokens.inputPaddingTop, _styledComponents.textAreaTokens.inputPaddingRight, _styledComponents.textAreaTokens.inputPaddingRightWithRightContent, _styledComponents.textAreaTokens.inputPaddingBottom, _styledComponents.textAreaTokens.inputPaddingBottomWithHelpers, _styledComponents.textAreaTokens.inputPaddingLeft, _styledComponents.textAreaTokens.helpersPaddingTop, _styledComponents.textAreaTokens.helpersPaddingRight, _styledComponents.textAreaTokens.helpersPaddingBottom, _styledComponents.textAreaTokens.helpersPaddingLeft, _styledComponents.textAreaTokens.helpersOffset, _styledComponents.textAreaTokens.rightContentTop, _styledComponents.textAreaTokens.rightContentRight, _styledComponents.textAreaTokens.rightContentHeight, _styledComponents.textAreaTokens.labelMarginBottom, _styledComponents.textAreaTokens.labelInnerFontFamily, _styledComponents.textAreaTokens.labelInnerFontSize, _styledComponents.textAreaTokens.labelInnerFontStyle, _styledComponents.textAreaTokens.labelInnerFontWeight, _styledComponents.textAreaTokens.labelInnerLetterSpacing, _styledComponents.textAreaTokens.labelInnerLineHeight, _styledComponents.textAreaTokens.labelInnerTop, _styledComponents.textAreaTokens.labelInnerMarginBottom, _styledComponents.textAreaTokens.inputFontFamily, _styledComponents.textAreaTokens.inputFontSize, _styledComponents.textAreaTokens.inputFontStyle, _styledComponents.textAreaTokens.inputFontWeight, _styledComponents.textAreaTokens.inputLetterSpacing, _styledComponents.textAreaTokens.inputLineHeight, _styledComponents.textAreaTokens.helpersFontFamily, _styledComponents.textAreaTokens.helpersFontSize, _styledComponents.textAreaTokens.helpersFontStyle, _styledComponents.textAreaTokens.helpersFontWeight, _styledComponents.textAreaTokens.helpersLetterSpacing, _styledComponents.textAreaTokens.helpersLineHeight, _styledComponents.textAreaTokens.indicatorSizeInner, _styledComponents.textAreaTokens.indicatorSizeOuter, _styledComponents.textAreaTokens.indicatorLabelPlacementInner, _styledComponents.textAreaTokens.indicatorLabelPlacementOuter, _styledComponents.textAreaTokens.indicatorLabelPlacementInnerRight, _styledComponents.textAreaTokens.indicatorLabelPlacementOuterRight),
18
- s: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 100%;\n ", ": 7.187rem;\n ", ": 0.625rem;\n ", ": 0.625rem;\n ", ": 0.625rem;\n ", ": 0.688rem;\n ", ": 0.875rem;\n ", ": 3.125rem;\n ", ": 0.75rem;\n ", ": 0.75rem;\n ", ": 0.875rem;\n ", ": 0.25rem;\n ", ": 0rem;\n ", ": 0rem;\n ", ": 0rem;\n ", ": 0.375rem;\n ", ": 0.688rem;\n ", ": 0.75rem;\n ", ": 1.25rem;\n ", ": 0.5rem;\n ", ": var(--plasma-typo-caption-font-family);\n ", ": var(--plasma-typo-caption-font-size);\n ", ": var(--plasma-typo-caption-font-style);\n ", ": var(--plasma-typo-caption-font-weight);\n ", ": var(--plasma-typo-caption-letter-spacing);\n ", ": var(--plasma-typo-caption-line-height);\n ", ": 0.375rem;\n ", ": 0.125rem;\n ", ": var(--plasma-typo-footnote1-font-family);\n ", ": var(--plasma-typo-footnote1-font-size);\n ", ": var(--plasma-typo-footnote1-font-style);\n ", ": var(--plasma-typo-footnote1-font-weight);\n ", ": var(--plasma-typo-footnote1-letter-spacing);\n ", ": var(--plasma-typo-footnote1-line-height);\n ", ": var(--plasma-typo-caption-font-family);\n ", ": var(--plasma-typo-caption-font-size);\n ", ": var(--plasma-typo-caption-font-style);\n ", ": var(--plasma-typo-caption-font-weight);\n ", ": var(--plasma-typo-caption-letter-spacing);\n ", ": var(--plasma-typo-caption-line-height);\n ", ": 0.375rem;\n ", ": 0.375rem;\n ", ": 0 0 0 0;\n ", ": 0.375rem auto auto -0.675rem;\n ", ": 0 0 auto auto;\n ", ": 0.25rem -0.625rem auto auto;\n "])), _styledComponents.textAreaTokens.inputWidth, _styledComponents.textAreaTokens.inputHeight, _styledComponents.textAreaTokens.inputMinHeight, _styledComponents.textAreaTokens.borderRadius, _styledComponents.textAreaTokens.borderRadiusWithHelpers, _styledComponents.textAreaTokens.inputPaddingTop, _styledComponents.textAreaTokens.inputPaddingRight, _styledComponents.textAreaTokens.inputPaddingRightWithRightContent, _styledComponents.textAreaTokens.inputPaddingBottom, _styledComponents.textAreaTokens.inputPaddingBottomWithHelpers, _styledComponents.textAreaTokens.inputPaddingLeft, _styledComponents.textAreaTokens.helpersPaddingTop, _styledComponents.textAreaTokens.helpersPaddingRight, _styledComponents.textAreaTokens.helpersPaddingBottom, _styledComponents.textAreaTokens.helpersPaddingLeft, _styledComponents.textAreaTokens.helpersOffset, _styledComponents.textAreaTokens.rightContentTop, _styledComponents.textAreaTokens.rightContentRight, _styledComponents.textAreaTokens.rightContentHeight, _styledComponents.textAreaTokens.labelMarginBottom, _styledComponents.textAreaTokens.labelInnerFontFamily, _styledComponents.textAreaTokens.labelInnerFontSize, _styledComponents.textAreaTokens.labelInnerFontStyle, _styledComponents.textAreaTokens.labelInnerFontWeight, _styledComponents.textAreaTokens.labelInnerLetterSpacing, _styledComponents.textAreaTokens.labelInnerLineHeight, _styledComponents.textAreaTokens.labelInnerTop, _styledComponents.textAreaTokens.labelInnerMarginBottom, _styledComponents.textAreaTokens.inputFontFamily, _styledComponents.textAreaTokens.inputFontSize, _styledComponents.textAreaTokens.inputFontStyle, _styledComponents.textAreaTokens.inputFontWeight, _styledComponents.textAreaTokens.inputLetterSpacing, _styledComponents.textAreaTokens.inputLineHeight, _styledComponents.textAreaTokens.helpersFontFamily, _styledComponents.textAreaTokens.helpersFontSize, _styledComponents.textAreaTokens.helpersFontStyle, _styledComponents.textAreaTokens.helpersFontWeight, _styledComponents.textAreaTokens.helpersLetterSpacing, _styledComponents.textAreaTokens.helpersLineHeight, _styledComponents.textAreaTokens.indicatorSizeInner, _styledComponents.textAreaTokens.indicatorSizeOuter, _styledComponents.textAreaTokens.indicatorLabelPlacementInner, _styledComponents.textAreaTokens.indicatorLabelPlacementOuter, _styledComponents.textAreaTokens.indicatorLabelPlacementInnerRight, _styledComponents.textAreaTokens.indicatorLabelPlacementOuterRight),
19
- m: /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 100%;\n ", ": 7rem;\n ", ": 1.125rem;\n ", ": 0.75rem;\n ", ": 0.75rem;\n ", ": 0.875rem;\n ", ": 1rem;\n ", ": 3.375rem;\n ", ": 0.75rem;\n ", ": 0.75rem;\n ", ": 1rem;\n ", ": 0.25rem;\n ", ": 0rem;\n ", ": 0rem;\n ", ": 0rem;\n ", ": 0.375rem;\n ", ": 0.875rem;\n ", ": 0.875rem;\n ", ": 1.25rem;\n ", ": 0.625rem;\n ", ": var(--plasma-typo-caption-font-family);\n ", ": var(--plasma-typo-caption-font-size);\n ", ": var(--plasma-typo-caption-font-style);\n ", ": var(--plasma-typo-caption-font-weight);\n ", ": var(--plasma-typo-caption-letter-spacing);\n ", ": var(--plasma-typo-caption-line-height);\n ", ": 0.375rem;\n ", ": 0.125rem;\n ", ": var(--plasma-typo-body1-font-family);\n ", ": var(--plasma-typo-body1-font-size);\n ", ": var(--plasma-typo-body1-font-style);\n ", ": var(--plasma-typo-body1-font-weight);\n ", ": var(--plasma-typo-body1-letter-spacing);\n ", ": var(--plasma-typo-body1-line-height);\n ", ": var(--plasma-typo-caption-font-family);\n ", ": var(--plasma-typo-caption-font-size);\n ", ": var(--plasma-typo-caption-font-style);\n ", ": var(--plasma-typo-caption-font-weight);\n ", ": var(--plasma-typo-caption-letter-spacing);\n ", ": var(--plasma-typo-caption-line-height);\n ", ": 0.5rem;\n ", ": 0.375rem;\n ", ": 0 0 0 0;\n ", ": 0.4375rem auto auto -0.675rem;\n ", ": 0 0 auto auto;\n ", ": 0.1875rem -0.625rem auto auto;\n "])), _styledComponents.textAreaTokens.inputWidth, _styledComponents.textAreaTokens.inputHeight, _styledComponents.textAreaTokens.inputMinHeight, _styledComponents.textAreaTokens.borderRadius, _styledComponents.textAreaTokens.borderRadiusWithHelpers, _styledComponents.textAreaTokens.inputPaddingTop, _styledComponents.textAreaTokens.inputPaddingRight, _styledComponents.textAreaTokens.inputPaddingRightWithRightContent, _styledComponents.textAreaTokens.inputPaddingBottom, _styledComponents.textAreaTokens.inputPaddingBottomWithHelpers, _styledComponents.textAreaTokens.inputPaddingLeft, _styledComponents.textAreaTokens.helpersPaddingTop, _styledComponents.textAreaTokens.helpersPaddingRight, _styledComponents.textAreaTokens.helpersPaddingBottom, _styledComponents.textAreaTokens.helpersPaddingLeft, _styledComponents.textAreaTokens.helpersOffset, _styledComponents.textAreaTokens.rightContentTop, _styledComponents.textAreaTokens.rightContentRight, _styledComponents.textAreaTokens.rightContentHeight, _styledComponents.textAreaTokens.labelMarginBottom, _styledComponents.textAreaTokens.labelInnerFontFamily, _styledComponents.textAreaTokens.labelInnerFontSize, _styledComponents.textAreaTokens.labelInnerFontStyle, _styledComponents.textAreaTokens.labelInnerFontWeight, _styledComponents.textAreaTokens.labelInnerLetterSpacing, _styledComponents.textAreaTokens.labelInnerLineHeight, _styledComponents.textAreaTokens.labelInnerTop, _styledComponents.textAreaTokens.labelInnerMarginBottom, _styledComponents.textAreaTokens.inputFontFamily, _styledComponents.textAreaTokens.inputFontSize, _styledComponents.textAreaTokens.inputFontStyle, _styledComponents.textAreaTokens.inputFontWeight, _styledComponents.textAreaTokens.inputLetterSpacing, _styledComponents.textAreaTokens.inputLineHeight, _styledComponents.textAreaTokens.helpersFontFamily, _styledComponents.textAreaTokens.helpersFontSize, _styledComponents.textAreaTokens.helpersFontStyle, _styledComponents.textAreaTokens.helpersFontWeight, _styledComponents.textAreaTokens.helpersLetterSpacing, _styledComponents.textAreaTokens.helpersLineHeight, _styledComponents.textAreaTokens.indicatorSizeInner, _styledComponents.textAreaTokens.indicatorSizeOuter, _styledComponents.textAreaTokens.indicatorLabelPlacementInner, _styledComponents.textAreaTokens.indicatorLabelPlacementOuter, _styledComponents.textAreaTokens.indicatorLabelPlacementInnerRight, _styledComponents.textAreaTokens.indicatorLabelPlacementOuterRight),
20
- l: /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 100%;\n ", ": 6.812rem;\n ", ": 1.625rem;\n ", ": 0.875rem;\n ", ": 0.875rem;\n ", ": 1rem;\n ", ": 1.125rem;\n ", ": 3.625rem;\n ", ": 0.75rem;\n ", ": 0.75rem;\n ", ": 1.125rem;\n ", ": 0.25rem;\n ", ": 0rem;\n ", ": 0rem;\n ", ": 0rem;\n ", ": 0.375rem;\n ", ": 1.063rem;\n ", ": 1rem;\n ", ": 1.25rem;\n ", ": 0.75rem;\n ", ": var(--plasma-typo-caption-font-family);\n ", ": var(--plasma-typo-caption-font-size);\n ", ": var(--plasma-typo-caption-font-style);\n ", ": var(--plasma-typo-caption-font-weight);\n ", ": var(--plasma-typo-caption-letter-spacing);\n ", ": var(--plasma-typo-caption-line-height);\n ", ": 0.5625rem;\n ", ": 0.125rem;\n ", ": 'SB Sans Text','SBSansText',sans-serif;\n ", ": 1.125rem;\n ", ": normal;\n ", ": 400;\n ", ": -0.02em;\n ", ": 1.375rem;\n ", ": var(--plasma-typo-caption-font-family);\n ", ": var(--plasma-typo-caption-font-size);\n ", ": var(--plasma-typo-caption-font-style);\n ", ": var(--plasma-typo-caption-font-weight);\n ", ": var(--plasma-typo-caption-letter-spacing);\n ", ": var(--plasma-typo-caption-line-height);\n ", ": 0.5rem;\n ", ": 0.375rem;\n ", ": 0 0 0 0;\n ", ": 0.5rem auto auto -0.675rem;\n ", ": 0 0 auto auto;\n ", ": 0.25rem -0.625rem auto auto;\n "])), _styledComponents.textAreaTokens.inputWidth, _styledComponents.textAreaTokens.inputHeight, _styledComponents.textAreaTokens.inputMinHeight, _styledComponents.textAreaTokens.borderRadius, _styledComponents.textAreaTokens.borderRadiusWithHelpers, _styledComponents.textAreaTokens.inputPaddingTop, _styledComponents.textAreaTokens.inputPaddingRight, _styledComponents.textAreaTokens.inputPaddingRightWithRightContent, _styledComponents.textAreaTokens.inputPaddingBottom, _styledComponents.textAreaTokens.inputPaddingBottomWithHelpers, _styledComponents.textAreaTokens.inputPaddingLeft, _styledComponents.textAreaTokens.helpersPaddingTop, _styledComponents.textAreaTokens.helpersPaddingRight, _styledComponents.textAreaTokens.helpersPaddingBottom, _styledComponents.textAreaTokens.helpersPaddingLeft, _styledComponents.textAreaTokens.helpersOffset, _styledComponents.textAreaTokens.rightContentTop, _styledComponents.textAreaTokens.rightContentRight, _styledComponents.textAreaTokens.rightContentHeight, _styledComponents.textAreaTokens.labelMarginBottom, _styledComponents.textAreaTokens.labelInnerFontFamily, _styledComponents.textAreaTokens.labelInnerFontSize, _styledComponents.textAreaTokens.labelInnerFontStyle, _styledComponents.textAreaTokens.labelInnerFontWeight, _styledComponents.textAreaTokens.labelInnerLetterSpacing, _styledComponents.textAreaTokens.labelInnerLineHeight, _styledComponents.textAreaTokens.labelInnerTop, _styledComponents.textAreaTokens.labelInnerMarginBottom, _styledComponents.textAreaTokens.inputFontFamily, _styledComponents.textAreaTokens.inputFontSize, _styledComponents.textAreaTokens.inputFontStyle, _styledComponents.textAreaTokens.inputFontWeight, _styledComponents.textAreaTokens.inputLetterSpacing, _styledComponents.textAreaTokens.inputLineHeight, _styledComponents.textAreaTokens.helpersFontFamily, _styledComponents.textAreaTokens.helpersFontSize, _styledComponents.textAreaTokens.helpersFontStyle, _styledComponents.textAreaTokens.helpersFontWeight, _styledComponents.textAreaTokens.helpersLetterSpacing, _styledComponents.textAreaTokens.helpersLineHeight, _styledComponents.textAreaTokens.indicatorSizeInner, _styledComponents.textAreaTokens.indicatorSizeOuter, _styledComponents.textAreaTokens.indicatorLabelPlacementInner, _styledComponents.textAreaTokens.indicatorLabelPlacementOuter, _styledComponents.textAreaTokens.indicatorLabelPlacementInnerRight, _styledComponents.textAreaTokens.indicatorLabelPlacementOuterRight)
17
+ xs: /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 100%;\n ", ": 7.312rem;\n ", ": 0.625rem;\n ", ": 0.5rem;\n ", ": 0.5rem;\n ", ": 0.563rem;\n ", ": 0.625rem;\n ", ": 2.125rem;\n ", ": 0.563rem;\n ", ": 0.563rem;\n ", ": 0.625rem;\n ", ": 0.25rem;\n ", ": 0rem;\n ", ": 0rem;\n ", ": 0rem;\n ", ": 0.375rem;\n ", ": 0.563rem;\n ", ": 0.5rem;\n ", ": 1.25rem;\n ", ": 0.375rem;\n ", ": 'SB Sans Text','SBSansText',sans-serif;\n ", ": 0.625rem;\n ", ": normal;\n ", ": 400;\n ", ": -0.02em;\n ", ": 0.75rem;\n ", ": 0rem;\n ", ": 0rem;\n ", ": var(--plasma-typo-caption-font-family);\n ", ": var(--plasma-typo-caption-font-size);\n ", ": var(--plasma-typo-caption-font-style);\n ", ": var(--plasma-typo-caption-font-weight);\n ", ": var(--plasma-typo-caption-letter-spacing);\n ", ": var(--plasma-typo-caption-line-height);\n ", ": var(--plasma-typo-caption-font-family);\n ", ": var(--plasma-typo-caption-font-size);\n ", ": var(--plasma-typo-caption-font-style);\n ", ": var(--plasma-typo-caption-font-weight);\n ", ": var(--plasma-typo-caption-letter-spacing);\n ", ": var(--plasma-typo-caption-line-height);\n ", ": 0.375rem;\n ", ": 0.375rem;\n ", ": 0 0 0 0;\n ", ": 0.25rem auto auto -0.625rem;\n ", ": 0 0 auto auto;\n ", ": 0.125rem -0.675rem auto auto;\n\n ", ": 0 0.25rem;\n ", ": -1.25rem;\n\n ", ": 0.25rem;\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n "])), _styledComponents.textAreaTokens.inputWidth, _styledComponents.textAreaTokens.inputHeight, _styledComponents.textAreaTokens.inputMinHeight, _styledComponents.textAreaTokens.borderRadius, _styledComponents.textAreaTokens.borderRadiusWithHelpers, _styledComponents.textAreaTokens.inputPaddingTop, _styledComponents.textAreaTokens.inputPaddingRight, _styledComponents.textAreaTokens.inputPaddingRightWithRightContent, _styledComponents.textAreaTokens.inputPaddingBottom, _styledComponents.textAreaTokens.inputPaddingBottomWithHelpers, _styledComponents.textAreaTokens.inputPaddingLeft, _styledComponents.textAreaTokens.helpersPaddingTop, _styledComponents.textAreaTokens.helpersPaddingRight, _styledComponents.textAreaTokens.helpersPaddingBottom, _styledComponents.textAreaTokens.helpersPaddingLeft, _styledComponents.textAreaTokens.helpersOffset, _styledComponents.textAreaTokens.rightContentTop, _styledComponents.textAreaTokens.rightContentRight, _styledComponents.textAreaTokens.rightContentHeight, _styledComponents.textAreaTokens.labelMarginBottom, _styledComponents.textAreaTokens.labelInnerFontFamily, _styledComponents.textAreaTokens.labelInnerFontSize, _styledComponents.textAreaTokens.labelInnerFontStyle, _styledComponents.textAreaTokens.labelInnerFontWeight, _styledComponents.textAreaTokens.labelInnerLetterSpacing, _styledComponents.textAreaTokens.labelInnerLineHeight, _styledComponents.textAreaTokens.labelInnerTop, _styledComponents.textAreaTokens.labelInnerMarginBottom, _styledComponents.textAreaTokens.inputFontFamily, _styledComponents.textAreaTokens.inputFontSize, _styledComponents.textAreaTokens.inputFontStyle, _styledComponents.textAreaTokens.inputFontWeight, _styledComponents.textAreaTokens.inputLetterSpacing, _styledComponents.textAreaTokens.inputLineHeight, _styledComponents.textAreaTokens.helpersFontFamily, _styledComponents.textAreaTokens.helpersFontSize, _styledComponents.textAreaTokens.helpersFontStyle, _styledComponents.textAreaTokens.helpersFontWeight, _styledComponents.textAreaTokens.helpersLetterSpacing, _styledComponents.textAreaTokens.helpersLineHeight, _styledComponents.textAreaTokens.indicatorSizeInner, _styledComponents.textAreaTokens.indicatorSizeOuter, _styledComponents.textAreaTokens.indicatorLabelPlacementInner, _styledComponents.textAreaTokens.indicatorLabelPlacementOuter, _styledComponents.textAreaTokens.indicatorLabelPlacementInnerRight, _styledComponents.textAreaTokens.indicatorLabelPlacementOuterRight, _styledComponents.textAreaTokens.hintMargin, _styledComponents.textAreaTokens.hintInnerLabelPlacementOffset, _styledComponents.textAreaTokens.titleCaptionInnerLabelOffset, _styledComponents.textAreaTokens.titleCaptionFontFamily, _styledComponents.textAreaTokens.titleCaptionFontSize, _styledComponents.textAreaTokens.titleCaptionFontStyle, _styledComponents.textAreaTokens.titleCaptionFontWeight, _styledComponents.textAreaTokens.titleCaptionLetterSpacing, _styledComponents.textAreaTokens.titleCaptionLineHeight),
18
+ s: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 100%;\n ", ": 7.187rem;\n ", ": 0.625rem;\n ", ": 0.625rem;\n ", ": 0.625rem;\n ", ": 0.688rem;\n ", ": 0.875rem;\n ", ": 3.125rem;\n ", ": 0.75rem;\n ", ": 0.75rem;\n ", ": 0.875rem;\n ", ": 0.25rem;\n ", ": 0rem;\n ", ": 0rem;\n ", ": 0rem;\n ", ": 0.375rem;\n ", ": 0.688rem;\n ", ": 0.75rem;\n ", ": 1.25rem;\n ", ": 0.5rem;\n ", ": var(--plasma-typo-caption-font-family);\n ", ": var(--plasma-typo-caption-font-size);\n ", ": var(--plasma-typo-caption-font-style);\n ", ": var(--plasma-typo-caption-font-weight);\n ", ": var(--plasma-typo-caption-letter-spacing);\n ", ": var(--plasma-typo-caption-line-height);\n ", ": 0.375rem;\n ", ": 0.125rem;\n ", ": var(--plasma-typo-footnote1-font-family);\n ", ": var(--plasma-typo-footnote1-font-size);\n ", ": var(--plasma-typo-footnote1-font-style);\n ", ": var(--plasma-typo-footnote1-font-weight);\n ", ": var(--plasma-typo-footnote1-letter-spacing);\n ", ": var(--plasma-typo-footnote1-line-height);\n ", ": var(--plasma-typo-caption-font-family);\n ", ": var(--plasma-typo-caption-font-size);\n ", ": var(--plasma-typo-caption-font-style);\n ", ": var(--plasma-typo-caption-font-weight);\n ", ": var(--plasma-typo-caption-letter-spacing);\n ", ": var(--plasma-typo-caption-line-height);\n ", ": 0.375rem;\n ", ": 0.375rem;\n ", ": 0 0 0 0;\n ", ": 0.375rem auto auto -0.675rem;\n ", ": 0 0 auto auto;\n ", ": 0.25rem -0.625rem auto auto;\n\n ", ": 0 0.25rem;\n ", ": -1.375rem;\n\n ", ": 0.25rem;\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n "])), _styledComponents.textAreaTokens.inputWidth, _styledComponents.textAreaTokens.inputHeight, _styledComponents.textAreaTokens.inputMinHeight, _styledComponents.textAreaTokens.borderRadius, _styledComponents.textAreaTokens.borderRadiusWithHelpers, _styledComponents.textAreaTokens.inputPaddingTop, _styledComponents.textAreaTokens.inputPaddingRight, _styledComponents.textAreaTokens.inputPaddingRightWithRightContent, _styledComponents.textAreaTokens.inputPaddingBottom, _styledComponents.textAreaTokens.inputPaddingBottomWithHelpers, _styledComponents.textAreaTokens.inputPaddingLeft, _styledComponents.textAreaTokens.helpersPaddingTop, _styledComponents.textAreaTokens.helpersPaddingRight, _styledComponents.textAreaTokens.helpersPaddingBottom, _styledComponents.textAreaTokens.helpersPaddingLeft, _styledComponents.textAreaTokens.helpersOffset, _styledComponents.textAreaTokens.rightContentTop, _styledComponents.textAreaTokens.rightContentRight, _styledComponents.textAreaTokens.rightContentHeight, _styledComponents.textAreaTokens.labelMarginBottom, _styledComponents.textAreaTokens.labelInnerFontFamily, _styledComponents.textAreaTokens.labelInnerFontSize, _styledComponents.textAreaTokens.labelInnerFontStyle, _styledComponents.textAreaTokens.labelInnerFontWeight, _styledComponents.textAreaTokens.labelInnerLetterSpacing, _styledComponents.textAreaTokens.labelInnerLineHeight, _styledComponents.textAreaTokens.labelInnerTop, _styledComponents.textAreaTokens.labelInnerMarginBottom, _styledComponents.textAreaTokens.inputFontFamily, _styledComponents.textAreaTokens.inputFontSize, _styledComponents.textAreaTokens.inputFontStyle, _styledComponents.textAreaTokens.inputFontWeight, _styledComponents.textAreaTokens.inputLetterSpacing, _styledComponents.textAreaTokens.inputLineHeight, _styledComponents.textAreaTokens.helpersFontFamily, _styledComponents.textAreaTokens.helpersFontSize, _styledComponents.textAreaTokens.helpersFontStyle, _styledComponents.textAreaTokens.helpersFontWeight, _styledComponents.textAreaTokens.helpersLetterSpacing, _styledComponents.textAreaTokens.helpersLineHeight, _styledComponents.textAreaTokens.indicatorSizeInner, _styledComponents.textAreaTokens.indicatorSizeOuter, _styledComponents.textAreaTokens.indicatorLabelPlacementInner, _styledComponents.textAreaTokens.indicatorLabelPlacementOuter, _styledComponents.textAreaTokens.indicatorLabelPlacementInnerRight, _styledComponents.textAreaTokens.indicatorLabelPlacementOuterRight, _styledComponents.textAreaTokens.hintMargin, _styledComponents.textAreaTokens.hintInnerLabelPlacementOffset, _styledComponents.textAreaTokens.titleCaptionInnerLabelOffset, _styledComponents.textAreaTokens.titleCaptionFontFamily, _styledComponents.textAreaTokens.titleCaptionFontSize, _styledComponents.textAreaTokens.titleCaptionFontStyle, _styledComponents.textAreaTokens.titleCaptionFontWeight, _styledComponents.textAreaTokens.titleCaptionLetterSpacing, _styledComponents.textAreaTokens.titleCaptionLineHeight),
19
+ m: /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 100%;\n ", ": 7rem;\n ", ": 1.125rem;\n ", ": 0.75rem;\n ", ": 0.75rem;\n ", ": 0.875rem;\n ", ": 1rem;\n ", ": 3.375rem;\n ", ": 0.75rem;\n ", ": 0.75rem;\n ", ": 1rem;\n ", ": 0.25rem;\n ", ": 0rem;\n ", ": 0rem;\n ", ": 0rem;\n ", ": 0.375rem;\n ", ": 0.875rem;\n ", ": 0.875rem;\n ", ": 1.25rem;\n ", ": 0.625rem;\n ", ": var(--plasma-typo-caption-font-family);\n ", ": var(--plasma-typo-caption-font-size);\n ", ": var(--plasma-typo-caption-font-style);\n ", ": var(--plasma-typo-caption-font-weight);\n ", ": var(--plasma-typo-caption-letter-spacing);\n ", ": var(--plasma-typo-caption-line-height);\n ", ": 0.375rem;\n ", ": 0.125rem;\n ", ": var(--plasma-typo-body1-font-family);\n ", ": var(--plasma-typo-body1-font-size);\n ", ": var(--plasma-typo-body1-font-style);\n ", ": var(--plasma-typo-body1-font-weight);\n ", ": var(--plasma-typo-body1-letter-spacing);\n ", ": var(--plasma-typo-body1-line-height);\n ", ": var(--plasma-typo-caption-font-family);\n ", ": var(--plasma-typo-caption-font-size);\n ", ": var(--plasma-typo-caption-font-style);\n ", ": var(--plasma-typo-caption-font-weight);\n ", ": var(--plasma-typo-caption-letter-spacing);\n ", ": var(--plasma-typo-caption-line-height);\n ", ": 0.5rem;\n ", ": 0.375rem;\n ", ": 0 0 0 0;\n ", ": 0.4375rem auto auto -0.675rem;\n ", ": 0 0 auto auto;\n /* stylelint-disable-next-line number-max-precision */\n ", ": 0.1875rem -0.625rem auto auto;\n\n ", ": 0 0.25rem;\n ", ": -1.375rem;\n\n ", ": 0.25rem;\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n "])), _styledComponents.textAreaTokens.inputWidth, _styledComponents.textAreaTokens.inputHeight, _styledComponents.textAreaTokens.inputMinHeight, _styledComponents.textAreaTokens.borderRadius, _styledComponents.textAreaTokens.borderRadiusWithHelpers, _styledComponents.textAreaTokens.inputPaddingTop, _styledComponents.textAreaTokens.inputPaddingRight, _styledComponents.textAreaTokens.inputPaddingRightWithRightContent, _styledComponents.textAreaTokens.inputPaddingBottom, _styledComponents.textAreaTokens.inputPaddingBottomWithHelpers, _styledComponents.textAreaTokens.inputPaddingLeft, _styledComponents.textAreaTokens.helpersPaddingTop, _styledComponents.textAreaTokens.helpersPaddingRight, _styledComponents.textAreaTokens.helpersPaddingBottom, _styledComponents.textAreaTokens.helpersPaddingLeft, _styledComponents.textAreaTokens.helpersOffset, _styledComponents.textAreaTokens.rightContentTop, _styledComponents.textAreaTokens.rightContentRight, _styledComponents.textAreaTokens.rightContentHeight, _styledComponents.textAreaTokens.labelMarginBottom, _styledComponents.textAreaTokens.labelInnerFontFamily, _styledComponents.textAreaTokens.labelInnerFontSize, _styledComponents.textAreaTokens.labelInnerFontStyle, _styledComponents.textAreaTokens.labelInnerFontWeight, _styledComponents.textAreaTokens.labelInnerLetterSpacing, _styledComponents.textAreaTokens.labelInnerLineHeight, _styledComponents.textAreaTokens.labelInnerTop, _styledComponents.textAreaTokens.labelInnerMarginBottom, _styledComponents.textAreaTokens.inputFontFamily, _styledComponents.textAreaTokens.inputFontSize, _styledComponents.textAreaTokens.inputFontStyle, _styledComponents.textAreaTokens.inputFontWeight, _styledComponents.textAreaTokens.inputLetterSpacing, _styledComponents.textAreaTokens.inputLineHeight, _styledComponents.textAreaTokens.helpersFontFamily, _styledComponents.textAreaTokens.helpersFontSize, _styledComponents.textAreaTokens.helpersFontStyle, _styledComponents.textAreaTokens.helpersFontWeight, _styledComponents.textAreaTokens.helpersLetterSpacing, _styledComponents.textAreaTokens.helpersLineHeight, _styledComponents.textAreaTokens.indicatorSizeInner, _styledComponents.textAreaTokens.indicatorSizeOuter, _styledComponents.textAreaTokens.indicatorLabelPlacementInner, _styledComponents.textAreaTokens.indicatorLabelPlacementOuter, _styledComponents.textAreaTokens.indicatorLabelPlacementInnerRight, _styledComponents.textAreaTokens.indicatorLabelPlacementOuterRight, _styledComponents.textAreaTokens.hintMargin, _styledComponents.textAreaTokens.hintInnerLabelPlacementOffset, _styledComponents.textAreaTokens.titleCaptionInnerLabelOffset, _styledComponents.textAreaTokens.titleCaptionFontFamily, _styledComponents.textAreaTokens.titleCaptionFontSize, _styledComponents.textAreaTokens.titleCaptionFontStyle, _styledComponents.textAreaTokens.titleCaptionFontWeight, _styledComponents.textAreaTokens.titleCaptionLetterSpacing, _styledComponents.textAreaTokens.titleCaptionLineHeight),
20
+ l: /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 100%;\n ", ": 6.812rem;\n ", ": 1.625rem;\n ", ": 0.875rem;\n ", ": 0.875rem;\n ", ": 1rem;\n ", ": 1.125rem;\n ", ": 3.625rem;\n ", ": 0.75rem;\n ", ": 0.75rem;\n ", ": 1.125rem;\n ", ": 0.25rem;\n ", ": 0rem;\n ", ": 0rem;\n ", ": 0rem;\n ", ": 0.375rem;\n ", ": 1.063rem;\n ", ": 1rem;\n ", ": 1.25rem;\n ", ": 0.75rem;\n ", ": var(--plasma-typo-caption-font-family);\n ", ": var(--plasma-typo-caption-font-size);\n ", ": var(--plasma-typo-caption-font-style);\n ", ": var(--plasma-typo-caption-font-weight);\n ", ": var(--plasma-typo-caption-letter-spacing);\n ", ": var(--plasma-typo-caption-line-height);\n ", ": 0.5625rem;\n ", ": 0.125rem;\n ", ": 'SB Sans Text','SBSansText',sans-serif;\n ", ": 1.125rem;\n ", ": normal;\n ", ": 400;\n ", ": -0.02em;\n ", ": 1.375rem;\n ", ": var(--plasma-typo-caption-font-family);\n ", ": var(--plasma-typo-caption-font-size);\n ", ": var(--plasma-typo-caption-font-style);\n ", ": var(--plasma-typo-caption-font-weight);\n ", ": var(--plasma-typo-caption-letter-spacing);\n ", ": var(--plasma-typo-caption-line-height);\n ", ": 0.5rem;\n ", ": 0.375rem;\n ", ": 0 0 0 0;\n ", ": 0.5rem auto auto -0.675rem;\n ", ": 0 0 auto auto;\n ", ": 0.25rem -0.625rem auto auto;\n\n ", ": 0 0.25rem;\n ", ": -1.375rem;\n\n ", ": 0.25rem;\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n "])), _styledComponents.textAreaTokens.inputWidth, _styledComponents.textAreaTokens.inputHeight, _styledComponents.textAreaTokens.inputMinHeight, _styledComponents.textAreaTokens.borderRadius, _styledComponents.textAreaTokens.borderRadiusWithHelpers, _styledComponents.textAreaTokens.inputPaddingTop, _styledComponents.textAreaTokens.inputPaddingRight, _styledComponents.textAreaTokens.inputPaddingRightWithRightContent, _styledComponents.textAreaTokens.inputPaddingBottom, _styledComponents.textAreaTokens.inputPaddingBottomWithHelpers, _styledComponents.textAreaTokens.inputPaddingLeft, _styledComponents.textAreaTokens.helpersPaddingTop, _styledComponents.textAreaTokens.helpersPaddingRight, _styledComponents.textAreaTokens.helpersPaddingBottom, _styledComponents.textAreaTokens.helpersPaddingLeft, _styledComponents.textAreaTokens.helpersOffset, _styledComponents.textAreaTokens.rightContentTop, _styledComponents.textAreaTokens.rightContentRight, _styledComponents.textAreaTokens.rightContentHeight, _styledComponents.textAreaTokens.labelMarginBottom, _styledComponents.textAreaTokens.labelInnerFontFamily, _styledComponents.textAreaTokens.labelInnerFontSize, _styledComponents.textAreaTokens.labelInnerFontStyle, _styledComponents.textAreaTokens.labelInnerFontWeight, _styledComponents.textAreaTokens.labelInnerLetterSpacing, _styledComponents.textAreaTokens.labelInnerLineHeight, _styledComponents.textAreaTokens.labelInnerTop, _styledComponents.textAreaTokens.labelInnerMarginBottom, _styledComponents.textAreaTokens.inputFontFamily, _styledComponents.textAreaTokens.inputFontSize, _styledComponents.textAreaTokens.inputFontStyle, _styledComponents.textAreaTokens.inputFontWeight, _styledComponents.textAreaTokens.inputLetterSpacing, _styledComponents.textAreaTokens.inputLineHeight, _styledComponents.textAreaTokens.helpersFontFamily, _styledComponents.textAreaTokens.helpersFontSize, _styledComponents.textAreaTokens.helpersFontStyle, _styledComponents.textAreaTokens.helpersFontWeight, _styledComponents.textAreaTokens.helpersLetterSpacing, _styledComponents.textAreaTokens.helpersLineHeight, _styledComponents.textAreaTokens.indicatorSizeInner, _styledComponents.textAreaTokens.indicatorSizeOuter, _styledComponents.textAreaTokens.indicatorLabelPlacementInner, _styledComponents.textAreaTokens.indicatorLabelPlacementOuter, _styledComponents.textAreaTokens.indicatorLabelPlacementInnerRight, _styledComponents.textAreaTokens.indicatorLabelPlacementOuterRight, _styledComponents.textAreaTokens.hintMargin, _styledComponents.textAreaTokens.hintInnerLabelPlacementOffset, _styledComponents.textAreaTokens.titleCaptionInnerLabelOffset, _styledComponents.textAreaTokens.titleCaptionFontFamily, _styledComponents.textAreaTokens.titleCaptionFontSize, _styledComponents.textAreaTokens.titleCaptionFontStyle, _styledComponents.textAreaTokens.titleCaptionFontWeight, _styledComponents.textAreaTokens.titleCaptionLetterSpacing, _styledComponents.textAreaTokens.titleCaptionLineHeight)
21
21
  },
22
22
  view: {
23
- "default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-tertiary);\n ", ": var(--text-tertiary-hover);\n ", ": var(--text-tertiary-hover);\n ", ": var(--text-accent);\n ", ": var(--text-primary);\n ", ": var(--text-primary);\n ", ": var(--text-accent);\n ", ": var(--text-secondary);\n ", ": var(--text-tertiary);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary);\n ", ": var(--surface-negative);\n ", ": var(--text-tertiary);\n "])), _styledComponents.textAreaTokens.inputBorderColor, _styledComponents.textAreaTokens.inputBorderColorHover, _styledComponents.textAreaTokens.inputBorderColorActive, _styledComponents.textAreaTokens.inputBorderColorFocus, _styledComponents.textAreaTokens.inputColor, _styledComponents.textAreaTokens.inputColorFocus, _styledComponents.textAreaTokens.inputCaretColor, _styledComponents.textAreaTokens.placeholderColor, _styledComponents.textAreaTokens.placeholderColorFocus, _styledComponents.textAreaTokens.leftHelperColor, _styledComponents.textAreaTokens.rightHelperColor, _styledComponents.textAreaTokens.indicatorColor, _styledComponents.textAreaTokens.optionalColor),
23
+ "default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-tertiary);\n ", ": var(--text-tertiary-hover);\n ", ": var(--text-tertiary-hover);\n ", ": var(--text-accent);\n ", ": var(--text-primary);\n ", ": var(--text-primary);\n ", ": var(--text-accent);\n ", ": var(--text-secondary);\n ", ": var(--text-tertiary);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary);\n ", ": var(--surface-negative);\n ", ": var(--text-tertiary);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary);\n "])), _styledComponents.textAreaTokens.inputBorderColor, _styledComponents.textAreaTokens.inputBorderColorHover, _styledComponents.textAreaTokens.inputBorderColorActive, _styledComponents.textAreaTokens.inputBorderColorFocus, _styledComponents.textAreaTokens.inputColor, _styledComponents.textAreaTokens.inputColorFocus, _styledComponents.textAreaTokens.inputCaretColor, _styledComponents.textAreaTokens.placeholderColor, _styledComponents.textAreaTokens.placeholderColorFocus, _styledComponents.textAreaTokens.leftHelperColor, _styledComponents.textAreaTokens.rightHelperColor, _styledComponents.textAreaTokens.indicatorColor, _styledComponents.textAreaTokens.optionalColor, _styledComponents.textAreaTokens.titleCaptionColor, _styledComponents.textAreaTokens.hintIconColor),
24
24
  /**
25
25
  * @deprecated
26
26
  * использовать `default`
27
27
  */
28
- primary: /*#__PURE__*/(0, _styledComponents.css)(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-tertiary);\n ", ": var(--text-tertiary-hover);\n ", ": var(--text-tertiary-hover);\n ", ": var(--text-accent);\n ", ": var(--text-primary);\n ", ": var(--text-primary);\n ", ": var(--text-accent);\n ", ": var(--text-secondary);\n ", ": var(--text-tertiary);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary);\n ", ": var(--surface-negative);\n ", ": var(--text-tertiary);\n "])), _styledComponents.textAreaTokens.inputBorderColor, _styledComponents.textAreaTokens.inputBorderColorHover, _styledComponents.textAreaTokens.inputBorderColorActive, _styledComponents.textAreaTokens.inputBorderColorFocus, _styledComponents.textAreaTokens.inputColor, _styledComponents.textAreaTokens.inputColorFocus, _styledComponents.textAreaTokens.inputCaretColor, _styledComponents.textAreaTokens.placeholderColor, _styledComponents.textAreaTokens.placeholderColorFocus, _styledComponents.textAreaTokens.leftHelperColor, _styledComponents.textAreaTokens.rightHelperColor, _styledComponents.textAreaTokens.indicatorColor, _styledComponents.textAreaTokens.optionalColor),
29
- positive: /*#__PURE__*/(0, _styledComponents.css)(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-positive);\n ", ": var(--text-positive-hover);\n ", ": var(--text-positive-hover);\n ", ": var(--text-positive);\n ", ": var(--text-primary);\n ", ": var(--text-primary);\n ", ": var(--text-positive);\n ", ": var(--text-secondary);\n ", ": var(--text-tertiary);\n ", ": var(--text-positive);\n ", ": var(--text-secondary);\n ", ": var(--surface-negative);\n ", ": var(--text-tertiary);\n "])), _styledComponents.textAreaTokens.inputBorderColor, _styledComponents.textAreaTokens.inputBorderColorHover, _styledComponents.textAreaTokens.inputBorderColorActive, _styledComponents.textAreaTokens.inputBorderColorFocus, _styledComponents.textAreaTokens.inputColor, _styledComponents.textAreaTokens.inputColorFocus, _styledComponents.textAreaTokens.inputCaretColor, _styledComponents.textAreaTokens.placeholderColor, _styledComponents.textAreaTokens.placeholderColorFocus, _styledComponents.textAreaTokens.leftHelperColor, _styledComponents.textAreaTokens.rightHelperColor, _styledComponents.textAreaTokens.indicatorColor, _styledComponents.textAreaTokens.optionalColor),
30
- warning: /*#__PURE__*/(0, _styledComponents.css)(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-warning);\n ", ": var(--text-warning-hover);\n ", ": var(--text-warning-hover);\n ", ": var(--text-warning);\n ", ": var(--text-primary);\n ", ": var(--text-primary);\n ", ": var(--text-warning);\n ", ": var(--text-secondary);\n ", ": var(--text-tertiary);\n ", ": var(--text-warning);\n ", ": var(--text-secondary);\n ", ": var(--surface-negative);\n ", ": var(--text-tertiary);\n "])), _styledComponents.textAreaTokens.inputBorderColor, _styledComponents.textAreaTokens.inputBorderColorHover, _styledComponents.textAreaTokens.inputBorderColorActive, _styledComponents.textAreaTokens.inputBorderColorFocus, _styledComponents.textAreaTokens.inputColor, _styledComponents.textAreaTokens.inputColorFocus, _styledComponents.textAreaTokens.inputCaretColor, _styledComponents.textAreaTokens.placeholderColor, _styledComponents.textAreaTokens.placeholderColorFocus, _styledComponents.textAreaTokens.leftHelperColor, _styledComponents.textAreaTokens.rightHelperColor, _styledComponents.textAreaTokens.indicatorColor, _styledComponents.textAreaTokens.optionalColor),
31
- negative: /*#__PURE__*/(0, _styledComponents.css)(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-negative);\n ", ": var(--text-negative-hover);\n ", ": var(--text-negative-hover);\n ", ": var(--text-negative);\n ", ": var(--text-primary);\n ", ": var(--text-primary);\n ", ": var(--text-negative);\n ", ": var(--text-secondary);\n ", ": var(--text-tertiary);\n ", ": var(--text-negative);\n ", ": var(--text-secondary);\n ", ": var(--surface-negative);\n ", ": var(--text-tertiary);\n "])), _styledComponents.textAreaTokens.inputBorderColor, _styledComponents.textAreaTokens.inputBorderColorHover, _styledComponents.textAreaTokens.inputBorderColorActive, _styledComponents.textAreaTokens.inputBorderColorFocus, _styledComponents.textAreaTokens.inputColor, _styledComponents.textAreaTokens.inputColorFocus, _styledComponents.textAreaTokens.inputCaretColor, _styledComponents.textAreaTokens.placeholderColor, _styledComponents.textAreaTokens.placeholderColorFocus, _styledComponents.textAreaTokens.leftHelperColor, _styledComponents.textAreaTokens.rightHelperColor, _styledComponents.textAreaTokens.indicatorColor, _styledComponents.textAreaTokens.optionalColor)
28
+ primary: /*#__PURE__*/(0, _styledComponents.css)(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-tertiary);\n ", ": var(--text-tertiary-hover);\n ", ": var(--text-tertiary-hover);\n ", ": var(--text-accent);\n ", ": var(--text-primary);\n ", ": var(--text-primary);\n ", ": var(--text-accent);\n ", ": var(--text-secondary);\n ", ": var(--text-tertiary);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary);\n ", ": var(--surface-negative);\n ", ": var(--text-tertiary);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary);\n "])), _styledComponents.textAreaTokens.inputBorderColor, _styledComponents.textAreaTokens.inputBorderColorHover, _styledComponents.textAreaTokens.inputBorderColorActive, _styledComponents.textAreaTokens.inputBorderColorFocus, _styledComponents.textAreaTokens.inputColor, _styledComponents.textAreaTokens.inputColorFocus, _styledComponents.textAreaTokens.inputCaretColor, _styledComponents.textAreaTokens.placeholderColor, _styledComponents.textAreaTokens.placeholderColorFocus, _styledComponents.textAreaTokens.leftHelperColor, _styledComponents.textAreaTokens.rightHelperColor, _styledComponents.textAreaTokens.indicatorColor, _styledComponents.textAreaTokens.optionalColor, _styledComponents.textAreaTokens.titleCaptionColor, _styledComponents.textAreaTokens.hintIconColor),
29
+ positive: /*#__PURE__*/(0, _styledComponents.css)(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-positive);\n ", ": var(--text-positive-hover);\n ", ": var(--text-positive-hover);\n ", ": var(--text-positive);\n ", ": var(--text-primary);\n ", ": var(--text-primary);\n ", ": var(--text-positive);\n ", ": var(--text-secondary);\n ", ": var(--text-tertiary);\n ", ": var(--text-positive);\n ", ": var(--text-secondary);\n ", ": var(--surface-negative);\n ", ": var(--text-tertiary);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary);\n "])), _styledComponents.textAreaTokens.inputBorderColor, _styledComponents.textAreaTokens.inputBorderColorHover, _styledComponents.textAreaTokens.inputBorderColorActive, _styledComponents.textAreaTokens.inputBorderColorFocus, _styledComponents.textAreaTokens.inputColor, _styledComponents.textAreaTokens.inputColorFocus, _styledComponents.textAreaTokens.inputCaretColor, _styledComponents.textAreaTokens.placeholderColor, _styledComponents.textAreaTokens.placeholderColorFocus, _styledComponents.textAreaTokens.leftHelperColor, _styledComponents.textAreaTokens.rightHelperColor, _styledComponents.textAreaTokens.indicatorColor, _styledComponents.textAreaTokens.optionalColor, _styledComponents.textAreaTokens.titleCaptionColor, _styledComponents.textAreaTokens.hintIconColor),
30
+ warning: /*#__PURE__*/(0, _styledComponents.css)(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-warning);\n ", ": var(--text-warning-hover);\n ", ": var(--text-warning-hover);\n ", ": var(--text-warning);\n ", ": var(--text-primary);\n ", ": var(--text-primary);\n ", ": var(--text-warning);\n ", ": var(--text-secondary);\n ", ": var(--text-tertiary);\n ", ": var(--text-warning);\n ", ": var(--text-secondary);\n ", ": var(--surface-negative);\n ", ": var(--text-tertiary);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary);\n "])), _styledComponents.textAreaTokens.inputBorderColor, _styledComponents.textAreaTokens.inputBorderColorHover, _styledComponents.textAreaTokens.inputBorderColorActive, _styledComponents.textAreaTokens.inputBorderColorFocus, _styledComponents.textAreaTokens.inputColor, _styledComponents.textAreaTokens.inputColorFocus, _styledComponents.textAreaTokens.inputCaretColor, _styledComponents.textAreaTokens.placeholderColor, _styledComponents.textAreaTokens.placeholderColorFocus, _styledComponents.textAreaTokens.leftHelperColor, _styledComponents.textAreaTokens.rightHelperColor, _styledComponents.textAreaTokens.indicatorColor, _styledComponents.textAreaTokens.optionalColor, _styledComponents.textAreaTokens.titleCaptionColor, _styledComponents.textAreaTokens.hintIconColor),
31
+ negative: /*#__PURE__*/(0, _styledComponents.css)(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-negative);\n ", ": var(--text-negative-hover);\n ", ": var(--text-negative-hover);\n ", ": var(--text-negative);\n ", ": var(--text-primary);\n ", ": var(--text-primary);\n ", ": var(--text-negative);\n ", ": var(--text-secondary);\n ", ": var(--text-tertiary);\n ", ": var(--text-negative);\n ", ": var(--text-secondary);\n ", ": var(--surface-negative);\n ", ": var(--text-tertiary);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary);\n "])), _styledComponents.textAreaTokens.inputBorderColor, _styledComponents.textAreaTokens.inputBorderColorHover, _styledComponents.textAreaTokens.inputBorderColorActive, _styledComponents.textAreaTokens.inputBorderColorFocus, _styledComponents.textAreaTokens.inputColor, _styledComponents.textAreaTokens.inputColorFocus, _styledComponents.textAreaTokens.inputCaretColor, _styledComponents.textAreaTokens.placeholderColor, _styledComponents.textAreaTokens.placeholderColorFocus, _styledComponents.textAreaTokens.leftHelperColor, _styledComponents.textAreaTokens.rightHelperColor, _styledComponents.textAreaTokens.indicatorColor, _styledComponents.textAreaTokens.optionalColor, _styledComponents.textAreaTokens.titleCaptionColor, _styledComponents.textAreaTokens.hintIconColor)
32
+ },
33
+ hintView: {
34
+ "default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject10 || (_templateObject10 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--surface-solid-card);\n ", ": var(--shadow-down-hard-m);\n ", ": var(--text-primary);\n "])), _styledComponents.textAreaTokens.tooltipBackgroundColor, _styledComponents.textAreaTokens.tooltipBoxShadow, _styledComponents.textAreaTokens.tooltipColor),
35
+ onDark: /*#__PURE__*/(0, _styledComponents.css)(_templateObject11 || (_templateObject11 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-surface-solid-card);\n ", ": var(--shadow-down-hard-m);\n ", ": var(--on-dark-text-primary);\n "])), _styledComponents.textAreaTokens.tooltipBackgroundColor, _styledComponents.textAreaTokens.tooltipBoxShadow, _styledComponents.textAreaTokens.tooltipColor),
36
+ onLight: /*#__PURE__*/(0, _styledComponents.css)(_templateObject12 || (_templateObject12 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-light-surface-solid-card);\n ", ": var(--shadow-down-hard-m);\n ", ": var(--on-light-text-primary);\n "])), _styledComponents.textAreaTokens.tooltipBackgroundColor, _styledComponents.textAreaTokens.tooltipBoxShadow, _styledComponents.textAreaTokens.tooltipColor)
37
+ },
38
+ hintSize: {
39
+ m: /*#__PURE__*/(0, _styledComponents.css)(_templateObject13 || (_templateObject13 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.6875rem;\n ", ": 0.875rem;\n ", ": 0.6875rem;\n ", ": 0.875rem;\n\n ", ": 2.5rem;\n ", ": 0.625rem;\n\n ", ": var(--plasma-typo-body-s-font-family);\n ", ": var(--plasma-typo-body-s-font-size);\n ", ": var(--plasma-typo-body-s-font-style);\n ", ": var(--plasma-typo-body-s-font-weight);\n ", ": var(--plasma-typo-body-s-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n\n ", ": 0.375rem;\n\n ", ": 1.25rem;\n ", ": 1.25rem;\n ", ": url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMC4xNywxMS44M2wyMCwwYy01LjUyLDAgLTEwLDMuNTkgLTEwLDhjMCwtNC40MSAtNC40OCwtOCAtMTAsLTh6IiBmaWxsPSIjMTcxNzE3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGlkPSJUYWlsIi8+Cjwvc3ZnPg==\");\n ", ": 0.5rem;\n ", ": 0.625rem;\n ", ": var(--surface-solid-card);\n "])), _styledComponents.textAreaTokens.tooltipPaddingTop, _styledComponents.textAreaTokens.tooltipPaddingRight, _styledComponents.textAreaTokens.tooltipPaddingBottom, _styledComponents.textAreaTokens.tooltipPaddingLeft, _styledComponents.textAreaTokens.tooltipMinHeight, _styledComponents.textAreaTokens.tooltipBorderRadius, _styledComponents.textAreaTokens.tooltipTextFontFamily, _styledComponents.textAreaTokens.tooltipTextFontSize, _styledComponents.textAreaTokens.tooltipTextFontStyle, _styledComponents.textAreaTokens.tooltipTextFontWeight, _styledComponents.textAreaTokens.tooltipTextFontLetterSpacing, _styledComponents.textAreaTokens.tooltipTextFontLineHeight, _styledComponents.textAreaTokens.tooltipContentLeftMargin, _styledComponents.textAreaTokens.tooltipArrowMaskWidth, _styledComponents.textAreaTokens.tooltipArrowMaskHeight, _styledComponents.textAreaTokens.tooltipArrowMaskImage, _styledComponents.textAreaTokens.tooltipArrowHeight, _styledComponents.textAreaTokens.tooltipArrowEdgeMargin, _styledComponents.textAreaTokens.tooltipArrowBackground),
40
+ s: /*#__PURE__*/(0, _styledComponents.css)(_templateObject14 || (_templateObject14 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.5rem;\n ", ": 0.75rem;\n ", ": 0.5rem;\n ", ": 0.75rem;\n\n ", ": 2rem;\n ", ": 0.5rem;\n\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n\n ", ": 0.25rem;\n\n ", ": 1rem;\n ", ": 1rem;\n ", ": url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMCw5Ljg1bDE2LDBjLTQuNDEsMCAtOCwyLjY5IC04LDZjMCwtMy4zMSAtMy41OSwtNiAtOCwtNnoiIGZpbGw9IiMxNzE3MTciIGZpbGwtcnVsZT0iZXZlbm9kZCIgaWQ9IlRhaWwiLz4KPC9zdmc+\");\n ", ": 0.375rem;\n ", ": 0.5625rem;\n ", ": var(--surface-solid-card);\n "])), _styledComponents.textAreaTokens.tooltipPaddingTop, _styledComponents.textAreaTokens.tooltipPaddingRight, _styledComponents.textAreaTokens.tooltipPaddingBottom, _styledComponents.textAreaTokens.tooltipPaddingLeft, _styledComponents.textAreaTokens.tooltipMinHeight, _styledComponents.textAreaTokens.tooltipBorderRadius, _styledComponents.textAreaTokens.tooltipTextFontFamily, _styledComponents.textAreaTokens.tooltipTextFontSize, _styledComponents.textAreaTokens.tooltipTextFontStyle, _styledComponents.textAreaTokens.tooltipTextFontWeight, _styledComponents.textAreaTokens.tooltipTextFontLetterSpacing, _styledComponents.textAreaTokens.tooltipTextFontLineHeight, _styledComponents.textAreaTokens.tooltipContentLeftMargin, _styledComponents.textAreaTokens.tooltipArrowMaskWidth, _styledComponents.textAreaTokens.tooltipArrowMaskHeight, _styledComponents.textAreaTokens.tooltipArrowMaskImage, _styledComponents.textAreaTokens.tooltipArrowHeight, _styledComponents.textAreaTokens.tooltipArrowEdgeMargin, _styledComponents.textAreaTokens.tooltipArrowBackground)
32
41
  },
33
42
  disabled: {
34
- "true": /*#__PURE__*/(0, _styledComponents.css)(_templateObject10 || (_templateObject10 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.4;\n ", ": var(--text-secondary);\n "])), _styledComponents.textAreaTokens.disabledOpacity, _styledComponents.textAreaTokens.inputColorDisabled)
43
+ "true": /*#__PURE__*/(0, _styledComponents.css)(_templateObject15 || (_templateObject15 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.4;\n ", ": var(--text-secondary);\n ", ": var(--text-secondary);\n "])), _styledComponents.textAreaTokens.disabledOpacity, _styledComponents.textAreaTokens.inputColorDisabled, _styledComponents.textAreaTokens.titleCaptionColorReadOnly)
35
44
  }
36
45
  }
37
46
  };
package/components/TextArea/index.d.ts CHANGED
@@ -1,4 +1,6 @@
1
1
  import type { TextAreaProps as TextAreaPropsBase } from '@salutejs/plasma-hope';
2
+ import type { PopoverPlacement, PopoverPlacementBasic } from '@salutejs/plasma-new-hope';
3
+ import type { ReactNode } from 'react';
2
4
  export { TextArea } from './TextArea';
3
5
  declare type RequiredProps = {
4
6
  /**
@@ -25,9 +27,84 @@ declare type RequiredProps = {
25
27
  */
26
28
  required?: never | false;
27
29
  });
30
+ declare type HintProps = {
31
+ /**
32
+ * Отобразить ли подсказку
33
+ */
34
+ hasHint: boolean;
35
+ /**
36
+ * Текст тултипа
37
+ */
38
+ hintText: string;
39
+ /**
40
+ * Способ открытия тултипа - наведение или клик мышью
41
+ */
42
+ hintTrigger?: 'hover' | 'click';
43
+ /**
44
+ * Видимость тултипа
45
+ */
46
+ hintOpened?: boolean;
47
+ /**
48
+ * Вид тултипа
49
+ */
50
+ hintView?: string;
51
+ /**
52
+ * Размер тултипа
53
+ */
54
+ hintSize?: string;
55
+ /**
56
+ * Элемент, рядом с которым произойдет вызов всплывающего окна.
57
+ * Если свойство не задано, применится иконка по умолчанию.
58
+ */
59
+ hintTarget?: ReactNode;
60
+ /**
61
+ * Направление раскрытия тултипа.
62
+ */
63
+ hintPlacement?: PopoverPlacement | Array<PopoverPlacementBasic>;
64
+ /**
65
+ * Видимость стрелки (хвоста).
66
+ */
67
+ hintHasArrow?: boolean;
68
+ /**
69
+ * Отступ окна относительно элемента, у которого оно вызвано.
70
+ * @default
71
+ * [0, 8]
72
+ */
73
+ hintOffset?: [number, number];
74
+ /**
75
+ * Минимальная ширина окна (в rem).
76
+ */
77
+ hintMinWidth?: string;
78
+ /**
79
+ * Максимальная ширина окна (в rem).
80
+ */
81
+ hintMaxWidth?: string;
82
+ /**
83
+ * Слот для контента слева, например `Icon`.
84
+ */
85
+ hintContentLeft?: ReactNode;
86
+ } | {
87
+ hasHint?: never | false;
88
+ hintOpened?: never;
89
+ hintTrigger?: never;
90
+ hintText?: never;
91
+ hintView?: never;
92
+ hintSize?: never;
93
+ hintTarget?: never;
94
+ hintPlacement?: never;
95
+ hintHasArrow?: never;
96
+ hintOffset?: never;
97
+ hintMinWidth?: never;
98
+ hintMaxWidth?: never;
99
+ hintContentLeft?: never;
100
+ };
28
101
  export declare type TextAreaProps = TextAreaPropsBase & {
29
102
  /**
30
103
  * @deprecated не используется в компоненте
31
104
  */
32
105
  resize?: 'none' | 'both' | 'horizontal' | 'vertical';
33
- } & RequiredProps;
106
+ /**
107
+ * Метка-подпись к элементу справа.
108
+ */
109
+ titleCaption?: ReactNode;
110
+ } & RequiredProps & HintProps;
package/components/TextField/TextField.config.d.ts CHANGED
@@ -21,6 +21,16 @@ export declare const config: {
21
21
  inner: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
22
22
  outer: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
23
23
  };
24
+ hintView: {
25
+ default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
26
+ onDark: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
27
+ onLight: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
28
+ inverse: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
29
+ };
30
+ hintSize: {
31
+ m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
32
+ s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
33
+ };
24
34
  disabled: {
25
35
  true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
26
36
  };