@salutejs/plasma-new-hope 0.345.0-canary.2422.20906430475.0 → 0.345.0-canary.2423.20988873450.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/css/cjs/components/Combobox/ComboboxNew/Combobox.js +4 -0
- package/dist/css/cjs/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
- package/dist/css/cjs/components/TextArea/TextArea.js +61 -56
- package/dist/css/cjs/components/TextArea/TextArea.js.map +1 -1
- package/dist/css/cjs/components/TextArea/TextArea.styles.js +37 -30
- package/dist/css/cjs/components/TextArea/TextArea.styles.js.map +1 -1
- package/dist/css/cjs/components/TextArea/{TextArea.styles_j6drga.css → TextArea.styles_1y5shlb.css} +3 -3
- package/dist/css/cjs/components/TextArea/TextArea.tokens.js +49 -123
- package/dist/css/cjs/components/TextArea/TextArea.tokens.js.map +1 -1
- package/dist/css/cjs/components/TextArea/ui/Hint/Hint.css +22 -22
- package/dist/css/cjs/components/TextArea/variations/_disabled/base.js +1 -1
- package/dist/css/cjs/components/TextArea/variations/_disabled/base.js.map +1 -1
- package/dist/css/cjs/components/TextArea/variations/_disabled/base_1vc9ple.css +1 -0
- package/dist/css/cjs/components/TextArea/variations/_read-only/base.js +1 -1
- package/dist/css/cjs/components/TextArea/variations/_read-only/base.js.map +1 -1
- package/dist/css/cjs/components/TextArea/variations/_read-only/base_l5o3oz.css +1 -0
- package/dist/css/cjs/components/TextArea/variations/_size/base.js +1 -1
- package/dist/css/cjs/components/TextArea/variations/_size/base.js.map +1 -1
- package/dist/css/cjs/components/TextArea/variations/_size/base_15qflyx.css +1 -0
- package/dist/css/cjs/components/TextArea/variations/_view/base.js +1 -1
- package/dist/css/cjs/components/TextArea/variations/_view/base.js.map +1 -1
- package/dist/css/cjs/components/TextArea/variations/_view/{base_1hvnv2t.css → base_l2axzd.css} +1 -1
- package/dist/css/cjs/index.css +31 -33
- package/dist/css/es/components/Combobox/ComboboxNew/Combobox.js +4 -0
- package/dist/css/es/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
- package/dist/css/es/components/TextArea/TextArea.js +61 -56
- package/dist/css/es/components/TextArea/TextArea.js.map +1 -1
- package/dist/css/es/components/TextArea/TextArea.styles.js +37 -30
- package/dist/css/es/components/TextArea/TextArea.styles.js.map +1 -1
- package/dist/css/es/components/TextArea/{TextArea.styles_j6drga.css → TextArea.styles_1y5shlb.css} +3 -3
- package/dist/css/es/components/TextArea/TextArea.tokens.js +49 -123
- package/dist/css/es/components/TextArea/TextArea.tokens.js.map +1 -1
- package/dist/css/es/components/TextArea/ui/Hint/Hint.css +22 -22
- package/dist/css/es/components/TextArea/variations/_disabled/base.js +1 -1
- package/dist/css/es/components/TextArea/variations/_disabled/base.js.map +1 -1
- package/dist/css/es/components/TextArea/variations/_disabled/base_1vc9ple.css +1 -0
- package/dist/css/es/components/TextArea/variations/_read-only/base.js +1 -1
- package/dist/css/es/components/TextArea/variations/_read-only/base.js.map +1 -1
- package/dist/css/es/components/TextArea/variations/_read-only/base_l5o3oz.css +1 -0
- package/dist/css/es/components/TextArea/variations/_size/base.js +1 -1
- package/dist/css/es/components/TextArea/variations/_size/base.js.map +1 -1
- package/dist/css/es/components/TextArea/variations/_size/base_15qflyx.css +1 -0
- package/dist/css/es/components/TextArea/variations/_view/base.js +1 -1
- package/dist/css/es/components/TextArea/variations/_view/base.js.map +1 -1
- package/dist/css/es/components/TextArea/variations/_view/{base_1hvnv2t.css → base_l2axzd.css} +1 -1
- package/dist/css/es/index.css +31 -33
- package/dist/emotion/cjs/components/Combobox/ComboboxNew/Combobox.js +3 -0
- package/dist/emotion/cjs/components/TextArea/TextArea.js +65 -52
- package/dist/emotion/cjs/components/TextArea/TextArea.styles.js +53 -50
- package/dist/emotion/cjs/components/TextArea/TextArea.tokens.js +106 -112
- package/dist/emotion/cjs/components/TextArea/variations/_disabled/base.js +1 -2
- package/dist/emotion/cjs/components/TextArea/variations/_read-only/base.js +1 -1
- package/dist/emotion/cjs/components/TextArea/variations/_size/base.js +2 -1
- package/dist/emotion/cjs/components/TextArea/variations/_view/base.js +1 -1
- package/dist/emotion/cjs/examples/components/Combobox/Combobox.js +0 -15
- package/dist/emotion/cjs/examples/components/TextArea/TextArea.clear.config.js +47 -0
- package/dist/emotion/cjs/examples/components/TextArea/TextArea.config.js +16 -19
- package/dist/emotion/cjs/examples/components/TextArea/TextArea.js +29 -5
- package/dist/emotion/es/components/Combobox/ComboboxNew/Combobox.js +3 -0
- package/dist/emotion/es/components/TextArea/TextArea.js +57 -44
- package/dist/emotion/es/components/TextArea/TextArea.styles.js +53 -50
- package/dist/emotion/es/components/TextArea/TextArea.tokens.js +106 -112
- package/dist/emotion/es/components/TextArea/variations/_disabled/base.js +1 -2
- package/dist/emotion/es/components/TextArea/variations/_read-only/base.js +1 -1
- package/dist/emotion/es/components/TextArea/variations/_size/base.js +3 -2
- package/dist/emotion/es/components/TextArea/variations/_view/base.js +2 -2
- package/dist/emotion/es/examples/components/TextArea/TextArea.clear.config.js +37 -0
- package/dist/emotion/es/examples/components/TextArea/TextArea.config.js +16 -19
- package/dist/emotion/es/examples/components/TextArea/TextArea.js +15 -2
- package/dist/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.js +3 -0
- package/dist/styled-components/cjs/components/TextArea/TextArea.js +64 -51
- package/dist/styled-components/cjs/components/TextArea/TextArea.styles.js +38 -32
- package/dist/styled-components/cjs/components/TextArea/TextArea.tokens.js +106 -112
- package/dist/styled-components/cjs/components/TextArea/variations/_disabled/base.js +3 -13
- package/dist/styled-components/cjs/components/TextArea/variations/_read-only/base.js +4 -2
- package/dist/styled-components/cjs/components/TextArea/variations/_size/base.js +9 -2
- package/dist/styled-components/cjs/components/TextArea/variations/_view/base.js +11 -2
- package/dist/styled-components/cjs/examples/components/TextArea/TextArea.clear.config.js +520 -0
- package/dist/styled-components/cjs/examples/components/TextArea/TextArea.config.js +258 -290
- package/dist/styled-components/cjs/examples/components/TextArea/TextArea.js +29 -5
- package/dist/styled-components/es/components/Combobox/ComboboxNew/Combobox.js +3 -0
- package/dist/styled-components/es/components/TextArea/TextArea.js +56 -43
- package/dist/styled-components/es/components/TextArea/TextArea.styles.js +38 -32
- package/dist/styled-components/es/components/TextArea/TextArea.tokens.js +106 -112
- package/dist/styled-components/es/components/TextArea/variations/_disabled/base.js +3 -13
- package/dist/styled-components/es/components/TextArea/variations/_read-only/base.js +4 -2
- package/dist/styled-components/es/components/TextArea/variations/_size/base.js +10 -3
- package/dist/styled-components/es/components/TextArea/variations/_view/base.js +12 -3
- package/dist/styled-components/es/examples/components/TextArea/TextArea.clear.config.js +510 -0
- package/dist/styled-components/es/examples/components/TextArea/TextArea.config.js +258 -290
- package/dist/styled-components/es/examples/components/TextArea/TextArea.js +15 -2
- package/package.json +6 -6
- package/types/components/Combobox/ComboboxNew/Combobox.d.ts.map +1 -1
- package/types/components/TextArea/TextArea.d.ts +0 -4
- 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.tokens.d.ts +45 -123
- package/types/components/TextArea/TextArea.tokens.d.ts.map +1 -1
- package/types/components/TextArea/TextArea.types.d.ts +8 -1
- package/types/components/TextArea/TextArea.types.d.ts.map +1 -1
- package/types/components/TextArea/variations/_disabled/base.d.ts.map +1 -1
- package/types/components/TextArea/variations/_read-only/base.d.ts.map +1 -1
- package/types/components/TextArea/variations/_size/base.d.ts.map +1 -1
- package/types/components/TextArea/variations/_view/base.d.ts.map +1 -1
- package/types/examples/components/TextArea/TextArea.clear.config.d.ts +36 -0
- package/types/examples/components/TextArea/TextArea.clear.config.d.ts.map +1 -0
- package/types/examples/components/TextArea/TextArea.config.d.ts +7 -10
- package/types/examples/components/TextArea/TextArea.config.d.ts.map +1 -1
- package/types/examples/components/TextArea/TextArea.d.ts +1045 -11
- package/types/examples/components/TextArea/TextArea.d.ts.map +1 -1
- package/dist/css/cjs/components/TextArea/variations/_clear/base.js +0 -9
- package/dist/css/cjs/components/TextArea/variations/_clear/base.js.map +0 -1
- package/dist/css/cjs/components/TextArea/variations/_clear/base_1vo4ba5.css +0 -1
- package/dist/css/cjs/components/TextArea/variations/_disabled/base_s6ttw.css +0 -1
- package/dist/css/cjs/components/TextArea/variations/_read-only/base_pgwr5c.css +0 -1
- package/dist/css/cjs/components/TextArea/variations/_size/base_1mq4sb2.css +0 -1
- package/dist/css/es/components/TextArea/variations/_clear/base.js +0 -5
- package/dist/css/es/components/TextArea/variations/_clear/base.js.map +0 -1
- package/dist/css/es/components/TextArea/variations/_clear/base_1vo4ba5.css +0 -1
- package/dist/css/es/components/TextArea/variations/_disabled/base_s6ttw.css +0 -1
- package/dist/css/es/components/TextArea/variations/_read-only/base_pgwr5c.css +0 -1
- package/dist/css/es/components/TextArea/variations/_size/base_1mq4sb2.css +0 -1
- package/dist/emotion/cjs/components/TextArea/variations/_clear/base.js +0 -14
- package/dist/emotion/es/components/TextArea/variations/_clear/base.js +0 -4
- package/dist/styled-components/cjs/components/TextArea/variations/_clear/base.js +0 -67
- package/dist/styled-components/es/components/TextArea/variations/_clear/base.js +0 -57
- package/types/components/TextArea/variations/_clear/base.d.ts +0 -2
- package/types/components/TextArea/variations/_clear/base.d.ts.map +0 -1
|
@@ -11,28 +11,28 @@
|
|
|
11
11
|
.Tooltip_1qsg6ij_s1cz8cv8__da7f9e0a{--plasma-popover-arrow-mask-width:var(--plasma-tooltip-arrow-mask-width);--plasma-popover-arrow-mask-height:var(--plasma-tooltip-arrow-mask-height);--plasma-popover-arrow-mask-image:var(--plasma-tooltip-arrow-mask-image);--plasma-popover-arrow-background:var(--plasma-tooltip-arrow-background);--plasma-popover-arrow-height:var(--plasma-tooltip-arrow-height);--plasma-popover-arrow-edge-margin:var(--plasma-tooltip-arrow-edge-margin);}
|
|
12
12
|
|
|
13
13
|
|
|
14
|
-
.
|
|
15
|
-
.
|
|
16
|
-
.
|
|
17
|
-
.
|
|
18
|
-
.
|
|
19
|
-
.
|
|
20
|
-
.
|
|
14
|
+
.TextArea_styles_1y5shlb_o1r1fvk8__51202528{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;max-width:var(--o1r1fvk8-0);margin-bottom:var(--o1r1fvk8-1);}
|
|
15
|
+
.TextArea_styles_1y5shlb_surmvwq__51202528{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;color:var(--plasma-textarea-label-outer-color,var(--plasma-textarea-input-color));font-family:var(--plasma-textarea-label-outer-font-family,var(--plasma-textarea-input-font-family));font-size:var(--plasma-textarea-label-outer-font-size,var(--plasma-textarea-input-font-size));font-style:var(--plasma-textarea-label-outer-font-style,var(--plasma-textarea-input-font-style));font-weight:var(--plasma-textarea-label-outer-font-weight,var(--plasma-textarea-input-font-weight));-webkit-letter-spacing:var(--plasma-textarea-label-outer-letter-spacing,var(--plasma-textarea-input-letter-spacing));-moz-letter-spacing:var(--plasma-textarea-label-outer-letter-spacing,var(--plasma-textarea-input-letter-spacing));-ms-letter-spacing:var(--plasma-textarea-label-outer-letter-spacing,var(--plasma-textarea-input-letter-spacing));letter-spacing:var(--plasma-textarea-label-outer-letter-spacing,var(--plasma-textarea-input-letter-spacing));line-height:var(--plasma-textarea-label-outer-line-height,var(--plasma-textarea-input-line-height));}
|
|
16
|
+
.TextArea_styles_1y5shlb_t18bd513__51202528{display:inline-block;margin-left:auto;font-family:var(--plasma-textarea__title-caption-font-family);font-size:var(--plasma-textarea__title-caption-font-size);font-style:var(--plasma-textarea__title-caption-font-style);font-weight:var(--plasma-textarea__title-caption-font-weight);-webkit-letter-spacing:var(--plasma-textarea__title-caption-letter-spacing);-moz-letter-spacing:var(--plasma-textarea__title-caption-letter-spacing);-ms-letter-spacing:var(--plasma-textarea__title-caption-letter-spacing);letter-spacing:var(--plasma-textarea__title-caption-letter-spacing);line-height:var(--plasma-textarea__title-caption-line-height);}
|
|
17
|
+
.TextArea_styles_1y5shlb_s7alcr2__51202528{position:relative;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;}
|
|
18
|
+
.TextArea_styles_1y5shlb_si9oz50__51202528{color:var(--plasma-textarea__optional-color);font-family:var(--si9oz50-0);font-size:var(--si9oz50-1);font-style:var(--si9oz50-2);font-weight:var(--si9oz50-3);-webkit-letter-spacing:var(--si9oz50-4);-moz-letter-spacing:var(--si9oz50-4);-ms-letter-spacing:var(--si9oz50-4);letter-spacing:var(--si9oz50-4);line-height:var(--si9oz50-5);}
|
|
19
|
+
.TextArea_styles_1y5shlb_s18tpn65__51202528{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;line-height:0;margin:var(--plasma-textarea__hint-margin);}.TextArea_styles_1y5shlb_s18tpn65__51202528.TextArea_styles_1y5shlb_labelPlacementInner__51202528{position:absolute;margin:0;inset:var(--plasma-textarea__hint-inner-label-placement-offset);}
|
|
20
|
+
.TextArea_styles_1y5shlb_h19sfsrt__51202528{color:var(--plasma-textarea__hint-icon-color);width:var(--plasma-textarea__hint-target-size);height:var(--plasma-textarea__hint-target-size);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
|
|
21
21
|
|
|
22
|
-
.
|
|
23
|
-
.
|
|
24
|
-
.
|
|
25
|
-
.
|
|
26
|
-
.
|
|
27
|
-
.
|
|
28
|
-
.
|
|
29
|
-
.
|
|
30
|
-
.
|
|
31
|
-
.
|
|
32
|
-
.
|
|
33
|
-
.
|
|
34
|
-
.
|
|
35
|
-
.
|
|
36
|
-
.
|
|
22
|
+
.TextArea_styles_1y5shlb_s3wsw3p__51202528{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;background-color:var(--plasma-textarea-input-background-color);padding-top:var(--s3wsw3p-0);padding-bottom:var(--s3wsw3p-1);border-radius:var(--s3wsw3p-2);}
|
|
23
|
+
.TextArea_styles_1y5shlb_stc5t23__51202528{position:relative;width:100%;height:0;padding-top:var(--stc5t23-0);}
|
|
24
|
+
.TextArea_styles_1y5shlb_salwx57__51202528{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;z-index:1;color:var(--plasma-textarea-right-content-color);top:var(--salwx57-0);right:var(--plasma-textarea-right-content-right);height:var(--plasma-textarea-right-content-height);}.TextArea_styles_1y5shlb_salwx57__51202528:hover{color:var(--plasma-textarea-right-content-color-hover);}.TextArea_styles_1y5shlb_salwx57__51202528:active{color:var(--plasma-textarea-right-content-color-active);}
|
|
25
|
+
.TextArea_styles_1y5shlb_s18lndvq__51202528{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}
|
|
26
|
+
.TextArea_styles_1y5shlb_d183p45n__51202528{background:var(--plasma-textarea-background-color);}
|
|
27
|
+
.TextArea_styles_1y5shlb_dnf439a__51202528{height:0.0625rem;background:var(--plasma-textarea-divider-color);}
|
|
28
|
+
.TextArea_styles_1y5shlb_suev9vb__51202528{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(--suev9vb-0);position:relative;}
|
|
29
|
+
.TextArea_styles_1y5shlb_s7jal92__51202528{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(--s7jal92-0);--plasma_private-textarea-height:var(--s7jal92-1);--plasma_private-textarea-width:var(--s7jal92-2);--plasma_private-textarea-computed-height:var(--s7jal92-3);--plasma_private-textarea-computed-width:var(--s7jal92-4);height:var(--plasma_private-textarea-computed-height);width:var(--plasma_private-textarea-computed-width);min-width:var(--s7jal92-5);max-width:var(--s7jal92-5);min-height:var(--plasma-textarea-input-min-height);padding-right:var(--s7jal92-6);padding-left:var(--plasma-textarea-input-padding-left,0);padding-top:0;padding-bottom:0;--plasma_private-textarea-helpers-computed-height:calc( var(--plasma-textarea-helpers-padding-top,0) + var(--plasma-textarea-helpers-padding-bottom,0) + 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(--s7jal92-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_1y5shlb_s7jal92__51202528::-webkit-input-placeholder{opacity:0;}.TextArea_styles_1y5shlb_s7jal92__51202528::-moz-placeholder{opacity:0;}.TextArea_styles_1y5shlb_s7jal92__51202528:-ms-input-placeholder{opacity:0;}.TextArea_styles_1y5shlb_s7jal92__51202528::placeholder{opacity:0;}.TextArea_styles_1y5shlb_s7jal92__51202528:-moz-read-only{cursor:default;}.TextArea_styles_1y5shlb_s7jal92__51202528:read-only{cursor:default;}.TextArea_styles_1y5shlb_s7jal92__51202528:focus:not(:disabled){color:var(--plasma-textarea-input-color-focus);}.TextArea_styles_1y5shlb_s7jal92__51202528::-webkit-scrollbar{width:var(--plasma-textarea-scrollbar-width);}.TextArea_styles_1y5shlb_s7jal92__51202528::-webkit-scrollbar-thumb{background-color:var(--plasma-textarea-scrollbar-thumb-background-color);background-clip:content-box;border:var(--plasma-textarea-scrollbar-border-width) solid transparent;border-radius:1rem;}.TextArea_styles_1y5shlb_s7jal92__51202528::-webkit-scrollbar-track{background-color:var(--plasma-textarea-scrollbar-track-background-color);background-clip:content-box;border:var(--plasma-textarea-scrollbar-border-width) solid transparent;border-radius:1rem;}
|
|
30
|
+
.TextArea_styles_1y5shlb_s11kd6xq__51202528{max-height:none !important;min-height:var(--plasma-textarea-input-min-height) !important;visibility:hidden !important;overflow:hidden !important;position:absolute !important;z-index:-1000 !important;top:0 !important;left:0 !important;right:var(--s11kd6xq-0);border-width:0;padding-right:var(--s11kd6xq-1);padding-left:var(--plasma-textarea-input-padding-left,0);padding-top:0;padding-bottom:0;box-sizing:border-box;text-indent:0;text-rendering:auto;text-transform:none;tab-size:8;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);}
|
|
31
|
+
.TextArea_styles_1y5shlb_s14zw9ik__51202528{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);}
|
|
32
|
+
.TextArea_styles_1y5shlb_sgr5lml__51202528{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;padding-top:var(--plasma-textarea-clear-helpers-padding-top);}
|
|
33
|
+
.TextArea_styles_1y5shlb_s1etfemq__51202528{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);}.TextArea_styles_1y5shlb_s1etfemq__51202528.TextArea_styles_1y5shlb_textareaLeftHelperFocus__51202528{color:var(--plasma-textarea-left-helper-color-focus,var(--plasma-textarea-left-helper-color));}
|
|
34
|
+
.TextArea_styles_1y5shlb_sf7nhlh__51202528.TextArea_styles_1y5shlb_s1etfemq__51202528{color:var(--plasma-textarea-right-helper-color);margin-left:auto;}
|
|
35
|
+
.TextArea_styles_1y5shlb_s4gk1z__51202528{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(--s4gk1z-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);}
|
|
36
|
+
.TextArea_styles_1y5shlb_s1h2xvub__51202528{position:absolute;border-radius:50%;background-color:var(--plasma-textarea-indicator-color);}.TextArea_styles_1y5shlb_s1h2xvub__51202528.TextArea_styles_1y5shlb_labelPlacementOuter__51202528{width:var(--plasma-textarea-indicator-size-outer);height:var(--plasma-textarea-indicator-size-outer);inset:var(--plasma-textarea-indicator-placement-outer);}.TextArea_styles_1y5shlb_s1h2xvub__51202528.TextArea_styles_1y5shlb_labelPlacementOuter__51202528.TextArea_styles_1y5shlb_requiredAlignRight__51202528{inset:var(--plasma-textarea-indicator-placement-outer-right);}.TextArea_styles_1y5shlb_s1h2xvub__51202528.TextArea_styles_1y5shlb_labelPlacementOuter__51202528.TextArea_styles_1y5shlb_requiredAlignRight__51202528.TextArea_styles_1y5shlb_textareaHasHint__51202528{right:calc( -1 * var(--plasma-textarea-indicator-size-outer) + var(--plasma-textfield__indicator-hint-placement-outer-right,0px) );}.TextArea_styles_1y5shlb_s1h2xvub__51202528.TextArea_styles_1y5shlb_labelPlacementInner__51202528{width:var(--plasma-textarea-indicator-size-inner);height:var(--plasma-textarea-indicator-size-inner);inset:var(--plasma-textarea-indicator-placement-inner);}.TextArea_styles_1y5shlb_s1h2xvub__51202528.TextArea_styles_1y5shlb_labelPlacementInner__51202528.TextArea_styles_1y5shlb_requiredAlignRight__51202528{inset:var(--plasma-textarea-indicator-placement-inner-right);}
|
|
37
37
|
|
|
38
38
|
.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);}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"base.js","sources":["../../../../../../../src/components/TextArea/variations/_disabled/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { tokens, classes } from '../../TextArea.tokens';\
|
|
1
|
+
{"version":3,"file":"base.js","sources":["../../../../../../../src/components/TextArea/variations/_disabled/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { tokens, classes } from '../../TextArea.tokens';\n\nconst { styledTextArea } = classes;\n\nexport const base = css`\n &[disabled] {\n opacity: var(${tokens.disabledOpacity});\n cursor: not-allowed;\n pointer-events: none;\n\n &:hover,\n &:active {\n transform: none;\n }\n }\n\n .${styledTextArea} {\n &:disabled {\n cursor: not-allowed;\n color: var(${tokens.inputColorDisabled});\n }\n }\n`;\n"],"names":["base"],"mappings":"AAMO,IAAMA,IAAI,GAkBhB;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.b1w9g1pa[disabled]{opacity:var(--plasma-textarea-disabled-opacity);cursor:not-allowed;pointer-events:none;}.b1w9g1pa[disabled]:hover,.b1w9g1pa[disabled]:active{-webkit-transform:none;-ms-transform:none;transform:none;}.b1w9g1pa .textarea:disabled{cursor:not-allowed;color:var(--plasma-textarea-input-color-disabled);}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"base.js","sources":["../../../../../../../src/components/TextArea/variations/_read-only/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport {\n StyledContainer,\n StyledContent,\n StyledHelpers,\n StyledTextArea,\n StyledTextAreaWrapper,\n} from '../../TextArea.styles';\nimport { classes, tokens } from '../../TextArea.tokens';\n\nexport const base = css`\n &[readonly] {\n ${StyledTextArea} {\n color: var(${tokens.inputColorReadOnly});\n }\n\n ${StyledContent} {\n opacity: var(${tokens.contentSlotRightOpacityReadOnly});\n }\n\n &.${classes.clear} {\n ${StyledTextAreaWrapper} {\n &:before {\n background-color: var(${tokens.dividerColorReadOnly});\n }\n }\n }\n\n :not(&.${classes.clear}) {\n ${StyledTextAreaWrapper}, ${StyledHelpers} {\n background: transparent;\n }\n\n ${StyledTextAreaWrapper} {\n position: relative;\n box-shadow: none;\n\n :before {\n position: absolute;\n content: '';\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n box-shadow: inset 0 0 0 var(${tokens.borderSize}, 1px) var(${tokens.borderColorReadOnly});\n border-radius: var(${tokens.borderRadius});\n z-index: -1;\n }\n }\n\n ${StyledContainer} {\n background: transparent;\n position: relative;\n\n :before {\n position: absolute;\n content: '';\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: var(${tokens.backgroundColorReadOnly});\n border-radius: var(${tokens.borderRadius});\n opacity: var(${tokens.readOnlyOpacity});\n\n z-index: -1;\n }\n\n :hover {\n background: transparent;\n }\n }\n }\n }\n`;\n"],"names":["base"],"mappings":"AAWO,IAAMA,IAAI,
|
|
1
|
+
{"version":3,"file":"base.js","sources":["../../../../../../../src/components/TextArea/variations/_read-only/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport {\n StyledContainer,\n StyledContent,\n StyledHelpers,\n StyledTextArea,\n StyledTextAreaWrapper,\n} from '../../TextArea.styles';\nimport { classes, tokens } from '../../TextArea.tokens';\n\nexport const base = css`\n &[readonly] {\n ${StyledTextArea} {\n color: var(${tokens.inputColorReadOnly});\n }\n\n ${StyledContent} {\n opacity: var(${tokens.contentSlotRightOpacityReadOnly});\n\n &:hover {\n color: var(${tokens.rightContentColor});\n }\n\n &:active {\n color: var(${tokens.rightContentColor});\n }\n }\n\n &.${classes.clear} {\n ${StyledTextAreaWrapper} {\n &:before {\n background-color: var(${tokens.dividerColorReadOnly});\n }\n }\n }\n\n :not(&.${classes.clear}) {\n ${StyledTextAreaWrapper}, ${StyledHelpers} {\n background: transparent;\n }\n\n ${StyledTextAreaWrapper} {\n position: relative;\n box-shadow: none;\n\n :before {\n position: absolute;\n content: '';\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n box-shadow: inset 0 0 0 var(${tokens.borderSize}, 1px) var(${tokens.borderColorReadOnly});\n border-radius: var(${tokens.borderRadius});\n z-index: -1;\n }\n }\n\n ${StyledContainer} {\n background: transparent;\n position: relative;\n\n :before {\n position: absolute;\n content: '';\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: var(${tokens.backgroundColorReadOnly});\n border-radius: var(${tokens.borderRadius});\n opacity: var(${tokens.readOnlyOpacity});\n\n z-index: -1;\n }\n\n :hover {\n background: transparent;\n }\n }\n }\n }\n`;\n"],"names":["base"],"mappings":"AAWO,IAAMA,IAAI,GAwEhB;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.b1xxdrt2[readonly] .s7jal92{color:var(--plasma-textarea-input-color-read-only);}.b1xxdrt2[readonly] .salwx57{opacity:var(--plasma-textarea-right-content-opacity-readonly);}.b1xxdrt2[readonly] .salwx57:hover{color:var(--plasma-textarea-right-content-color);}.b1xxdrt2[readonly] .salwx57:active{color:var(--plasma-textarea-right-content-color);}.b1xxdrt2[readonly].textarea-clear .s3wsw3p:before{background-color:var(--plasma-textarea-divider-color-readonly);}.b1xxdrt2[readonly]:not(.b1xxdrt2[readonly].textarea-clear) .s3wsw3p,.b1xxdrt2[readonly]:not(.b1xxdrt2[readonly].textarea-clear) .s14zw9ik{background:transparent;}.b1xxdrt2[readonly]:not(.b1xxdrt2[readonly].textarea-clear) .s3wsw3p{position:relative;box-shadow:none;}.b1xxdrt2[readonly]:not(.b1xxdrt2[readonly].textarea-clear) .s3wsw3p:before{position:absolute;content:'';top:0;left:0;right:0;bottom:0;box-shadow:inset 0 0 0 var(--plasma-textarea-border-size,1px) var(--plasma-textarea-border-color-readonly);border-radius:var(--plasma-textarea-border-radius);z-index:-1;}.b1xxdrt2[readonly]:not(.b1xxdrt2[readonly].textarea-clear) .suev9vb{background:transparent;position:relative;}.b1xxdrt2[readonly]:not(.b1xxdrt2[readonly].textarea-clear) .suev9vb:before{position:absolute;content:'';top:0;left:0;right:0;bottom:0;background:var(--plasma-textarea-background-color-read-only);border-radius:var(--plasma-textarea-border-radius);opacity:var(--plasma-textarea-read-only-opacity);z-index:-1;}.b1xxdrt2[readonly]:not(.b1xxdrt2[readonly].textarea-clear) .suev9vb:hover{background:transparent;}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"base.js","sources":["../../../../../../../src/components/TextArea/variations/_size/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { tokens } from '../../TextArea.tokens';\n\nexport const base = css`\n ${tokens.tourBorderRadius}: var(${tokens.borderRadius});\n`;\n"],"names":["base"],"mappings":"
|
|
1
|
+
{"version":3,"file":"base.js","sources":["../../../../../../../src/components/TextArea/variations/_size/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes, tokens } from '../../TextArea.tokens';\nimport { StyledIndicator } from '../../TextArea.styles';\n\nexport const base = css`\n ${tokens.tourBorderRadius}: var(${tokens.borderRadius});\n\n &.${classes.hasHint}.${classes.clear} {\n ${StyledIndicator} {\n &.${classes.innerLabelPlacement}.${classes.requiredAlignRight} {\n inset: var(${tokens.clearIndicatorHintInnerRight});\n }\n }\n }\n`;\n"],"names":["base"],"mappings":"AAKO,IAAMA,IAAI,GAUhB;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.bp4bcu4{--plasma-tour__border-radius:var(--plasma-textarea-border-radius);}.bp4bcu4.textarea-has-hint.textarea-clear .s1h2xvub.label-placement-inner.required-align-right{inset:var(--plasma-textarea__clear-indicator-hint-placement-inner-right);}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"base.js","sources":["../../../../../../../src/components/TextArea/variations/_view/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { tokens, classes } from '../../TextArea.tokens';\nimport { TitleCaption } from '../../TextArea.styles';\n\nconst { styledContainer, styledTextAreaWrapper, styledHelpers } = classes;\n\nconst exclusionSelectors = `not(.${classes.clear}):not([disabled]):not([readonly]):not(:focus-within)`;\n\nexport const base = css`\n ${TitleCaption} {\n color: var(${tokens.titleCaptionColor});\n }\n\n .${styledContainer} {\n background-color: var(${tokens.backgroundColor});\n transition: box-shadow 0.1s ease-in-out;\n border-radius: var(${tokens.borderRadius});\n box-shadow: inset 0 0 0 var(${tokens.borderSize}, 1px) var(${tokens.borderColor}), var(${tokens.boxShadow}, inset 0 0 0 0 transparent);\n }\n\n .${styledTextAreaWrapper} {\n transition: background-color 0.1s ease-in-out, box-shadow 0.1s ease-in-out;\n box-shadow: inset 0 0 0 var(${tokens.borderSize}, 1px) var(${tokens.inputBorderColor});\n\n /* INFO: Отступ справа, чтобы scrollbar не перекрывал рамку */\n padding-right: var(${tokens.borderSize}, 1px);\n }\n\n &:focus-within:not([readonly]) .${styledTextAreaWrapper} {\n background-color: var(${tokens.inputBackgroundColorFocus});\n box-shadow: inset 0 0 0 var(${tokens.borderSize}, 1px) var(${tokens.inputBorderColorFocus});\n }\n\n &:focus-within:not([readonly]) .${styledContainer} {\n background-color: var(${tokens.backgroundColorFocus});\n box-shadow: inset 0 0 0 var(${tokens.borderSize}, 1px) var(${tokens.borderColorFocus}), var(${tokens.boxShadow}, inset 0 0 0 0 transparent);\n }\n\n &:focus-within:not([readonly]) .${styledHelpers} {\n background-color: var(${tokens.helpersBackgroundColorFocus});\n }\n\n &:hover:${exclusionSelectors} .${styledContainer} {\n background-color: var(${tokens.backgroundColorHover});\n box-shadow: inset 0 0 0 var(${tokens.borderSize}, 1px) var(${tokens.borderColorHover}), var(${tokens.boxShadow}, inset 0 0 0 0 transparent);\n }\n\n &:hover:${exclusionSelectors} .${styledTextAreaWrapper} {\n box-shadow: inset 0 0 0 var(${tokens.borderSize}, 1px) var(${tokens.inputBorderColorHover});\n background-color: var(${tokens.inputBackgroundColorHover});\n }\n\n &:hover:${exclusionSelectors} .${styledTextAreaWrapper} + .${styledHelpers} {\n background-color: var(${tokens.helpersBackgroundColorHover});\n }\n\n &:active:${exclusionSelectors} .${styledTextAreaWrapper} {\n box-shadow: inset 0 0 0 var(${tokens.borderSize}, 1px) var(${tokens.inputBorderColorActive});\n background-color: var(${tokens.inputBackgroundColorActive});\n }\n\n &:active:${exclusionSelectors} .${styledContainer} {\n background-color: var(${tokens.backgroundColorActive});\n }\n\n &:active:${exclusionSelectors} .${styledTextAreaWrapper} + .${styledHelpers} {\n background-color: var(${tokens.helpersBackgroundColorActive});\n }\n`;\n"],"names":["base"],"mappings":"AASO,IAAMA,IAAI,
|
|
1
|
+
{"version":3,"file":"base.js","sources":["../../../../../../../src/components/TextArea/variations/_view/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { tokens, classes } from '../../TextArea.tokens';\nimport { StyledTextAreaWrapper, TitleCaption } from '../../TextArea.styles';\n\nconst { styledContainer, styledTextAreaWrapper, styledHelpers } = classes;\n\nconst exclusionSelectors = `not(.${classes.clear}):not([disabled]):not([readonly]):not(:focus-within)`;\n\nexport const base = css`\n ${TitleCaption} {\n color: var(${tokens.titleCaptionColor});\n }\n\n .${styledContainer} {\n background-color: var(${tokens.backgroundColor});\n transition: box-shadow 0.1s ease-in-out;\n border-radius: var(${tokens.borderRadius});\n box-shadow: inset 0 0 0 var(${tokens.borderSize}, 1px) var(${tokens.borderColor}), var(${tokens.boxShadow}, inset 0 0 0 0 transparent);\n }\n\n .${styledTextAreaWrapper} {\n transition: background-color 0.1s ease-in-out, box-shadow 0.1s ease-in-out;\n box-shadow: inset 0 0 0 var(${tokens.borderSize}, 1px) var(${tokens.inputBorderColor});\n\n /* INFO: Отступ справа, чтобы scrollbar не перекрывал рамку */\n padding-right: var(${tokens.borderSize}, 1px);\n }\n\n &:focus-within:not([readonly]) .${styledTextAreaWrapper} {\n background-color: var(${tokens.inputBackgroundColorFocus});\n box-shadow: inset 0 0 0 var(${tokens.borderSize}, 1px) var(${tokens.inputBorderColorFocus});\n }\n\n &:focus-within:not([readonly]) .${styledContainer} {\n background-color: var(${tokens.backgroundColorFocus});\n box-shadow: inset 0 0 0 var(${tokens.borderSize}, 1px) var(${tokens.borderColorFocus}), var(${tokens.boxShadow}, inset 0 0 0 0 transparent);\n }\n\n &:focus-within:not([readonly]) .${styledHelpers} {\n background-color: var(${tokens.helpersBackgroundColorFocus});\n }\n\n &:hover:${exclusionSelectors} .${styledContainer} {\n background-color: var(${tokens.backgroundColorHover});\n box-shadow: inset 0 0 0 var(${tokens.borderSize}, 1px) var(${tokens.borderColorHover}), var(${tokens.boxShadow}, inset 0 0 0 0 transparent);\n }\n\n &:hover:${exclusionSelectors} .${styledTextAreaWrapper} {\n box-shadow: inset 0 0 0 var(${tokens.borderSize}, 1px) var(${tokens.inputBorderColorHover});\n background-color: var(${tokens.inputBackgroundColorHover});\n }\n\n &:hover:${exclusionSelectors} .${styledTextAreaWrapper} + .${styledHelpers} {\n background-color: var(${tokens.helpersBackgroundColorHover});\n }\n\n &:active:${exclusionSelectors} .${styledTextAreaWrapper} {\n box-shadow: inset 0 0 0 var(${tokens.borderSize}, 1px) var(${tokens.inputBorderColorActive});\n background-color: var(${tokens.inputBackgroundColorActive});\n }\n\n &:active:${exclusionSelectors} .${styledContainer} {\n background-color: var(${tokens.backgroundColorActive});\n }\n\n &:active:${exclusionSelectors} .${styledTextAreaWrapper} + .${styledHelpers} {\n background-color: var(${tokens.helpersBackgroundColorActive});\n }\n\n &.${classes.hasDivider} {\n ${StyledTextAreaWrapper} {\n position: relative;\n\n --plasma_private-textarea-divider-color: var(${tokens.dividerColor});\n\n &:before {\n content: '';\n position: absolute;\n height: 0.063rem;\n width: 100%;\n bottom: 0;\n left: 0;\n background-color: var(--plasma_private-textarea-divider-color);\n transition: background-color 0.1s ease-in;\n }\n }\n\n &:not([readonly]) ${StyledTextAreaWrapper}:hover {\n --plasma_private-textarea-divider-color: var(\n ${tokens.dividerColorHover},\n var(${tokens.dividerColor})\n );\n }\n\n &:not([readonly]) ${StyledTextAreaWrapper}:focus-within {\n --plasma_private-textarea-divider-color: var(\n ${tokens.dividerColorFocus},\n var(${tokens.dividerColor})\n );\n }\n }\n`;\n"],"names":["base"],"mappings":"AASO,IAAMA,IAAI,GA6FhB;;;;"}
|
package/dist/css/es/components/TextArea/variations/_view/{base_1hvnv2t.css → base_l2axzd.css}
RENAMED
|
@@ -1 +1 @@
|
|
|
1
|
-
.bofyi4a .t18bd513{color:var(--plasma-textarea__title-caption-color);}.bofyi4a .textarea-container{background-color:var(--plasma-textarea-background-color);-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),var(--plasma-textarea-box-shadow,inset 0 0 0 0 transparent);}.bofyi4a .textarea-wrapper{-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);padding-right:var(--plasma-textarea-border-size,1px);}.bofyi4a:focus-within:not([readonly]) .textarea-wrapper{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);}.bofyi4a:focus-within:not([readonly]) .textarea-container{background-color:var(--plasma-textarea-background-color-focus);box-shadow:inset 0 0 0 var(--plasma-textarea-border-size,1px) var(--plasma-textarea-border-color-focus),var(--plasma-textarea-box-shadow,inset 0 0 0 0 transparent);}.bofyi4a:focus-within:not([readonly]) .textarea-helpers{background-color:var(--plasma-textarea-helpers-background-color-focus);}.bofyi4a:hover:not(.textarea-clear):not([disabled]):not([readonly]):not(:focus-within) .textarea-container{background-color:var(--plasma-textarea-background-color-hover);box-shadow:inset 0 0 0 var(--plasma-textarea-border-size,1px) var(--plasma-textarea-border-color-hover),var(--plasma-textarea-box-shadow,inset 0 0 0 0 transparent);}.bofyi4a:hover:not(.textarea-clear):not([disabled]):not([readonly]):not(:focus-within) .textarea-wrapper{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);}.bofyi4a:hover:not(.textarea-clear):not([disabled]):not([readonly]):not(:focus-within) .textarea-wrapper + .textarea-helpers{background-color:var(--plasma-textarea-helpers-background-color-hover);}.bofyi4a:active:not(.textarea-clear):not([disabled]):not([readonly]):not(:focus-within) .textarea-wrapper{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);}.bofyi4a:active:not(.textarea-clear):not([disabled]):not([readonly]):not(:focus-within) .textarea-container{background-color:var(--plasma-textarea-background-color-active);}.bofyi4a:active:not(.textarea-clear):not([disabled]):not([readonly]):not(:focus-within) .textarea-wrapper + .textarea-helpers{background-color:var(--plasma-textarea-helpers-background-color-active);}
|
|
1
|
+
.bofyi4a .t18bd513{color:var(--plasma-textarea__title-caption-color);}.bofyi4a .textarea-container{background-color:var(--plasma-textarea-background-color);-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),var(--plasma-textarea-box-shadow,inset 0 0 0 0 transparent);}.bofyi4a .textarea-wrapper{-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);padding-right:var(--plasma-textarea-border-size,1px);}.bofyi4a:focus-within:not([readonly]) .textarea-wrapper{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);}.bofyi4a:focus-within:not([readonly]) .textarea-container{background-color:var(--plasma-textarea-background-color-focus);box-shadow:inset 0 0 0 var(--plasma-textarea-border-size,1px) var(--plasma-textarea-border-color-focus),var(--plasma-textarea-box-shadow,inset 0 0 0 0 transparent);}.bofyi4a:focus-within:not([readonly]) .textarea-helpers{background-color:var(--plasma-textarea-helpers-background-color-focus);}.bofyi4a:hover:not(.textarea-clear):not([disabled]):not([readonly]):not(:focus-within) .textarea-container{background-color:var(--plasma-textarea-background-color-hover);box-shadow:inset 0 0 0 var(--plasma-textarea-border-size,1px) var(--plasma-textarea-border-color-hover),var(--plasma-textarea-box-shadow,inset 0 0 0 0 transparent);}.bofyi4a:hover:not(.textarea-clear):not([disabled]):not([readonly]):not(:focus-within) .textarea-wrapper{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);}.bofyi4a:hover:not(.textarea-clear):not([disabled]):not([readonly]):not(:focus-within) .textarea-wrapper + .textarea-helpers{background-color:var(--plasma-textarea-helpers-background-color-hover);}.bofyi4a:active:not(.textarea-clear):not([disabled]):not([readonly]):not(:focus-within) .textarea-wrapper{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);}.bofyi4a:active:not(.textarea-clear):not([disabled]):not([readonly]):not(:focus-within) .textarea-container{background-color:var(--plasma-textarea-background-color-active);}.bofyi4a:active:not(.textarea-clear):not([disabled]):not([readonly]):not(:focus-within) .textarea-wrapper + .textarea-helpers{background-color:var(--plasma-textarea-helpers-background-color-active);}.bofyi4a.textarea-has-divider .s3wsw3p{position:relative;--plasma_private-textarea-divider-color:var(--plasma-textarea-divider-color);}.bofyi4a.textarea-has-divider .s3wsw3p:before{content:'';position:absolute;height:0.063rem;width:100%;bottom:0;left:0;background-color:var(--plasma_private-textarea-divider-color);-webkit-transition:background-color 0.1s ease-in;transition:background-color 0.1s ease-in;}.bofyi4a.textarea-has-divider:not([readonly]) .s3wsw3p:hover{--plasma_private-textarea-divider-color:var( --plasma-textarea-divider-color-hover, var(--plasma-textarea-divider-color) );}.bofyi4a.textarea-has-divider:not([readonly]) .s3wsw3p:focus-within{--plasma_private-textarea-divider-color:var( --plasma-textarea-divider-color-focus, var(--plasma-textarea-divider-color) );}
|
package/dist/css/es/index.css
CHANGED
|
@@ -142,39 +142,37 @@
|
|
|
142
142
|
.Popover_styles_ji8em4_s16xlixz__439b9cc0{position:absolute;z-index:var(--s16xlixz-0);opacity:0;visibility:hidden;box-shadow:var(--plasma-popover-box-shadow);}.Popover_styles_ji8em4_s16xlixz__439b9cc0.Popover_styles_ji8em4_popoverAnimate__439b9cc0{-webkit-transition:opacity 0.2s ease-in-out,-webkit-transform 0s ease-in-out,visibility 0.2s;-webkit-transition:opacity 0.2s ease-in-out,transform 0s ease-in-out,visibility 0.2s;transition:opacity 0.2s ease-in-out,transform 0s ease-in-out,visibility 0.2s;}.Popover_styles_ji8em4_s16xlixz__439b9cc0.Popover_styles_ji8em4_popoverOpen__439b9cc0{opacity:1;visibility:visible;}.Popover_styles_ji8em4_s16xlixz__439b9cc0:before{content:'';display:block;position:absolute;background:transparent;}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='top'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0{bottom:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='bottom'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0{top:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='bottom'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='left'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0{right:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='left'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0::before{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='right'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0{left:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='right'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0::before{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='top-start'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0{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_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='top-end'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0{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_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='bottom-start'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0{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_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='bottom-start'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='bottom-end'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0{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_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='bottom-end'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='left-start'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0,.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='right-start'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0{top:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='left-end'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0,.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='right-end'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0{top:unset !important;bottom:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='top']:before,.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='top-start']:before,.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='top-end']:before{top:unset;left:0;right:0;height:var(--plasma-popover-arrow-height);bottom:calc(-1 * var(--plasma-popover-arrow-height));}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='bottom']:before,.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='bottom-start']:before,.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='bottom-end']:before{top:calc(-1 * var(--plasma-popover-arrow-height));left:0;right:0;bottom:var(--plasma-popover-arrow-height);height:var(--plasma-popover-arrow-height);}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='left']:before,.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='left-start']:before,.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='left-end']:before{width:var(--plasma-popover-arrow-height);height:100%;top:0;right:calc(-1 * var(--plasma-popover-arrow-height));bottom:0;}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='right']:before,.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='right-start']:before,.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='right-end']:before{width:var(--plasma-popover-arrow-height);height:100%;top:0;left:calc(-1 * var(--plasma-popover-arrow-height));bottom:0;}
|
|
143
143
|
|
|
144
144
|
|
|
145
|
-
.
|
|
146
|
-
.
|
|
147
|
-
.
|
|
148
|
-
.
|
|
149
|
-
.
|
|
150
|
-
.
|
|
151
|
-
.
|
|
152
|
-
|
|
153
|
-
.
|
|
154
|
-
.
|
|
155
|
-
.
|
|
156
|
-
.
|
|
157
|
-
.
|
|
158
|
-
.
|
|
159
|
-
.
|
|
160
|
-
.
|
|
161
|
-
.
|
|
162
|
-
.
|
|
163
|
-
.
|
|
164
|
-
.
|
|
165
|
-
.
|
|
166
|
-
.
|
|
167
|
-
.
|
|
168
|
-
|
|
169
|
-
.
|
|
170
|
-
|
|
171
|
-
.
|
|
172
|
-
|
|
173
|
-
.
|
|
174
|
-
|
|
175
|
-
.
|
|
176
|
-
|
|
177
|
-
.base_s6ttw_b1w9g1pa__1a439b81[disabled] .base_s6ttw_surmvwq__1a439b81,.base_s6ttw_b1w9g1pa__1a439b81[disabled] .base_s6ttw_s1h2xvub__1a439b81,.base_s6ttw_b1w9g1pa__1a439b81[disabled] .base_s6ttw_si9oz50__1a439b81,.base_s6ttw_b1w9g1pa__1a439b81[disabled] .base_s6ttw_t18bd513__1a439b81,.base_s6ttw_b1w9g1pa__1a439b81[disabled] .base_s6ttw_salwx57__1a439b81,.base_s6ttw_b1w9g1pa__1a439b81[disabled] .base_s6ttw_s3wsw3p__1a439b81,.base_s6ttw_b1w9g1pa__1a439b81[disabled] .base_s6ttw_s14zw9ik__1a439b81,.base_s6ttw_b1w9g1pa__1a439b81[disabled] .base_s6ttw_s4gk1z__1a439b81,.base_s6ttw_b1w9g1pa__1a439b81[disabled] .base_s6ttw_sgr5lml__1a439b81{opacity:var(--plasma-textarea-disabled-opacity);cursor:not-allowed;}.base_s6ttw_b1w9g1pa__1a439b81[disabled] .base_s6ttw_surmvwq__1a439b81:hover,.base_s6ttw_b1w9g1pa__1a439b81[disabled] .base_s6ttw_s1h2xvub__1a439b81:hover,.base_s6ttw_b1w9g1pa__1a439b81[disabled] .base_s6ttw_si9oz50__1a439b81:hover,.base_s6ttw_b1w9g1pa__1a439b81[disabled] .base_s6ttw_t18bd513__1a439b81:hover,.base_s6ttw_b1w9g1pa__1a439b81[disabled] .base_s6ttw_salwx57__1a439b81:hover,.base_s6ttw_b1w9g1pa__1a439b81[disabled] .base_s6ttw_s3wsw3p__1a439b81:hover,.base_s6ttw_b1w9g1pa__1a439b81[disabled] .base_s6ttw_s14zw9ik__1a439b81:hover,.base_s6ttw_b1w9g1pa__1a439b81[disabled] .base_s6ttw_s4gk1z__1a439b81:hover,.base_s6ttw_b1w9g1pa__1a439b81[disabled] .base_s6ttw_sgr5lml__1a439b81:hover,.base_s6ttw_b1w9g1pa__1a439b81[disabled] .base_s6ttw_surmvwq__1a439b81:active,.base_s6ttw_b1w9g1pa__1a439b81[disabled] .base_s6ttw_s1h2xvub__1a439b81:active,.base_s6ttw_b1w9g1pa__1a439b81[disabled] .base_s6ttw_si9oz50__1a439b81:active,.base_s6ttw_b1w9g1pa__1a439b81[disabled] .base_s6ttw_t18bd513__1a439b81:active,.base_s6ttw_b1w9g1pa__1a439b81[disabled] .base_s6ttw_salwx57__1a439b81:active,.base_s6ttw_b1w9g1pa__1a439b81[disabled] .base_s6ttw_s3wsw3p__1a439b81:active,.base_s6ttw_b1w9g1pa__1a439b81[disabled] .base_s6ttw_s14zw9ik__1a439b81:active,.base_s6ttw_b1w9g1pa__1a439b81[disabled] .base_s6ttw_s4gk1z__1a439b81:active,.base_s6ttw_b1w9g1pa__1a439b81[disabled] .base_s6ttw_sgr5lml__1a439b81:active{-webkit-transform:none;-ms-transform:none;transform:none;}.base_s6ttw_b1w9g1pa__1a439b81 .base_s6ttw_textarea__1a439b81:disabled{cursor:not-allowed;color:var(--plasma-textarea-input-color-disabled);}
|
|
145
|
+
.TextArea_styles_1y5shlb_o1r1fvk8__51202528{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;max-width:var(--o1r1fvk8-0);margin-bottom:var(--o1r1fvk8-1);}
|
|
146
|
+
.TextArea_styles_1y5shlb_surmvwq__51202528{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;color:var(--plasma-textarea-label-outer-color,var(--plasma-textarea-input-color));font-family:var(--plasma-textarea-label-outer-font-family,var(--plasma-textarea-input-font-family));font-size:var(--plasma-textarea-label-outer-font-size,var(--plasma-textarea-input-font-size));font-style:var(--plasma-textarea-label-outer-font-style,var(--plasma-textarea-input-font-style));font-weight:var(--plasma-textarea-label-outer-font-weight,var(--plasma-textarea-input-font-weight));-webkit-letter-spacing:var(--plasma-textarea-label-outer-letter-spacing,var(--plasma-textarea-input-letter-spacing));-moz-letter-spacing:var(--plasma-textarea-label-outer-letter-spacing,var(--plasma-textarea-input-letter-spacing));-ms-letter-spacing:var(--plasma-textarea-label-outer-letter-spacing,var(--plasma-textarea-input-letter-spacing));letter-spacing:var(--plasma-textarea-label-outer-letter-spacing,var(--plasma-textarea-input-letter-spacing));line-height:var(--plasma-textarea-label-outer-line-height,var(--plasma-textarea-input-line-height));}
|
|
147
|
+
.TextArea_styles_1y5shlb_t18bd513__51202528{display:inline-block;margin-left:auto;font-family:var(--plasma-textarea__title-caption-font-family);font-size:var(--plasma-textarea__title-caption-font-size);font-style:var(--plasma-textarea__title-caption-font-style);font-weight:var(--plasma-textarea__title-caption-font-weight);-webkit-letter-spacing:var(--plasma-textarea__title-caption-letter-spacing);-moz-letter-spacing:var(--plasma-textarea__title-caption-letter-spacing);-ms-letter-spacing:var(--plasma-textarea__title-caption-letter-spacing);letter-spacing:var(--plasma-textarea__title-caption-letter-spacing);line-height:var(--plasma-textarea__title-caption-line-height);}
|
|
148
|
+
.TextArea_styles_1y5shlb_s7alcr2__51202528{position:relative;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;}
|
|
149
|
+
.TextArea_styles_1y5shlb_si9oz50__51202528{color:var(--plasma-textarea__optional-color);font-family:var(--si9oz50-0);font-size:var(--si9oz50-1);font-style:var(--si9oz50-2);font-weight:var(--si9oz50-3);-webkit-letter-spacing:var(--si9oz50-4);-moz-letter-spacing:var(--si9oz50-4);-ms-letter-spacing:var(--si9oz50-4);letter-spacing:var(--si9oz50-4);line-height:var(--si9oz50-5);}
|
|
150
|
+
.TextArea_styles_1y5shlb_s18tpn65__51202528{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;line-height:0;margin:var(--plasma-textarea__hint-margin);}.TextArea_styles_1y5shlb_s18tpn65__51202528.TextArea_styles_1y5shlb_labelPlacementInner__51202528{position:absolute;margin:0;inset:var(--plasma-textarea__hint-inner-label-placement-offset);}
|
|
151
|
+
.TextArea_styles_1y5shlb_h19sfsrt__51202528{color:var(--plasma-textarea__hint-icon-color);width:var(--plasma-textarea__hint-target-size);height:var(--plasma-textarea__hint-target-size);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
|
|
152
|
+
|
|
153
|
+
.TextArea_styles_1y5shlb_s3wsw3p__51202528{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;background-color:var(--plasma-textarea-input-background-color);padding-top:var(--s3wsw3p-0);padding-bottom:var(--s3wsw3p-1);border-radius:var(--s3wsw3p-2);}
|
|
154
|
+
.TextArea_styles_1y5shlb_stc5t23__51202528{position:relative;width:100%;height:0;padding-top:var(--stc5t23-0);}
|
|
155
|
+
.TextArea_styles_1y5shlb_salwx57__51202528{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;z-index:1;color:var(--plasma-textarea-right-content-color);top:var(--salwx57-0);right:var(--plasma-textarea-right-content-right);height:var(--plasma-textarea-right-content-height);}.TextArea_styles_1y5shlb_salwx57__51202528:hover{color:var(--plasma-textarea-right-content-color-hover);}.TextArea_styles_1y5shlb_salwx57__51202528:active{color:var(--plasma-textarea-right-content-color-active);}
|
|
156
|
+
.TextArea_styles_1y5shlb_s18lndvq__51202528{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}
|
|
157
|
+
.TextArea_styles_1y5shlb_d183p45n__51202528{background:var(--plasma-textarea-background-color);}
|
|
158
|
+
.TextArea_styles_1y5shlb_dnf439a__51202528{height:0.0625rem;background:var(--plasma-textarea-divider-color);}
|
|
159
|
+
.TextArea_styles_1y5shlb_suev9vb__51202528{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(--suev9vb-0);position:relative;}
|
|
160
|
+
.TextArea_styles_1y5shlb_s7jal92__51202528{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(--s7jal92-0);--plasma_private-textarea-height:var(--s7jal92-1);--plasma_private-textarea-width:var(--s7jal92-2);--plasma_private-textarea-computed-height:var(--s7jal92-3);--plasma_private-textarea-computed-width:var(--s7jal92-4);height:var(--plasma_private-textarea-computed-height);width:var(--plasma_private-textarea-computed-width);min-width:var(--s7jal92-5);max-width:var(--s7jal92-5);min-height:var(--plasma-textarea-input-min-height);padding-right:var(--s7jal92-6);padding-left:var(--plasma-textarea-input-padding-left,0);padding-top:0;padding-bottom:0;--plasma_private-textarea-helpers-computed-height:calc( var(--plasma-textarea-helpers-padding-top,0) + var(--plasma-textarea-helpers-padding-bottom,0) + 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(--s7jal92-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_1y5shlb_s7jal92__51202528::-webkit-input-placeholder{opacity:0;}.TextArea_styles_1y5shlb_s7jal92__51202528::-moz-placeholder{opacity:0;}.TextArea_styles_1y5shlb_s7jal92__51202528:-ms-input-placeholder{opacity:0;}.TextArea_styles_1y5shlb_s7jal92__51202528::placeholder{opacity:0;}.TextArea_styles_1y5shlb_s7jal92__51202528:-moz-read-only{cursor:default;}.TextArea_styles_1y5shlb_s7jal92__51202528:read-only{cursor:default;}.TextArea_styles_1y5shlb_s7jal92__51202528:focus:not(:disabled){color:var(--plasma-textarea-input-color-focus);}.TextArea_styles_1y5shlb_s7jal92__51202528::-webkit-scrollbar{width:var(--plasma-textarea-scrollbar-width);}.TextArea_styles_1y5shlb_s7jal92__51202528::-webkit-scrollbar-thumb{background-color:var(--plasma-textarea-scrollbar-thumb-background-color);background-clip:content-box;border:var(--plasma-textarea-scrollbar-border-width) solid transparent;border-radius:1rem;}.TextArea_styles_1y5shlb_s7jal92__51202528::-webkit-scrollbar-track{background-color:var(--plasma-textarea-scrollbar-track-background-color);background-clip:content-box;border:var(--plasma-textarea-scrollbar-border-width) solid transparent;border-radius:1rem;}
|
|
161
|
+
.TextArea_styles_1y5shlb_s11kd6xq__51202528{max-height:none !important;min-height:var(--plasma-textarea-input-min-height) !important;visibility:hidden !important;overflow:hidden !important;position:absolute !important;z-index:-1000 !important;top:0 !important;left:0 !important;right:var(--s11kd6xq-0);border-width:0;padding-right:var(--s11kd6xq-1);padding-left:var(--plasma-textarea-input-padding-left,0);padding-top:0;padding-bottom:0;box-sizing:border-box;text-indent:0;text-rendering:auto;text-transform:none;tab-size:8;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);}
|
|
162
|
+
.TextArea_styles_1y5shlb_s14zw9ik__51202528{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);}
|
|
163
|
+
.TextArea_styles_1y5shlb_sgr5lml__51202528{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;padding-top:var(--plasma-textarea-clear-helpers-padding-top);}
|
|
164
|
+
.TextArea_styles_1y5shlb_s1etfemq__51202528{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);}.TextArea_styles_1y5shlb_s1etfemq__51202528.TextArea_styles_1y5shlb_textareaLeftHelperFocus__51202528{color:var(--plasma-textarea-left-helper-color-focus,var(--plasma-textarea-left-helper-color));}
|
|
165
|
+
.TextArea_styles_1y5shlb_sf7nhlh__51202528.TextArea_styles_1y5shlb_s1etfemq__51202528{color:var(--plasma-textarea-right-helper-color);margin-left:auto;}
|
|
166
|
+
.TextArea_styles_1y5shlb_s4gk1z__51202528{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(--s4gk1z-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);}
|
|
167
|
+
.TextArea_styles_1y5shlb_s1h2xvub__51202528{position:absolute;border-radius:50%;background-color:var(--plasma-textarea-indicator-color);}.TextArea_styles_1y5shlb_s1h2xvub__51202528.TextArea_styles_1y5shlb_labelPlacementOuter__51202528{width:var(--plasma-textarea-indicator-size-outer);height:var(--plasma-textarea-indicator-size-outer);inset:var(--plasma-textarea-indicator-placement-outer);}.TextArea_styles_1y5shlb_s1h2xvub__51202528.TextArea_styles_1y5shlb_labelPlacementOuter__51202528.TextArea_styles_1y5shlb_requiredAlignRight__51202528{inset:var(--plasma-textarea-indicator-placement-outer-right);}.TextArea_styles_1y5shlb_s1h2xvub__51202528.TextArea_styles_1y5shlb_labelPlacementOuter__51202528.TextArea_styles_1y5shlb_requiredAlignRight__51202528.TextArea_styles_1y5shlb_textareaHasHint__51202528{right:calc( -1 * var(--plasma-textarea-indicator-size-outer) + var(--plasma-textfield__indicator-hint-placement-outer-right,0px) );}.TextArea_styles_1y5shlb_s1h2xvub__51202528.TextArea_styles_1y5shlb_labelPlacementInner__51202528{width:var(--plasma-textarea-indicator-size-inner);height:var(--plasma-textarea-indicator-size-inner);inset:var(--plasma-textarea-indicator-placement-inner);}.TextArea_styles_1y5shlb_s1h2xvub__51202528.TextArea_styles_1y5shlb_labelPlacementInner__51202528.TextArea_styles_1y5shlb_requiredAlignRight__51202528{inset:var(--plasma-textarea-indicator-placement-inner-right);}
|
|
168
|
+
|
|
169
|
+
.base_l2axzd_bofyi4a__3db489a5 .base_l2axzd_t18bd513__3db489a5{color:var(--plasma-textarea__title-caption-color);}.base_l2axzd_bofyi4a__3db489a5 .base_l2axzd_textareaContainer__3db489a5{background-color:var(--plasma-textarea-background-color);-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),var(--plasma-textarea-box-shadow,inset 0 0 0 0 transparent);}.base_l2axzd_bofyi4a__3db489a5 .base_l2axzd_textareaWrapper__3db489a5{-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);padding-right:var(--plasma-textarea-border-size,1px);}.base_l2axzd_bofyi4a__3db489a5:focus-within:not([readonly]) .base_l2axzd_textareaWrapper__3db489a5{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_l2axzd_bofyi4a__3db489a5:focus-within:not([readonly]) .base_l2axzd_textareaContainer__3db489a5{background-color:var(--plasma-textarea-background-color-focus);box-shadow:inset 0 0 0 var(--plasma-textarea-border-size,1px) var(--plasma-textarea-border-color-focus),var(--plasma-textarea-box-shadow,inset 0 0 0 0 transparent);}.base_l2axzd_bofyi4a__3db489a5:focus-within:not([readonly]) .base_l2axzd_textareaHelpers__3db489a5{background-color:var(--plasma-textarea-helpers-background-color-focus);}.base_l2axzd_bofyi4a__3db489a5:hover:not(.base_l2axzd_textareaClear__3db489a5):not([disabled]):not([readonly]):not(:focus-within) .base_l2axzd_textareaContainer__3db489a5{background-color:var(--plasma-textarea-background-color-hover);box-shadow:inset 0 0 0 var(--plasma-textarea-border-size,1px) var(--plasma-textarea-border-color-hover),var(--plasma-textarea-box-shadow,inset 0 0 0 0 transparent);}.base_l2axzd_bofyi4a__3db489a5:hover:not(.base_l2axzd_textareaClear__3db489a5):not([disabled]):not([readonly]):not(:focus-within) .base_l2axzd_textareaWrapper__3db489a5{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_l2axzd_bofyi4a__3db489a5:hover:not(.base_l2axzd_textareaClear__3db489a5):not([disabled]):not([readonly]):not(:focus-within) .base_l2axzd_textareaWrapper__3db489a5 + .base_l2axzd_textareaHelpers__3db489a5{background-color:var(--plasma-textarea-helpers-background-color-hover);}.base_l2axzd_bofyi4a__3db489a5:active:not(.base_l2axzd_textareaClear__3db489a5):not([disabled]):not([readonly]):not(:focus-within) .base_l2axzd_textareaWrapper__3db489a5{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_l2axzd_bofyi4a__3db489a5:active:not(.base_l2axzd_textareaClear__3db489a5):not([disabled]):not([readonly]):not(:focus-within) .base_l2axzd_textareaContainer__3db489a5{background-color:var(--plasma-textarea-background-color-active);}.base_l2axzd_bofyi4a__3db489a5:active:not(.base_l2axzd_textareaClear__3db489a5):not([disabled]):not([readonly]):not(:focus-within) .base_l2axzd_textareaWrapper__3db489a5 + .base_l2axzd_textareaHelpers__3db489a5{background-color:var(--plasma-textarea-helpers-background-color-active);}.base_l2axzd_bofyi4a__3db489a5.base_l2axzd_textareaHasDivider__3db489a5 .base_l2axzd_s3wsw3p__3db489a5{position:relative;--plasma_private-textarea-divider-color:var(--plasma-textarea-divider-color);}.base_l2axzd_bofyi4a__3db489a5.base_l2axzd_textareaHasDivider__3db489a5 .base_l2axzd_s3wsw3p__3db489a5:before{content:'';position:absolute;height:0.063rem;width:100%;bottom:0;left:0;background-color:var(--plasma_private-textarea-divider-color);-webkit-transition:background-color 0.1s ease-in;transition:background-color 0.1s ease-in;}.base_l2axzd_bofyi4a__3db489a5.base_l2axzd_textareaHasDivider__3db489a5:not([readonly]) .base_l2axzd_s3wsw3p__3db489a5:hover{--plasma_private-textarea-divider-color:var( --plasma-textarea-divider-color-hover, var(--plasma-textarea-divider-color) );}.base_l2axzd_bofyi4a__3db489a5.base_l2axzd_textareaHasDivider__3db489a5:not([readonly]) .base_l2axzd_s3wsw3p__3db489a5:focus-within{--plasma_private-textarea-divider-color:var( --plasma-textarea-divider-color-focus, var(--plasma-textarea-divider-color) );}
|
|
170
|
+
|
|
171
|
+
.base_15qflyx_bp4bcu4__07fe23eb{--plasma-tour__border-radius:var(--plasma-textarea-border-radius);}.base_15qflyx_bp4bcu4__07fe23eb.base_15qflyx_textareaHasHint__07fe23eb.base_15qflyx_textareaClear__07fe23eb .base_15qflyx_s1h2xvub__07fe23eb.base_15qflyx_labelPlacementInner__07fe23eb.base_15qflyx_requiredAlignRight__07fe23eb{inset:var(--plasma-textarea__clear-indicator-hint-placement-inner-right);}
|
|
172
|
+
|
|
173
|
+
.base_l5o3oz_b1xxdrt2__96c3c013[readonly] .base_l5o3oz_s7jal92__96c3c013{color:var(--plasma-textarea-input-color-read-only);}.base_l5o3oz_b1xxdrt2__96c3c013[readonly] .base_l5o3oz_salwx57__96c3c013{opacity:var(--plasma-textarea-right-content-opacity-readonly);}.base_l5o3oz_b1xxdrt2__96c3c013[readonly] .base_l5o3oz_salwx57__96c3c013:hover{color:var(--plasma-textarea-right-content-color);}.base_l5o3oz_b1xxdrt2__96c3c013[readonly] .base_l5o3oz_salwx57__96c3c013:active{color:var(--plasma-textarea-right-content-color);}.base_l5o3oz_b1xxdrt2__96c3c013[readonly].base_l5o3oz_textareaClear__96c3c013 .base_l5o3oz_s3wsw3p__96c3c013:before{background-color:var(--plasma-textarea-divider-color-readonly);}.base_l5o3oz_b1xxdrt2__96c3c013[readonly]:not(.base_l5o3oz_b1xxdrt2__96c3c013[readonly].base_l5o3oz_textareaClear__96c3c013) .base_l5o3oz_s3wsw3p__96c3c013,.base_l5o3oz_b1xxdrt2__96c3c013[readonly]:not(.base_l5o3oz_b1xxdrt2__96c3c013[readonly].base_l5o3oz_textareaClear__96c3c013) .base_l5o3oz_s14zw9ik__96c3c013{background:transparent;}.base_l5o3oz_b1xxdrt2__96c3c013[readonly]:not(.base_l5o3oz_b1xxdrt2__96c3c013[readonly].base_l5o3oz_textareaClear__96c3c013) .base_l5o3oz_s3wsw3p__96c3c013{position:relative;box-shadow:none;}.base_l5o3oz_b1xxdrt2__96c3c013[readonly]:not(.base_l5o3oz_b1xxdrt2__96c3c013[readonly].base_l5o3oz_textareaClear__96c3c013) .base_l5o3oz_s3wsw3p__96c3c013:before{position:absolute;content:'';top:0;left:0;right:0;bottom:0;box-shadow:inset 0 0 0 var(--plasma-textarea-border-size,1px) var(--plasma-textarea-border-color-readonly);border-radius:var(--plasma-textarea-border-radius);z-index:-1;}.base_l5o3oz_b1xxdrt2__96c3c013[readonly]:not(.base_l5o3oz_b1xxdrt2__96c3c013[readonly].base_l5o3oz_textareaClear__96c3c013) .base_l5o3oz_suev9vb__96c3c013{background:transparent;position:relative;}.base_l5o3oz_b1xxdrt2__96c3c013[readonly]:not(.base_l5o3oz_b1xxdrt2__96c3c013[readonly].base_l5o3oz_textareaClear__96c3c013) .base_l5o3oz_suev9vb__96c3c013:before{position:absolute;content:'';top:0;left:0;right:0;bottom:0;background:var(--plasma-textarea-background-color-read-only);border-radius:var(--plasma-textarea-border-radius);opacity:var(--plasma-textarea-read-only-opacity);z-index:-1;}.base_l5o3oz_b1xxdrt2__96c3c013[readonly]:not(.base_l5o3oz_b1xxdrt2__96c3c013[readonly].base_l5o3oz_textareaClear__96c3c013) .base_l5o3oz_suev9vb__96c3c013:hover{background:transparent;}
|
|
174
|
+
|
|
175
|
+
.base_1vc9ple_b1w9g1pa__5890e4a9[disabled]{opacity:var(--plasma-textarea-disabled-opacity);cursor:not-allowed;pointer-events:none;}.base_1vc9ple_b1w9g1pa__5890e4a9[disabled]:hover,.base_1vc9ple_b1w9g1pa__5890e4a9[disabled]:active{-webkit-transform:none;-ms-transform:none;transform:none;}.base_1vc9ple_b1w9g1pa__5890e4a9 .base_1vc9ple_textarea__5890e4a9:disabled{cursor:not-allowed;color:var(--plasma-textarea-input-color-disabled);}
|
|
178
176
|
|
|
179
177
|
.base_111a0qe_b193dn9j__86c7166a .base_111a0qe_h1luq7vd__86c7166a{--plasma-tooltip-background-color:var(--plasma-textarea__tooltip-background-color);--plasma-tooltip-box-shadow:var(--plasma-textarea__tooltip-box-shadow);--plasma-tooltip-color:var(--plasma-textarea__tooltip-color);}
|
|
180
178
|
|
|
@@ -308,6 +308,9 @@ var comboboxRoot = function(Root) {
|
|
|
308
308
|
var withArrowInverse = isCurrentListOpen ? _Comboboxtokens.classes.arrowInverse : undefined;
|
|
309
309
|
var closeAfterSelect = outerCloseAfterSelect !== null && outerCloseAfterSelect !== void 0 ? outerCloseAfterSelect : !multiple;
|
|
310
310
|
var setTextValue = function(newTextValue) {
|
|
311
|
+
/* Если значение поля ввода не изменилось, то выходим из функции */ if (newTextValue === textValue) {
|
|
312
|
+
return;
|
|
313
|
+
}
|
|
311
314
|
setTextValueState(newTextValue);
|
|
312
315
|
if (onChangeValue) {
|
|
313
316
|
onChangeValue(newTextValue);
|