@salutejs/plasma-new-hope 0.196.0-canary.1578.11937650902.0 → 0.196.0-canary.1579.11944847972.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (116) hide show
  1. package/cjs/components/Autocomplete/Autocomplete.css +2 -2
  2. package/cjs/components/Combobox/ComboboxNew/Combobox.css +2 -2
  3. package/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.css +2 -2
  4. package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.css +2 -2
  5. package/cjs/components/DatePicker/RangeDate/RangeDate.css +2 -2
  6. package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +2 -2
  7. package/cjs/components/DatePicker/SingleDate/SingleDate.css +2 -2
  8. package/cjs/components/Pagination/Pagination.css +2 -2
  9. package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +2 -2
  10. package/cjs/components/Range/Range.css +2 -2
  11. package/cjs/components/Select/Select.css +2 -2
  12. package/cjs/components/Select/ui/Inner/Inner.css +2 -2
  13. package/cjs/components/Select/ui/Inner/ui/Item/Item.css +2 -2
  14. package/cjs/components/Select/ui/Target/Target.css +2 -2
  15. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.css +2 -2
  16. package/cjs/components/Slider/Slider.css +2 -2
  17. package/cjs/components/Slider/components/Double/Double.css +2 -2
  18. package/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +2 -2
  19. package/cjs/components/TextArea/TextArea.js +12 -6
  20. package/cjs/components/TextArea/TextArea.js.map +1 -1
  21. package/cjs/components/TextArea/TextArea.styles.js +15 -9
  22. package/cjs/components/TextArea/TextArea.styles.js.map +1 -1
  23. package/cjs/components/TextArea/{TextArea.styles_1ke2ihc.css → TextArea.styles_1qybm1d.css} +5 -4
  24. package/cjs/components/TextArea/ui/Hint/Hint.css +17 -16
  25. package/cjs/components/TextArea/variations/_clear/base.js +1 -1
  26. package/cjs/components/TextArea/variations/_clear/base_14608a0.css +1 -0
  27. package/cjs/components/TextField/TextField.tokens.js +0 -1
  28. package/cjs/components/TextField/TextField.tokens.js.map +1 -1
  29. package/cjs/components/TextField/variations/_label-placement/base.js +1 -1
  30. package/cjs/components/TextField/variations/_label-placement/base.js.map +1 -1
  31. package/{es/components/TextField/variations/_label-placement/base_x6yf49.css → cjs/components/TextField/variations/_label-placement/base_gttvto.css} +1 -1
  32. package/cjs/components/TextField/variations/_view/base.js +1 -1
  33. package/cjs/components/TextField/variations/_view/base.js.map +1 -1
  34. package/cjs/components/TextField/variations/_view/base_8ogww5.css +1 -0
  35. package/cjs/index.css +21 -20
  36. package/emotion/cjs/components/TextArea/TextArea.js +13 -7
  37. package/emotion/cjs/components/TextArea/TextArea.styles.js +37 -33
  38. package/emotion/cjs/components/TextField/TextField.tokens.js +0 -1
  39. package/emotion/cjs/components/TextField/variations/_label-placement/base.js +1 -1
  40. package/emotion/cjs/components/TextField/variations/_view/base.js +1 -1
  41. package/emotion/cjs/examples/plasma_b2c/components/TextArea/TextArea.stories.tsx +8 -1
  42. package/emotion/cjs/examples/plasma_web/components/TextField/TextField.stories.tsx +7 -0
  43. package/emotion/es/components/TextArea/TextArea.js +14 -8
  44. package/emotion/es/components/TextArea/TextArea.styles.js +36 -32
  45. package/emotion/es/components/TextField/TextField.tokens.js +0 -1
  46. package/emotion/es/components/TextField/variations/_label-placement/base.js +1 -1
  47. package/emotion/es/components/TextField/variations/_view/base.js +1 -1
  48. package/emotion/es/examples/plasma_b2c/components/TextArea/TextArea.stories.tsx +8 -1
  49. package/emotion/es/examples/plasma_web/components/TextField/TextField.stories.tsx +7 -0
  50. package/es/components/Autocomplete/Autocomplete.css +2 -2
  51. package/es/components/Combobox/ComboboxNew/Combobox.css +2 -2
  52. package/es/components/Combobox/ComboboxNew/ui/Inner/Inner.css +2 -2
  53. package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.css +2 -2
  54. package/es/components/DatePicker/RangeDate/RangeDate.css +2 -2
  55. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +2 -2
  56. package/es/components/DatePicker/SingleDate/SingleDate.css +2 -2
  57. package/es/components/Pagination/Pagination.css +2 -2
  58. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +2 -2
  59. package/es/components/Range/Range.css +2 -2
  60. package/es/components/Select/Select.css +2 -2
  61. package/es/components/Select/ui/Inner/Inner.css +2 -2
  62. package/es/components/Select/ui/Inner/ui/Item/Item.css +2 -2
  63. package/es/components/Select/ui/Target/Target.css +2 -2
  64. package/es/components/Select/ui/Target/ui/Textfield/Textfield.css +2 -2
  65. package/es/components/Slider/Slider.css +2 -2
  66. package/es/components/Slider/components/Double/Double.css +2 -2
  67. package/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +2 -2
  68. package/es/components/TextArea/TextArea.js +13 -7
  69. package/es/components/TextArea/TextArea.js.map +1 -1
  70. package/es/components/TextArea/TextArea.styles.js +15 -10
  71. package/es/components/TextArea/TextArea.styles.js.map +1 -1
  72. package/es/components/TextArea/{TextArea.styles_1ke2ihc.css → TextArea.styles_1qybm1d.css} +5 -4
  73. package/es/components/TextArea/ui/Hint/Hint.css +17 -16
  74. package/es/components/TextArea/variations/_clear/base.js +1 -1
  75. package/es/components/TextArea/variations/_clear/base_14608a0.css +1 -0
  76. package/es/components/TextField/TextField.tokens.js +0 -1
  77. package/es/components/TextField/TextField.tokens.js.map +1 -1
  78. package/es/components/TextField/variations/_label-placement/base.js +1 -1
  79. package/es/components/TextField/variations/_label-placement/base.js.map +1 -1
  80. package/{cjs/components/TextField/variations/_label-placement/base_x6yf49.css → es/components/TextField/variations/_label-placement/base_gttvto.css} +1 -1
  81. package/es/components/TextField/variations/_view/base.js +1 -1
  82. package/es/components/TextField/variations/_view/base.js.map +1 -1
  83. package/es/components/TextField/variations/_view/base_8ogww5.css +1 -0
  84. package/es/index.css +21 -20
  85. package/package.json +2 -2
  86. package/styled-components/cjs/components/TextArea/TextArea.js +12 -6
  87. package/styled-components/cjs/components/TextArea/TextArea.styles.js +8 -5
  88. package/styled-components/cjs/components/TextField/TextField.tokens.js +0 -1
  89. package/styled-components/cjs/components/TextField/variations/_label-placement/base.js +1 -1
  90. package/styled-components/cjs/components/TextField/variations/_view/base.js +1 -1
  91. package/styled-components/cjs/examples/plasma_b2c/components/TextArea/TextArea.stories.tsx +8 -1
  92. package/styled-components/cjs/examples/plasma_web/components/TextField/TextField.stories.tsx +7 -0
  93. package/styled-components/es/components/TextArea/TextArea.js +13 -7
  94. package/styled-components/es/components/TextArea/TextArea.styles.js +7 -4
  95. package/styled-components/es/components/TextField/TextField.tokens.js +0 -1
  96. package/styled-components/es/components/TextField/variations/_label-placement/base.js +1 -1
  97. package/styled-components/es/components/TextField/variations/_view/base.js +1 -1
  98. package/styled-components/es/examples/plasma_b2c/components/TextArea/TextArea.stories.tsx +8 -1
  99. package/styled-components/es/examples/plasma_web/components/TextField/TextField.stories.tsx +7 -0
  100. package/types/components/TextArea/TextArea.d.ts.map +1 -1
  101. package/types/components/TextArea/TextArea.styles.d.ts +1 -0
  102. package/types/components/TextArea/TextArea.styles.d.ts.map +1 -1
  103. package/types/components/TextArea/TextArea.types.d.ts +5 -0
  104. package/types/components/TextArea/TextArea.types.d.ts.map +1 -1
  105. package/types/components/TextField/TextField.tokens.d.ts +0 -1
  106. package/types/components/TextField/TextField.tokens.d.ts.map +1 -1
  107. package/types/components/TextField/variations/_label-placement/base.d.ts.map +1 -1
  108. package/types/components/TextField/variations/_view/base.d.ts.map +1 -1
  109. package/types/examples/plasma_b2c/components/TextArea/TextArea.d.ts +16 -0
  110. package/types/examples/plasma_b2c/components/TextArea/TextArea.d.ts.map +1 -1
  111. package/types/examples/plasma_web/components/TextArea/TextArea.d.ts +16 -0
  112. package/types/examples/plasma_web/components/TextArea/TextArea.d.ts.map +1 -1
  113. package/cjs/components/TextArea/variations/_clear/base_iz2qkw.css +0 -1
  114. package/cjs/components/TextField/variations/_view/base_1elov6h.css +0 -1
  115. package/es/components/TextArea/variations/_clear/base_iz2qkw.css +0 -1
  116. package/es/components/TextField/variations/_view/base_1elov6h.css +0 -1
@@ -3,7 +3,7 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.TitleCaption = exports.StyledTextAreaWrapper = exports.StyledTextArea = exports.StyledRightHelper = exports.StyledPlaceholder = exports.StyledOptionalText = exports.StyledLeftHelper = exports.StyledLabel = exports.StyledIndicatorWrapper = exports.StyledIndicator = exports.StyledHintWrapper = exports.StyledHelpers = exports.StyledContent = exports.StyledContainer = exports.OuterLabelWrapper = exports.HintTargetWrapper = exports.HintIconWrapper = exports.Hint = void 0;
6
+ exports.TitleCaption = exports.StyledTextAreaWrapper = exports.StyledTextArea = exports.StyledRightHelper = exports.StyledPlaceholder = exports.StyledOutsideHelpersWrapper = exports.StyledOptionalText = exports.StyledLeftHelper = exports.StyledLabel = exports.StyledIndicatorWrapper = exports.StyledIndicator = exports.StyledHintWrapper = exports.StyledHelpers = exports.StyledContent = exports.StyledContainer = exports.OuterLabelWrapper = exports.HintTargetWrapper = exports.HintIconWrapper = exports.Hint = void 0;
7
7
  var _styledComponents = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("styled-components"));
8
8
  var _mixins = /*#__PURE__*/require("../../mixins");
9
9
  var _Tooltip = /*#__PURE__*/require("../Tooltip");
@@ -112,18 +112,21 @@ var StyledTextArea = exports.StyledTextArea = /*#__PURE__*/_styledComponents["de
112
112
  var StyledHelpers = exports.StyledHelpers = /*#__PURE__*/_styledComponents["default"].div.withConfig({
113
113
  componentId: "plasma-new-hope__sc-pxxv3p-13"
114
114
  })(["box-sizing:border-box;display:flex;justify-content:space-between;transition:background-color 0.1s ease-in-out;background-color:var(", ");padding-top:var(", ");padding-right:var(", ");padding-bottom:var(", ");padding-left:var(", ");border-bottom-left-radius:var(", ");border-bottom-right-radius:var(", ");"], _TextArea.tokens.helpersBackgroundColor, _TextArea.tokens.helpersPaddingTop, _TextArea.tokens.helpersPaddingRight, _TextArea.tokens.helpersPaddingBottom, _TextArea.tokens.helpersPaddingLeft, _TextArea.tokens.borderRadius, _TextArea.tokens.borderRadius);
115
- var StyledLeftHelper = exports.StyledLeftHelper = /*#__PURE__*/_styledComponents["default"].span.withConfig({
115
+ var StyledOutsideHelpersWrapper = exports.StyledOutsideHelpersWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
116
116
  componentId: "plasma-new-hope__sc-pxxv3p-14"
117
+ })(["box-sizing:border-box;display:flex;justify-content:space-between;padding-top:var(", ");"], _TextArea.tokens.clearHelpersPaddingTop);
118
+ var StyledLeftHelper = exports.StyledLeftHelper = /*#__PURE__*/_styledComponents["default"].span.withConfig({
119
+ componentId: "plasma-new-hope__sc-pxxv3p-15"
117
120
  })(["", ";display:block;font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");color:var(", ");"], /*#__PURE__*/(0, _mixins.applyEllipsis)(), _TextArea.tokens.helpersFontFamily, _TextArea.tokens.helpersFontSize, _TextArea.tokens.helpersFontStyle, _TextArea.tokens.helpersFontWeight, _TextArea.tokens.helpersLetterSpacing, _TextArea.tokens.helpersLineHeight, _TextArea.tokens.leftHelperColor);
118
121
  var StyledRightHelper = exports.StyledRightHelper = /*#__PURE__*/(0, _styledComponents["default"])(StyledLeftHelper).withConfig({
119
- componentId: "plasma-new-hope__sc-pxxv3p-15"
122
+ componentId: "plasma-new-hope__sc-pxxv3p-16"
120
123
  })(["color:var(", ");margin-left:auto;"], _TextArea.tokens.rightHelperColor);
121
124
  var StyledPlaceholder = exports.StyledPlaceholder = /*#__PURE__*/_styledComponents["default"].label.withConfig({
122
- componentId: "plasma-new-hope__sc-pxxv3p-16"
125
+ componentId: "plasma-new-hope__sc-pxxv3p-17"
123
126
  })(["box-sizing:border-box;position:absolute;pointer-events:none;display:inline-flex;align-items:center;transition:all 0.1s ease-in-out;transform-origin:top left;color:var(", ");width:100%;height:auto;top:var(", ");padding-left:var(", ");padding-right:", ";font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");"], _TextArea.tokens.placeholderColor, _TextArea.tokens.inputPaddingTop, _TextArea.tokens.inputPaddingLeft, function (_ref20) {
124
127
  var hasContentRight = _ref20.hasContentRight;
125
128
  return hasContentRight ? "var(".concat(_TextArea.tokens.inputPaddingRightWithRightContent, ")") : "var(".concat(_TextArea.tokens.inputPaddingRight, ")");
126
129
  }, _TextArea.tokens.inputFontFamily, _TextArea.tokens.inputFontSize, _TextArea.tokens.inputFontStyle, _TextArea.tokens.inputFontWeight, _TextArea.tokens.inputLetterSpacing, _TextArea.tokens.inputLineHeight);
127
130
  var StyledIndicator = exports.StyledIndicator = /*#__PURE__*/_styledComponents["default"].div.withConfig({
128
- componentId: "plasma-new-hope__sc-pxxv3p-17"
131
+ componentId: "plasma-new-hope__sc-pxxv3p-18"
129
132
  })(["position:absolute;border-radius:50%;background-color:var(", ");&.", "{width:var(", ");height:var(", ");inset:var(", ");&.", "{inset:var(", ");&.", "{right:calc(-1 * var(", "));}}}&.", "{width:var(", ");height:var(", ");inset:var(", ");&.", "{inset:var(", ");}}"], _TextArea.tokens.indicatorColor, _TextArea.classes.outerLabelPlacement, _TextArea.tokens.indicatorSizeOuter, _TextArea.tokens.indicatorSizeOuter, _TextArea.tokens.indicatorLabelPlacementOuter, _TextArea.classes.requiredAlignRight, _TextArea.tokens.indicatorLabelPlacementOuterRight, _TextArea.classes.hasHint, _TextArea.tokens.indicatorSizeOuter, _TextArea.classes.innerLabelPlacement, _TextArea.tokens.indicatorSizeInner, _TextArea.tokens.indicatorSizeInner, _TextArea.tokens.indicatorLabelPlacementInner, _TextArea.classes.requiredAlignRight, _TextArea.tokens.indicatorLabelPlacementInnerRight);
@@ -22,7 +22,6 @@ var classes = exports.classes = {
22
22
  var tokens = exports.tokens = {
23
23
  color: '--plasma-textfield-color',
24
24
  clearColor: '--plasma-textfield-clear-color',
25
- boxShadow: '--plasma-textfield-box-shadow',
26
25
  backgroundColor: '--plasma-textfield-bg-color',
27
26
  backgroundColorHover: '--plasma-textfield-bg-color-hover',
28
27
  backgroundColorFocus: '--plasma-textfield-bg-color-focus',
@@ -7,4 +7,4 @@ exports.base = void 0;
7
7
  var _styledComponents = /*#__PURE__*/require("styled-components");
8
8
  var _TextField = /*#__PURE__*/require("../../TextField.tokens");
9
9
  var _TextField2 = /*#__PURE__*/require("../../TextField.styles");
10
- var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["&.", "{", "{position:relative;display:inline-block;color:var(", ");}}&.", "{", "{padding:var(", ");}", ",", "{padding:var(", ");}", ":focus ~ ", ",", ".", " ~ ", "{color:var(", ");align-items:flex-start;padding:var(", ");font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");}", "{color:var(", ");pointer-events:none;position:absolute;top:0;display:flex;align-items:center;box-sizing:border-box;height:100%;}&.", " ", "{color:var(", ");}}"], _TextField.classes.outerLabelPlacement, _TextField2.Label, _TextField.tokens.labelColor, _TextField.classes.innerLabelPlacement, _TextField2.InputContainer, _TextField.tokens.contentLabelInnerPadding, _TextField2.StyledTextAfter, _TextField2.StyledTextBefore, _TextField.tokens.contentLabelInnerPadding, _TextField2.Input, _TextField2.Label, _TextField2.Input, _TextField.classes.hasValue, _TextField2.Label, _TextField.tokens.placeholderColor, _TextField.tokens.labelInnerPadding, _TextField.tokens.labelInnerFontFamily, _TextField.tokens.labelInnerFontSize, _TextField.tokens.labelInnerFontStyle, _TextField.tokens.labelInnerFontWeight, _TextField.tokens.labelInnerLetterSpacing, _TextField.tokens.labelInnerLineHeight, _TextField2.Label, _TextField.tokens.placeholderColor, _TextField.classes.clear, _TextField2.Label, _TextField.tokens.clearPlaceholderColor);
10
+ var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["&.", "{", "{position:relative;display:inline-block;color:var(", ");}}&.", "{", "{padding:var(", ");}", ",", "{padding:var(", ");}", ":focus ~ ", ",", ".", " ~ ", "{color:var(", ");align-items:flex-start;padding:var(", ");font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");}", "{color:var(", ");pointer-events:none;position:absolute;top:0;display:flex;align-items:center;box-sizing:border-box;height:var(", ");padding-top:calc(calc(var(", ") - var(", ")) / 2);padding-bottom:calc(calc(var(", ") - var(", ")) / 2);}&.", " ", "{color:var(", ");}}"], _TextField.classes.outerLabelPlacement, _TextField2.Label, _TextField.tokens.labelColor, _TextField.classes.innerLabelPlacement, _TextField2.InputContainer, _TextField.tokens.contentLabelInnerPadding, _TextField2.StyledTextAfter, _TextField2.StyledTextBefore, _TextField.tokens.contentLabelInnerPadding, _TextField2.Input, _TextField2.Label, _TextField2.Input, _TextField.classes.hasValue, _TextField2.Label, _TextField.tokens.placeholderColor, _TextField.tokens.labelInnerPadding, _TextField.tokens.labelInnerFontFamily, _TextField.tokens.labelInnerFontSize, _TextField.tokens.labelInnerFontStyle, _TextField.tokens.labelInnerFontWeight, _TextField.tokens.labelInnerLetterSpacing, _TextField.tokens.labelInnerLineHeight, _TextField2.Label, _TextField.tokens.placeholderColor, _TextField.tokens.height, _TextField.tokens.height, _TextField.tokens.labelLineHeight, _TextField.tokens.height, _TextField.tokens.labelLineHeight, _TextField.classes.clear, _TextField2.Label, _TextField.tokens.clearPlaceholderColor);
@@ -7,4 +7,4 @@ exports.base = void 0;
7
7
  var _styledComponents = /*#__PURE__*/require("styled-components");
8
8
  var _TextField = /*#__PURE__*/require("../../TextField.tokens");
9
9
  var _TextField2 = /*#__PURE__*/require("../../TextField.styles");
10
- var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["", "{--plasma_private-textfield-border-color:var(", ");--plasma_private-textfield-bg-color:var(", ");color:var(", ");background-color:var(--plasma_private-textfield-bg-color);box-shadow:inset 0 0 0 var(", ") var(--plasma_private-textfield-border-color),var(", ",inset 0 0 0 0 transparent);caret-color:var(", ");transition:background-color 0.1s ease-in,color 0.1s ease-in,box-shadow 0.1s ease-in;}", ":hover{--plasma_private-textfield-border-color:var(", ",var(", "));--plasma_private-textfield-bg-color:var( ", ",var(", ") );}", "{color:var(", ");}", "{color:var(", ");}", ":focus-within{--plasma_private-textfield-border-color:var(", ",var(", "));--plasma_private-textfield-bg-color:var( ", ",var(", ") );", "{color:var(", ");}}", "{color:var(", ");}", "{color:var(", ");}", "{color:var(", ");}", "{color:var(", ");}"], _TextField2.InputWrapper, /*#__PURE__*/String(_TextField.tokens.borderColor), /*#__PURE__*/String(_TextField.tokens.backgroundColor), _TextField.tokens.color, _TextField.tokens.borderWidth, _TextField.tokens.boxShadow, _TextField.tokens.caretColor, _TextField2.InputWrapper, _TextField.tokens.borderColorHover, /*#__PURE__*/String(_TextField.tokens.borderColor), _TextField.tokens.backgroundColorHover, /*#__PURE__*/String(_TextField.tokens.backgroundColor), _TextField2.Input, _TextField.tokens.color, _TextField2.InputPlaceholder, _TextField.tokens.placeholderColor, _TextField2.InputWrapper, _TextField.tokens.borderColorFocus, /*#__PURE__*/String(_TextField.tokens.borderColor), _TextField.tokens.backgroundColorFocus, /*#__PURE__*/String(_TextField.tokens.backgroundColor), _TextField2.InputPlaceholder, _TextField.tokens.placeholderColorFocus, _TextField2.TitleCaption, _TextField.tokens.titleCaptionColor, _TextField2.LeftHelper, _TextField.tokens.leftHelperColor, _TextField2.StyledTextBefore, _TextField.tokens.textBeforeColor, _TextField2.StyledTextAfter, _TextField.tokens.textAfterColor);
10
+ var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["", "{--plasma_private-textfield-border-color:var(", ");--plasma_private-textfield-bg-color:var(", ");color:var(", ");background-color:var(--plasma_private-textfield-bg-color);box-shadow:inset 0 0 0 var(", ") var(--plasma_private-textfield-border-color);caret-color:var(", ");transition:background-color 0.1s ease-in,color 0.1s ease-in,box-shadow 0.1s ease-in;}", ":hover{--plasma_private-textfield-border-color:var(", ",var(", "));--plasma_private-textfield-bg-color:var( ", ",var(", ") );}", "{color:var(", ");}", "{color:var(", ");}", ":focus-within{--plasma_private-textfield-border-color:var(", ",var(", "));--plasma_private-textfield-bg-color:var( ", ",var(", ") );", "{color:var(", ");}}", "{color:var(", ");}", "{color:var(", ");}", "{color:var(", ");}", "{color:var(", ");}"], _TextField2.InputWrapper, /*#__PURE__*/String(_TextField.tokens.borderColor), /*#__PURE__*/String(_TextField.tokens.backgroundColor), _TextField.tokens.color, _TextField.tokens.borderWidth, _TextField.tokens.caretColor, _TextField2.InputWrapper, _TextField.tokens.borderColorHover, /*#__PURE__*/String(_TextField.tokens.borderColor), _TextField.tokens.backgroundColorHover, /*#__PURE__*/String(_TextField.tokens.backgroundColor), _TextField2.Input, _TextField.tokens.color, _TextField2.InputPlaceholder, _TextField.tokens.placeholderColor, _TextField2.InputWrapper, _TextField.tokens.borderColorFocus, /*#__PURE__*/String(_TextField.tokens.borderColor), _TextField.tokens.backgroundColorFocus, /*#__PURE__*/String(_TextField.tokens.backgroundColor), _TextField2.InputPlaceholder, _TextField.tokens.placeholderColorFocus, _TextField2.TitleCaption, _TextField.tokens.titleCaptionColor, _TextField2.LeftHelper, _TextField.tokens.leftHelperColor, _TextField2.StyledTextBefore, _TextField.tokens.textBeforeColor, _TextField2.StyledTextAfter, _TextField.tokens.textAfterColor);
@@ -82,7 +82,13 @@ const meta: Meta<StoryTextAreaProps> = {
82
82
  labelPlacement: {
83
83
  options: labelPlacements,
84
84
  control: {
85
- type: 'select',
85
+ type: 'inline-radio',
86
+ },
87
+ },
88
+ helperPlacement: {
89
+ options: labelPlacements,
90
+ control: {
91
+ type: 'inline-radio',
86
92
  },
87
93
  },
88
94
  hasDivider: {
@@ -144,6 +150,7 @@ const meta: Meta<StoryTextAreaProps> = {
144
150
  titleCaption: 'Подпись к полю',
145
151
  leftHelper: 'Подсказка к полю слева',
146
152
  rightHelper: 'Подсказка к полю справа',
153
+ helperPlacement: 'inner',
147
154
  disabled: false,
148
155
  readOnly: false,
149
156
  autoResize: false,
@@ -87,6 +87,12 @@ const meta: Meta<typeof TextField> = {
87
87
  type: 'inline-radio',
88
88
  },
89
89
  },
90
+ helperPlacement: {
91
+ options: labelPlacements,
92
+ control: {
93
+ type: 'inline-radio',
94
+ },
95
+ },
90
96
  size: {
91
97
  options: sizes,
92
98
  control: {
@@ -215,6 +221,7 @@ export const Default: StoryObj<StoryPropsDefault> = {
215
221
  textAfter: '',
216
222
  placeholder: 'Заполните поле',
217
223
  leftHelper: 'Подсказка к полю',
224
+ helperPlacement: 'inner',
218
225
  disabled: false,
219
226
  readOnly: false,
220
227
  enableContentLeft: true,
@@ -1,5 +1,5 @@
1
1
  function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
2
- var _excluded = ["helperText", "status", "resize", "rightHelper", "leftHelper", "contentRight", "autoResize", "minAuto", "maxAuto", "label", "labelPlacement", "titleCaption", "placeholder", "defaultValue", "height", "width", "value", "disabled", "required", "requiredPlacement", "optional", "clear", "hasDivider", "size", "view", "id", "style", "className", "readOnly", "rows", "cols", "hintTrigger", "hintText", "hintView", "hintSize", "hintTargetIcon", "hintPlacement", "hintHasArrow", "hintOffset", "hintWidth", "hintContentLeft", "onChange"];
2
+ var _excluded = ["helperText", "status", "resize", "rightHelper", "leftHelper", "helperPlacement", "contentRight", "autoResize", "minAuto", "maxAuto", "label", "labelPlacement", "titleCaption", "placeholder", "defaultValue", "height", "width", "value", "disabled", "required", "requiredPlacement", "optional", "clear", "hasDivider", "size", "view", "id", "style", "className", "readOnly", "rows", "cols", "hintTrigger", "hintText", "hintView", "hintSize", "hintTargetIcon", "hintPlacement", "hintHasArrow", "hintOffset", "hintWidth", "hintContentLeft", "onChange"];
3
3
  function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
4
4
  function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
5
5
  function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -25,7 +25,7 @@ import { cx, mergeRefs } from '../../utils';
25
25
  import { useOutsideClick } from '../../hooks';
26
26
  import { applyDynamicLabel } from './mixins';
27
27
  import { useAutoResize, ROOT_FONT_SIZE } from './hooks';
28
- import { StyledContent, StyledHelpers, StyledLeftHelper, StyledRightHelper, StyledLabel, StyledPlaceholder, StyledTextArea, StyledTextAreaWrapper, StyledContainer, StyledIndicator, StyledOptionalText, OuterLabelWrapper, StyledIndicatorWrapper, StyledHintWrapper, TitleCaption } from './TextArea.styles';
28
+ import { StyledContent, StyledHelpers, StyledLeftHelper, StyledRightHelper, StyledLabel, StyledPlaceholder, StyledTextArea, StyledTextAreaWrapper, StyledContainer, StyledIndicator, StyledOptionalText, OuterLabelWrapper, StyledIndicatorWrapper, StyledHintWrapper, TitleCaption, StyledOutsideHelpersWrapper } from './TextArea.styles';
29
29
  import { classes } from './TextArea.tokens';
30
30
  import { base as viewCSS } from './variations/_view/base';
31
31
  import { base as sizeCSS } from './variations/_size/base';
@@ -80,6 +80,8 @@ export var textAreaRoot = function textAreaRoot(Root) {
80
80
  resize = props.resize,
81
81
  rightHelper = props.rightHelper,
82
82
  leftHelper = props.leftHelper,
83
+ _props$helperPlacemen = props.helperPlacement,
84
+ helperPlacement = _props$helperPlacemen === void 0 ? 'inner' : _props$helperPlacemen,
83
85
  contentRight = props.contentRight,
84
86
  _props$autoResize = props.autoResize,
85
87
  autoResize = _props$autoResize === void 0 ? false : _props$autoResize,
@@ -156,6 +158,7 @@ export var textAreaRoot = function textAreaRoot(Root) {
156
158
  var hasOuterLabel = Boolean(label && labelPlacement === 'outer');
157
159
  var hasInnerLabel = Boolean(label && labelPlacement === 'inner' && size !== 'xs');
158
160
  var hasPlaceholderOptional = innerOptional && !hasOuterLabel;
161
+ var hasInnerHelperPlacement = helperPlacement === 'inner';
159
162
  var overriddenView = status !== undefined ? fallbackStatusMap[status] : view;
160
163
  var textareaHelperId = id ? "".concat(id, "-helper") : undefined;
161
164
  var applyCustomWidth = resize !== 'horizontal' && resize !== 'both' && !cols;
@@ -227,6 +230,7 @@ export var textAreaRoot = function textAreaRoot(Root) {
227
230
  var optionalTextNode = innerOptional ? /*#__PURE__*/React.createElement(StyledOptionalText, {
228
231
  inheritFont: !hasOuterLabel
229
232
  }, Boolean(hasPlaceholderOptional ? placeholderLabel : label) && '\xa0', optionalText) : null;
233
+ var helperNode = hasHelper && /*#__PURE__*/React.createElement(React.Fragment, null, (leftHelper || helperText) && /*#__PURE__*/React.createElement(StyledLeftHelper, null, leftHelper || helperText), rightHelper && /*#__PURE__*/React.createElement(StyledRightHelper, null, rightHelper));
230
234
  return /*#__PURE__*/React.createElement(Root, _extends({
231
235
  view: overriddenView,
232
236
  size: size,
@@ -283,8 +287,8 @@ export var textAreaRoot = function textAreaRoot(Root) {
283
287
  handleHintHide: handleHintHide,
284
288
  handleHintClick: handleHintClick
285
289
  }))), contentRight && /*#__PURE__*/React.createElement(StyledContent, null, contentRight), /*#__PURE__*/React.createElement(StyledTextAreaWrapper, {
286
- className: styledTextAreaWrapper,
287
- hasHelper: hasHelper
290
+ className: cx(styledTextAreaWrapper),
291
+ hasHelper: hasHelper && hasInnerHelperPlacement
288
292
  }, /*#__PURE__*/React.createElement(StyledTextArea, _extends({
289
293
  className: cx(styledTextArea, hasRightContentClass),
290
294
  id: id,
@@ -304,14 +308,16 @@ export var textAreaRoot = function textAreaRoot(Root) {
304
308
  resize: resize,
305
309
  defaultValue: defaultValue,
306
310
  onChange: onChangeHandler
307
- }, rest))), hasHelper && /*#__PURE__*/React.createElement(StyledHelpers, {
311
+ }, rest))), hasHelper && hasInnerHelperPlacement && /*#__PURE__*/React.createElement(StyledHelpers, {
308
312
  className: styledHelpers,
309
313
  id: textareaHelperId
310
- }, (leftHelper || helperText) && /*#__PURE__*/React.createElement(StyledLeftHelper, null, leftHelper || helperText), rightHelper && /*#__PURE__*/React.createElement(StyledRightHelper, null, rightHelper)), placeholderLabel && /*#__PURE__*/React.createElement(StyledPlaceholder, {
314
+ }, helperNode), placeholderLabel && /*#__PURE__*/React.createElement(StyledPlaceholder, {
311
315
  hasContentRight: Boolean(contentRight),
312
316
  className: styledPlaceholder,
313
317
  htmlFor: id
314
- }, placeholderLabel, !hasOuterLabel && optionalTextNode)));
318
+ }, placeholderLabel, !hasOuterLabel && optionalTextNode)), hasHelper && !hasInnerHelperPlacement && /*#__PURE__*/React.createElement(StyledOutsideHelpersWrapper, {
319
+ id: textareaHelperId
320
+ }, helperNode));
315
321
  });
316
322
  };
317
323
  export var textAreaConfig = {
@@ -105,18 +105,21 @@ export var StyledTextArea = /*#__PURE__*/styled.textarea.withConfig({
105
105
  export var StyledHelpers = /*#__PURE__*/styled.div.withConfig({
106
106
  componentId: "plasma-new-hope__sc-pxxv3p-13"
107
107
  })(["box-sizing:border-box;display:flex;justify-content:space-between;transition:background-color 0.1s ease-in-out;background-color:var(", ");padding-top:var(", ");padding-right:var(", ");padding-bottom:var(", ");padding-left:var(", ");border-bottom-left-radius:var(", ");border-bottom-right-radius:var(", ");"], tokens.helpersBackgroundColor, tokens.helpersPaddingTop, tokens.helpersPaddingRight, tokens.helpersPaddingBottom, tokens.helpersPaddingLeft, tokens.borderRadius, tokens.borderRadius);
108
- export var StyledLeftHelper = /*#__PURE__*/styled.span.withConfig({
108
+ export var StyledOutsideHelpersWrapper = /*#__PURE__*/styled.div.withConfig({
109
109
  componentId: "plasma-new-hope__sc-pxxv3p-14"
110
+ })(["box-sizing:border-box;display:flex;justify-content:space-between;padding-top:var(", ");"], tokens.clearHelpersPaddingTop);
111
+ export var StyledLeftHelper = /*#__PURE__*/styled.span.withConfig({
112
+ componentId: "plasma-new-hope__sc-pxxv3p-15"
110
113
  })(["", ";display:block;font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");color:var(", ");"], /*#__PURE__*/applyEllipsis(), tokens.helpersFontFamily, tokens.helpersFontSize, tokens.helpersFontStyle, tokens.helpersFontWeight, tokens.helpersLetterSpacing, tokens.helpersLineHeight, tokens.leftHelperColor);
111
114
  export var StyledRightHelper = /*#__PURE__*/styled(StyledLeftHelper).withConfig({
112
- componentId: "plasma-new-hope__sc-pxxv3p-15"
115
+ componentId: "plasma-new-hope__sc-pxxv3p-16"
113
116
  })(["color:var(", ");margin-left:auto;"], tokens.rightHelperColor);
114
117
  export var StyledPlaceholder = /*#__PURE__*/styled.label.withConfig({
115
- componentId: "plasma-new-hope__sc-pxxv3p-16"
118
+ componentId: "plasma-new-hope__sc-pxxv3p-17"
116
119
  })(["box-sizing:border-box;position:absolute;pointer-events:none;display:inline-flex;align-items:center;transition:all 0.1s ease-in-out;transform-origin:top left;color:var(", ");width:100%;height:auto;top:var(", ");padding-left:var(", ");padding-right:", ";font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");"], tokens.placeholderColor, tokens.inputPaddingTop, tokens.inputPaddingLeft, function (_ref20) {
117
120
  var hasContentRight = _ref20.hasContentRight;
118
121
  return hasContentRight ? "var(".concat(tokens.inputPaddingRightWithRightContent, ")") : "var(".concat(tokens.inputPaddingRight, ")");
119
122
  }, tokens.inputFontFamily, tokens.inputFontSize, tokens.inputFontStyle, tokens.inputFontWeight, tokens.inputLetterSpacing, tokens.inputLineHeight);
120
123
  export var StyledIndicator = /*#__PURE__*/styled.div.withConfig({
121
- componentId: "plasma-new-hope__sc-pxxv3p-17"
124
+ componentId: "plasma-new-hope__sc-pxxv3p-18"
122
125
  })(["position:absolute;border-radius:50%;background-color:var(", ");&.", "{width:var(", ");height:var(", ");inset:var(", ");&.", "{inset:var(", ");&.", "{right:calc(-1 * var(", "));}}}&.", "{width:var(", ");height:var(", ");inset:var(", ");&.", "{inset:var(", ");}}"], tokens.indicatorColor, classes.outerLabelPlacement, tokens.indicatorSizeOuter, tokens.indicatorSizeOuter, tokens.indicatorLabelPlacementOuter, classes.requiredAlignRight, tokens.indicatorLabelPlacementOuterRight, classes.hasHint, tokens.indicatorSizeOuter, classes.innerLabelPlacement, tokens.indicatorSizeInner, tokens.indicatorSizeInner, tokens.indicatorLabelPlacementInner, classes.requiredAlignRight, tokens.indicatorLabelPlacementInnerRight);
@@ -16,7 +16,6 @@ export var classes = {
16
16
  export var tokens = {
17
17
  color: '--plasma-textfield-color',
18
18
  clearColor: '--plasma-textfield-clear-color',
19
- boxShadow: '--plasma-textfield-box-shadow',
20
19
  backgroundColor: '--plasma-textfield-bg-color',
21
20
  backgroundColorHover: '--plasma-textfield-bg-color-hover',
22
21
  backgroundColorFocus: '--plasma-textfield-bg-color-focus',
@@ -1,4 +1,4 @@
1
1
  import { css } from 'styled-components';
2
2
  import { classes, tokens } from '../../TextField.tokens';
3
3
  import { Input, InputContainer, Label, StyledTextAfter, StyledTextBefore } from '../../TextField.styles';
4
- export var base = /*#__PURE__*/css(["&.", "{", "{position:relative;display:inline-block;color:var(", ");}}&.", "{", "{padding:var(", ");}", ",", "{padding:var(", ");}", ":focus ~ ", ",", ".", " ~ ", "{color:var(", ");align-items:flex-start;padding:var(", ");font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");}", "{color:var(", ");pointer-events:none;position:absolute;top:0;display:flex;align-items:center;box-sizing:border-box;height:100%;}&.", " ", "{color:var(", ");}}"], classes.outerLabelPlacement, Label, tokens.labelColor, classes.innerLabelPlacement, InputContainer, tokens.contentLabelInnerPadding, StyledTextAfter, StyledTextBefore, tokens.contentLabelInnerPadding, Input, Label, Input, classes.hasValue, Label, tokens.placeholderColor, tokens.labelInnerPadding, tokens.labelInnerFontFamily, tokens.labelInnerFontSize, tokens.labelInnerFontStyle, tokens.labelInnerFontWeight, tokens.labelInnerLetterSpacing, tokens.labelInnerLineHeight, Label, tokens.placeholderColor, classes.clear, Label, tokens.clearPlaceholderColor);
4
+ export var base = /*#__PURE__*/css(["&.", "{", "{position:relative;display:inline-block;color:var(", ");}}&.", "{", "{padding:var(", ");}", ",", "{padding:var(", ");}", ":focus ~ ", ",", ".", " ~ ", "{color:var(", ");align-items:flex-start;padding:var(", ");font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");}", "{color:var(", ");pointer-events:none;position:absolute;top:0;display:flex;align-items:center;box-sizing:border-box;height:var(", ");padding-top:calc(calc(var(", ") - var(", ")) / 2);padding-bottom:calc(calc(var(", ") - var(", ")) / 2);}&.", " ", "{color:var(", ");}}"], classes.outerLabelPlacement, Label, tokens.labelColor, classes.innerLabelPlacement, InputContainer, tokens.contentLabelInnerPadding, StyledTextAfter, StyledTextBefore, tokens.contentLabelInnerPadding, Input, Label, Input, classes.hasValue, Label, tokens.placeholderColor, tokens.labelInnerPadding, tokens.labelInnerFontFamily, tokens.labelInnerFontSize, tokens.labelInnerFontStyle, tokens.labelInnerFontWeight, tokens.labelInnerLetterSpacing, tokens.labelInnerLineHeight, Label, tokens.placeholderColor, tokens.height, tokens.height, tokens.labelLineHeight, tokens.height, tokens.labelLineHeight, classes.clear, Label, tokens.clearPlaceholderColor);
@@ -1,4 +1,4 @@
1
1
  import { css } from 'styled-components';
2
2
  import { tokens } from '../../TextField.tokens';
3
3
  import { Input, InputPlaceholder, InputWrapper, LeftHelper, StyledTextAfter, StyledTextBefore, TitleCaption } from '../../TextField.styles';
4
- export var base = /*#__PURE__*/css(["", "{--plasma_private-textfield-border-color:var(", ");--plasma_private-textfield-bg-color:var(", ");color:var(", ");background-color:var(--plasma_private-textfield-bg-color);box-shadow:inset 0 0 0 var(", ") var(--plasma_private-textfield-border-color),var(", ",inset 0 0 0 0 transparent);caret-color:var(", ");transition:background-color 0.1s ease-in,color 0.1s ease-in,box-shadow 0.1s ease-in;}", ":hover{--plasma_private-textfield-border-color:var(", ",var(", "));--plasma_private-textfield-bg-color:var( ", ",var(", ") );}", "{color:var(", ");}", "{color:var(", ");}", ":focus-within{--plasma_private-textfield-border-color:var(", ",var(", "));--plasma_private-textfield-bg-color:var( ", ",var(", ") );", "{color:var(", ");}}", "{color:var(", ");}", "{color:var(", ");}", "{color:var(", ");}", "{color:var(", ");}"], InputWrapper, /*#__PURE__*/String(tokens.borderColor), /*#__PURE__*/String(tokens.backgroundColor), tokens.color, tokens.borderWidth, tokens.boxShadow, tokens.caretColor, InputWrapper, tokens.borderColorHover, /*#__PURE__*/String(tokens.borderColor), tokens.backgroundColorHover, /*#__PURE__*/String(tokens.backgroundColor), Input, tokens.color, InputPlaceholder, tokens.placeholderColor, InputWrapper, tokens.borderColorFocus, /*#__PURE__*/String(tokens.borderColor), tokens.backgroundColorFocus, /*#__PURE__*/String(tokens.backgroundColor), InputPlaceholder, tokens.placeholderColorFocus, TitleCaption, tokens.titleCaptionColor, LeftHelper, tokens.leftHelperColor, StyledTextBefore, tokens.textBeforeColor, StyledTextAfter, tokens.textAfterColor);
4
+ export var base = /*#__PURE__*/css(["", "{--plasma_private-textfield-border-color:var(", ");--plasma_private-textfield-bg-color:var(", ");color:var(", ");background-color:var(--plasma_private-textfield-bg-color);box-shadow:inset 0 0 0 var(", ") var(--plasma_private-textfield-border-color);caret-color:var(", ");transition:background-color 0.1s ease-in,color 0.1s ease-in,box-shadow 0.1s ease-in;}", ":hover{--plasma_private-textfield-border-color:var(", ",var(", "));--plasma_private-textfield-bg-color:var( ", ",var(", ") );}", "{color:var(", ");}", "{color:var(", ");}", ":focus-within{--plasma_private-textfield-border-color:var(", ",var(", "));--plasma_private-textfield-bg-color:var( ", ",var(", ") );", "{color:var(", ");}}", "{color:var(", ");}", "{color:var(", ");}", "{color:var(", ");}", "{color:var(", ");}"], InputWrapper, /*#__PURE__*/String(tokens.borderColor), /*#__PURE__*/String(tokens.backgroundColor), tokens.color, tokens.borderWidth, tokens.caretColor, InputWrapper, tokens.borderColorHover, /*#__PURE__*/String(tokens.borderColor), tokens.backgroundColorHover, /*#__PURE__*/String(tokens.backgroundColor), Input, tokens.color, InputPlaceholder, tokens.placeholderColor, InputWrapper, tokens.borderColorFocus, /*#__PURE__*/String(tokens.borderColor), tokens.backgroundColorFocus, /*#__PURE__*/String(tokens.backgroundColor), InputPlaceholder, tokens.placeholderColorFocus, TitleCaption, tokens.titleCaptionColor, LeftHelper, tokens.leftHelperColor, StyledTextBefore, tokens.textBeforeColor, StyledTextAfter, tokens.textAfterColor);
@@ -82,7 +82,13 @@ const meta: Meta<StoryTextAreaProps> = {
82
82
  labelPlacement: {
83
83
  options: labelPlacements,
84
84
  control: {
85
- type: 'select',
85
+ type: 'inline-radio',
86
+ },
87
+ },
88
+ helperPlacement: {
89
+ options: labelPlacements,
90
+ control: {
91
+ type: 'inline-radio',
86
92
  },
87
93
  },
88
94
  hasDivider: {
@@ -144,6 +150,7 @@ const meta: Meta<StoryTextAreaProps> = {
144
150
  titleCaption: 'Подпись к полю',
145
151
  leftHelper: 'Подсказка к полю слева',
146
152
  rightHelper: 'Подсказка к полю справа',
153
+ helperPlacement: 'inner',
147
154
  disabled: false,
148
155
  readOnly: false,
149
156
  autoResize: false,
@@ -87,6 +87,12 @@ const meta: Meta<typeof TextField> = {
87
87
  type: 'inline-radio',
88
88
  },
89
89
  },
90
+ helperPlacement: {
91
+ options: labelPlacements,
92
+ control: {
93
+ type: 'inline-radio',
94
+ },
95
+ },
90
96
  size: {
91
97
  options: sizes,
92
98
  control: {
@@ -215,6 +221,7 @@ export const Default: StoryObj<StoryPropsDefault> = {
215
221
  textAfter: '',
216
222
  placeholder: 'Заполните поле',
217
223
  leftHelper: 'Подсказка к полю',
224
+ helperPlacement: 'inner',
218
225
  disabled: false,
219
226
  readOnly: false,
220
227
  enableContentLeft: true,
@@ -1 +1 @@
1
- {"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../../../src/components/TextArea/TextArea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkF,MAAM,OAAO,CAAC;AAKvG,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AA6BrD,OAAO,KAAK,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAkCzE,eAAO,MAAM,sBAAsB,UAAW,aAAa,WAAW,OAAO,2BA2B5E,CAAC;AAEF,eAAO,MAAM,YAAY,SAAU,UAAU,mBAAmB,EAAE,iBAAiB,CAAC,8FA+R9E,CAAC;AAEP,eAAO,MAAM,cAAc;;;mBAjSQ,UAAU,mBAAmB,EAAE,iBAAiB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmUnF,CAAC"}
1
+ {"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../../../src/components/TextArea/TextArea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkF,MAAM,OAAO,CAAC;AAKvG,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AA8BrD,OAAO,KAAK,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAkCzE,eAAO,MAAM,sBAAsB,UAAW,aAAa,WAAW,OAAO,2BA2B5E,CAAC;AAEF,eAAO,MAAM,YAAY,SAAU,UAAU,mBAAmB,EAAE,iBAAiB,CAAC,8FA0S9E,CAAC;AAEP,eAAO,MAAM,cAAc;;;mBA5SQ,UAAU,mBAAmB,EAAE,iBAAiB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8UnF,CAAC"}
@@ -28,6 +28,7 @@ export declare const StyledTextArea: import("@linaria/react").StyledComponent<im
28
28
  resize?: string | undefined;
29
29
  }>;
30
30
  export declare const StyledHelpers: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
31
+ export declare const StyledOutsideHelpersWrapper: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
31
32
  export declare const StyledLeftHelper: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & Record<never, unknown>>;
32
33
  export declare const StyledRightHelper: import("@linaria/react").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & Record<never, unknown> & {
33
34
  as?: import("react").ElementType<any> | undefined;
@@ -1 +1 @@
1
- {"version":3,"file":"TextArea.styles.d.ts","sourceRoot":"","sources":["../../../src/components/TextArea/TextArea.styles.ts"],"names":[],"mappings":";AAWA,eAAO,MAAM,IAAI,8OAAoB,CAAC;AAEtC,eAAO,MAAM,iBAAiB;kBAA8B,OAAO;EAMlE,CAAC;AAEF,eAAO,MAAM,WAAW,qKAWvB,CAAC;AAEF,eAAO,MAAM,YAAY,qKAUxB,CAAC;AAEF,eAAO,MAAM,sBAAsB,qKAIlC,CAAC;AAEF,eAAO,MAAM,kBAAkB;;EAe9B,CAAC;AAEF,eAAO,MAAM,iBAAiB,qKAU7B,CAAC;AAEF,eAAO,MAAM,iBAAiB,qKAQ7B,CAAC;AAEF,eAAO,MAAM,eAAe,qKAAe,CAAC;AAE5C,eAAO,MAAM,qBAAqB;eACnB,OAAO;EAUrB,CAAC;AAEF,eAAO,MAAM,aAAa,qKAazB,CAAC;AAEF,eAAO,MAAM,eAAe;WAAuB,MAAM;EAOxD,CAAC;AAEF,eAAO,MAAM,cAAc;eACZ,OAAO;qBACD,OAAO;sBACN,OAAO;;;;EAkG5B,CAAC;AAEF,eAAO,MAAM,aAAa,qKAgBzB,CAAC;AAEF,eAAO,MAAM,gBAAgB,uKAa5B,CAAC;AAEF,eAAO,MAAM,iBAAiB;;EAG7B,CAAC;AAEF,eAAO,MAAM,iBAAiB;qBACT,OAAO;EA2B3B,CAAC;AAEF,eAAO,MAAM,eAAe,qKA6B3B,CAAC"}
1
+ {"version":3,"file":"TextArea.styles.d.ts","sourceRoot":"","sources":["../../../src/components/TextArea/TextArea.styles.ts"],"names":[],"mappings":";AAWA,eAAO,MAAM,IAAI,8OAAoB,CAAC;AAEtC,eAAO,MAAM,iBAAiB;kBAA8B,OAAO;EAMlE,CAAC;AAEF,eAAO,MAAM,WAAW,qKAWvB,CAAC;AAEF,eAAO,MAAM,YAAY,qKAUxB,CAAC;AAEF,eAAO,MAAM,sBAAsB,qKAIlC,CAAC;AAEF,eAAO,MAAM,kBAAkB;;EAe9B,CAAC;AAEF,eAAO,MAAM,iBAAiB,qKAU7B,CAAC;AAEF,eAAO,MAAM,iBAAiB,qKAQ7B,CAAC;AAEF,eAAO,MAAM,eAAe,qKAAe,CAAC;AAE5C,eAAO,MAAM,qBAAqB;eACnB,OAAO;EAUrB,CAAC;AAEF,eAAO,MAAM,aAAa,qKAazB,CAAC;AAEF,eAAO,MAAM,eAAe;WAAuB,MAAM;EAOxD,CAAC;AAEF,eAAO,MAAM,cAAc;eACZ,OAAO;qBACD,OAAO;sBACN,OAAO;;;;EAkG5B,CAAC;AAEF,eAAO,MAAM,aAAa,qKAgBzB,CAAC;AAEF,eAAO,MAAM,2BAA2B,qKAMvC,CAAC;AAEF,eAAO,MAAM,gBAAgB,uKAa5B,CAAC;AAEF,eAAO,MAAM,iBAAiB;;EAG7B,CAAC;AAEF,eAAO,MAAM,iBAAiB;qBACT,OAAO;EA2B3B,CAAC;AAEF,eAAO,MAAM,eAAe,qKA6B3B,CAAC"}
@@ -186,6 +186,11 @@ export declare type TextAreaPropsBase = {
186
186
  * Вспомогательный текст снизу справа для поля ввода.
187
187
  */
188
188
  rightHelper?: string;
189
+ /**
190
+ * Расположение вспомогательного текста
191
+ * @default 'inner'
192
+ */
193
+ helperPlacement?: 'inner' | 'outer';
189
194
  } & RequiredProps & HintProps;
190
195
  declare type TextAreaPropsExtends = TextAreaPropsBase & {
191
196
  /**
@@ -1 +1 @@
1
- {"version":3,"file":"TextArea.types.d.ts","sourceRoot":"","sources":["../../../src/components/TextArea/TextArea.types.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"TextArea.types.d.ts","sourceRoot":"","sources":["../../../src/components/TextArea/TextArea.types.tsx"],"names":[],"mappings":"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"}
@@ -16,7 +16,6 @@ export declare const classes: {
16
16
  export declare const tokens: {
17
17
  color: string;
18
18
  clearColor: string;
19
- boxShadow: string;
20
19
  backgroundColor: string;
21
20
  backgroundColorHover: string;
22
21
  backgroundColorFocus: string;
@@ -1 +1 @@
1
- {"version":3,"file":"TextField.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/TextField/TextField.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;;;;;;;;;CAcnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;IAiBf,oCAAoC;;;;;;IAOpC,mBAAmB;;;;;;;;;;IAYnB,kCAAkC;;;;;;;;;;;;;;;;;IAwBlC,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA8CpB,qCAAqC;;;;;IAMrC,6DAA6D;;IAG7D,yBAAyB;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA+BzB,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+CrB,CAAC"}
1
+ {"version":3,"file":"TextField.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/TextField/TextField.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;;;;;;;;;CAcnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;IAgBf,oCAAoC;;;;;;IAOpC,mBAAmB;;;;;;;;;;IAYnB,kCAAkC;;;;;;;;;;;;;;;;;IAwBlC,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA8CpB,qCAAqC;;;;;IAMrC,6DAA6D;;IAG7D,yBAAyB;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA+BzB,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+CrB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../src/components/TextField/variations/_label-placement/base.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,IAAI,0CAmDhB,CAAC"}
1
+ {"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../src/components/TextField/variations/_label-placement/base.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,IAAI,0CAsDhB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../src/components/TextField/variations/_view/base.ts"],"names":[],"mappings":"AAaA,eAAO,MAAM,IAAI,0CAwDhB,CAAC"}
1
+ {"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../src/components/TextField/variations/_view/base.ts"],"names":[],"mappings":"AAaA,eAAO,MAAM,IAAI,0CAuDhB,CAAC"}
@@ -35,6 +35,7 @@ export declare const TextArea: import("react").FunctionComponent<import("../../.
35
35
  helperText?: string | undefined;
36
36
  leftHelper?: string | undefined;
37
37
  rightHelper?: string | undefined;
38
+ helperPlacement?: "inner" | "outer" | undefined;
38
39
  } & {
39
40
  requiredPlacement?: "left" | "right" | undefined;
40
41
  } & {
@@ -78,6 +79,7 @@ export declare const TextArea: import("react").FunctionComponent<import("../../.
78
79
  helperText?: string | undefined;
79
80
  leftHelper?: string | undefined;
80
81
  rightHelper?: string | undefined;
82
+ helperPlacement?: "inner" | "outer" | undefined;
81
83
  } & {
82
84
  requiredPlacement?: "left" | "right" | undefined;
83
85
  } & {
@@ -121,6 +123,7 @@ export declare const TextArea: import("react").FunctionComponent<import("../../.
121
123
  helperText?: string | undefined;
122
124
  leftHelper?: string | undefined;
123
125
  rightHelper?: string | undefined;
126
+ helperPlacement?: "inner" | "outer" | undefined;
124
127
  } & {
125
128
  requiredPlacement?: "left" | "right" | undefined;
126
129
  } & {
@@ -164,6 +167,7 @@ export declare const TextArea: import("react").FunctionComponent<import("../../.
164
167
  helperText?: string | undefined;
165
168
  leftHelper?: string | undefined;
166
169
  rightHelper?: string | undefined;
170
+ helperPlacement?: "inner" | "outer" | undefined;
167
171
  } & {
168
172
  requiredPlacement?: "left" | "right" | undefined;
169
173
  } & {
@@ -207,6 +211,7 @@ export declare const TextArea: import("react").FunctionComponent<import("../../.
207
211
  helperText?: string | undefined;
208
212
  leftHelper?: string | undefined;
209
213
  rightHelper?: string | undefined;
214
+ helperPlacement?: "inner" | "outer" | undefined;
210
215
  } & {
211
216
  requiredPlacement?: "left" | "right" | undefined;
212
217
  } & {
@@ -250,6 +255,7 @@ export declare const TextArea: import("react").FunctionComponent<import("../../.
250
255
  helperText?: string | undefined;
251
256
  leftHelper?: string | undefined;
252
257
  rightHelper?: string | undefined;
258
+ helperPlacement?: "inner" | "outer" | undefined;
253
259
  } & {
254
260
  requiredPlacement?: "left" | "right" | undefined;
255
261
  } & {
@@ -293,6 +299,7 @@ export declare const TextArea: import("react").FunctionComponent<import("../../.
293
299
  helperText?: string | undefined;
294
300
  leftHelper?: string | undefined;
295
301
  rightHelper?: string | undefined;
302
+ helperPlacement?: "inner" | "outer" | undefined;
296
303
  } & {
297
304
  requiredPlacement?: "left" | "right" | undefined;
298
305
  } & {
@@ -336,6 +343,7 @@ export declare const TextArea: import("react").FunctionComponent<import("../../.
336
343
  helperText?: string | undefined;
337
344
  leftHelper?: string | undefined;
338
345
  rightHelper?: string | undefined;
346
+ helperPlacement?: "inner" | "outer" | undefined;
339
347
  } & {
340
348
  requiredPlacement?: "left" | "right" | undefined;
341
349
  } & {
@@ -379,6 +387,7 @@ export declare const TextArea: import("react").FunctionComponent<import("../../.
379
387
  helperText?: string | undefined;
380
388
  leftHelper?: string | undefined;
381
389
  rightHelper?: string | undefined;
390
+ helperPlacement?: "inner" | "outer" | undefined;
382
391
  } & {
383
392
  requiredPlacement?: "left" | "right" | undefined;
384
393
  } & {
@@ -422,6 +431,7 @@ export declare const TextArea: import("react").FunctionComponent<import("../../.
422
431
  helperText?: string | undefined;
423
432
  leftHelper?: string | undefined;
424
433
  rightHelper?: string | undefined;
434
+ helperPlacement?: "inner" | "outer" | undefined;
425
435
  } & {
426
436
  requiredPlacement?: "left" | "right" | undefined;
427
437
  } & {
@@ -465,6 +475,7 @@ export declare const TextArea: import("react").FunctionComponent<import("../../.
465
475
  helperText?: string | undefined;
466
476
  leftHelper?: string | undefined;
467
477
  rightHelper?: string | undefined;
478
+ helperPlacement?: "inner" | "outer" | undefined;
468
479
  } & {
469
480
  requiredPlacement?: "left" | "right" | undefined;
470
481
  } & {
@@ -508,6 +519,7 @@ export declare const TextArea: import("react").FunctionComponent<import("../../.
508
519
  helperText?: string | undefined;
509
520
  leftHelper?: string | undefined;
510
521
  rightHelper?: string | undefined;
522
+ helperPlacement?: "inner" | "outer" | undefined;
511
523
  } & {
512
524
  requiredPlacement?: "left" | "right" | undefined;
513
525
  } & {
@@ -551,6 +563,7 @@ export declare const TextArea: import("react").FunctionComponent<import("../../.
551
563
  helperText?: string | undefined;
552
564
  leftHelper?: string | undefined;
553
565
  rightHelper?: string | undefined;
566
+ helperPlacement?: "inner" | "outer" | undefined;
554
567
  } & {
555
568
  requiredPlacement?: "left" | "right" | undefined;
556
569
  } & {
@@ -594,6 +607,7 @@ export declare const TextArea: import("react").FunctionComponent<import("../../.
594
607
  helperText?: string | undefined;
595
608
  leftHelper?: string | undefined;
596
609
  rightHelper?: string | undefined;
610
+ helperPlacement?: "inner" | "outer" | undefined;
597
611
  } & {
598
612
  requiredPlacement?: "left" | "right" | undefined;
599
613
  } & {
@@ -637,6 +651,7 @@ export declare const TextArea: import("react").FunctionComponent<import("../../.
637
651
  helperText?: string | undefined;
638
652
  leftHelper?: string | undefined;
639
653
  rightHelper?: string | undefined;
654
+ helperPlacement?: "inner" | "outer" | undefined;
640
655
  } & {
641
656
  requiredPlacement?: "left" | "right" | undefined;
642
657
  } & {
@@ -680,6 +695,7 @@ export declare const TextArea: import("react").FunctionComponent<import("../../.
680
695
  helperText?: string | undefined;
681
696
  leftHelper?: string | undefined;
682
697
  rightHelper?: string | undefined;
698
+ helperPlacement?: "inner" | "outer" | undefined;
683
699
  } & {
684
700
  requiredPlacement?: "left" | "right" | undefined;
685
701
  } & {
@@ -1 +1 @@
1
- {"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/TextArea/TextArea.ts"],"names":[],"mappings":";AAOA,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yDAA0B,CAAC"}
1
+ {"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/TextArea/TextArea.ts"],"names":[],"mappings":";AAOA,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yDAA0B,CAAC"}