@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.
- package/cjs/components/Autocomplete/Autocomplete.css +2 -2
- package/cjs/components/Combobox/ComboboxNew/Combobox.css +2 -2
- package/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.css +2 -2
- package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.css +2 -2
- package/cjs/components/DatePicker/RangeDate/RangeDate.css +2 -2
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +2 -2
- package/cjs/components/DatePicker/SingleDate/SingleDate.css +2 -2
- package/cjs/components/Pagination/Pagination.css +2 -2
- package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +2 -2
- package/cjs/components/Range/Range.css +2 -2
- package/cjs/components/Select/Select.css +2 -2
- package/cjs/components/Select/ui/Inner/Inner.css +2 -2
- package/cjs/components/Select/ui/Inner/ui/Item/Item.css +2 -2
- package/cjs/components/Select/ui/Target/Target.css +2 -2
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.css +2 -2
- package/cjs/components/Slider/Slider.css +2 -2
- package/cjs/components/Slider/components/Double/Double.css +2 -2
- package/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +2 -2
- package/cjs/components/TextArea/TextArea.js +12 -6
- package/cjs/components/TextArea/TextArea.js.map +1 -1
- package/cjs/components/TextArea/TextArea.styles.js +15 -9
- package/cjs/components/TextArea/TextArea.styles.js.map +1 -1
- package/cjs/components/TextArea/{TextArea.styles_1ke2ihc.css → TextArea.styles_1qybm1d.css} +5 -4
- package/cjs/components/TextArea/ui/Hint/Hint.css +17 -16
- package/cjs/components/TextArea/variations/_clear/base.js +1 -1
- package/cjs/components/TextArea/variations/_clear/base_14608a0.css +1 -0
- package/cjs/components/TextField/TextField.tokens.js +0 -1
- package/cjs/components/TextField/TextField.tokens.js.map +1 -1
- package/cjs/components/TextField/variations/_label-placement/base.js +1 -1
- package/cjs/components/TextField/variations/_label-placement/base.js.map +1 -1
- package/{es/components/TextField/variations/_label-placement/base_x6yf49.css → cjs/components/TextField/variations/_label-placement/base_gttvto.css} +1 -1
- package/cjs/components/TextField/variations/_view/base.js +1 -1
- package/cjs/components/TextField/variations/_view/base.js.map +1 -1
- package/cjs/components/TextField/variations/_view/base_8ogww5.css +1 -0
- package/cjs/index.css +21 -20
- package/emotion/cjs/components/TextArea/TextArea.js +13 -7
- package/emotion/cjs/components/TextArea/TextArea.styles.js +37 -33
- package/emotion/cjs/components/TextField/TextField.tokens.js +0 -1
- package/emotion/cjs/components/TextField/variations/_label-placement/base.js +1 -1
- package/emotion/cjs/components/TextField/variations/_view/base.js +1 -1
- package/emotion/cjs/examples/plasma_b2c/components/TextArea/TextArea.stories.tsx +8 -1
- package/emotion/cjs/examples/plasma_web/components/TextField/TextField.stories.tsx +7 -0
- package/emotion/es/components/TextArea/TextArea.js +14 -8
- package/emotion/es/components/TextArea/TextArea.styles.js +36 -32
- package/emotion/es/components/TextField/TextField.tokens.js +0 -1
- package/emotion/es/components/TextField/variations/_label-placement/base.js +1 -1
- package/emotion/es/components/TextField/variations/_view/base.js +1 -1
- package/emotion/es/examples/plasma_b2c/components/TextArea/TextArea.stories.tsx +8 -1
- package/emotion/es/examples/plasma_web/components/TextField/TextField.stories.tsx +7 -0
- package/es/components/Autocomplete/Autocomplete.css +2 -2
- package/es/components/Combobox/ComboboxNew/Combobox.css +2 -2
- package/es/components/Combobox/ComboboxNew/ui/Inner/Inner.css +2 -2
- package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.css +2 -2
- package/es/components/DatePicker/RangeDate/RangeDate.css +2 -2
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +2 -2
- package/es/components/DatePicker/SingleDate/SingleDate.css +2 -2
- package/es/components/Pagination/Pagination.css +2 -2
- package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +2 -2
- package/es/components/Range/Range.css +2 -2
- package/es/components/Select/Select.css +2 -2
- package/es/components/Select/ui/Inner/Inner.css +2 -2
- package/es/components/Select/ui/Inner/ui/Item/Item.css +2 -2
- package/es/components/Select/ui/Target/Target.css +2 -2
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.css +2 -2
- package/es/components/Slider/Slider.css +2 -2
- package/es/components/Slider/components/Double/Double.css +2 -2
- package/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +2 -2
- package/es/components/TextArea/TextArea.js +13 -7
- package/es/components/TextArea/TextArea.js.map +1 -1
- package/es/components/TextArea/TextArea.styles.js +15 -10
- package/es/components/TextArea/TextArea.styles.js.map +1 -1
- package/es/components/TextArea/{TextArea.styles_1ke2ihc.css → TextArea.styles_1qybm1d.css} +5 -4
- package/es/components/TextArea/ui/Hint/Hint.css +17 -16
- package/es/components/TextArea/variations/_clear/base.js +1 -1
- package/es/components/TextArea/variations/_clear/base_14608a0.css +1 -0
- package/es/components/TextField/TextField.tokens.js +0 -1
- package/es/components/TextField/TextField.tokens.js.map +1 -1
- package/es/components/TextField/variations/_label-placement/base.js +1 -1
- package/es/components/TextField/variations/_label-placement/base.js.map +1 -1
- package/{cjs/components/TextField/variations/_label-placement/base_x6yf49.css → es/components/TextField/variations/_label-placement/base_gttvto.css} +1 -1
- package/es/components/TextField/variations/_view/base.js +1 -1
- package/es/components/TextField/variations/_view/base.js.map +1 -1
- package/es/components/TextField/variations/_view/base_8ogww5.css +1 -0
- package/es/index.css +21 -20
- package/package.json +2 -2
- package/styled-components/cjs/components/TextArea/TextArea.js +12 -6
- package/styled-components/cjs/components/TextArea/TextArea.styles.js +8 -5
- package/styled-components/cjs/components/TextField/TextField.tokens.js +0 -1
- package/styled-components/cjs/components/TextField/variations/_label-placement/base.js +1 -1
- package/styled-components/cjs/components/TextField/variations/_view/base.js +1 -1
- package/styled-components/cjs/examples/plasma_b2c/components/TextArea/TextArea.stories.tsx +8 -1
- package/styled-components/cjs/examples/plasma_web/components/TextField/TextField.stories.tsx +7 -0
- package/styled-components/es/components/TextArea/TextArea.js +13 -7
- package/styled-components/es/components/TextArea/TextArea.styles.js +7 -4
- package/styled-components/es/components/TextField/TextField.tokens.js +0 -1
- package/styled-components/es/components/TextField/variations/_label-placement/base.js +1 -1
- package/styled-components/es/components/TextField/variations/_view/base.js +1 -1
- package/styled-components/es/examples/plasma_b2c/components/TextArea/TextArea.stories.tsx +8 -1
- package/styled-components/es/examples/plasma_web/components/TextField/TextField.stories.tsx +7 -0
- package/types/components/TextArea/TextArea.d.ts.map +1 -1
- package/types/components/TextArea/TextArea.styles.d.ts +1 -0
- package/types/components/TextArea/TextArea.styles.d.ts.map +1 -1
- package/types/components/TextArea/TextArea.types.d.ts +5 -0
- package/types/components/TextArea/TextArea.types.d.ts.map +1 -1
- package/types/components/TextField/TextField.tokens.d.ts +0 -1
- package/types/components/TextField/TextField.tokens.d.ts.map +1 -1
- package/types/components/TextField/variations/_label-placement/base.d.ts.map +1 -1
- package/types/components/TextField/variations/_view/base.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/TextArea/TextArea.d.ts +16 -0
- package/types/examples/plasma_b2c/components/TextArea/TextArea.d.ts.map +1 -1
- package/types/examples/plasma_web/components/TextArea/TextArea.d.ts +16 -0
- package/types/examples/plasma_web/components/TextArea/TextArea.d.ts.map +1 -1
- package/cjs/components/TextArea/variations/_clear/base_iz2qkw.css +0 -1
- package/cjs/components/TextField/variations/_view/base_1elov6h.css +0 -1
- package/es/components/TextArea/variations/_clear/base_iz2qkw.css +0 -1
- 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
|
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-
|
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-
|
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-
|
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:
|
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)
|
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: '
|
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,
|
package/styled-components/cjs/examples/plasma_web/components/TextField/TextField.stories.tsx
CHANGED
@@ -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
|
-
},
|
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
|
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-
|
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-
|
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-
|
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:
|
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)
|
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: '
|
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;
|
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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"}
|
@@ -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
|
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,
|
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,
|
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
|
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"}
|