@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
@@ -8,17 +8,18 @@
|
|
8
8
|
|
9
9
|
.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);}
|
10
10
|
|
11
|
-
.
|
12
|
-
.
|
13
|
-
.
|
14
|
-
.
|
15
|
-
.
|
16
|
-
.
|
17
|
-
.
|
11
|
+
.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;}
|
12
|
+
.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);}
|
13
|
+
.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;}
|
14
|
+
.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%;}
|
15
|
+
.TextField_styles_1lfge6n_l13qvwoy__a3a25f18{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
|
16
|
+
.TextField_styles_1lfge6n_s19ry60d__a3a25f18{margin:var(--plasma-textfield__left-content-margin);line-height:0;}
|
17
|
+
.TextField_styles_1lfge6n_sbt1ohz__a3a25f18{margin:var(--plasma-textfield__right-content-margin);line-height:0;}
|
18
18
|
|
19
19
|
|
20
20
|
|
21
|
-
.
|
21
|
+
.TextField_styles_1lfge6n_s1gjsnfi__a3a25f18{color:var(--plasma-textfield__placeholder-color);}
|
22
|
+
.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);}
|
22
23
|
|
23
24
|
.IconRoot_7pl7ig_svvlqhf__32c458a1{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:var(--svvlqhf-0);height:var(--svvlqhf-0);-webkit-flex:0 0 var(--svvlqhf-0);-ms-flex:0 0 var(--svvlqhf-0);flex:0 0 var(--svvlqhf-0);}
|
24
25
|
|
@@ -24,17 +24,18 @@
|
|
24
24
|
|
25
25
|
.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);}
|
26
26
|
|
27
|
-
.
|
28
|
-
.
|
29
|
-
.
|
30
|
-
.
|
31
|
-
.
|
32
|
-
.
|
33
|
-
.
|
27
|
+
.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;}
|
28
|
+
.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);}
|
29
|
+
.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;}
|
30
|
+
.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%;}
|
31
|
+
.TextField_styles_1lfge6n_l13qvwoy__a3a25f18{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
|
32
|
+
.TextField_styles_1lfge6n_s19ry60d__a3a25f18{margin:var(--plasma-textfield__left-content-margin);line-height:0;}
|
33
|
+
.TextField_styles_1lfge6n_sbt1ohz__a3a25f18{margin:var(--plasma-textfield__right-content-margin);line-height:0;}
|
34
34
|
|
35
35
|
|
36
36
|
|
37
|
-
.
|
37
|
+
.TextField_styles_1lfge6n_s1gjsnfi__a3a25f18{color:var(--plasma-textfield__placeholder-color);}
|
38
|
+
.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);}
|
38
39
|
|
39
40
|
.base_1lwlv7t_b13tc97x__334a4e59{color:var(--plasma-chip-color);background-color:var(--plasma-chip-background);}.base_1lwlv7t_b13tc97x__334a4e59:hover{color:var(--plasma-chip-color-hover);background-color:var(--plasma-chip-background-hover);scale:var(--plasma-chip-scale-hover);}.base_1lwlv7t_b13tc97x__334a4e59:active{color:var(--plasma-chip-color-active);background-color:var(--plasma-chip-background-active);scale:var(--plasma-chip-scale-active);}
|
40
41
|
|
@@ -16,17 +16,18 @@
|
|
16
16
|
|
17
17
|
.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);}
|
18
18
|
|
19
|
-
.
|
20
|
-
.
|
21
|
-
.
|
22
|
-
.
|
23
|
-
.
|
24
|
-
.
|
25
|
-
.
|
19
|
+
.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;}
|
20
|
+
.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);}
|
21
|
+
.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;}
|
22
|
+
.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%;}
|
23
|
+
.TextField_styles_1lfge6n_l13qvwoy__a3a25f18{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
|
24
|
+
.TextField_styles_1lfge6n_s19ry60d__a3a25f18{margin:var(--plasma-textfield__left-content-margin);line-height:0;}
|
25
|
+
.TextField_styles_1lfge6n_sbt1ohz__a3a25f18{margin:var(--plasma-textfield__right-content-margin);line-height:0;}
|
26
26
|
|
27
27
|
|
28
28
|
|
29
|
-
.
|
29
|
+
.TextField_styles_1lfge6n_s1gjsnfi__a3a25f18{color:var(--plasma-textfield__placeholder-color);}
|
30
|
+
.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);}
|
30
31
|
|
31
32
|
.base_1lwlv7t_b13tc97x__334a4e59{color:var(--plasma-chip-color);background-color:var(--plasma-chip-background);}.base_1lwlv7t_b13tc97x__334a4e59:hover{color:var(--plasma-chip-color-hover);background-color:var(--plasma-chip-background-hover);scale:var(--plasma-chip-scale-hover);}.base_1lwlv7t_b13tc97x__334a4e59:active{color:var(--plasma-chip-color-active);background-color:var(--plasma-chip-background-active);scale:var(--plasma-chip-scale-active);}
|
32
33
|
|
@@ -86,17 +86,18 @@
|
|
86
86
|
|
87
87
|
.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);}
|
88
88
|
|
89
|
-
.
|
90
|
-
.
|
91
|
-
.
|
92
|
-
.
|
93
|
-
.
|
94
|
-
.
|
95
|
-
.
|
89
|
+
.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;}
|
90
|
+
.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);}
|
91
|
+
.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;}
|
92
|
+
.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%;}
|
93
|
+
.TextField_styles_1lfge6n_l13qvwoy__a3a25f18{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
|
94
|
+
.TextField_styles_1lfge6n_s19ry60d__a3a25f18{margin:var(--plasma-textfield__left-content-margin);line-height:0;}
|
95
|
+
.TextField_styles_1lfge6n_sbt1ohz__a3a25f18{margin:var(--plasma-textfield__right-content-margin);line-height:0;}
|
96
96
|
|
97
97
|
|
98
98
|
|
99
|
-
.
|
99
|
+
.TextField_styles_1lfge6n_s1gjsnfi__a3a25f18{color:var(--plasma-textfield__placeholder-color);}
|
100
|
+
.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);}
|
100
101
|
|
101
102
|
.base_1lwlv7t_b13tc97x__334a4e59{color:var(--plasma-chip-color);background-color:var(--plasma-chip-background);}.base_1lwlv7t_b13tc97x__334a4e59:hover{color:var(--plasma-chip-color-hover);background-color:var(--plasma-chip-background-hover);scale:var(--plasma-chip-scale-hover);}.base_1lwlv7t_b13tc97x__334a4e59:active{color:var(--plasma-chip-color-active);background-color:var(--plasma-chip-background-active);scale:var(--plasma-chip-scale-active);}
|
102
103
|
|
@@ -16,17 +16,18 @@
|
|
16
16
|
|
17
17
|
.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);}
|
18
18
|
|
19
|
-
.
|
20
|
-
.
|
21
|
-
.
|
22
|
-
.
|
23
|
-
.
|
24
|
-
.
|
25
|
-
.
|
19
|
+
.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;}
|
20
|
+
.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);}
|
21
|
+
.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;}
|
22
|
+
.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%;}
|
23
|
+
.TextField_styles_1lfge6n_l13qvwoy__a3a25f18{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
|
24
|
+
.TextField_styles_1lfge6n_s19ry60d__a3a25f18{margin:var(--plasma-textfield__left-content-margin);line-height:0;}
|
25
|
+
.TextField_styles_1lfge6n_sbt1ohz__a3a25f18{margin:var(--plasma-textfield__right-content-margin);line-height:0;}
|
26
26
|
|
27
27
|
|
28
28
|
|
29
|
-
.
|
29
|
+
.TextField_styles_1lfge6n_s1gjsnfi__a3a25f18{color:var(--plasma-textfield__placeholder-color);}
|
30
|
+
.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);}
|
30
31
|
|
31
32
|
.IconRoot_7pl7ig_svvlqhf__32c458a1{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:var(--svvlqhf-0);height:var(--svvlqhf-0);-webkit-flex:0 0 var(--svvlqhf-0);-ms-flex:0 0 var(--svvlqhf-0);flex:0 0 var(--svvlqhf-0);}
|
32
33
|
|
@@ -25,17 +25,18 @@
|
|
25
25
|
|
26
26
|
.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);}
|
27
27
|
|
28
|
-
.
|
29
|
-
.
|
30
|
-
.
|
31
|
-
.
|
32
|
-
.
|
33
|
-
.
|
34
|
-
.
|
28
|
+
.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;}
|
29
|
+
.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);}
|
30
|
+
.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;}
|
31
|
+
.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%;}
|
32
|
+
.TextField_styles_1lfge6n_l13qvwoy__a3a25f18{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
|
33
|
+
.TextField_styles_1lfge6n_s19ry60d__a3a25f18{margin:var(--plasma-textfield__left-content-margin);line-height:0;}
|
34
|
+
.TextField_styles_1lfge6n_sbt1ohz__a3a25f18{margin:var(--plasma-textfield__right-content-margin);line-height:0;}
|
35
35
|
|
36
36
|
|
37
37
|
|
38
|
-
.
|
38
|
+
.TextField_styles_1lfge6n_s1gjsnfi__a3a25f18{color:var(--plasma-textfield__placeholder-color);}
|
39
|
+
.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);}
|
39
40
|
|
40
41
|
.IconRoot_7pl7ig_svvlqhf__32c458a1{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:var(--svvlqhf-0);height:var(--svvlqhf-0);-webkit-flex:0 0 var(--svvlqhf-0);-ms-flex:0 0 var(--svvlqhf-0);flex:0 0 var(--svvlqhf-0);}
|
41
42
|
|
@@ -18,17 +18,18 @@
|
|
18
18
|
|
19
19
|
.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);}
|
20
20
|
|
21
|
-
.
|
22
|
-
.
|
23
|
-
.
|
24
|
-
.
|
25
|
-
.
|
26
|
-
.
|
27
|
-
.
|
21
|
+
.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;}
|
22
|
+
.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);}
|
23
|
+
.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;}
|
24
|
+
.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%;}
|
25
|
+
.TextField_styles_1lfge6n_l13qvwoy__a3a25f18{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
|
26
|
+
.TextField_styles_1lfge6n_s19ry60d__a3a25f18{margin:var(--plasma-textfield__left-content-margin);line-height:0;}
|
27
|
+
.TextField_styles_1lfge6n_sbt1ohz__a3a25f18{margin:var(--plasma-textfield__right-content-margin);line-height:0;}
|
28
28
|
|
29
29
|
|
30
30
|
|
31
|
-
.
|
31
|
+
.TextField_styles_1lfge6n_s1gjsnfi__a3a25f18{color:var(--plasma-textfield__placeholder-color);}
|
32
|
+
.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);}
|
32
33
|
|
33
34
|
.IconRoot_7pl7ig_svvlqhf__32c458a1{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:var(--svvlqhf-0);height:var(--svvlqhf-0);-webkit-flex:0 0 var(--svvlqhf-0);-ms-flex:0 0 var(--svvlqhf-0);flex:0 0 var(--svvlqhf-0);}
|
34
35
|
|
@@ -18,7 +18,7 @@ var tokens = {
|
|
18
18
|
trackHeight: '--plasma-switch__track-height',
|
19
19
|
trackBorderRadius: '--plasma-switch__track-border-radius',
|
20
20
|
// NOTE: could be intersection with checked
|
21
|
-
trackBackgroundColorOn: '--plasma-
|
21
|
+
trackBackgroundColorOn: '--plasma-switch__track_checked_true-bg-color',
|
22
22
|
trackBackgroundColorOnHover: '--plasma-switch__track_checked_true_hovered_true-bg-color',
|
23
23
|
trackBackgroundColorOff: '--plasma-switch__track_checked_false-bg-color',
|
24
24
|
trackBackgroundColorOffHover: '--plasma-switch__track_checked_false_hovered_true-bg-color',
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Switch.tokens.js","sources":["../../../src/components/Switch/Switch.tokens.ts"],"sourcesContent":["export const tokens = {\n fontFamily: '--plasma-switch-font-family',\n fontStyle: '--plasma-switch-font-style',\n fontSize: '--plasma-switch-font-size',\n fontWeight: '--plasma-switch-font-weight',\n letterSpacing: '--plasma-switch-letter-spacing',\n lineHeight: '--plasma-switch-line-height',\n\n /* Цвет подписи */\n labelColor: '--plasma-switch__label-color',\n labelOffset: '--plasma-switch__label-offset',\n\n /** Прозрачность для всего компонента в состоянии disabled */\n disabledOpacity: '--plasma-switch-disabled-opacity',\n\n trackWidth: '--plasma-switch__track-width',\n trackHeight: '--plasma-switch__track-height',\n trackBorderRadius: '--plasma-switch__track-border-radius',\n // NOTE: could be intersection with checked\n trackBackgroundColorOn: '--plasma-
|
1
|
+
{"version":3,"file":"Switch.tokens.js","sources":["../../../src/components/Switch/Switch.tokens.ts"],"sourcesContent":["export const tokens = {\n fontFamily: '--plasma-switch-font-family',\n fontStyle: '--plasma-switch-font-style',\n fontSize: '--plasma-switch-font-size',\n fontWeight: '--plasma-switch-font-weight',\n letterSpacing: '--plasma-switch-letter-spacing',\n lineHeight: '--plasma-switch-line-height',\n\n /* Цвет подписи */\n labelColor: '--plasma-switch__label-color',\n labelOffset: '--plasma-switch__label-offset',\n\n /** Прозрачность для всего компонента в состоянии disabled */\n disabledOpacity: '--plasma-switch-disabled-opacity',\n\n trackWidth: '--plasma-switch__track-width',\n trackHeight: '--plasma-switch__track-height',\n trackBorderRadius: '--plasma-switch__track-border-radius',\n // NOTE: could be intersection with checked\n trackBackgroundColorOn: '--plasma-switch__track_checked_true-bg-color',\n trackBackgroundColorOnHover: '--plasma-switch__track_checked_true_hovered_true-bg-color',\n trackBackgroundColorOff: '--plasma-switch__track_checked_false-bg-color',\n trackBackgroundColorOffHover: '--plasma-switch__track_checked_false_hovered_true-bg-color',\n\n trackFocusColor: '--plasma-switch__track-focus-color',\n\n thumbSize: '--plasma-switch__thumb-size',\n thumbOffset: '--plasma-switch__thumb-offset',\n thumbBorderRadius: '--plasma-switch__thumb-border-radius',\n\n thumbPressScale: '--plasma-switch__thumb-scale',\n\n thumbBackgroundColor: '--plasma-switch__thumb-bg-color',\n thumbBoxShadow: '--plasma-switch__thumb-box-shadow',\n thumbBoxShadowOn: '--plasma-switch__thumb-box-shadow_checked_true',\n};\n"],"names":["tokens","fontFamily","fontStyle","fontSize","fontWeight","letterSpacing","lineHeight","labelColor","labelOffset","disabledOpacity","trackWidth","trackHeight","trackBorderRadius","trackBackgroundColorOn","trackBackgroundColorOnHover","trackBackgroundColorOff","trackBackgroundColorOffHover","trackFocusColor","thumbSize","thumbOffset","thumbBorderRadius","thumbPressScale","thumbBackgroundColor","thumbBoxShadow","thumbBoxShadowOn"],"mappings":";;;;AAAO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,UAAU,EAAE,6BAA6B;AACzCC,EAAAA,SAAS,EAAE,4BAA4B;AACvCC,EAAAA,QAAQ,EAAE,2BAA2B;AACrCC,EAAAA,UAAU,EAAE,6BAA6B;AACzCC,EAAAA,aAAa,EAAE,gCAAgC;AAC/CC,EAAAA,UAAU,EAAE,6BAA6B;AAEzC;AACAC,EAAAA,UAAU,EAAE,8BAA8B;AAC1CC,EAAAA,WAAW,EAAE,+BAA+B;AAE5C;AACAC,EAAAA,eAAe,EAAE,kCAAkC;AAEnDC,EAAAA,UAAU,EAAE,8BAA8B;AAC1CC,EAAAA,WAAW,EAAE,+BAA+B;AAC5CC,EAAAA,iBAAiB,EAAE,sCAAsC;AACzD;AACAC,EAAAA,sBAAsB,EAAE,8CAA8C;AACtEC,EAAAA,2BAA2B,EAAE,2DAA2D;AACxFC,EAAAA,uBAAuB,EAAE,+CAA+C;AACxEC,EAAAA,4BAA4B,EAAE,4DAA4D;AAE1FC,EAAAA,eAAe,EAAE,oCAAoC;AAErDC,EAAAA,SAAS,EAAE,6BAA6B;AACxCC,EAAAA,WAAW,EAAE,+BAA+B;AAC5CC,EAAAA,iBAAiB,EAAE,sCAAsC;AAEzDC,EAAAA,eAAe,EAAE,8BAA8B;AAE/CC,EAAAA,oBAAoB,EAAE,iCAAiC;AACvDC,EAAAA,cAAc,EAAE,mCAAmC;AACnDC,EAAAA,gBAAgB,EAAE,gDAAA;AACtB;;;;"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"base.js","sources":["../../../../src/components/Switch/_size/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { tokens } from '../Switch.tokens';\nimport { StyledLabel, StyledTrigger } from '../Switch.styles';\n\nexport const base = css`\n font-family: var(${tokens.fontFamily});\n font-style: var(${tokens.fontStyle});\n font-weight: var(${tokens.fontWeight});\n letter-spacing: var(${tokens.letterSpacing});\n line-height: var(${tokens.lineHeight});\n font-size: var(${tokens.fontSize});\n\n ${StyledTrigger} {\n flex: 0 0 var(${tokens.trackWidth});\n width: var(${tokens.trackWidth});\n height: var(${tokens.trackHeight});\n border-radius: var(${tokens.trackBorderRadius});\n\n &::after {\n width: var(${tokens.thumbSize});\n height: var(${tokens.thumbSize});\n border-radius: var(${tokens.thumbBorderRadius});\n margin: auto var(${tokens.thumbOffset});\n }\n }\n\n ${StyledLabel} {\n /* check _label_position */\n margin: var(--plasma_private-switch__label-offset, 0);\n }\n\n :active ${StyledTrigger}::after {\n width: calc(var(${tokens.thumbSize}) * var(${tokens.thumbPressScale}, 1));\n }\n`;\n"],"names":["base"],"mappings":";;;;AAKO,IAAMA,IAAI,GA8BhB;;;;"}
|
1
|
+
{"version":3,"file":"base.js","sources":["../../../../src/components/Switch/_size/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { tokens } from '../Switch.tokens';\nimport { StyledLabel, StyledTrigger } from '../Switch.styles';\n\nexport const base = css`\n font-family: var(${tokens.fontFamily});\n font-style: var(${tokens.fontStyle});\n font-weight: var(${tokens.fontWeight});\n letter-spacing: var(${tokens.letterSpacing});\n line-height: var(${tokens.lineHeight});\n font-size: var(${tokens.fontSize});\n\n ${StyledTrigger} {\n flex: 0 0 var(${tokens.trackWidth});\n width: var(${tokens.trackWidth});\n height: var(${tokens.trackHeight});\n border-radius: var(${tokens.trackBorderRadius});\n\n &::after {\n width: var(${tokens.thumbSize});\n height: var(${tokens.thumbSize});\n border-radius: var(${tokens.thumbBorderRadius});\n margin: auto var(${tokens.thumbOffset});\n }\n }\n\n ${StyledLabel} {\n /* check _label_position */\n margin: var(--plasma_private-switch__label-offset, 0);\n }\n\n :active:not([disabled]) ${StyledTrigger}::after {\n width: calc(var(${tokens.thumbSize}) * var(${tokens.thumbPressScale}, 1));\n }\n`;\n"],"names":["base"],"mappings":";;;;AAKO,IAAMA,IAAI,GA8BhB;;;;"}
|
@@ -1 +1 @@
|
|
1
|
-
.bm1v11h{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);}.bm1v11h .sdjnckq{-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);}.bm1v11h .sdjnckq::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);}.bm1v11h .s10fscgc{margin:var(--plasma_private-switch__label-offset,0);}.bm1v11h:active .sdjnckq::after{width:calc(var(--plasma-switch__thumb-size) * var(--plasma-switch__thumb-scale,1));}
|
1
|
+
.bm1v11h{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);}.bm1v11h .sdjnckq{-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);}.bm1v11h .sdjnckq::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);}.bm1v11h .s10fscgc{margin:var(--plasma_private-switch__label-offset,0);}.bm1v11h:active:not([disabled]) .sdjnckq::after{width:calc(var(--plasma-switch__thumb-size) * var(--plasma-switch__thumb-scale,1));}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"base.js","sources":["../../../../src/components/Switch/_view/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { tokens } from '../Switch.tokens';\nimport { StyledTrigger, StyledInput } from '../Switch.styles';\n\nexport const base = css`\n ${StyledTrigger} {\n background-color: var(${tokens.trackBackgroundColorOff});\n }\n\n ${StyledTrigger}:hover {\n background-color: var(${tokens.trackBackgroundColorOffHover}, var(${tokens.trackBackgroundColorOff}));\n }\n\n ${StyledInput}:checked ~ ${StyledTrigger} {\n background-color: var(${tokens.trackBackgroundColorOn});\n }\n\n ${StyledInput}:checked:
|
1
|
+
{"version":3,"file":"base.js","sources":["../../../../src/components/Switch/_view/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { tokens } from '../Switch.tokens';\nimport { StyledTrigger, StyledInput } from '../Switch.styles';\n\nexport const base = css`\n ${StyledTrigger} {\n background-color: var(${tokens.trackBackgroundColorOff});\n }\n\n ${StyledInput}:not([disabled]) ~ ${StyledTrigger}:hover {\n background-color: var(${tokens.trackBackgroundColorOffHover}, var(${tokens.trackBackgroundColorOff}));\n }\n\n ${StyledInput}:checked ~ ${StyledTrigger} {\n background-color: var(${tokens.trackBackgroundColorOn});\n }\n\n ${StyledInput}:checked:not([disabled]) ~ ${StyledTrigger}:hover {\n background-color: var(${tokens.trackBackgroundColorOnHover}, var(${tokens.trackBackgroundColorOn}));\n }\n\n ${StyledTrigger}::after {\n background-color: var(${tokens.thumbBackgroundColor});\n box-shadow: var(${tokens.thumbBoxShadow});\n }\n\n ${StyledInput}:checked ~ ${StyledTrigger}::after {\n box-shadow: var(${tokens.thumbBoxShadowOn}, var(${tokens.thumbBoxShadow}));\n }\n`;\n"],"names":["base"],"mappings":";;;;AAKO,IAAMA,IAAI,GAyBhB;;;;"}
|
@@ -0,0 +1 @@
|
|
1
|
+
.b1g0jmh3 .sdjnckq{background-color:var(--plasma-switch__track_checked_false-bg-color);}.b1g0jmh3 .s1fcyfkl:not([disabled]) ~ .sdjnckq:hover{background-color:var(--plasma-switch__track_checked_false_hovered_true-bg-color,var(--plasma-switch__track_checked_false-bg-color));}.b1g0jmh3 .s1fcyfkl:checked ~ .sdjnckq{background-color:var(--plasma-switch__track_checked_true-bg-color);}.b1g0jmh3 .s1fcyfkl:checked:not([disabled]) ~ .sdjnckq:hover{background-color:var(--plasma-switch__track_checked_true_hovered_true-bg-color,var(--plasma-switch__track_checked_true-bg-color));}.b1g0jmh3 .sdjnckq::after{background-color:var(--plasma-switch__thumb-bg-color);box-shadow:var(--plasma-switch__thumb-box-shadow);}.b1g0jmh3 .s1fcyfkl:checked ~ .sdjnckq::after{box-shadow:var(--plasma-switch__thumb-box-shadow_checked_true,var(--plasma-switch__thumb-box-shadow));}
|
@@ -15,7 +15,7 @@ var base$1 = require('./variations/_size/base.js');
|
|
15
15
|
var base$3 = require('./variations/_disabled/base.js');
|
16
16
|
var base$4 = require('./variations/_required/base.js');
|
17
17
|
|
18
|
-
var _excluded = ["helperText", "status", "resize", "rightHelper", "leftHelper", "contentRight", "autoResize", "minAuto", "maxAuto", "label", "labelPlacement", "placeholder", "defaultValue", "height", "width", "value", "disabled", "required", "
|
18
|
+
var _excluded = ["helperText", "status", "resize", "rightHelper", "leftHelper", "contentRight", "autoResize", "minAuto", "maxAuto", "label", "labelPlacement", "placeholder", "defaultValue", "height", "width", "value", "disabled", "required", "requiredPlacement", "optional", "size", "view", "id", "style", "className", "readOnly", "rows", "cols", "onChange"];
|
19
19
|
var innerPlaceholderUp = TextArea_tokens.classes.innerPlaceholderUp,
|
20
20
|
focusedOuterPlaceholderColor = TextArea_tokens.classes.focusedOuterPlaceholderColor,
|
21
21
|
hidePlaceHolder = TextArea_tokens.classes.hidePlaceHolder,
|
@@ -24,6 +24,7 @@ var innerPlaceholderUp = TextArea_tokens.classes.innerPlaceholderUp,
|
|
24
24
|
styledTextAreaWrapper = TextArea_tokens.classes.styledTextAreaWrapper,
|
25
25
|
styledPlaceholder = TextArea_tokens.classes.styledPlaceholder,
|
26
26
|
styledHelpers = TextArea_tokens.classes.styledHelpers;
|
27
|
+
var optionalText = 'optional';
|
27
28
|
var base = "b6rykm0";
|
28
29
|
|
29
30
|
// TODO: Удалить после отказа от старых библиотек plasma-web / plasma-b2c
|
@@ -77,7 +78,9 @@ var textAreaRoot = function textAreaRoot(Root) {
|
|
77
78
|
value = props.value,
|
78
79
|
disabled = props.disabled,
|
79
80
|
required = props.required,
|
80
|
-
|
81
|
+
_props$requiredPlacem = props.requiredPlacement,
|
82
|
+
requiredPlacement = _props$requiredPlacem === void 0 ? 'right' : _props$requiredPlacem,
|
83
|
+
optional = props.optional,
|
81
84
|
size = props.size,
|
82
85
|
view = props.view,
|
83
86
|
id = props.id,
|
@@ -102,12 +105,15 @@ var textAreaRoot = function textAreaRoot(Root) {
|
|
102
105
|
setUncontrolledValue = _useState6[1];
|
103
106
|
var outerRef = innerRef && 'current' in innerRef ? innerRef : /*#__PURE__*/React.createRef();
|
104
107
|
var hasHelper = Boolean(leftHelper || rightHelper || helperText);
|
108
|
+
var hasOuterLabel = Boolean(label && labelPlacement === 'outer');
|
105
109
|
var overriddenView = status !== undefined ? fallbackStatusMap[status] : view;
|
106
110
|
var textareaHelperId = id ? "".concat(id, "-helper") : undefined;
|
107
111
|
var applyCustomWidth = resize !== 'horizontal' && resize !== 'both' && !cols;
|
108
|
-
var
|
109
|
-
|
110
|
-
|
112
|
+
var placeholderLabel = labelPlacement === 'inner' && label && size !== 'xs' ? label : placeholder;
|
113
|
+
if (optional && !hasOuterLabel) {
|
114
|
+
placeholderLabel = placeholderLabel ? "".concat(placeholderLabel, "\xA0").concat(optionalText) : optionalText;
|
115
|
+
}
|
116
|
+
var requiredPlacementClass = requiredPlacement === 'right' ? 'align-right ' : undefined;
|
111
117
|
plasmaCore.useResizeObserver(outerRef, function (currentElement) {
|
112
118
|
var inlineWidth = currentElement.style.width;
|
113
119
|
if (inlineWidth || cols) {
|
@@ -141,6 +147,7 @@ var textAreaRoot = function textAreaRoot(Root) {
|
|
141
147
|
} : {
|
142
148
|
autoResize: autoResize
|
143
149
|
}), focused);
|
150
|
+
var optionalTextNode = optional ? /*#__PURE__*/React.createElement(TextArea_styles.StyledOptionalText, null, Boolean(label) && '\xa0', optionalText) : null;
|
144
151
|
return /*#__PURE__*/React.createElement(Root, {
|
145
152
|
view: overriddenView,
|
146
153
|
size: size,
|
@@ -152,14 +159,14 @@ var textAreaRoot = function textAreaRoot(Root) {
|
|
152
159
|
}, style),
|
153
160
|
className: className
|
154
161
|
}, hasOuterLabel && /*#__PURE__*/React.createElement(TextArea_styles.StyledLabel, null, required && /*#__PURE__*/React.createElement(TextArea_styles.StyledIndicator, {
|
155
|
-
className: index.cx('placement-outer',
|
156
|
-
}), label), /*#__PURE__*/React.createElement(TextArea_styles.StyledContainer, {
|
162
|
+
className: index.cx('placement-outer', requiredPlacementClass)
|
163
|
+
}), label, optionalTextNode), /*#__PURE__*/React.createElement(TextArea_styles.StyledContainer, {
|
157
164
|
className: index.cx.apply(void 0, [styledContainer].concat(_rollupPluginBabelHelpers.toConsumableArray(dynamicLabelClasses))),
|
158
165
|
width: helperWidth,
|
159
166
|
onFocus: onFocusHandler,
|
160
167
|
onBlur: onBlurHandler
|
161
168
|
}, required && !hasOuterLabel && /*#__PURE__*/React.createElement(TextArea_styles.StyledIndicator, {
|
162
|
-
className: index.cx('placement-inner',
|
169
|
+
className: index.cx('placement-inner', requiredPlacementClass)
|
163
170
|
}), contentRight && /*#__PURE__*/React.createElement(TextArea_styles.StyledContent, null, contentRight), /*#__PURE__*/React.createElement(TextArea_styles.StyledTextAreaWrapper, {
|
164
171
|
className: styledTextAreaWrapper,
|
165
172
|
hasHelper: hasHelper
|
@@ -173,7 +180,7 @@ var textAreaRoot = function textAreaRoot(Root) {
|
|
173
180
|
disabled: disabled,
|
174
181
|
height: autoResize ? minAuto : height,
|
175
182
|
width: width,
|
176
|
-
placeholder:
|
183
|
+
placeholder: placeholderLabel,
|
177
184
|
"aria-describedby": textareaHelperId,
|
178
185
|
value: value,
|
179
186
|
readOnly: readOnly,
|
@@ -185,11 +192,11 @@ var textAreaRoot = function textAreaRoot(Root) {
|
|
185
192
|
}, rest))), hasHelper && /*#__PURE__*/React.createElement(TextArea_styles.StyledHelpers, {
|
186
193
|
className: styledHelpers,
|
187
194
|
id: textareaHelperId
|
188
|
-
}, (leftHelper || helperText) && /*#__PURE__*/React.createElement(TextArea_styles.StyledLeftHelper, null, leftHelper || helperText), rightHelper && /*#__PURE__*/React.createElement(TextArea_styles.StyledRightHelper, null, rightHelper)),
|
195
|
+
}, (leftHelper || helperText) && /*#__PURE__*/React.createElement(TextArea_styles.StyledLeftHelper, null, leftHelper || helperText), rightHelper && /*#__PURE__*/React.createElement(TextArea_styles.StyledRightHelper, null, rightHelper)), placeholderLabel && /*#__PURE__*/React.createElement(TextArea_styles.StyledPlaceholder, {
|
189
196
|
hasContentRight: Boolean(contentRight),
|
190
197
|
className: styledPlaceholder,
|
191
198
|
htmlFor: id
|
192
|
-
},
|
199
|
+
}, placeholderLabel)));
|
193
200
|
});
|
194
201
|
};
|
195
202
|
var textAreaConfig = {
|