@salutejs/plasma-new-hope 0.134.0-canary.1352.10591857563.0 → 0.134.0-canary.1352.10609199302.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/components/Autocomplete/Autocomplete.css +9 -8
- package/cjs/components/DatePicker/RangeDate/RangeDate.css +9 -8
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +9 -8
- package/cjs/components/DatePicker/SingleDate/SingleDate.css +9 -8
- package/cjs/components/Range/Range.css +9 -8
- package/cjs/components/Slider/Slider.css +9 -8
- package/cjs/components/Slider/components/Double/Double.css +9 -8
- package/cjs/components/Switch/Switch.tokens.js +1 -1
- package/cjs/components/Switch/Switch.tokens.js.map +1 -1
- package/cjs/components/Switch/_size/base.js +1 -1
- package/cjs/components/Switch/_size/base.js.map +1 -1
- package/cjs/components/Switch/_size/{base_9sphki.css → base_1sjw39x.css} +1 -1
- package/cjs/components/Switch/_view/base.js +1 -1
- package/cjs/components/Switch/_view/base.js.map +1 -1
- package/cjs/components/Switch/_view/base_d10e49.css +1 -0
- package/cjs/components/TextArea/TextArea.js +18 -11
- package/cjs/components/TextArea/TextArea.js.map +1 -1
- package/cjs/components/TextArea/TextArea.styles.js +42 -36
- package/cjs/components/TextArea/TextArea.styles.js.map +1 -1
- package/cjs/components/TextArea/TextArea.styles_av6xxy.css +11 -0
- package/cjs/components/TextField/TextField.js +16 -9
- package/cjs/components/TextField/TextField.js.map +1 -1
- package/cjs/components/TextField/TextField.styles.js +8 -2
- package/cjs/components/TextField/TextField.styles.js.map +1 -1
- package/{es/components/TextField/TextField.styles_x7rboj.css → cjs/components/TextField/TextField.styles_1lfge6n.css} +3 -2
- package/cjs/index.css +22 -20
- package/emotion/cjs/components/Switch/Switch.tokens.js +1 -1
- package/emotion/cjs/components/Switch/_size/base.js +1 -1
- package/emotion/cjs/components/Switch/_view/base.js +1 -1
- package/emotion/cjs/components/TextArea/TextArea.js +19 -12
- package/emotion/cjs/components/TextArea/TextArea.styles.js +16 -12
- package/emotion/cjs/components/TextField/TextField.js +17 -10
- package/emotion/cjs/components/TextField/TextField.styles.js +30 -26
- package/emotion/cjs/examples/plasma_b2c/components/Switch/Switch.config.js +4 -4
- package/emotion/cjs/examples/plasma_b2c/components/TextArea/TextArea.config.js +12 -9
- package/emotion/cjs/examples/plasma_b2c/components/TextArea/TextArea.stories.tsx +9 -0
- package/emotion/cjs/examples/plasma_b2c/components/TextField/TextField.config.js +15 -12
- package/emotion/cjs/examples/plasma_b2c/components/TextField/TextField.stories.tsx +9 -1
- package/emotion/cjs/examples/plasma_web/components/Switch/Switch.config.js +4 -4
- package/emotion/cjs/examples/plasma_web/components/TextArea/TextArea.stories.tsx +10 -45
- package/emotion/cjs/examples/plasma_web/components/TextField/TextField.stories.tsx +10 -43
- package/emotion/es/components/Switch/Switch.tokens.js +1 -1
- package/emotion/es/components/Switch/_size/base.js +1 -1
- package/emotion/es/components/Switch/_view/base.js +1 -1
- package/emotion/es/components/TextArea/TextArea.js +20 -13
- package/emotion/es/components/TextArea/TextArea.styles.js +15 -11
- package/emotion/es/components/TextField/TextField.js +18 -11
- package/emotion/es/components/TextField/TextField.styles.js +29 -25
- package/emotion/es/examples/plasma_b2c/components/Switch/Switch.config.js +4 -4
- package/emotion/es/examples/plasma_b2c/components/TextArea/TextArea.config.js +12 -9
- package/emotion/es/examples/plasma_b2c/components/TextArea/TextArea.stories.tsx +9 -0
- package/emotion/es/examples/plasma_b2c/components/TextField/TextField.config.js +15 -12
- package/emotion/es/examples/plasma_b2c/components/TextField/TextField.stories.tsx +9 -1
- package/emotion/es/examples/plasma_web/components/Switch/Switch.config.js +4 -4
- package/emotion/es/examples/plasma_web/components/TextArea/TextArea.stories.tsx +10 -45
- package/emotion/es/examples/plasma_web/components/TextField/TextField.stories.tsx +10 -43
- package/es/components/Autocomplete/Autocomplete.css +9 -8
- package/es/components/DatePicker/RangeDate/RangeDate.css +9 -8
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +9 -8
- package/es/components/DatePicker/SingleDate/SingleDate.css +9 -8
- package/es/components/Range/Range.css +9 -8
- package/es/components/Slider/Slider.css +9 -8
- package/es/components/Slider/components/Double/Double.css +9 -8
- package/es/components/Switch/Switch.tokens.js +1 -1
- package/es/components/Switch/Switch.tokens.js.map +1 -1
- package/es/components/Switch/_size/base.js +1 -1
- package/es/components/Switch/_size/base.js.map +1 -1
- package/es/components/Switch/_size/{base_9sphki.css → base_1sjw39x.css} +1 -1
- package/es/components/Switch/_view/base.js +1 -1
- package/es/components/Switch/_view/base.js.map +1 -1
- package/es/components/Switch/_view/base_d10e49.css +1 -0
- package/es/components/TextArea/TextArea.js +19 -12
- package/es/components/TextArea/TextArea.js.map +1 -1
- package/es/components/TextArea/TextArea.styles.js +42 -37
- package/es/components/TextArea/TextArea.styles.js.map +1 -1
- package/es/components/TextArea/TextArea.styles_av6xxy.css +11 -0
- package/es/components/TextField/TextField.js +17 -10
- package/es/components/TextField/TextField.js.map +1 -1
- package/es/components/TextField/TextField.styles.js +8 -3
- package/es/components/TextField/TextField.styles.js.map +1 -1
- package/{cjs/components/TextField/TextField.styles_x7rboj.css → es/components/TextField/TextField.styles_1lfge6n.css} +3 -2
- package/es/index.css +22 -20
- package/package.json +4 -4
- package/styled-components/cjs/components/Switch/Switch.tokens.js +1 -1
- package/styled-components/cjs/components/Switch/_size/base.js +1 -1
- package/styled-components/cjs/components/Switch/_view/base.js +1 -1
- package/styled-components/cjs/components/TextArea/TextArea.js +18 -11
- package/styled-components/cjs/components/TextArea/TextArea.styles.js +14 -11
- package/styled-components/cjs/components/TextField/TextField.js +16 -9
- package/styled-components/cjs/components/TextField/TextField.styles.js +6 -3
- package/styled-components/cjs/examples/plasma_b2c/components/Switch/Switch.config.js +1 -1
- package/styled-components/cjs/examples/plasma_b2c/components/TextArea/TextArea.config.js +7 -4
- package/styled-components/cjs/examples/plasma_b2c/components/TextArea/TextArea.stories.tsx +9 -0
- package/styled-components/cjs/examples/plasma_b2c/components/TextField/TextField.config.js +7 -4
- package/styled-components/cjs/examples/plasma_b2c/components/TextField/TextField.stories.tsx +9 -1
- package/styled-components/cjs/examples/plasma_web/components/Switch/Switch.config.js +1 -1
- package/styled-components/cjs/examples/plasma_web/components/TextArea/TextArea.stories.tsx +10 -45
- package/styled-components/cjs/examples/plasma_web/components/TextField/TextField.stories.tsx +10 -43
- package/styled-components/es/components/Switch/Switch.tokens.js +1 -1
- package/styled-components/es/components/Switch/_size/base.js +1 -1
- package/styled-components/es/components/Switch/_view/base.js +1 -1
- package/styled-components/es/components/TextArea/TextArea.js +19 -12
- package/styled-components/es/components/TextArea/TextArea.styles.js +13 -10
- package/styled-components/es/components/TextField/TextField.js +17 -10
- package/styled-components/es/components/TextField/TextField.styles.js +5 -2
- package/styled-components/es/examples/plasma_b2c/components/Switch/Switch.config.js +1 -1
- package/styled-components/es/examples/plasma_b2c/components/TextArea/TextArea.config.js +7 -4
- package/styled-components/es/examples/plasma_b2c/components/TextArea/TextArea.stories.tsx +9 -0
- package/styled-components/es/examples/plasma_b2c/components/TextField/TextField.config.js +7 -4
- package/styled-components/es/examples/plasma_b2c/components/TextField/TextField.stories.tsx +9 -1
- package/styled-components/es/examples/plasma_web/components/Switch/Switch.config.js +1 -1
- package/styled-components/es/examples/plasma_web/components/TextArea/TextArea.stories.tsx +10 -45
- package/styled-components/es/examples/plasma_web/components/TextField/TextField.stories.tsx +10 -43
- package/types/components/Autocomplete/ui/TextField/TextField.styles.d.ts +4 -2
- package/types/components/Autocomplete/ui/TextField/TextField.styles.d.ts.map +1 -1
- package/types/components/DatePicker/SingleDate/SingleDate.styles.d.ts +4 -2
- package/types/components/DatePicker/SingleDate/SingleDate.styles.d.ts.map +1 -1
- package/types/components/Range/Range.styles.d.ts +4 -2
- package/types/components/Range/Range.styles.d.ts.map +1 -1
- package/types/components/Slider/components/Double/Double.styles.d.ts +4 -2
- package/types/components/Slider/components/Double/Double.styles.d.ts.map +1 -1
- 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 +6 -2
- package/types/components/TextArea/TextArea.types.d.ts.map +1 -1
- package/types/components/TextField/TextField.d.ts.map +1 -1
- package/types/components/TextField/TextField.styles.d.ts +1 -0
- package/types/components/TextField/TextField.styles.d.ts.map +1 -1
- package/types/components/TextField/TextField.types.d.ts +6 -2
- package/types/components/TextField/TextField.types.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Switch/Switch.config.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/TextArea/TextArea.config.d.ts +3 -0
- package/types/examples/plasma_b2c/components/TextArea/TextArea.config.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/TextArea/TextArea.d.ts +3 -0
- package/types/examples/plasma_b2c/components/TextArea/TextArea.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/TextField/TextField.config.d.ts +3 -0
- package/types/examples/plasma_b2c/components/TextField/TextField.config.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/TextField/TextField.d.ts +7 -2
- package/types/examples/plasma_b2c/components/TextField/TextField.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Switch/Switch.config.d.ts.map +1 -1
- package/types/examples/plasma_web/components/TextField/TextField.d.ts +4 -2
- package/types/examples/plasma_web/components/TextField/TextField.d.ts.map +1 -1
- package/types/examples/sds_engineer/components/TextField/TextField.d.ts +4 -2
- package/types/examples/sds_engineer/components/TextField/TextField.d.ts.map +1 -1
- package/cjs/components/Switch/_view/base_b0jyco.css +0 -1
- package/cjs/components/TextArea/TextArea.styles_wt773g.css +0 -10
- package/es/components/Switch/_view/base_b0jyco.css +0 -1
- package/es/components/TextArea/TextArea.styles_wt773g.css +0 -10
@@ -0,0 +1,11 @@
|
|
1
|
+
.s1luq7vd{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;margin-bottom:var(--plasma-textarea-label-margin-bottom);font-family:var(--plasma-textarea-input-font-family);font-size:var(--plasma-textarea-input-font-size);font-style:var(--plasma-textarea-input-font-style);font-weight:var(--plasma-textarea-input-font-weight);-webkit-letter-spacing:var(--plasma-textarea-input-letter-spacing);-moz-letter-spacing:var(--plasma-textarea-input-letter-spacing);-ms-letter-spacing:var(--plasma-textarea-input-letter-spacing);letter-spacing:var(--plasma-textarea-input-letter-spacing);line-height:var(--plasma-textarea-input-line-height);}
|
2
|
+
.s1r1fvk8{color:var(--plasma-textarea-placeholder-color);}
|
3
|
+
.surmvwq{background-color:var(--plasma-textarea-input-background-color);padding-top:var(--plasma-textarea-input-padding-top);padding-bottom:var(--surmvwq-0);border-radius:var(--surmvwq-1);}
|
4
|
+
.s18bd513{position:absolute;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;bottom:0;z-index:1;top:var(--plasma-textarea-right-content-top);right:var(--plasma-textarea-right-content-right);height:var(--plasma-textarea-right-content-height);}
|
5
|
+
.s7alcr2{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:var(--s7alcr2-0);position:relative;}
|
6
|
+
.si9oz50{display:block;box-sizing:border-box;outline:none;border:none;-webkit-appearance:none;background-color:transparent;color:var(--plasma-textarea-input-color);caret-color:var(--plasma-textarea-input-caret-color);resize:var(--si9oz50-0);--plasma_private-textarea-height:var(--si9oz50-1);--plasma_private-textarea-width:var(--si9oz50-2);--plasma_private-textarea-computed-height:var(--si9oz50-3);--plasma_private-textarea-computed-width:var(--si9oz50-4);height:var(--plasma_private-textarea-computed-height);width:var(--plasma_private-textarea-computed-width);min-width:var(--si9oz50-5);max-width:var(--si9oz50-5);min-height:var(--plasma-textarea-input-min-height);padding-right:var(--si9oz50-6);padding-left:var(--plasma-textarea-input-padding-left);padding-top:0;padding-bottom:0;--plasma_private-textarea-helpers-computed-height:calc( var(--plasma-textarea-helpers-padding-top) + var(--plasma-textarea-helpers-padding-bottom) + var(--plasma-textarea-helpers-line-height) );--plasma_private-textarea-input-with-helpers-height:calc( var(--plasma_private-textarea-height) - var(--plasma_private-textarea-helpers-computed-height) + var(--plasma-textarea-helpers-offset) );--plasma_private-textarea-input-without-helpers-height:calc( var(--plasma_private-textarea-computed-height) - var(--plasma-textarea-input-padding-bottom) );--plasma_private-textarea-input-actual-height:var(--si9oz50-7);height:var(--plasma_private-textarea-input-actual-height);font-family:var(--plasma-textarea-input-font-family);font-size:var(--plasma-textarea-input-font-size);font-style:var(--plasma-textarea-input-font-style);font-weight:var(--plasma-textarea-input-font-weight);-webkit-letter-spacing:var(--plasma-textarea-input-letter-spacing);-moz-letter-spacing:var(--plasma-textarea-input-letter-spacing);-ms-letter-spacing:var(--plasma-textarea-input-letter-spacing);letter-spacing:var(--plasma-textarea-input-letter-spacing);line-height:var(--plasma-textarea-input-line-height);}.si9oz50::-webkit-input-placeholder{opacity:0;}.si9oz50::-moz-placeholder{opacity:0;}.si9oz50:-ms-input-placeholder{opacity:0;}.si9oz50::placeholder{opacity:0;}.si9oz50:-moz-read-only{cursor:default;}.si9oz50:read-only{cursor:default;}.si9oz50:focus:not(:disabled){color:var(--plasma-textarea-input-color-focus);}
|
7
|
+
.s18tpn65{box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-transition:background-color 0.1s ease-in-out;transition:background-color 0.1s ease-in-out;background-color:var(--plasma-textarea-helpers-background-color);padding-top:var(--plasma-textarea-helpers-padding-top);padding-right:var(--plasma-textarea-helpers-padding-right);padding-bottom:var(--plasma-textarea-helpers-padding-bottom);padding-left:var(--plasma-textarea-helpers-padding-left);border-bottom-left-radius:var(--plasma-textarea-border-radius);border-bottom-right-radius:var(--plasma-textarea-border-radius);}
|
8
|
+
.s19sfsrt{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;font-family:var(--plasma-textarea-helpers-font-family);font-size:var(--plasma-textarea-helpers-font-size);font-style:var(--plasma-textarea-helpers-font-style);font-weight:var(--plasma-textarea-helpers-font-weight);-webkit-letter-spacing:var(--plasma-textarea-helpers-letter-spacing);-moz-letter-spacing:var(--plasma-textarea-helpers-letter-spacing);-ms-letter-spacing:var(--plasma-textarea-helpers-letter-spacing);letter-spacing:var(--plasma-textarea-helpers-letter-spacing);line-height:var(--plasma-textarea-helpers-line-height);color:var(--plasma-textarea-left-helper-color);}
|
9
|
+
.sfype23.s19sfsrt{color:var(--plasma-textarea-right-helper-color);margin-left:auto;}
|
10
|
+
.s3wsw3p{box-sizing:border-box;position:absolute;pointer-events:none;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:all 0.1s ease-in-out;transition:all 0.1s ease-in-out;-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;color:var(--plasma-textarea-placeholder-color);width:100%;height:auto;top:var(--plasma-textarea-input-padding-top);padding-left:var(--plasma-textarea-input-padding-left);padding-right:var(--s3wsw3p-0);font-family:var(--plasma-textarea-input-font-family);font-size:var(--plasma-textarea-input-font-size);font-style:var(--plasma-textarea-input-font-style);font-weight:var(--plasma-textarea-input-font-weight);-webkit-letter-spacing:var(--plasma-textarea-input-letter-spacing);-moz-letter-spacing:var(--plasma-textarea-input-letter-spacing);-ms-letter-spacing:var(--plasma-textarea-input-letter-spacing);letter-spacing:var(--plasma-textarea-input-letter-spacing);line-height:var(--plasma-textarea-input-line-height);}
|
11
|
+
.stc5t23{position:absolute;border-radius:50%;background-color:var(--plasma-textarea-indicator-color);}.stc5t23.placement-outer{width:var(--plasma-textarea-indicator-size-outer);height:var(--plasma-textarea-indicator-size-outer);inset:var(--plasma-textarea-indicator-placement-outer);}.stc5t23.placement-outer.align-right{inset:var(--plasma-textarea-indicator-placement-outer-right);}.stc5t23.placement-inner{width:var(--plasma-textarea-indicator-size-inner);height:var(--plasma-textarea-indicator-size-inner);inset:var(--plasma-textarea-indicator-placement-inner);}.stc5t23.placement-inner.align-right{inset:var(--plasma-textarea-indicator-placement-inner-right);}
|
@@ -9,12 +9,13 @@ import { base as base$3 } from './variations/_disabled/base.js';
|
|
9
9
|
import { base as base$4 } from './variations/_read-only/base.js';
|
10
10
|
import { base as base$5 } from './variations/_required/base.js';
|
11
11
|
import { base as base$6 } from './variations/_label-placement/base.js';
|
12
|
-
import { Label, StyledIndicator, InputWrapper, StyledContentLeft, InputLabelWrapper, StyledTextBefore, StyledChips, Input, StyledTextAfter, StyledContentRight, LeftHelper } from './TextField.styles.js';
|
12
|
+
import { Label, StyledIndicator, InputWrapper, StyledContentLeft, InputLabelWrapper, StyledTextBefore, StyledChips, Input, StyledTextAfter, StyledContentRight, LeftHelper, StyledOptionalText } from './TextField.styles.js';
|
13
13
|
import { classes } from './TextField.tokens.js';
|
14
14
|
import { TextFieldChip } from './ui/TextFieldChip/TextFieldChip.js';
|
15
15
|
import { useKeyNavigation } from './hooks/useKeyNavigation.js';
|
16
16
|
|
17
|
-
var _excluded = ["id", "className", "style", "contentLeft", "contentRight", "label", "labelPlacement", "textBefore", "textAfter", "placeholder", "leftHelper", "enumerationType", "
|
17
|
+
var _excluded = ["id", "className", "style", "contentLeft", "contentRight", "label", "labelPlacement", "textBefore", "textAfter", "placeholder", "leftHelper", "enumerationType", "requiredPlacement", "view", "size", "readOnly", "disabled", "required", "optional", "chips", "onChange", "onChangeChips", "onSearch", "onKeyDown"];
|
18
|
+
var optionalText = 'optional';
|
18
19
|
var base = "bpunezx";
|
19
20
|
var textFieldRoot = function textFieldRoot(Root) {
|
20
21
|
return /*#__PURE__*/forwardRef(function (_ref, ref) {
|
@@ -31,8 +32,8 @@ var textFieldRoot = function textFieldRoot(Root) {
|
|
31
32
|
leftHelper = _ref.leftHelper,
|
32
33
|
_ref$enumerationType = _ref.enumerationType,
|
33
34
|
enumerationType = _ref$enumerationType === void 0 ? 'plain' : _ref$enumerationType,
|
34
|
-
_ref$
|
35
|
-
|
35
|
+
_ref$requiredPlacemen = _ref.requiredPlacement,
|
36
|
+
requiredPlacement = _ref$requiredPlacemen === void 0 ? 'right' : _ref$requiredPlacemen,
|
36
37
|
view = _ref.view,
|
37
38
|
size = _ref.size,
|
38
39
|
_ref$readOnly = _ref.readOnly,
|
@@ -41,6 +42,8 @@ var textFieldRoot = function textFieldRoot(Root) {
|
|
41
42
|
disabled = _ref$disabled === void 0 ? false : _ref$disabled,
|
42
43
|
_ref$required = _ref.required,
|
43
44
|
required = _ref$required === void 0 ? false : _ref$required,
|
45
|
+
_ref$optional = _ref.optional,
|
46
|
+
optional = _ref$optional === void 0 ? false : _ref$optional,
|
44
47
|
values = _ref.chips,
|
45
48
|
onChange = _ref.onChange,
|
46
49
|
onChangeChips = _ref.onChangeChips,
|
@@ -68,10 +71,13 @@ var textFieldRoot = function textFieldRoot(Root) {
|
|
68
71
|
var hideLabel = (size === 'xs' || isChipEnumeration) && labelPlacement === 'inner';
|
69
72
|
var labelInside = size !== 'xs' && labelPlacement === 'inner';
|
70
73
|
var innerLabelPlacementValue = hideLabel ? 'outer' : labelPlacement;
|
71
|
-
var innerPlaceholderValue = hideLabel ? label : placeholder;
|
72
74
|
var innerLabelValue = hideLabel ? undefined : label;
|
73
75
|
var hasOuterLabel = Boolean(!labelInside && innerLabelValue);
|
74
|
-
var
|
76
|
+
var innerPlaceholderValue = hideLabel ? label : placeholder;
|
77
|
+
if (optional && !innerLabelValue && !hasOuterLabel) {
|
78
|
+
innerPlaceholderValue = innerPlaceholderValue ? "".concat(innerPlaceholderValue, "\xA0").concat(optionalText) : optionalText;
|
79
|
+
}
|
80
|
+
var requiredPlacementClass = requiredPlacement === 'right' ? 'align-right ' : undefined;
|
75
81
|
var hideLabelClass = hideLabel && label ? classes.hideLabel : undefined;
|
76
82
|
var labelPlacementClass = classes["".concat(labelPlacement, "LabelPlacement")];
|
77
83
|
var isChipsVisible = isChipEnumeration && (chips === null || chips === void 0 ? void 0 : chips.length);
|
@@ -143,6 +149,7 @@ var textFieldRoot = function textFieldRoot(Root) {
|
|
143
149
|
})) || [];
|
144
150
|
setChips(newChips);
|
145
151
|
}, [isChipEnumeration, values]);
|
152
|
+
var optionalTextNode = optional ? /*#__PURE__*/React.createElement(StyledOptionalText, null, Boolean(innerLabelValue) && '\xa0', optionalText) : null;
|
146
153
|
return /*#__PURE__*/React.createElement(Root, {
|
147
154
|
view: view,
|
148
155
|
size: size,
|
@@ -157,11 +164,11 @@ var textFieldRoot = function textFieldRoot(Root) {
|
|
157
164
|
id: labelId,
|
158
165
|
htmlFor: id
|
159
166
|
}, required && /*#__PURE__*/React.createElement(StyledIndicator, {
|
160
|
-
className: cx('placement-outer',
|
161
|
-
}), innerLabelValue), /*#__PURE__*/React.createElement(InputWrapper, {
|
167
|
+
className: cx('placement-outer', requiredPlacementClass)
|
168
|
+
}), innerLabelValue, optionalTextNode), /*#__PURE__*/React.createElement(InputWrapper, {
|
162
169
|
className: cx(withHasChips, wrapperWithoutLeftContent, wrapperWithoutRightContent)
|
163
170
|
}, !hasOuterLabel && required && /*#__PURE__*/React.createElement(StyledIndicator, {
|
164
|
-
className: cx('placement-inner',
|
171
|
+
className: cx('placement-inner', requiredPlacementClass)
|
165
172
|
}), contentLeft && /*#__PURE__*/React.createElement(StyledContentLeft, null, contentLeft), /*#__PURE__*/React.createElement(InputLabelWrapper, {
|
166
173
|
tabIndex: -1,
|
167
174
|
ref: contentRef,
|
@@ -201,7 +208,7 @@ var textFieldRoot = function textFieldRoot(Root) {
|
|
201
208
|
}, rest)), labelInside && /*#__PURE__*/React.createElement(Label, {
|
202
209
|
id: labelId,
|
203
210
|
htmlFor: innerId
|
204
|
-
}, innerLabelValue), textAfter && /*#__PURE__*/React.createElement(StyledTextAfter, null, textAfter)), contentRight && /*#__PURE__*/React.createElement(StyledContentRight, null, contentRight)), leftHelper && /*#__PURE__*/React.createElement(LeftHelper, {
|
211
|
+
}, innerLabelValue, optionalTextNode), textAfter && /*#__PURE__*/React.createElement(StyledTextAfter, null, textAfter)), contentRight && /*#__PURE__*/React.createElement(StyledContentRight, null, contentRight)), leftHelper && /*#__PURE__*/React.createElement(LeftHelper, {
|
205
212
|
id: helperTextId
|
206
213
|
}, leftHelper));
|
207
214
|
});
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"TextField.js","sources":["../../../src/components/TextField/TextField.tsx"],"sourcesContent":["import React, { forwardRef, useEffect, useRef, useState } from 'react';\nimport type { ChangeEventHandler, KeyboardEvent, ChangeEvent } from 'react';\nimport { safeUseId, useForkRef } from '@salutejs/plasma-core';\nimport { css } from '@linaria/core';\n\nimport type { RootProps } from '../../engines';\nimport { cx } from '../../utils';\n\nimport type { ChipValues, TextFieldPrimitiveValue, TextFieldProps } from './TextField.types';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport { base as readOnlyCSS } from './variations/_read-only/base';\nimport { base as requiredCSS } from './variations/_required/base';\nimport { base as labelPlacementCSS } from './variations/_label-placement/base';\nimport {\n Input,\n LeftHelper,\n Label,\n InputWrapper,\n InputLabelWrapper,\n StyledContentLeft,\n StyledContentRight,\n StyledChips,\n StyledTextBefore,\n StyledTextAfter,\n StyledIndicator,\n} from './TextField.styles';\nimport { classes } from './TextField.tokens';\nimport { TextFieldChip } from './ui';\nimport { useKeyNavigation } from './hooks';\n\nexport const base = css`\n /* NOTE: Webkit не применяет opacity к inline тегам */\n display: block;\n`;\n\nexport const textFieldRoot = (Root: RootProps<HTMLDivElement, TextFieldProps>) =>\n forwardRef<HTMLInputElement, TextFieldProps>(\n (\n {\n id,\n className,\n style,\n\n // layout\n contentLeft,\n contentRight,\n label,\n labelPlacement,\n textBefore,\n textAfter,\n placeholder,\n leftHelper,\n enumerationType = 'plain',\n requiredAlign = 'left',\n\n // variations\n view,\n size,\n readOnly = false,\n disabled = false,\n required = false,\n\n // controlled\n chips: values,\n\n // events\n onChange,\n onChangeChips,\n onSearch,\n onKeyDown,\n\n ...rest\n },\n ref,\n ) => {\n const contentRef = useRef<HTMLDivElement>(null);\n const inputRef = useRef<HTMLInputElement>(null);\n const inputForkRef = useForkRef(inputRef, ref);\n const chipsRefs = useRef<Array<HTMLButtonElement>>([]);\n\n const controlledRefs = { contentRef, inputRef, chipsRefs };\n\n const [chips, setChips] = useState<Array<ChipValues>>([]);\n\n const uniqId = safeUseId();\n const innerId = id || uniqId;\n const labelId = safeUseId();\n const helperTextId = safeUseId();\n\n const isChipEnumeration = enumerationType === 'chip';\n const hideLabel = (size === 'xs' || isChipEnumeration) && labelPlacement === 'inner';\n const labelInside = size !== 'xs' && labelPlacement === 'inner';\n const innerLabelPlacementValue = hideLabel ? 'outer' : labelPlacement;\n const innerPlaceholderValue = hideLabel ? label : placeholder;\n const innerLabelValue = hideLabel ? undefined : label;\n const hasOuterLabel = Boolean(!labelInside && innerLabelValue);\n const requiredAlignClass = requiredAlign === 'right' ? 'align-right ' : undefined;\n const hideLabelClass = hideLabel && label ? classes.hideLabel : undefined;\n const labelPlacementClass = classes[`${labelPlacement}LabelPlacement` as keyof typeof classes];\n\n const isChipsVisible = isChipEnumeration && chips?.length;\n const withHasChips = isChipsVisible ? classes.hasChips : undefined;\n const wrapperWithoutLeftContent = !contentLeft && isChipsVisible ? classes.hasEmptyContentLeft : undefined;\n const wrapperWithoutRightContent =\n !contentRight && isChipsVisible ? classes.hasEmptyContentRight : undefined;\n\n const handleChange: ChangeEventHandler<HTMLInputElement> = (event) => {\n if (disabled || readOnly) {\n return;\n }\n\n const { maxLength, value } = event.target;\n\n if (maxLength !== -1 && value.length > maxLength) {\n return;\n }\n\n onChange?.(event);\n };\n\n const updateChips = (newChips: Array<ChipValues>, newValues: Array<TextFieldPrimitiveValue>) => {\n setChips(newChips);\n onChangeChips?.(newValues);\n };\n\n const { handleInputKeydown, handleChipKeyDown, onChipClear, handleContentKeyDown } = useKeyNavigation({\n controlledRefs,\n disabled,\n readOnly,\n chips,\n enumerationType,\n updateChips,\n onSearch,\n onChange,\n });\n\n const onChipClick = (event: React.MouseEvent<HTMLButtonElement>) => event.stopPropagation();\n\n const handleInputFocus = () => {\n if (readOnly || disabled || !inputRef?.current) {\n return;\n }\n\n inputRef.current.scrollTo({\n top: 0,\n left: inputRef.current.offsetLeft,\n behavior: 'smooth',\n });\n\n inputRef.current.focus();\n };\n\n const getRef = (element: HTMLButtonElement | null, index: number) => {\n if (element && chipsRefs?.current) {\n chipsRefs.current[index] = element;\n }\n };\n\n const handleOnKeyDown = (event: ChangeEvent<HTMLInputElement> & KeyboardEvent<HTMLInputElement>) => {\n handleInputKeydown(event);\n onKeyDown && onKeyDown(event);\n };\n\n useEffect(() => {\n if (!isChipEnumeration && !values?.length) {\n return;\n }\n\n const newChips =\n values?.map((value, index) => ({\n id: `${index}_${value}`,\n text: value,\n })) || [];\n\n setChips(newChips);\n }, [isChipEnumeration, values]);\n\n return (\n <Root\n view={view}\n size={size}\n disabled={disabled}\n required={required}\n readOnly={!disabled && readOnly}\n labelPlacement={innerLabelPlacementValue}\n onClick={handleInputFocus}\n className={cx(labelPlacementClass, hideLabelClass, className)}\n style={style}\n >\n {hasOuterLabel && (\n <Label id={labelId} htmlFor={id}>\n {required && <StyledIndicator className={cx('placement-outer', requiredAlignClass)} />}\n {innerLabelValue}\n </Label>\n )}\n <InputWrapper className={cx(withHasChips, wrapperWithoutLeftContent, wrapperWithoutRightContent)}>\n {!hasOuterLabel && required && (\n <StyledIndicator className={cx('placement-inner', requiredAlignClass)} />\n )}\n {contentLeft && <StyledContentLeft>{contentLeft}</StyledContentLeft>}\n <InputLabelWrapper\n tabIndex={-1}\n ref={contentRef}\n onKeyDown={handleContentKeyDown}\n className={withHasChips}\n >\n {textBefore && <StyledTextBefore>{textBefore}</StyledTextBefore>}\n {isChipEnumeration && Boolean(chips?.length) && (\n <StyledChips>\n {chips?.map(({ id: chipId, text }, index) => {\n return (\n <TextFieldChip\n id={chipId}\n ref={(element) => getRef(element, index)}\n key={`${chipId}_${index}`}\n disabled={disabled}\n readOnly={readOnly}\n value={text}\n text={text}\n onKeyDown={(event) => handleChipKeyDown(event, chipId, index)}\n onClear={() => onChipClear(chipId, index)}\n onClick={onChipClick}\n />\n );\n })}\n </StyledChips>\n )}\n <Input\n ref={inputForkRef}\n id={innerId}\n aria-labelledby={labelId}\n aria-describedby={helperTextId}\n placeholder={innerPlaceholderValue}\n disabled={disabled}\n readOnly={!disabled && readOnly}\n onChange={handleChange}\n onKeyDown={handleOnKeyDown}\n {...rest}\n />\n {labelInside && (\n <Label id={labelId} htmlFor={innerId}>\n {innerLabelValue}\n </Label>\n )}\n {textAfter && <StyledTextAfter>{textAfter}</StyledTextAfter>}\n </InputLabelWrapper>\n {contentRight && <StyledContentRight>{contentRight}</StyledContentRight>}\n </InputWrapper>\n {leftHelper && <LeftHelper id={helperTextId}>{leftHelper}</LeftHelper>}\n </Root>\n );\n },\n );\n\nexport const textFieldConfig = {\n name: 'TextField',\n tag: 'div',\n layout: textFieldRoot,\n base,\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n disabled: {\n css: disabledCSS,\n attrs: true,\n },\n readOnly: {\n css: readOnlyCSS,\n attrs: true,\n },\n required: {\n css: requiredCSS,\n attrs: true,\n },\n labelPlacement: {\n css: labelPlacementCSS,\n },\n },\n defaults: {\n size: 'm',\n view: 'default',\n },\n};\n"],"names":["base","textFieldRoot","Root","forwardRef","_ref","ref","id","className","style","contentLeft","contentRight","label","labelPlacement","textBefore","textAfter","placeholder","leftHelper","_ref$enumerationType","enumerationType","_ref$requiredAlign","requiredAlign","view","size","_ref$readOnly","readOnly","_ref$disabled","disabled","_ref$required","required","values","chips","onChange","onChangeChips","onSearch","onKeyDown","rest","contentRef","useRef","inputRef","inputForkRef","useForkRef","chipsRefs","controlledRefs","_useState","useState","_useState2","_slicedToArray","setChips","uniqId","safeUseId","innerId","labelId","helperTextId","isChipEnumeration","hideLabel","labelInside","innerLabelPlacementValue","innerPlaceholderValue","innerLabelValue","undefined","hasOuterLabel","Boolean","requiredAlignClass","hideLabelClass","classes","labelPlacementClass","concat","isChipsVisible","length","withHasChips","hasChips","wrapperWithoutLeftContent","hasEmptyContentLeft","wrapperWithoutRightContent","hasEmptyContentRight","handleChange","event","_event$target","target","maxLength","value","updateChips","newChips","newValues","_useKeyNavigation","useKeyNavigation","handleInputKeydown","handleChipKeyDown","onChipClear","handleContentKeyDown","onChipClick","stopPropagation","handleInputFocus","current","scrollTo","top","left","offsetLeft","behavior","focus","getRef","element","index","handleOnKeyDown","useEffect","map","text","React","createElement","onClick","cx","Label","htmlFor","StyledIndicator","InputWrapper","StyledContentLeft","InputLabelWrapper","tabIndex","StyledTextBefore","StyledChips","_ref2","chipId","TextFieldChip","key","onClear","Input","_extends","StyledTextAfter","StyledContentRight","LeftHelper","textFieldConfig","name","tag","layout","variations","css","viewCSS","sizeCSS","disabledCSS","attrs","readOnlyCSS","requiredCSS","labelPlacementCSS","defaults"],"mappings":"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"}
|
1
|
+
{"version":3,"file":"TextField.js","sources":["../../../src/components/TextField/TextField.tsx"],"sourcesContent":["import React, { forwardRef, useEffect, useRef, useState } from 'react';\nimport type { ChangeEventHandler, KeyboardEvent, ChangeEvent } from 'react';\nimport { safeUseId, useForkRef } from '@salutejs/plasma-core';\nimport { css } from '@linaria/core';\n\nimport type { RootProps } from '../../engines';\nimport { cx } from '../../utils';\n\nimport type { ChipValues, TextFieldPrimitiveValue, TextFieldProps } from './TextField.types';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport { base as readOnlyCSS } from './variations/_read-only/base';\nimport { base as requiredCSS } from './variations/_required/base';\nimport { base as labelPlacementCSS } from './variations/_label-placement/base';\nimport {\n Input,\n LeftHelper,\n Label,\n InputWrapper,\n InputLabelWrapper,\n StyledContentLeft,\n StyledContentRight,\n StyledChips,\n StyledTextBefore,\n StyledTextAfter,\n StyledIndicator,\n StyledOptionalText,\n} from './TextField.styles';\nimport { classes } from './TextField.tokens';\nimport { TextFieldChip } from './ui';\nimport { useKeyNavigation } from './hooks';\n\nconst optionalText = 'optional';\n\nexport const base = css`\n /* NOTE: Webkit не применяет opacity к inline тегам */\n display: block;\n`;\n\nexport const textFieldRoot = (Root: RootProps<HTMLDivElement, TextFieldProps>) =>\n forwardRef<HTMLInputElement, TextFieldProps>(\n (\n {\n id,\n className,\n style,\n\n // layout\n contentLeft,\n contentRight,\n label,\n labelPlacement,\n textBefore,\n textAfter,\n placeholder,\n leftHelper,\n enumerationType = 'plain',\n requiredPlacement = 'right',\n\n // variations\n view,\n size,\n readOnly = false,\n disabled = false,\n required = false,\n optional = false,\n\n // controlled\n chips: values,\n\n // events\n onChange,\n onChangeChips,\n onSearch,\n onKeyDown,\n\n ...rest\n },\n ref,\n ) => {\n const contentRef = useRef<HTMLDivElement>(null);\n const inputRef = useRef<HTMLInputElement>(null);\n const inputForkRef = useForkRef(inputRef, ref);\n const chipsRefs = useRef<Array<HTMLButtonElement>>([]);\n\n const controlledRefs = { contentRef, inputRef, chipsRefs };\n\n const [chips, setChips] = useState<Array<ChipValues>>([]);\n\n const uniqId = safeUseId();\n const innerId = id || uniqId;\n const labelId = safeUseId();\n const helperTextId = safeUseId();\n\n const isChipEnumeration = enumerationType === 'chip';\n const hideLabel = (size === 'xs' || isChipEnumeration) && labelPlacement === 'inner';\n const labelInside = size !== 'xs' && labelPlacement === 'inner';\n const innerLabelPlacementValue = hideLabel ? 'outer' : labelPlacement;\n const innerLabelValue = hideLabel ? undefined : label;\n const hasOuterLabel = Boolean(!labelInside && innerLabelValue);\n let innerPlaceholderValue = hideLabel ? label : placeholder;\n if (optional && !innerLabelValue && !hasOuterLabel) {\n innerPlaceholderValue = innerPlaceholderValue\n ? `${innerPlaceholderValue}\\xa0${optionalText}`\n : optionalText;\n }\n const requiredPlacementClass = requiredPlacement === 'right' ? 'align-right ' : undefined;\n const hideLabelClass = hideLabel && label ? classes.hideLabel : undefined;\n const labelPlacementClass = classes[`${labelPlacement}LabelPlacement` as keyof typeof classes];\n\n const isChipsVisible = isChipEnumeration && chips?.length;\n const withHasChips = isChipsVisible ? classes.hasChips : undefined;\n const wrapperWithoutLeftContent = !contentLeft && isChipsVisible ? classes.hasEmptyContentLeft : undefined;\n const wrapperWithoutRightContent =\n !contentRight && isChipsVisible ? classes.hasEmptyContentRight : undefined;\n\n const handleChange: ChangeEventHandler<HTMLInputElement> = (event) => {\n if (disabled || readOnly) {\n return;\n }\n\n const { maxLength, value } = event.target;\n\n if (maxLength !== -1 && value.length > maxLength) {\n return;\n }\n\n onChange?.(event);\n };\n\n const updateChips = (newChips: Array<ChipValues>, newValues: Array<TextFieldPrimitiveValue>) => {\n setChips(newChips);\n onChangeChips?.(newValues);\n };\n\n const { handleInputKeydown, handleChipKeyDown, onChipClear, handleContentKeyDown } = useKeyNavigation({\n controlledRefs,\n disabled,\n readOnly,\n chips,\n enumerationType,\n updateChips,\n onSearch,\n onChange,\n });\n\n const onChipClick = (event: React.MouseEvent<HTMLButtonElement>) => event.stopPropagation();\n\n const handleInputFocus = () => {\n if (readOnly || disabled || !inputRef?.current) {\n return;\n }\n\n inputRef.current.scrollTo({\n top: 0,\n left: inputRef.current.offsetLeft,\n behavior: 'smooth',\n });\n\n inputRef.current.focus();\n };\n\n const getRef = (element: HTMLButtonElement | null, index: number) => {\n if (element && chipsRefs?.current) {\n chipsRefs.current[index] = element;\n }\n };\n\n const handleOnKeyDown = (event: ChangeEvent<HTMLInputElement> & KeyboardEvent<HTMLInputElement>) => {\n handleInputKeydown(event);\n onKeyDown && onKeyDown(event);\n };\n\n useEffect(() => {\n if (!isChipEnumeration && !values?.length) {\n return;\n }\n\n const newChips =\n values?.map((value, index) => ({\n id: `${index}_${value}`,\n text: value,\n })) || [];\n\n setChips(newChips);\n }, [isChipEnumeration, values]);\n\n const optionalTextNode = optional ? (\n <StyledOptionalText>\n {Boolean(innerLabelValue) && '\\xa0'}\n {optionalText}\n </StyledOptionalText>\n ) : null;\n\n return (\n <Root\n view={view}\n size={size}\n disabled={disabled}\n required={required}\n readOnly={!disabled && readOnly}\n labelPlacement={innerLabelPlacementValue}\n onClick={handleInputFocus}\n className={cx(labelPlacementClass, hideLabelClass, className)}\n style={style}\n >\n {hasOuterLabel && (\n <Label id={labelId} htmlFor={id}>\n {required && <StyledIndicator className={cx('placement-outer', requiredPlacementClass)} />}\n {innerLabelValue}\n {optionalTextNode}\n </Label>\n )}\n <InputWrapper className={cx(withHasChips, wrapperWithoutLeftContent, wrapperWithoutRightContent)}>\n {!hasOuterLabel && required && (\n <StyledIndicator className={cx('placement-inner', requiredPlacementClass)} />\n )}\n {contentLeft && <StyledContentLeft>{contentLeft}</StyledContentLeft>}\n <InputLabelWrapper\n tabIndex={-1}\n ref={contentRef}\n onKeyDown={handleContentKeyDown}\n className={withHasChips}\n >\n {textBefore && <StyledTextBefore>{textBefore}</StyledTextBefore>}\n {isChipEnumeration && Boolean(chips?.length) && (\n <StyledChips>\n {chips?.map(({ id: chipId, text }, index) => {\n return (\n <TextFieldChip\n id={chipId}\n ref={(element) => getRef(element, index)}\n key={`${chipId}_${index}`}\n disabled={disabled}\n readOnly={readOnly}\n value={text}\n text={text}\n onKeyDown={(event) => handleChipKeyDown(event, chipId, index)}\n onClear={() => onChipClear(chipId, index)}\n onClick={onChipClick}\n />\n );\n })}\n </StyledChips>\n )}\n <Input\n ref={inputForkRef}\n id={innerId}\n aria-labelledby={labelId}\n aria-describedby={helperTextId}\n placeholder={innerPlaceholderValue}\n disabled={disabled}\n readOnly={!disabled && readOnly}\n onChange={handleChange}\n onKeyDown={handleOnKeyDown}\n {...rest}\n />\n {labelInside && (\n <Label id={labelId} htmlFor={innerId}>\n {innerLabelValue}\n {optionalTextNode}\n </Label>\n )}\n {textAfter && <StyledTextAfter>{textAfter}</StyledTextAfter>}\n </InputLabelWrapper>\n {contentRight && <StyledContentRight>{contentRight}</StyledContentRight>}\n </InputWrapper>\n {leftHelper && <LeftHelper id={helperTextId}>{leftHelper}</LeftHelper>}\n </Root>\n );\n },\n );\n\nexport const textFieldConfig = {\n name: 'TextField',\n tag: 'div',\n layout: textFieldRoot,\n base,\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n disabled: {\n css: disabledCSS,\n attrs: true,\n },\n readOnly: {\n css: readOnlyCSS,\n attrs: true,\n },\n required: {\n css: requiredCSS,\n attrs: true,\n },\n labelPlacement: {\n css: labelPlacementCSS,\n },\n },\n defaults: {\n size: 'm',\n view: 'default',\n },\n};\n"],"names":["optionalText","base","textFieldRoot","Root","forwardRef","_ref","ref","id","className","style","contentLeft","contentRight","label","labelPlacement","textBefore","textAfter","placeholder","leftHelper","_ref$enumerationType","enumerationType","_ref$requiredPlacemen","requiredPlacement","view","size","_ref$readOnly","readOnly","_ref$disabled","disabled","_ref$required","required","_ref$optional","optional","values","chips","onChange","onChangeChips","onSearch","onKeyDown","rest","contentRef","useRef","inputRef","inputForkRef","useForkRef","chipsRefs","controlledRefs","_useState","useState","_useState2","_slicedToArray","setChips","uniqId","safeUseId","innerId","labelId","helperTextId","isChipEnumeration","hideLabel","labelInside","innerLabelPlacementValue","innerLabelValue","undefined","hasOuterLabel","Boolean","innerPlaceholderValue","concat","requiredPlacementClass","hideLabelClass","classes","labelPlacementClass","isChipsVisible","length","withHasChips","hasChips","wrapperWithoutLeftContent","hasEmptyContentLeft","wrapperWithoutRightContent","hasEmptyContentRight","handleChange","event","_event$target","target","maxLength","value","updateChips","newChips","newValues","_useKeyNavigation","useKeyNavigation","handleInputKeydown","handleChipKeyDown","onChipClear","handleContentKeyDown","onChipClick","stopPropagation","handleInputFocus","current","scrollTo","top","left","offsetLeft","behavior","focus","getRef","element","index","handleOnKeyDown","useEffect","map","text","optionalTextNode","React","createElement","StyledOptionalText","onClick","cx","Label","htmlFor","StyledIndicator","InputWrapper","StyledContentLeft","InputLabelWrapper","tabIndex","StyledTextBefore","StyledChips","_ref2","chipId","TextFieldChip","key","onClear","Input","_extends","StyledTextAfter","StyledContentRight","LeftHelper","textFieldConfig","name","tag","layout","variations","css","viewCSS","sizeCSS","disabledCSS","attrs","readOnlyCSS","requiredCSS","labelPlacementCSS","defaults"],"mappings":"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"}
|
@@ -1,4 +1,4 @@
|
|
1
|
-
import './TextField.
|
1
|
+
import './TextField.styles_1lfge6n.css';
|
2
2
|
import { styled } from '@linaria/react';
|
3
3
|
|
4
4
|
var InputWrapper = /*#__PURE__*/styled('div')({
|
@@ -51,11 +51,16 @@ var StyledTextAfter = /*#__PURE__*/styled('div')({
|
|
51
51
|
"class": "suk2zst",
|
52
52
|
propsAsIs: false
|
53
53
|
});
|
54
|
+
var StyledOptionalText = /*#__PURE__*/styled('span')({
|
55
|
+
name: "StyledOptionalText",
|
56
|
+
"class": "s1gjsnfi",
|
57
|
+
propsAsIs: false
|
58
|
+
});
|
54
59
|
var StyledIndicator = /*#__PURE__*/styled('div')({
|
55
60
|
name: "StyledIndicator",
|
56
|
-
"class": "
|
61
|
+
"class": "ssv2kwg",
|
57
62
|
propsAsIs: false
|
58
63
|
});
|
59
64
|
|
60
|
-
export { Input, InputLabelWrapper, InputWrapper, Label, LeftHelper, StyledChips, StyledContentLeft, StyledContentRight, StyledIndicator, StyledTextAfter, StyledTextBefore };
|
65
|
+
export { Input, InputLabelWrapper, InputWrapper, Label, LeftHelper, StyledChips, StyledContentLeft, StyledContentRight, StyledIndicator, StyledOptionalText, StyledTextAfter, StyledTextBefore };
|
61
66
|
//# sourceMappingURL=TextField.styles.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"TextField.styles.js","sources":["../../../src/components/TextField/TextField.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { classes, tokens } from './TextField.tokens';\n\nexport const InputWrapper = styled.div`\n position: relative;\n display: flex;\n align-items: center;\n box-sizing: border-box;\n`;\n\nexport const InputLabelWrapper = styled.div`\n flex: 1;\n overflow: scroll;\n position: relative;\n width: 100%;\n display: inline-flex;\n align-items: center;\n\n ::-webkit-scrollbar {\n display: none;\n }\n\n scrollbar-width: none;\n\n overscroll-behavior: contain;\n\n &.${String(classes.hasChips)} {\n height: var(${tokens.chipHeight});\n border-radius: var(${tokens.chipBorderRadius});\n }\n`;\n\nexport const StyledChips = styled.div`\n display: flex;\n gap: var(${tokens.chipGap});\n margin-right: var(${tokens.chipGap});\n user-select: none;\n`;\n\nexport const Input = styled.input`\n box-sizing: border-box;\n appearance: none;\n border: 0;\n padding: 0;\n background-color: transparent;\n outline: none;\n flex: 1;\n min-width: 60%;\n`;\n\nexport const Label = styled.label`\n position: relative;\n`;\n\nexport const StyledContentLeft = styled.div`\n margin: var(${tokens.leftContentMargin});\n line-height: 0;\n`;\n\nexport const StyledContentRight = styled.div`\n margin: var(${tokens.rightContentMargin});\n line-height: 0;\n`;\n\nexport const LeftHelper = styled.div``;\n\nexport const StyledTextBefore = styled.div``;\n\nexport const StyledTextAfter = styled.div``;\n\nexport const StyledIndicator = styled.div`\n position: absolute;\n border-radius: 50%;\n\n background-color: var(${tokens.indicatorColor});\n\n &.placement-outer {\n width: var(${tokens.indicatorSizeOuter});\n height: var(${tokens.indicatorSizeOuter});\n inset: var(${tokens.indicatorLabelPlacementOuter});\n\n &.align-right {\n inset: var(${tokens.indicatorLabelPlacementOuterRight});\n }\n }\n\n &.placement-inner {\n width: var(${tokens.indicatorSizeInner});\n height: var(${tokens.indicatorSizeInner});\n inset: var(${tokens.indicatorLabelPlacementInner});\n\n &.align-right {\n inset: var(${tokens.indicatorLabelPlacementInnerRight});\n }\n }\n`;\n"],"names":["InputWrapper","styled","name","class","propsAsIs","InputLabelWrapper","StyledChips","Input","Label","StyledContentLeft","StyledContentRight","LeftHelper","StyledTextBefore","StyledTextAfter","StyledIndicator"],"mappings":";;AAIO,IAAMA,YAAY,gBAAGC,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,cAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAKjC,EAAA;AAEM,IAAMC,iBAAiB,gBAAGJ,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,mBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAoBtC,EAAA;AAEM,IAAME,WAAW,gBAAGL,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAKhC,EAAA;AAEM,IAAMG,KAAK,gBAAGN,MAAM,CAAA,OAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,OAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAS1B,EAAA;AAEM,IAAMI,KAAK,gBAAGP,MAAM,CAAA,OAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,OAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,
|
1
|
+
{"version":3,"file":"TextField.styles.js","sources":["../../../src/components/TextField/TextField.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { classes, tokens } from './TextField.tokens';\n\nexport const InputWrapper = styled.div`\n position: relative;\n display: flex;\n align-items: center;\n box-sizing: border-box;\n`;\n\nexport const InputLabelWrapper = styled.div`\n flex: 1;\n overflow: scroll;\n position: relative;\n width: 100%;\n display: inline-flex;\n align-items: center;\n\n ::-webkit-scrollbar {\n display: none;\n }\n\n scrollbar-width: none;\n\n overscroll-behavior: contain;\n\n &.${String(classes.hasChips)} {\n height: var(${tokens.chipHeight});\n border-radius: var(${tokens.chipBorderRadius});\n }\n`;\n\nexport const StyledChips = styled.div`\n display: flex;\n gap: var(${tokens.chipGap});\n margin-right: var(${tokens.chipGap});\n user-select: none;\n`;\n\nexport const Input = styled.input`\n box-sizing: border-box;\n appearance: none;\n border: 0;\n padding: 0;\n background-color: transparent;\n outline: none;\n flex: 1;\n min-width: 60%;\n`;\n\nexport const Label = styled.label`\n position: relative;\n display: inline-flex;\n`;\n\nexport const StyledContentLeft = styled.div`\n margin: var(${tokens.leftContentMargin});\n line-height: 0;\n`;\n\nexport const StyledContentRight = styled.div`\n margin: var(${tokens.rightContentMargin});\n line-height: 0;\n`;\n\nexport const LeftHelper = styled.div``;\n\nexport const StyledTextBefore = styled.div``;\n\nexport const StyledTextAfter = styled.div``;\n\nexport const StyledOptionalText = styled.span`\n color: var(${tokens.placeholderColor});\n`;\n\nexport const StyledIndicator = styled.div`\n position: absolute;\n border-radius: 50%;\n\n background-color: var(${tokens.indicatorColor});\n\n &.placement-outer {\n width: var(${tokens.indicatorSizeOuter});\n height: var(${tokens.indicatorSizeOuter});\n inset: var(${tokens.indicatorLabelPlacementOuter});\n\n &.align-right {\n inset: var(${tokens.indicatorLabelPlacementOuterRight});\n }\n }\n\n &.placement-inner {\n width: var(${tokens.indicatorSizeInner});\n height: var(${tokens.indicatorSizeInner});\n inset: var(${tokens.indicatorLabelPlacementInner});\n\n &.align-right {\n inset: var(${tokens.indicatorLabelPlacementInnerRight});\n }\n }\n`;\n"],"names":["InputWrapper","styled","name","class","propsAsIs","InputLabelWrapper","StyledChips","Input","Label","StyledContentLeft","StyledContentRight","LeftHelper","StyledTextBefore","StyledTextAfter","StyledOptionalText","StyledIndicator"],"mappings":";;AAIO,IAAMA,YAAY,gBAAGC,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,cAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAKjC,EAAA;AAEM,IAAMC,iBAAiB,gBAAGJ,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,mBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAoBtC,EAAA;AAEM,IAAME,WAAW,gBAAGL,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAKhC,EAAA;AAEM,IAAMG,KAAK,gBAAGN,MAAM,CAAA,OAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,OAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAS1B,EAAA;AAEM,IAAMI,KAAK,gBAAGP,MAAM,CAAA,OAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,OAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAG1B,EAAA;AAEM,IAAMK,iBAAiB,gBAAGR,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,mBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAGtC,EAAA;AAEM,IAAMM,kBAAkB,gBAAGT,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,oBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAGvC,EAAA;AAEM,IAAMO,UAAU,gBAAGV,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAAM,EAAA;AAE/B,IAAMQ,gBAAgB,gBAAGX,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,kBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAAM,EAAA;AAErC,IAAMS,eAAe,gBAAGZ,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,iBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAAM,EAAA;AAEpC,IAAMU,kBAAkB,gBAAGb,MAAM,CAAA,MAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,oBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAEvC,EAAA;AAEM,IAAMW,eAAe,gBAAGd,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,iBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAyBpC;;;;"}
|
@@ -2,10 +2,11 @@
|
|
2
2
|
.i1j28rg8{-webkit-flex:1;-ms-flex:1;flex:1;overflow:scroll;position:relative;width:100%;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;overscroll-behavior:contain;}.i1j28rg8::-webkit-scrollbar{display:none;}.i1j28rg8.has-chips{height:var(--plasma-textfield__chip-height);border-radius:var(--plasma-textfield__chip-border-radius);}
|
3
3
|
.s13zudoe{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-textfield__chip-gap);margin-right:var(--plasma-textfield__chip-gap);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
|
4
4
|
.io4bpie{box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;background-color:transparent;outline:none;-webkit-flex:1;-ms-flex:1;flex:1;min-width:60%;}
|
5
|
-
.l13qvwoy{position:relative;}
|
5
|
+
.l13qvwoy{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
|
6
6
|
.s19ry60d{margin:var(--plasma-textfield__left-content-margin);line-height:0;}
|
7
7
|
.sbt1ohz{margin:var(--plasma-textfield__right-content-margin);line-height:0;}
|
8
8
|
|
9
9
|
|
10
10
|
|
11
|
-
.s1gjsnfi{
|
11
|
+
.s1gjsnfi{color:var(--plasma-textfield__placeholder-color);}
|
12
|
+
.ssv2kwg{position:absolute;border-radius:50%;background-color:var(--plasma-textfield-indicator-color);}.ssv2kwg.placement-outer{width:var(--plasma-textfield-indicator-size-outer);height:var(--plasma-textfield-indicator-size-outer);inset:var(--plasma-textfield-indicator-placement-outer);}.ssv2kwg.placement-outer.align-right{inset:var(--plasma-textfield-indicator-placement-outer-right);}.ssv2kwg.placement-inner{width:var(--plasma-textfield-indicator-size-inner);height:var(--plasma-textfield-indicator-size-inner);inset:var(--plasma-textfield-indicator-placement-inner);}.ssv2kwg.placement-inner.align-right{inset:var(--plasma-textfield-indicator-placement-inner-right);}
|
package/es/index.css
CHANGED
@@ -104,16 +104,17 @@
|
|
104
104
|
.Popover_styles_rmr9za_s1pd4d8a__0bafa6fb{width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);}.Popover_styles_rmr9za_s1pd4d8a__0bafa6fb::before{position:absolute;width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);-webkit-mask-image:var(--plasma-popover-arrow-mask-image);mask-image:var(--plasma-popover-arrow-mask-image);background:var(--plasma-popover-arrow-background);content:'';-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}
|
105
105
|
.Popover_styles_rmr9za_s16xlixz__0bafa6fb{position:absolute;z-index:var(--s16xlixz-0);}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='top'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb{bottom:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='bottom'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb{top:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='bottom'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='left'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb{right:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='left'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb::before{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='right'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb{left:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='right'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb::before{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='top-start'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb{bottom:calc(0px - var(--plasma-popover-arrow-height));left:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='top-end'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb{bottom:calc(0px - var(--plasma-popover-arrow-height));left:unset !important;right:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='bottom-start'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb{top:calc(0px - var(--plasma-popover-arrow-height));left:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='bottom-start'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='bottom-end'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb{top:calc(0px - var(--plasma-popover-arrow-height));left:unset !important;right:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='bottom-end'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='left-start'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb,.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='right-start'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb{top:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='left-end'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb,.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='right-end'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb{top:unset !important;bottom:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}
|
106
106
|
|
107
|
-
.
|
108
|
-
.
|
109
|
-
.
|
110
|
-
.
|
111
|
-
.
|
112
|
-
.
|
113
|
-
.
|
114
|
-
.
|
115
|
-
.
|
116
|
-
.
|
107
|
+
.TextArea_styles_av6xxy_s1luq7vd__d29de09c{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;margin-bottom:var(--plasma-textarea-label-margin-bottom);font-family:var(--plasma-textarea-input-font-family);font-size:var(--plasma-textarea-input-font-size);font-style:var(--plasma-textarea-input-font-style);font-weight:var(--plasma-textarea-input-font-weight);-webkit-letter-spacing:var(--plasma-textarea-input-letter-spacing);-moz-letter-spacing:var(--plasma-textarea-input-letter-spacing);-ms-letter-spacing:var(--plasma-textarea-input-letter-spacing);letter-spacing:var(--plasma-textarea-input-letter-spacing);line-height:var(--plasma-textarea-input-line-height);}
|
108
|
+
.TextArea_styles_av6xxy_s1r1fvk8__d29de09c{color:var(--plasma-textarea-placeholder-color);}
|
109
|
+
.TextArea_styles_av6xxy_surmvwq__d29de09c{background-color:var(--plasma-textarea-input-background-color);padding-top:var(--plasma-textarea-input-padding-top);padding-bottom:var(--surmvwq-0);border-radius:var(--surmvwq-1);}
|
110
|
+
.TextArea_styles_av6xxy_s18bd513__d29de09c{position:absolute;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;bottom:0;z-index:1;top:var(--plasma-textarea-right-content-top);right:var(--plasma-textarea-right-content-right);height:var(--plasma-textarea-right-content-height);}
|
111
|
+
.TextArea_styles_av6xxy_s7alcr2__d29de09c{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:var(--s7alcr2-0);position:relative;}
|
112
|
+
.TextArea_styles_av6xxy_si9oz50__d29de09c{display:block;box-sizing:border-box;outline:none;border:none;-webkit-appearance:none;background-color:transparent;color:var(--plasma-textarea-input-color);caret-color:var(--plasma-textarea-input-caret-color);resize:var(--si9oz50-0);--plasma_private-textarea-height:var(--si9oz50-1);--plasma_private-textarea-width:var(--si9oz50-2);--plasma_private-textarea-computed-height:var(--si9oz50-3);--plasma_private-textarea-computed-width:var(--si9oz50-4);height:var(--plasma_private-textarea-computed-height);width:var(--plasma_private-textarea-computed-width);min-width:var(--si9oz50-5);max-width:var(--si9oz50-5);min-height:var(--plasma-textarea-input-min-height);padding-right:var(--si9oz50-6);padding-left:var(--plasma-textarea-input-padding-left);padding-top:0;padding-bottom:0;--plasma_private-textarea-helpers-computed-height:calc( var(--plasma-textarea-helpers-padding-top) + var(--plasma-textarea-helpers-padding-bottom) + var(--plasma-textarea-helpers-line-height) );--plasma_private-textarea-input-with-helpers-height:calc( var(--plasma_private-textarea-height) - var(--plasma_private-textarea-helpers-computed-height) + var(--plasma-textarea-helpers-offset) );--plasma_private-textarea-input-without-helpers-height:calc( var(--plasma_private-textarea-computed-height) - var(--plasma-textarea-input-padding-bottom) );--plasma_private-textarea-input-actual-height:var(--si9oz50-7);height:var(--plasma_private-textarea-input-actual-height);font-family:var(--plasma-textarea-input-font-family);font-size:var(--plasma-textarea-input-font-size);font-style:var(--plasma-textarea-input-font-style);font-weight:var(--plasma-textarea-input-font-weight);-webkit-letter-spacing:var(--plasma-textarea-input-letter-spacing);-moz-letter-spacing:var(--plasma-textarea-input-letter-spacing);-ms-letter-spacing:var(--plasma-textarea-input-letter-spacing);letter-spacing:var(--plasma-textarea-input-letter-spacing);line-height:var(--plasma-textarea-input-line-height);}.TextArea_styles_av6xxy_si9oz50__d29de09c::-webkit-input-placeholder{opacity:0;}.TextArea_styles_av6xxy_si9oz50__d29de09c::-moz-placeholder{opacity:0;}.TextArea_styles_av6xxy_si9oz50__d29de09c:-ms-input-placeholder{opacity:0;}.TextArea_styles_av6xxy_si9oz50__d29de09c::placeholder{opacity:0;}.TextArea_styles_av6xxy_si9oz50__d29de09c:-moz-read-only{cursor:default;}.TextArea_styles_av6xxy_si9oz50__d29de09c:read-only{cursor:default;}.TextArea_styles_av6xxy_si9oz50__d29de09c:focus:not(:disabled){color:var(--plasma-textarea-input-color-focus);}
|
113
|
+
.TextArea_styles_av6xxy_s18tpn65__d29de09c{box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-transition:background-color 0.1s ease-in-out;transition:background-color 0.1s ease-in-out;background-color:var(--plasma-textarea-helpers-background-color);padding-top:var(--plasma-textarea-helpers-padding-top);padding-right:var(--plasma-textarea-helpers-padding-right);padding-bottom:var(--plasma-textarea-helpers-padding-bottom);padding-left:var(--plasma-textarea-helpers-padding-left);border-bottom-left-radius:var(--plasma-textarea-border-radius);border-bottom-right-radius:var(--plasma-textarea-border-radius);}
|
114
|
+
.TextArea_styles_av6xxy_s19sfsrt__d29de09c{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;font-family:var(--plasma-textarea-helpers-font-family);font-size:var(--plasma-textarea-helpers-font-size);font-style:var(--plasma-textarea-helpers-font-style);font-weight:var(--plasma-textarea-helpers-font-weight);-webkit-letter-spacing:var(--plasma-textarea-helpers-letter-spacing);-moz-letter-spacing:var(--plasma-textarea-helpers-letter-spacing);-ms-letter-spacing:var(--plasma-textarea-helpers-letter-spacing);letter-spacing:var(--plasma-textarea-helpers-letter-spacing);line-height:var(--plasma-textarea-helpers-line-height);color:var(--plasma-textarea-left-helper-color);}
|
115
|
+
.TextArea_styles_av6xxy_sfype23__d29de09c.TextArea_styles_av6xxy_s19sfsrt__d29de09c{color:var(--plasma-textarea-right-helper-color);margin-left:auto;}
|
116
|
+
.TextArea_styles_av6xxy_s3wsw3p__d29de09c{box-sizing:border-box;position:absolute;pointer-events:none;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:all 0.1s ease-in-out;transition:all 0.1s ease-in-out;-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;color:var(--plasma-textarea-placeholder-color);width:100%;height:auto;top:var(--plasma-textarea-input-padding-top);padding-left:var(--plasma-textarea-input-padding-left);padding-right:var(--s3wsw3p-0);font-family:var(--plasma-textarea-input-font-family);font-size:var(--plasma-textarea-input-font-size);font-style:var(--plasma-textarea-input-font-style);font-weight:var(--plasma-textarea-input-font-weight);-webkit-letter-spacing:var(--plasma-textarea-input-letter-spacing);-moz-letter-spacing:var(--plasma-textarea-input-letter-spacing);-ms-letter-spacing:var(--plasma-textarea-input-letter-spacing);letter-spacing:var(--plasma-textarea-input-letter-spacing);line-height:var(--plasma-textarea-input-line-height);}
|
117
|
+
.TextArea_styles_av6xxy_stc5t23__d29de09c{position:absolute;border-radius:50%;background-color:var(--plasma-textarea-indicator-color);}.TextArea_styles_av6xxy_stc5t23__d29de09c.TextArea_styles_av6xxy_placementOuter__d29de09c{width:var(--plasma-textarea-indicator-size-outer);height:var(--plasma-textarea-indicator-size-outer);inset:var(--plasma-textarea-indicator-placement-outer);}.TextArea_styles_av6xxy_stc5t23__d29de09c.TextArea_styles_av6xxy_placementOuter__d29de09c.TextArea_styles_av6xxy_alignRight__d29de09c{inset:var(--plasma-textarea-indicator-placement-outer-right);}.TextArea_styles_av6xxy_stc5t23__d29de09c.TextArea_styles_av6xxy_placementInner__d29de09c{width:var(--plasma-textarea-indicator-size-inner);height:var(--plasma-textarea-indicator-size-inner);inset:var(--plasma-textarea-indicator-placement-inner);}.TextArea_styles_av6xxy_stc5t23__d29de09c.TextArea_styles_av6xxy_placementInner__d29de09c.TextArea_styles_av6xxy_alignRight__d29de09c{inset:var(--plasma-textarea-indicator-placement-inner-right);}
|
117
118
|
|
118
119
|
.base_jjtr9h_bofyi4a__1bb5db39 .base_jjtr9h_textareaContainer__1bb5db39{-webkit-transition:box-shadow 0.1s ease-in-out;transition:box-shadow 0.1s ease-in-out;border-radius:var(--plasma-textarea-border-radius);box-shadow:inset 0 0 0 var(--plasma-textarea-border-size,1px) var(--plasma-textarea-border-color);}.base_jjtr9h_bofyi4a__1bb5db39 .base_jjtr9h_textareaWrapper__1bb5db39{-webkit-transition:background-color 0.1s ease-in-out,box-shadow 0.1s ease-in-out;transition:background-color 0.1s ease-in-out,box-shadow 0.1s ease-in-out;box-shadow:inset 0 0 0 var(--plasma-textarea-border-size,1px) var(--plasma-textarea-input-border-color);}.base_jjtr9h_bofyi4a__1bb5db39:focus-within:not([readonly]) .base_jjtr9h_textareaWrapper__1bb5db39{background-color:var(--plasma-textarea-input-background-color-focus);box-shadow:inset 0 0 0 var(--plasma-textarea-border-size,1px) var(--plasma-textarea-input-border-color-focus);}.base_jjtr9h_bofyi4a__1bb5db39:focus-within:not([readonly]) .base_jjtr9h_textareaContainer__1bb5db39{box-shadow:inset 0 0 0 var(--plasma-textarea-border-size,1px) var(--plasma-textarea-border-color-focus);}.base_jjtr9h_bofyi4a__1bb5db39:focus-within:not([readonly]) .base_jjtr9h_textareaHelpers__1bb5db39{background-color:var(--plasma-textarea-helpers-background-color-focus);}.base_jjtr9h_bofyi4a__1bb5db39:hover:not([disabled]):not([readonly]):not(:focus-within) .base_jjtr9h_textareaContainer__1bb5db39{box-shadow:inset 0 0 0 var(--plasma-textarea-border-size,1px) var(--plasma-textarea-border-color-hover);}.base_jjtr9h_bofyi4a__1bb5db39:hover:not([disabled]):not([readonly]):not(:focus-within) .base_jjtr9h_textareaWrapper__1bb5db39{box-shadow:inset 0 0 0 var(--plasma-textarea-border-size,1px) var(--plasma-textarea-input-border-color-hover);background-color:var(--plasma-textarea-input-background-color-hover);}.base_jjtr9h_bofyi4a__1bb5db39:hover:not([disabled]):not([readonly]):not(:focus-within) .base_jjtr9h_textareaWrapper__1bb5db39 + .base_jjtr9h_textareaHelpers__1bb5db39{background-color:var(--plasma-textarea-helpers-background-color-hover);}.base_jjtr9h_bofyi4a__1bb5db39:active:not([disabled]):not([readonly]):not(:focus-within) .base_jjtr9h_textareaWrapper__1bb5db39{box-shadow:inset 0 0 0 var(--plasma-textarea-border-size,1px) var(--plasma-textarea-input-border-color-active);background-color:var(--plasma-textarea-input-background-color-active);}.base_jjtr9h_bofyi4a__1bb5db39:active:not([disabled]):not([readonly]):not(:focus-within) .base_jjtr9h_textareaWrapper__1bb5db39 + .base_jjtr9h_textareaHelpers__1bb5db39{background-color:var(--plasma-textarea-helpers-background-color-active);}
|
119
120
|
|
@@ -131,17 +132,18 @@
|
|
131
132
|
|
132
133
|
.base_1yaoy2k_b15d3bnf__b3dc8fdc.base_1yaoy2k_labelPlacementOuter__b3dc8fdc .base_1yaoy2k_l13qvwoy__b3dc8fdc{position:relative;display:inline-block;margin-bottom:var(--plasma-textfield__label-offset);color:var(--plasma-textfield__label-color);}.base_1yaoy2k_b15d3bnf__b3dc8fdc.base_1yaoy2k_labelPlacementInner__b3dc8fdc:not(.base_1yaoy2k_hideLabel__b3dc8fdc) .base_1yaoy2k_io4bpie__b3dc8fdc{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_1yaoy2k_b15d3bnf__b3dc8fdc.base_1yaoy2k_labelPlacementInner__b3dc8fdc:not(.base_1yaoy2k_hideLabel__b3dc8fdc) .base_1yaoy2k_suk2zst__b3dc8fdc,.base_1yaoy2k_b15d3bnf__b3dc8fdc.base_1yaoy2k_labelPlacementInner__b3dc8fdc:not(.base_1yaoy2k_hideLabel__b3dc8fdc) .base_1yaoy2k_s600610__b3dc8fdc{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_1yaoy2k_b15d3bnf__b3dc8fdc.base_1yaoy2k_labelPlacementInner__b3dc8fdc .base_1yaoy2k_io4bpie__b3dc8fdc:focus ~ .base_1yaoy2k_l13qvwoy__b3dc8fdc,.base_1yaoy2k_b15d3bnf__b3dc8fdc.base_1yaoy2k_labelPlacementInner__b3dc8fdc .base_1yaoy2k_io4bpie__b3dc8fdc:not(:placeholder-shown) ~ .base_1yaoy2k_l13qvwoy__b3dc8fdc{-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;padding:var(--plasma-textfield-placement_inner__label-padding);font-family:var(--plasma-textfield-placement_inner__label-font-family);font-size:var(--plasma-textfield-placement_inner__label-font-size);font-style:var(--plasma-textfield-placement_inner__label-font-style);font-weight:var(--plasma-textfield-placement_inner__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);line-height:var(--plasma-textfield-placement_inner__label-line-height);}.base_1yaoy2k_b15d3bnf__b3dc8fdc.base_1yaoy2k_labelPlacementInner__b3dc8fdc:not(.base_1yaoy2k_hideLabel__b3dc8fdc) .base_1yaoy2k_io4bpie__b3dc8fdc:not(:focus)::-webkit-input-placeholder{color:transparent;}.base_1yaoy2k_b15d3bnf__b3dc8fdc.base_1yaoy2k_labelPlacementInner__b3dc8fdc:not(.base_1yaoy2k_hideLabel__b3dc8fdc) .base_1yaoy2k_io4bpie__b3dc8fdc:not(:focus)::-moz-placeholder{color:transparent;}.base_1yaoy2k_b15d3bnf__b3dc8fdc.base_1yaoy2k_labelPlacementInner__b3dc8fdc:not(.base_1yaoy2k_hideLabel__b3dc8fdc) .base_1yaoy2k_io4bpie__b3dc8fdc:not(:focus):-ms-input-placeholder{color:transparent;}.base_1yaoy2k_b15d3bnf__b3dc8fdc.base_1yaoy2k_labelPlacementInner__b3dc8fdc:not(.base_1yaoy2k_hideLabel__b3dc8fdc) .base_1yaoy2k_io4bpie__b3dc8fdc:not(:focus)::placeholder{color:transparent;}.base_1yaoy2k_b15d3bnf__b3dc8fdc.base_1yaoy2k_labelPlacementInner__b3dc8fdc:not(.base_1yaoy2k_hideLabel__b3dc8fdc) .base_1yaoy2k_io4bpie__b3dc8fdc:focus::-webkit-input-placeholder{color:transparent;}.base_1yaoy2k_b15d3bnf__b3dc8fdc.base_1yaoy2k_labelPlacementInner__b3dc8fdc:not(.base_1yaoy2k_hideLabel__b3dc8fdc) .base_1yaoy2k_io4bpie__b3dc8fdc:focus::-moz-placeholder{color:transparent;}.base_1yaoy2k_b15d3bnf__b3dc8fdc.base_1yaoy2k_labelPlacementInner__b3dc8fdc:not(.base_1yaoy2k_hideLabel__b3dc8fdc) .base_1yaoy2k_io4bpie__b3dc8fdc:focus:-ms-input-placeholder{color:transparent;}.base_1yaoy2k_b15d3bnf__b3dc8fdc.base_1yaoy2k_labelPlacementInner__b3dc8fdc:not(.base_1yaoy2k_hideLabel__b3dc8fdc) .base_1yaoy2k_io4bpie__b3dc8fdc:focus::placeholder{color:transparent;}.base_1yaoy2k_b15d3bnf__b3dc8fdc.base_1yaoy2k_labelPlacementInner__b3dc8fdc .base_1yaoy2k_l13qvwoy__b3dc8fdc{color:var(--plasma-textfield__placeholder-color);pointer-events:none;position:absolute;top:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;height:var(--plasma-textfield-height);padding-top:calc(calc(var(--plasma-textfield-height) - var(--plasma-textfield__label-line-height)) / 2);padding-bottom:calc(calc(var(--plasma-textfield-height) - var(--plasma-textfield__label-line-height)) / 2);}
|
133
134
|
|
134
|
-
.
|
135
|
-
.
|
136
|
-
.
|
137
|
-
.
|
138
|
-
.
|
139
|
-
.
|
140
|
-
.
|
135
|
+
.TextField_styles_1lfge6n_iq39zt5__a3a25f18{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;}
|
136
|
+
.TextField_styles_1lfge6n_i1j28rg8__a3a25f18{-webkit-flex:1;-ms-flex:1;flex:1;overflow:scroll;position:relative;width:100%;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;overscroll-behavior:contain;}.TextField_styles_1lfge6n_i1j28rg8__a3a25f18::-webkit-scrollbar{display:none;}.TextField_styles_1lfge6n_i1j28rg8__a3a25f18.TextField_styles_1lfge6n_hasChips__a3a25f18{height:var(--plasma-textfield__chip-height);border-radius:var(--plasma-textfield__chip-border-radius);}
|
137
|
+
.TextField_styles_1lfge6n_s13zudoe__a3a25f18{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-textfield__chip-gap);margin-right:var(--plasma-textfield__chip-gap);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
|
138
|
+
.TextField_styles_1lfge6n_io4bpie__a3a25f18{box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;background-color:transparent;outline:none;-webkit-flex:1;-ms-flex:1;flex:1;min-width:60%;}
|
139
|
+
.TextField_styles_1lfge6n_l13qvwoy__a3a25f18{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
|
140
|
+
.TextField_styles_1lfge6n_s19ry60d__a3a25f18{margin:var(--plasma-textfield__left-content-margin);line-height:0;}
|
141
|
+
.TextField_styles_1lfge6n_sbt1ohz__a3a25f18{margin:var(--plasma-textfield__right-content-margin);line-height:0;}
|
141
142
|
|
142
143
|
|
143
144
|
|
144
|
-
.
|
145
|
+
.TextField_styles_1lfge6n_s1gjsnfi__a3a25f18{color:var(--plasma-textfield__placeholder-color);}
|
146
|
+
.TextField_styles_1lfge6n_ssv2kwg__a3a25f18{position:absolute;border-radius:50%;background-color:var(--plasma-textfield-indicator-color);}.TextField_styles_1lfge6n_ssv2kwg__a3a25f18.TextField_styles_1lfge6n_placementOuter__a3a25f18{width:var(--plasma-textfield-indicator-size-outer);height:var(--plasma-textfield-indicator-size-outer);inset:var(--plasma-textfield-indicator-placement-outer);}.TextField_styles_1lfge6n_ssv2kwg__a3a25f18.TextField_styles_1lfge6n_placementOuter__a3a25f18.TextField_styles_1lfge6n_alignRight__a3a25f18{inset:var(--plasma-textfield-indicator-placement-outer-right);}.TextField_styles_1lfge6n_ssv2kwg__a3a25f18.TextField_styles_1lfge6n_placementInner__a3a25f18{width:var(--plasma-textfield-indicator-size-inner);height:var(--plasma-textfield-indicator-size-inner);inset:var(--plasma-textfield-indicator-placement-inner);}.TextField_styles_1lfge6n_ssv2kwg__a3a25f18.TextField_styles_1lfge6n_placementInner__a3a25f18.TextField_styles_1lfge6n_alignRight__a3a25f18{inset:var(--plasma-textfield-indicator-placement-inner-right);}
|
145
147
|
|
146
148
|
.TextFieldChip_styles_1y8n7la_s32p7ut__8f291676{--plasma-chip-color:var(--plasma-textfield__chip-color);--plasma-chip-background:var(--plasma-textfield__chip-background);--plasma-chip-color-hover:var(--plasma-textfield__chip-color-hover);--plasma-chip-background-hover:var(--plasma-textfield__chip-background-hover);--plasma-chip-color-active:var(--plasma-textfield__chip-color-active);--plasma-chip-background-active:var(--plasma-textfield__chip-background-active);--plasma-chip-background-readonly:var(--plasma-textfield__chip-background-readonly);--plasma-chip-color-readonly:var(--plasma-textfield__chip-color-readonly);--plasma-chip-background-readonly-hover:var(--plasma-textfield__chip-background-readonly-hover);--plasma-chip-color-readonly-hover:var(--plasma-textfield__chip-color-readonly-hover);--plasma-chip-border-radius:var(--plasma-textfield__chip-border-radius);--plasma-chip-width:var(--plasma-textfield__chip-width);--plasma-chip-height:var(--plasma-textfield__chip-height);--plasma-chip-padding-right:var(--plasma-textfield__chip-padding-right);--plasma-chip-padding-left:var(--plasma-textfield__chip-padding-left);--plasma-chip-font-family:var(--plasma-textfield__chip-font-family);--plasma-chip-font-size:var(--plasma-textfield__chip-font-size);--plasma-chip-font-style:var(--plasma-textfield__chip-font-style);--plasma-chip-font-weight:var(--plasma-textfield__chip-font-weight);--plasma-chip-letter-spacing:var(--plasma-textfield__chip-letter-spacing);--plasma-chip-lineheight:var(--plasma-textfield__chip-line-height);--plasma-chip-clear-content-margin-left:var(--plasma-textfield__chip-clear-content-margin-left);--plasma-chip-clear-content-margin-right:var(--plasma-textfield__chip-clear-content-margin-right);--plasma-chip-scale-hover:var(--plasma-textfield__chip-scale-hover);--plasma-chip-scale-active:var(--plasma-textfield__chip-scale-active);--plasma-chip-close-icon-size:var(--plasma-textfield__chip-close-icon-size);--plasma-chip-close-icon-color:var(--plasma-textfield__chip-close-icon-color);--plasma-chip-focus-color:var(--plasma-textfield-focus-color);-webkit-scroll-snap-align:center;-moz-scroll-snap-align:center;-ms-scroll-snap-align:center;scroll-snap-align:center;-webkit-scroll-snap-stop:normal;-moz-scroll-snap-stop:normal;-ms-scroll-snap-stop:normal;scroll-snap-stop:normal;position:relative;}.TextFieldChip_styles_1y8n7la_s32p7ut__8f291676::before{content:'';position:absolute;top:0.0625rem;left:0.0625rem;right:0.0625rem;bottom:0.0625rem;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:calc(var(--plasma-textfield__chip-border-radius) - 0.1rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.TextFieldChip_styles_1y8n7la_s32p7ut__8f291676.TextFieldChip_styles_1y8n7la_focusVisible__8f291676:focus::before,.TextFieldChip_styles_1y8n7la_s32p7ut__8f291676[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-textfield-focus-color);}.TextFieldChip_styles_1y8n7la_s32p7ut__8f291676[readonly]{opacity:var(--plasma-textfield__chip-opacity-readonly);}
|
147
149
|
|
@@ -151,9 +153,9 @@
|
|
151
153
|
|
152
154
|
.before_15wiyms_l1k91d31__886db968{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;--plasma_private-switch__label-offset:0 var(--plasma-switch__label-offset) 0 0;}
|
153
155
|
|
154
|
-
.
|
156
|
+
.base_1sjw39x_bm1v11h__66225ece{font-family:var(--plasma-switch-font-family);font-style:var(--plasma-switch-font-style);font-weight:var(--plasma-switch-font-weight);-webkit-letter-spacing:var(--plasma-switch-letter-spacing);-moz-letter-spacing:var(--plasma-switch-letter-spacing);-ms-letter-spacing:var(--plasma-switch-letter-spacing);letter-spacing:var(--plasma-switch-letter-spacing);line-height:var(--plasma-switch-line-height);font-size:var(--plasma-switch-font-size);}.base_1sjw39x_bm1v11h__66225ece .base_1sjw39x_sdjnckq__66225ece{-webkit-flex:0 0 var(--plasma-switch__track-width);-ms-flex:0 0 var(--plasma-switch__track-width);flex:0 0 var(--plasma-switch__track-width);width:var(--plasma-switch__track-width);height:var(--plasma-switch__track-height);border-radius:var(--plasma-switch__track-border-radius);}.base_1sjw39x_bm1v11h__66225ece .base_1sjw39x_sdjnckq__66225ece::after{width:var(--plasma-switch__thumb-size);height:var(--plasma-switch__thumb-size);border-radius:var(--plasma-switch__thumb-border-radius);margin:auto var(--plasma-switch__thumb-offset);}.base_1sjw39x_bm1v11h__66225ece .base_1sjw39x_s10fscgc__66225ece{margin:var(--plasma_private-switch__label-offset,0);}.base_1sjw39x_bm1v11h__66225ece:active:not([disabled]) .base_1sjw39x_sdjnckq__66225ece::after{width:calc(var(--plasma-switch__thumb-size) * var(--plasma-switch__thumb-scale,1));}
|
155
157
|
|
156
|
-
.
|
158
|
+
.base_d10e49_b1g0jmh3__b753a1fb .base_d10e49_sdjnckq__b753a1fb{background-color:var(--plasma-switch__track_checked_false-bg-color);}.base_d10e49_b1g0jmh3__b753a1fb .base_d10e49_s1fcyfkl__b753a1fb:not([disabled]) ~ .base_d10e49_sdjnckq__b753a1fb:hover{background-color:var(--plasma-switch__track_checked_false_hovered_true-bg-color,var(--plasma-switch__track_checked_false-bg-color));}.base_d10e49_b1g0jmh3__b753a1fb .base_d10e49_s1fcyfkl__b753a1fb:checked ~ .base_d10e49_sdjnckq__b753a1fb{background-color:var(--plasma-switch__track_checked_true-bg-color);}.base_d10e49_b1g0jmh3__b753a1fb .base_d10e49_s1fcyfkl__b753a1fb:checked:not([disabled]) ~ .base_d10e49_sdjnckq__b753a1fb:hover{background-color:var(--plasma-switch__track_checked_true_hovered_true-bg-color,var(--plasma-switch__track_checked_true-bg-color));}.base_d10e49_b1g0jmh3__b753a1fb .base_d10e49_sdjnckq__b753a1fb::after{background-color:var(--plasma-switch__thumb-bg-color);box-shadow:var(--plasma-switch__thumb-box-shadow);}.base_d10e49_b1g0jmh3__b753a1fb .base_d10e49_s1fcyfkl__b753a1fb:checked ~ .base_d10e49_sdjnckq__b753a1fb::after{box-shadow:var(--plasma-switch__thumb-box-shadow_checked_true,var(--plasma-switch__thumb-box-shadow));}
|
157
159
|
|
158
160
|
.base_wl4drz_bvwxj2r__13006458 .base_wl4drz_sdjnckq__13006458::before{content:'';position:absolute;inset:-0.125rem;display:block;box-sizing:content-box;border-radius:calc(0.125rem + var(--plasma-switch__track-border-radius));border:0.125rem solid transparent;pointer-events:none;-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;}.base_wl4drz_bvwxj2r__13006458 .base_wl4drz_s1fcyfkl__13006458.base_wl4drz_focusVisible__13006458 ~ .base_wl4drz_sdjnckq__13006458::before{box-shadow:0 0 0 0.125rem var(--plasma-switch__track-focus-color);}
|
159
161
|
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@salutejs/plasma-new-hope",
|
3
|
-
"version": "0.134.0-canary.1352.
|
3
|
+
"version": "0.134.0-canary.1352.10609199302.0",
|
4
4
|
"description": "Salute Design System blueprint",
|
5
5
|
"main": "cjs/index.js",
|
6
6
|
"module": "es/index.js",
|
@@ -80,7 +80,7 @@
|
|
80
80
|
"@rollup/plugin-babel": "^6.0.4",
|
81
81
|
"@rollup/plugin-commonjs": "^25.0.4",
|
82
82
|
"@rollup/plugin-node-resolve": "^15.1.0",
|
83
|
-
"@salutejs/plasma-sb-utils": "0.174.0
|
83
|
+
"@salutejs/plasma-sb-utils": "0.174.0",
|
84
84
|
"@storybook/addon-docs": "^7.6.17",
|
85
85
|
"@storybook/addon-essentials": "^7.6.17",
|
86
86
|
"@storybook/addons": "^7.6.17",
|
@@ -110,7 +110,7 @@
|
|
110
110
|
"@linaria/core": "5.0.2",
|
111
111
|
"@linaria/react": "5.0.3",
|
112
112
|
"@popperjs/core": "2.11.8",
|
113
|
-
"@salutejs/plasma-core": "1.176.0
|
113
|
+
"@salutejs/plasma-core": "1.176.0",
|
114
114
|
"dayjs": "1.11.11",
|
115
115
|
"focus-visible": "5.2.0",
|
116
116
|
"lodash.throttle": "4.1.1",
|
@@ -118,5 +118,5 @@
|
|
118
118
|
"react-popper": "2.3.0",
|
119
119
|
"storeon": "3.1.5"
|
120
120
|
},
|
121
|
-
"gitHead": "
|
121
|
+
"gitHead": "9d4175a00fd5b601ddb9f40690b9a187cbb6336d"
|
122
122
|
}
|
@@ -20,7 +20,7 @@ var tokens = exports.tokens = {
|
|
20
20
|
trackHeight: '--plasma-switch__track-height',
|
21
21
|
trackBorderRadius: '--plasma-switch__track-border-radius',
|
22
22
|
// NOTE: could be intersection with checked
|
23
|
-
trackBackgroundColorOn: '--plasma-
|
23
|
+
trackBackgroundColorOn: '--plasma-switch__track_checked_true-bg-color',
|
24
24
|
trackBackgroundColorOnHover: '--plasma-switch__track_checked_true_hovered_true-bg-color',
|
25
25
|
trackBackgroundColorOff: '--plasma-switch__track_checked_false-bg-color',
|
26
26
|
trackBackgroundColorOffHover: '--plasma-switch__track_checked_false_hovered_true-bg-color',
|
@@ -7,4 +7,4 @@ exports.base = void 0;
|
|
7
7
|
var _styledComponents = /*#__PURE__*/require("styled-components");
|
8
8
|
var _Switch = /*#__PURE__*/require("../Switch.tokens");
|
9
9
|
var _Switch2 = /*#__PURE__*/require("../Switch.styles");
|
10
|
-
var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["font-family:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");font-size:var(", ");", "{flex:0 0 var(", ");width:var(", ");height:var(", ");border-radius:var(", ");&::after{width:var(", ");height:var(", ");border-radius:var(", ");margin:auto var(", ");}}", "{margin:var(--plasma_private-switch__label-offset,0);}:active ", "::after{width:calc(var(", ") * var(", ",1));}"], _Switch.tokens.fontFamily, _Switch.tokens.fontStyle, _Switch.tokens.fontWeight, _Switch.tokens.letterSpacing, _Switch.tokens.lineHeight, _Switch.tokens.fontSize, _Switch2.StyledTrigger, _Switch.tokens.trackWidth, _Switch.tokens.trackWidth, _Switch.tokens.trackHeight, _Switch.tokens.trackBorderRadius, _Switch.tokens.thumbSize, _Switch.tokens.thumbSize, _Switch.tokens.thumbBorderRadius, _Switch.tokens.thumbOffset, _Switch2.StyledLabel, _Switch2.StyledTrigger, _Switch.tokens.thumbSize, _Switch.tokens.thumbPressScale);
|
10
|
+
var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["font-family:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");font-size:var(", ");", "{flex:0 0 var(", ");width:var(", ");height:var(", ");border-radius:var(", ");&::after{width:var(", ");height:var(", ");border-radius:var(", ");margin:auto var(", ");}}", "{margin:var(--plasma_private-switch__label-offset,0);}:active:not([disabled]) ", "::after{width:calc(var(", ") * var(", ",1));}"], _Switch.tokens.fontFamily, _Switch.tokens.fontStyle, _Switch.tokens.fontWeight, _Switch.tokens.letterSpacing, _Switch.tokens.lineHeight, _Switch.tokens.fontSize, _Switch2.StyledTrigger, _Switch.tokens.trackWidth, _Switch.tokens.trackWidth, _Switch.tokens.trackHeight, _Switch.tokens.trackBorderRadius, _Switch.tokens.thumbSize, _Switch.tokens.thumbSize, _Switch.tokens.thumbBorderRadius, _Switch.tokens.thumbOffset, _Switch2.StyledLabel, _Switch2.StyledTrigger, _Switch.tokens.thumbSize, _Switch.tokens.thumbPressScale);
|
@@ -7,4 +7,4 @@ exports.base = void 0;
|
|
7
7
|
var _styledComponents = /*#__PURE__*/require("styled-components");
|
8
8
|
var _Switch = /*#__PURE__*/require("../Switch.tokens");
|
9
9
|
var _Switch2 = /*#__PURE__*/require("../Switch.styles");
|
10
|
-
var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["", "{background-color:var(", ");}", ":hover{background-color:var(", ",var(", "));}", ":checked ~ ", "{background-color:var(", ");}", ":checked:
|
10
|
+
var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["", "{background-color:var(", ");}", ":not([disabled]) ~ ", ":hover{background-color:var(", ",var(", "));}", ":checked ~ ", "{background-color:var(", ");}", ":checked:not([disabled]) ~ ", ":hover{background-color:var(", ",var(", "));}", "::after{background-color:var(", ");box-shadow:var(", ");}", ":checked ~ ", "::after{box-shadow:var(", ",var(", "));}"], _Switch2.StyledTrigger, _Switch.tokens.trackBackgroundColorOff, _Switch2.StyledInput, _Switch2.StyledTrigger, _Switch.tokens.trackBackgroundColorOffHover, _Switch.tokens.trackBackgroundColorOff, _Switch2.StyledInput, _Switch2.StyledTrigger, _Switch.tokens.trackBackgroundColorOn, _Switch2.StyledInput, _Switch2.StyledTrigger, _Switch.tokens.trackBackgroundColorOnHover, _Switch.tokens.trackBackgroundColorOn, _Switch2.StyledTrigger, _Switch.tokens.thumbBackgroundColor, _Switch.tokens.thumbBoxShadow, _Switch2.StyledInput, _Switch2.StyledTrigger, _Switch.tokens.thumbBoxShadowOn, _Switch.tokens.thumbBoxShadow);
|