@salutejs/plasma-new-hope 0.330.0-canary.2072.16140940131.0 → 0.330.0-canary.2072.16143967683.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/cjs/components/TextArea/TextArea.js +1 -1
- package/cjs/components/TextArea/TextArea.js.map +1 -1
- package/cjs/components/TextArea/TextArea.styles.js +59 -66
- package/cjs/components/TextArea/TextArea.styles.js.map +1 -1
- package/cjs/components/TextArea/{TextArea.styles_11ofd51.css → TextArea.styles_120rz14.css} +1 -1
- package/cjs/components/TextArea/ui/Hint/Hint.css +22 -22
- package/cjs/index.css +23 -23
- package/emotion/cjs/components/TextArea/TextArea.js +2 -2
- package/emotion/cjs/components/TextArea/TextArea.styles.js +49 -52
- package/emotion/es/components/TextArea/TextArea.js +2 -2
- package/emotion/es/components/TextArea/TextArea.styles.js +49 -52
- package/es/components/TextArea/TextArea.js +1 -1
- package/es/components/TextArea/TextArea.js.map +1 -1
- package/es/components/TextArea/TextArea.styles.js +59 -66
- package/es/components/TextArea/TextArea.styles.js.map +1 -1
- package/es/components/TextArea/{TextArea.styles_11ofd51.css → TextArea.styles_120rz14.css} +1 -1
- package/es/components/TextArea/ui/Hint/Hint.css +22 -22
- package/es/index.css +23 -23
- package/package.json +2 -2
- package/styled-components/cjs/components/TextArea/TextArea.js +1 -1
- package/styled-components/cjs/components/TextArea/TextArea.styles.js +25 -29
- package/styled-components/es/components/TextArea/TextArea.js +1 -1
- package/styled-components/es/components/TextArea/TextArea.styles.js +25 -29
- package/types/components/TextArea/TextArea.d.ts.map +1 -1
- package/types/components/TextArea/TextArea.styles.d.ts.map +1 -1
|
@@ -9,28 +9,28 @@
|
|
|
9
9
|
.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);}
|
|
10
10
|
|
|
11
11
|
|
|
12
|
-
.
|
|
13
|
-
.
|
|
14
|
-
.
|
|
15
|
-
.
|
|
16
|
-
.
|
|
17
|
-
.
|
|
18
|
-
.
|
|
12
|
+
.TextArea_styles_120rz14_o1r1fvk8__351042f8{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);}
|
|
13
|
+
.TextArea_styles_120rz14_surmvwq__351042f8{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));}
|
|
14
|
+
.TextArea_styles_120rz14_t18bd513__351042f8{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);}
|
|
15
|
+
.TextArea_styles_120rz14_s7alcr2__351042f8{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;}
|
|
16
|
+
.TextArea_styles_120rz14_si9oz50__351042f8{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);}
|
|
17
|
+
.TextArea_styles_120rz14_s18tpn65__351042f8{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_120rz14_s18tpn65__351042f8.TextArea_styles_120rz14_labelPlacementInner__351042f8{position:absolute;margin:0;inset:var(--plasma-textarea__hint-inner-label-placement-offset);}
|
|
18
|
+
.TextArea_styles_120rz14_h19sfsrt__351042f8{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;}
|
|
19
19
|
|
|
20
|
-
.
|
|
21
|
-
.
|
|
22
|
-
.
|
|
23
|
-
.
|
|
24
|
-
.
|
|
25
|
-
.
|
|
26
|
-
.
|
|
27
|
-
.
|
|
28
|
-
.
|
|
29
|
-
.
|
|
30
|
-
.
|
|
31
|
-
.
|
|
32
|
-
.
|
|
33
|
-
.
|
|
34
|
-
.
|
|
20
|
+
.TextArea_styles_120rz14_s3wsw3p__351042f8{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);}
|
|
21
|
+
.TextArea_styles_120rz14_stc5t23__351042f8{position:relative;width:100%;height:0;padding-top:var(--stc5t23-0);}
|
|
22
|
+
.TextArea_styles_120rz14_salwx57__351042f8{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,var(--plasma-textarea-input-color));top:var(--salwx57-0);right:var(--plasma-textarea-right-content-right);height:var(--plasma-textarea-right-content-height);}
|
|
23
|
+
.TextArea_styles_120rz14_s18lndvq__351042f8{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;margin-right:var(--s18lndvq-0);margin-left:var(--s18lndvq-1);}
|
|
24
|
+
.TextArea_styles_120rz14_d183p45n__351042f8{background:var(--plasma-textarea-background-color);}
|
|
25
|
+
.TextArea_styles_120rz14_dnf439a__351042f8{height:0.0625rem;background:var(--plasma-textarea-divider-color);}
|
|
26
|
+
.TextArea_styles_120rz14_suev9vb__351042f8{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;}
|
|
27
|
+
.TextArea_styles_120rz14_s7jal92__351042f8{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_120rz14_s7jal92__351042f8::-webkit-input-placeholder{opacity:0;}.TextArea_styles_120rz14_s7jal92__351042f8::-moz-placeholder{opacity:0;}.TextArea_styles_120rz14_s7jal92__351042f8:-ms-input-placeholder{opacity:0;}.TextArea_styles_120rz14_s7jal92__351042f8::placeholder{opacity:0;}.TextArea_styles_120rz14_s7jal92__351042f8:-moz-read-only{cursor:default;}.TextArea_styles_120rz14_s7jal92__351042f8:read-only{cursor:default;}.TextArea_styles_120rz14_s7jal92__351042f8:focus:not(:disabled){color:var(--plasma-textarea-input-color-focus);}.TextArea_styles_120rz14_s7jal92__351042f8::-webkit-scrollbar{width:var(--plasma-textarea-scrollbar-width);}.TextArea_styles_120rz14_s7jal92__351042f8::-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_120rz14_s7jal92__351042f8::-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;}
|
|
28
|
+
.TextArea_styles_120rz14_s11kd6xq__351042f8{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:0.0625rem !important;border-width:0;padding-right:var(--s11kd6xq-0);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);}
|
|
29
|
+
.TextArea_styles_120rz14_s14zw9ik__351042f8{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);}
|
|
30
|
+
.TextArea_styles_120rz14_sgr5lml__351042f8{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);}
|
|
31
|
+
.TextArea_styles_120rz14_s1etfemq__351042f8{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);}
|
|
32
|
+
.TextArea_styles_120rz14_sf7nhlh__351042f8.TextArea_styles_120rz14_s1etfemq__351042f8{color:var(--plasma-textarea-right-helper-color);margin-left:auto;}
|
|
33
|
+
.TextArea_styles_120rz14_s4gk1z__351042f8{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);}
|
|
34
|
+
.TextArea_styles_120rz14_s1h2xvub__351042f8{position:absolute;border-radius:50%;background-color:var(--plasma-textarea-indicator-color);}.TextArea_styles_120rz14_s1h2xvub__351042f8.TextArea_styles_120rz14_labelPlacementOuter__351042f8{width:var(--plasma-textarea-indicator-size-outer);height:var(--plasma-textarea-indicator-size-outer);inset:var(--plasma-textarea-indicator-placement-outer);}.TextArea_styles_120rz14_s1h2xvub__351042f8.TextArea_styles_120rz14_labelPlacementOuter__351042f8.TextArea_styles_120rz14_requiredAlignRight__351042f8{inset:var(--plasma-textarea-indicator-placement-outer-right);}.TextArea_styles_120rz14_s1h2xvub__351042f8.TextArea_styles_120rz14_labelPlacementOuter__351042f8.TextArea_styles_120rz14_requiredAlignRight__351042f8.TextArea_styles_120rz14_textareaHasHint__351042f8{right:calc( -1 * var(--plasma-textarea-indicator-size-outer) + var(--plasma-textfield__indicator-hint-placement-outer-right,0px) );}.TextArea_styles_120rz14_s1h2xvub__351042f8.TextArea_styles_120rz14_labelPlacementInner__351042f8{width:var(--plasma-textarea-indicator-size-inner);height:var(--plasma-textarea-indicator-size-inner);inset:var(--plasma-textarea-indicator-placement-inner);}.TextArea_styles_120rz14_s1h2xvub__351042f8.TextArea_styles_120rz14_labelPlacementInner__351042f8.TextArea_styles_120rz14_requiredAlignRight__351042f8{inset:var(--plasma-textarea-indicator-placement-inner-right);}
|
|
35
35
|
|
|
36
36
|
.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);}
|
package/es/index.css
CHANGED
|
@@ -139,29 +139,29 @@
|
|
|
139
139
|
.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;}
|
|
140
140
|
|
|
141
141
|
|
|
142
|
-
.
|
|
143
|
-
.
|
|
144
|
-
.
|
|
145
|
-
.
|
|
146
|
-
.
|
|
147
|
-
.
|
|
148
|
-
.
|
|
149
|
-
|
|
150
|
-
.
|
|
151
|
-
.
|
|
152
|
-
.
|
|
153
|
-
.
|
|
154
|
-
.
|
|
155
|
-
.
|
|
156
|
-
.
|
|
157
|
-
.
|
|
158
|
-
.
|
|
159
|
-
.
|
|
160
|
-
.
|
|
161
|
-
.
|
|
162
|
-
.
|
|
163
|
-
.
|
|
164
|
-
.
|
|
142
|
+
.TextArea_styles_120rz14_o1r1fvk8__351042f8{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);}
|
|
143
|
+
.TextArea_styles_120rz14_surmvwq__351042f8{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));}
|
|
144
|
+
.TextArea_styles_120rz14_t18bd513__351042f8{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);}
|
|
145
|
+
.TextArea_styles_120rz14_s7alcr2__351042f8{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;}
|
|
146
|
+
.TextArea_styles_120rz14_si9oz50__351042f8{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);}
|
|
147
|
+
.TextArea_styles_120rz14_s18tpn65__351042f8{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_120rz14_s18tpn65__351042f8.TextArea_styles_120rz14_labelPlacementInner__351042f8{position:absolute;margin:0;inset:var(--plasma-textarea__hint-inner-label-placement-offset);}
|
|
148
|
+
.TextArea_styles_120rz14_h19sfsrt__351042f8{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;}
|
|
149
|
+
|
|
150
|
+
.TextArea_styles_120rz14_s3wsw3p__351042f8{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);}
|
|
151
|
+
.TextArea_styles_120rz14_stc5t23__351042f8{position:relative;width:100%;height:0;padding-top:var(--stc5t23-0);}
|
|
152
|
+
.TextArea_styles_120rz14_salwx57__351042f8{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,var(--plasma-textarea-input-color));top:var(--salwx57-0);right:var(--plasma-textarea-right-content-right);height:var(--plasma-textarea-right-content-height);}
|
|
153
|
+
.TextArea_styles_120rz14_s18lndvq__351042f8{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;margin-right:var(--s18lndvq-0);margin-left:var(--s18lndvq-1);}
|
|
154
|
+
.TextArea_styles_120rz14_d183p45n__351042f8{background:var(--plasma-textarea-background-color);}
|
|
155
|
+
.TextArea_styles_120rz14_dnf439a__351042f8{height:0.0625rem;background:var(--plasma-textarea-divider-color);}
|
|
156
|
+
.TextArea_styles_120rz14_suev9vb__351042f8{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;}
|
|
157
|
+
.TextArea_styles_120rz14_s7jal92__351042f8{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_120rz14_s7jal92__351042f8::-webkit-input-placeholder{opacity:0;}.TextArea_styles_120rz14_s7jal92__351042f8::-moz-placeholder{opacity:0;}.TextArea_styles_120rz14_s7jal92__351042f8:-ms-input-placeholder{opacity:0;}.TextArea_styles_120rz14_s7jal92__351042f8::placeholder{opacity:0;}.TextArea_styles_120rz14_s7jal92__351042f8:-moz-read-only{cursor:default;}.TextArea_styles_120rz14_s7jal92__351042f8:read-only{cursor:default;}.TextArea_styles_120rz14_s7jal92__351042f8:focus:not(:disabled){color:var(--plasma-textarea-input-color-focus);}.TextArea_styles_120rz14_s7jal92__351042f8::-webkit-scrollbar{width:var(--plasma-textarea-scrollbar-width);}.TextArea_styles_120rz14_s7jal92__351042f8::-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_120rz14_s7jal92__351042f8::-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;}
|
|
158
|
+
.TextArea_styles_120rz14_s11kd6xq__351042f8{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:0.0625rem !important;border-width:0;padding-right:var(--s11kd6xq-0);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);}
|
|
159
|
+
.TextArea_styles_120rz14_s14zw9ik__351042f8{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);}
|
|
160
|
+
.TextArea_styles_120rz14_sgr5lml__351042f8{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);}
|
|
161
|
+
.TextArea_styles_120rz14_s1etfemq__351042f8{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);}
|
|
162
|
+
.TextArea_styles_120rz14_sf7nhlh__351042f8.TextArea_styles_120rz14_s1etfemq__351042f8{color:var(--plasma-textarea-right-helper-color);margin-left:auto;}
|
|
163
|
+
.TextArea_styles_120rz14_s4gk1z__351042f8{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);}
|
|
164
|
+
.TextArea_styles_120rz14_s1h2xvub__351042f8{position:absolute;border-radius:50%;background-color:var(--plasma-textarea-indicator-color);}.TextArea_styles_120rz14_s1h2xvub__351042f8.TextArea_styles_120rz14_labelPlacementOuter__351042f8{width:var(--plasma-textarea-indicator-size-outer);height:var(--plasma-textarea-indicator-size-outer);inset:var(--plasma-textarea-indicator-placement-outer);}.TextArea_styles_120rz14_s1h2xvub__351042f8.TextArea_styles_120rz14_labelPlacementOuter__351042f8.TextArea_styles_120rz14_requiredAlignRight__351042f8{inset:var(--plasma-textarea-indicator-placement-outer-right);}.TextArea_styles_120rz14_s1h2xvub__351042f8.TextArea_styles_120rz14_labelPlacementOuter__351042f8.TextArea_styles_120rz14_requiredAlignRight__351042f8.TextArea_styles_120rz14_textareaHasHint__351042f8{right:calc( -1 * var(--plasma-textarea-indicator-size-outer) + var(--plasma-textfield__indicator-hint-placement-outer-right,0px) );}.TextArea_styles_120rz14_s1h2xvub__351042f8.TextArea_styles_120rz14_labelPlacementInner__351042f8{width:var(--plasma-textarea-indicator-size-inner);height:var(--plasma-textarea-indicator-size-inner);inset:var(--plasma-textarea-indicator-placement-inner);}.TextArea_styles_120rz14_s1h2xvub__351042f8.TextArea_styles_120rz14_labelPlacementInner__351042f8.TextArea_styles_120rz14_requiredAlignRight__351042f8{inset:var(--plasma-textarea-indicator-placement-inner-right);}
|
|
165
165
|
|
|
166
166
|
.base_1hvnv2t_bofyi4a__34e6ac76 .base_1hvnv2t_t18bd513__34e6ac76{color:var(--plasma-textarea__title-caption-color);}.base_1hvnv2t_bofyi4a__34e6ac76 .base_1hvnv2t_textareaContainer__34e6ac76{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_1hvnv2t_bofyi4a__34e6ac76 .base_1hvnv2t_textareaWrapper__34e6ac76{-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_1hvnv2t_bofyi4a__34e6ac76:focus-within:not([readonly]) .base_1hvnv2t_textareaWrapper__34e6ac76{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_1hvnv2t_bofyi4a__34e6ac76:focus-within:not([readonly]) .base_1hvnv2t_textareaContainer__34e6ac76{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_1hvnv2t_bofyi4a__34e6ac76:focus-within:not([readonly]) .base_1hvnv2t_textareaHelpers__34e6ac76{background-color:var(--plasma-textarea-helpers-background-color-focus);}.base_1hvnv2t_bofyi4a__34e6ac76:hover:not(.base_1hvnv2t_textareaClear__34e6ac76):not([disabled]):not([readonly]):not(:focus-within) .base_1hvnv2t_textareaContainer__34e6ac76{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_1hvnv2t_bofyi4a__34e6ac76:hover:not(.base_1hvnv2t_textareaClear__34e6ac76):not([disabled]):not([readonly]):not(:focus-within) .base_1hvnv2t_textareaWrapper__34e6ac76{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_1hvnv2t_bofyi4a__34e6ac76:hover:not(.base_1hvnv2t_textareaClear__34e6ac76):not([disabled]):not([readonly]):not(:focus-within) .base_1hvnv2t_textareaWrapper__34e6ac76 + .base_1hvnv2t_textareaHelpers__34e6ac76{background-color:var(--plasma-textarea-helpers-background-color-hover);}.base_1hvnv2t_bofyi4a__34e6ac76:active:not(.base_1hvnv2t_textareaClear__34e6ac76):not([disabled]):not([readonly]):not(:focus-within) .base_1hvnv2t_textareaWrapper__34e6ac76{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_1hvnv2t_bofyi4a__34e6ac76:active:not(.base_1hvnv2t_textareaClear__34e6ac76):not([disabled]):not([readonly]):not(:focus-within) .base_1hvnv2t_textareaContainer__34e6ac76{background-color:var(--plasma-textarea-background-color-active);}.base_1hvnv2t_bofyi4a__34e6ac76:active:not(.base_1hvnv2t_textareaClear__34e6ac76):not([disabled]):not([readonly]):not(:focus-within) .base_1hvnv2t_textareaWrapper__34e6ac76 + .base_1hvnv2t_textareaHelpers__34e6ac76{background-color:var(--plasma-textarea-helpers-background-color-active);}
|
|
167
167
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@salutejs/plasma-new-hope",
|
|
3
|
-
"version": "0.330.0-canary.2072.
|
|
3
|
+
"version": "0.330.0-canary.2072.16143967683.0",
|
|
4
4
|
"description": "Salute Design System blueprint",
|
|
5
5
|
"main": "cjs/index.js",
|
|
6
6
|
"module": "es/index.js",
|
|
@@ -137,5 +137,5 @@
|
|
|
137
137
|
"sideEffects": [
|
|
138
138
|
"*.css"
|
|
139
139
|
],
|
|
140
|
-
"gitHead": "
|
|
140
|
+
"gitHead": "0757d553c1f4cb13c7e241a3a67204ffe85bc79d"
|
|
141
141
|
}
|
|
@@ -436,7 +436,7 @@ var textAreaRoot = function(Root) {
|
|
|
436
436
|
hasHeader: hasHeader
|
|
437
437
|
}, headerSlot && !clear && /*#__PURE__*/ _react.default.createElement(_TextAreastyles.StyledHeaderSlot, {
|
|
438
438
|
applyHeaderDefaultPaddings: applyHeaderDefaultPaddings
|
|
439
|
-
}, headerSlot, enableHeaderDivider && /*#__PURE__*/ _react.default.createElement(_TextAreastyles.DividerWrapper, null, /*#__PURE__*/ _react.default.createElement(_TextAreastyles.Divider, null))), contentRight && !hasHeader && /*#__PURE__*/ _react.default.createElement(_TextAreastyles.StyledContent, null, contentRight), /*#__PURE__*/ _react.default.createElement(_TextAreastyles.StyledContentWrapper, {
|
|
439
|
+
}, headerSlot, enableHeaderDivider && /*#__PURE__*/ _react.default.createElement(_TextAreastyles.DividerWrapper, null, /*#__PURE__*/ _react.default.createElement(_TextAreastyles.Divider, null))), contentRight && !hasHeader && /*#__PURE__*/ _react.default.createElement(_TextAreastyles.StyledContent, null, contentRight), hasHeader && /*#__PURE__*/ _react.default.createElement(_TextAreastyles.StyledContentWrapper, {
|
|
440
440
|
className: styledContentWrapper,
|
|
441
441
|
hasHeader: hasHeader
|
|
442
442
|
}, contentRight && /*#__PURE__*/ _react.default.createElement(_TextAreastyles.StyledContent, {
|
|
@@ -96,13 +96,13 @@ var mergedConfig = (0, _engines.mergeConfig)(_Tooltip.tooltipConfig);
|
|
|
96
96
|
var Tooltip = (0, _engines.component)(mergedConfig);
|
|
97
97
|
var Hint = (0, _styledcomponents.default)(Tooltip).withConfig({
|
|
98
98
|
displayName: "TextArea.styles__Hint",
|
|
99
|
-
componentId: "sc-
|
|
99
|
+
componentId: "sc-5da3c99c-0"
|
|
100
100
|
})([
|
|
101
101
|
""
|
|
102
102
|
]);
|
|
103
103
|
var OuterLabelWrapper = _styledcomponents.default.div.withConfig({
|
|
104
104
|
displayName: "TextArea.styles__OuterLabelWrapper",
|
|
105
|
-
componentId: "sc-
|
|
105
|
+
componentId: "sc-5da3c99c-1"
|
|
106
106
|
})([
|
|
107
107
|
"display:flex;align-items:center;max-width:",
|
|
108
108
|
";margin-bottom:",
|
|
@@ -116,7 +116,7 @@ var OuterLabelWrapper = _styledcomponents.default.div.withConfig({
|
|
|
116
116
|
});
|
|
117
117
|
var StyledLabel = _styledcomponents.default.div.withConfig({
|
|
118
118
|
displayName: "TextArea.styles__StyledLabel",
|
|
119
|
-
componentId: "sc-
|
|
119
|
+
componentId: "sc-5da3c99c-2"
|
|
120
120
|
})([
|
|
121
121
|
"position:relative;display:inline-flex;color:var(",
|
|
122
122
|
",var(",
|
|
@@ -136,7 +136,7 @@ var StyledLabel = _styledcomponents.default.div.withConfig({
|
|
|
136
136
|
], _TextAreatokens.tokens.labelOuterColor, _TextAreatokens.tokens.inputColor, _TextAreatokens.tokens.labelOuterFontFamily, _TextAreatokens.tokens.inputFontFamily, _TextAreatokens.tokens.labelOuterFontSize, _TextAreatokens.tokens.inputFontSize, _TextAreatokens.tokens.labelOuterFontStyle, _TextAreatokens.tokens.inputFontStyle, _TextAreatokens.tokens.labelOuterFontWeight, _TextAreatokens.tokens.inputFontWeight, _TextAreatokens.tokens.labelOuterLetterSpacing, _TextAreatokens.tokens.inputLetterSpacing, _TextAreatokens.tokens.labelOuterLineHeight, _TextAreatokens.tokens.inputLineHeight);
|
|
137
137
|
var TitleCaption = _styledcomponents.default.div.withConfig({
|
|
138
138
|
displayName: "TextArea.styles__TitleCaption",
|
|
139
|
-
componentId: "sc-
|
|
139
|
+
componentId: "sc-5da3c99c-3"
|
|
140
140
|
})([
|
|
141
141
|
"display:inline-block;margin-left:auto;font-family:var(",
|
|
142
142
|
");font-size:var(",
|
|
@@ -148,13 +148,13 @@ var TitleCaption = _styledcomponents.default.div.withConfig({
|
|
|
148
148
|
], _TextAreatokens.tokens.titleCaptionFontFamily, _TextAreatokens.tokens.titleCaptionFontSize, _TextAreatokens.tokens.titleCaptionFontStyle, _TextAreatokens.tokens.titleCaptionFontWeight, _TextAreatokens.tokens.titleCaptionLetterSpacing, _TextAreatokens.tokens.titleCaptionLineHeight);
|
|
149
149
|
var StyledIndicatorWrapper = _styledcomponents.default.div.withConfig({
|
|
150
150
|
displayName: "TextArea.styles__StyledIndicatorWrapper",
|
|
151
|
-
componentId: "sc-
|
|
151
|
+
componentId: "sc-5da3c99c-4"
|
|
152
152
|
})([
|
|
153
153
|
"position:relative;display:inline-flex;align-items:center;"
|
|
154
154
|
]);
|
|
155
155
|
var StyledOptionalText = _styledcomponents.default.span.withConfig({
|
|
156
156
|
displayName: "TextArea.styles__StyledOptionalText",
|
|
157
|
-
componentId: "sc-
|
|
157
|
+
componentId: "sc-5da3c99c-5"
|
|
158
158
|
})([
|
|
159
159
|
"color:var(",
|
|
160
160
|
");font-family:",
|
|
@@ -185,7 +185,7 @@ var StyledOptionalText = _styledcomponents.default.span.withConfig({
|
|
|
185
185
|
});
|
|
186
186
|
var StyledHintWrapper = _styledcomponents.default.div.withConfig({
|
|
187
187
|
displayName: "TextArea.styles__StyledHintWrapper",
|
|
188
|
-
componentId: "sc-
|
|
188
|
+
componentId: "sc-5da3c99c-6"
|
|
189
189
|
})([
|
|
190
190
|
"display:inline-flex;line-height:0;margin:var(",
|
|
191
191
|
");&.",
|
|
@@ -194,7 +194,7 @@ var StyledHintWrapper = _styledcomponents.default.div.withConfig({
|
|
|
194
194
|
], _TextAreatokens.tokens.hintMargin, _TextAreatokens.classes.innerLabelPlacement, _TextAreatokens.tokens.hintInnerLabelPlacementOffset);
|
|
195
195
|
var HintTargetWrapper = _styledcomponents.default.div.withConfig({
|
|
196
196
|
displayName: "TextArea.styles__HintTargetWrapper",
|
|
197
|
-
componentId: "sc-
|
|
197
|
+
componentId: "sc-5da3c99c-7"
|
|
198
198
|
})([
|
|
199
199
|
"color:var(",
|
|
200
200
|
");width:var(",
|
|
@@ -203,13 +203,13 @@ var HintTargetWrapper = _styledcomponents.default.div.withConfig({
|
|
|
203
203
|
], _TextAreatokens.tokens.hintIconColor, _TextAreatokens.tokens.hintTargetSize, _TextAreatokens.tokens.hintTargetSize);
|
|
204
204
|
var HintIconWrapper = _styledcomponents.default.div.withConfig({
|
|
205
205
|
displayName: "TextArea.styles__HintIconWrapper",
|
|
206
|
-
componentId: "sc-
|
|
206
|
+
componentId: "sc-5da3c99c-8"
|
|
207
207
|
})([
|
|
208
208
|
""
|
|
209
209
|
]);
|
|
210
210
|
var StyledTextAreaWrapper = _styledcomponents.default.div.withConfig({
|
|
211
211
|
displayName: "TextArea.styles__StyledTextAreaWrapper",
|
|
212
|
-
componentId: "sc-
|
|
212
|
+
componentId: "sc-5da3c99c-9"
|
|
213
213
|
})([
|
|
214
214
|
"display:flex;flex-direction:column;background-color:var(",
|
|
215
215
|
");padding-top:",
|
|
@@ -228,21 +228,17 @@ var StyledTextAreaWrapper = _styledcomponents.default.div.withConfig({
|
|
|
228
228
|
});
|
|
229
229
|
var StyledContentWrapper = _styledcomponents.default.div.withConfig({
|
|
230
230
|
displayName: "TextArea.styles__StyledContentWrapper",
|
|
231
|
-
componentId: "sc-
|
|
231
|
+
componentId: "sc-5da3c99c-10"
|
|
232
232
|
})([
|
|
233
|
-
"
|
|
234
|
-
";position:relative;width:100%;height:0;padding-top:",
|
|
233
|
+
"position:relative;width:100%;height:0;padding-top:",
|
|
235
234
|
";"
|
|
236
235
|
], function(param) {
|
|
237
|
-
var hasHeader = param.hasHeader;
|
|
238
|
-
return hasHeader ? 'block' : 'none';
|
|
239
|
-
}, function(param) {
|
|
240
236
|
var hasHeader = param.hasHeader;
|
|
241
237
|
return hasHeader ? "var(".concat(_TextAreatokens.tokens.inputPaddingTop, ")") : 'unset';
|
|
242
238
|
});
|
|
243
239
|
var StyledContent = _styledcomponents.default.div.withConfig({
|
|
244
240
|
displayName: "TextArea.styles__StyledContent",
|
|
245
|
-
componentId: "sc-
|
|
241
|
+
componentId: "sc-5da3c99c-11"
|
|
246
242
|
})([
|
|
247
243
|
"position:absolute;display:flex;align-items:center;z-index:1;color:var(",
|
|
248
244
|
",var(",
|
|
@@ -256,7 +252,7 @@ var StyledContent = _styledcomponents.default.div.withConfig({
|
|
|
256
252
|
}, _TextAreatokens.tokens.rightContentRight, _TextAreatokens.tokens.rightContentHeight);
|
|
257
253
|
var StyledHeaderSlot = _styledcomponents.default.div.withConfig({
|
|
258
254
|
displayName: "TextArea.styles__StyledHeaderSlot",
|
|
259
|
-
componentId: "sc-
|
|
255
|
+
componentId: "sc-5da3c99c-12"
|
|
260
256
|
})([
|
|
261
257
|
"display:flex;flex-direction:column;margin-right:",
|
|
262
258
|
";margin-left:",
|
|
@@ -270,21 +266,21 @@ var StyledHeaderSlot = _styledcomponents.default.div.withConfig({
|
|
|
270
266
|
});
|
|
271
267
|
var DividerWrapper = _styledcomponents.default.div.withConfig({
|
|
272
268
|
displayName: "TextArea.styles__DividerWrapper",
|
|
273
|
-
componentId: "sc-
|
|
269
|
+
componentId: "sc-5da3c99c-13"
|
|
274
270
|
})([
|
|
275
271
|
"background:var(",
|
|
276
272
|
");"
|
|
277
273
|
], _TextAreatokens.tokens.backgroundColor);
|
|
278
274
|
var Divider = _styledcomponents.default.div.withConfig({
|
|
279
275
|
displayName: "TextArea.styles__Divider",
|
|
280
|
-
componentId: "sc-
|
|
276
|
+
componentId: "sc-5da3c99c-14"
|
|
281
277
|
})([
|
|
282
278
|
"height:0.0625rem;background:var(",
|
|
283
279
|
");"
|
|
284
280
|
], _TextAreatokens.tokens.dividerColor);
|
|
285
281
|
var StyledContainer = _styledcomponents.default.div.withConfig({
|
|
286
282
|
displayName: "TextArea.styles__StyledContainer",
|
|
287
|
-
componentId: "sc-
|
|
283
|
+
componentId: "sc-5da3c99c-15"
|
|
288
284
|
})([
|
|
289
285
|
"display:inline-flex;flex-direction:column;width:",
|
|
290
286
|
";position:relative;"
|
|
@@ -294,7 +290,7 @@ var StyledContainer = _styledcomponents.default.div.withConfig({
|
|
|
294
290
|
});
|
|
295
291
|
var StyledTextArea = _styledcomponents.default.textarea.withConfig({
|
|
296
292
|
displayName: "TextArea.styles__StyledTextArea",
|
|
297
|
-
componentId: "sc-
|
|
293
|
+
componentId: "sc-5da3c99c-16"
|
|
298
294
|
})([
|
|
299
295
|
"display:block;box-sizing:border-box;outline:none;border:none;-webkit-appearance:none;background-color:transparent;color:var(",
|
|
300
296
|
");caret-color:var(",
|
|
@@ -357,7 +353,7 @@ var StyledTextArea = _styledcomponents.default.textarea.withConfig({
|
|
|
357
353
|
}, _TextAreatokens.tokens.inputFontFamily, _TextAreatokens.tokens.inputFontSize, _TextAreatokens.tokens.inputFontStyle, _TextAreatokens.tokens.inputFontWeight, _TextAreatokens.tokens.inputLetterSpacing, _TextAreatokens.tokens.inputLineHeight, _TextAreatokens.tokens.inputColorFocus, _TextAreatokens.tokens.scrollbarWidth, _TextAreatokens.tokens.scrollbarThumbBackgroundColor, _TextAreatokens.tokens.scrollbarBorderWidth, _TextAreatokens.tokens.scrollbarTrackBackgroundColor, _TextAreatokens.tokens.scrollbarBorderWidth);
|
|
358
354
|
var StyledHiddenTextArea = _styledcomponents.default.textarea.withConfig({
|
|
359
355
|
displayName: "TextArea.styles__StyledHiddenTextArea",
|
|
360
|
-
componentId: "sc-
|
|
356
|
+
componentId: "sc-5da3c99c-17"
|
|
361
357
|
})([
|
|
362
358
|
"max-height:none !important;min-height:var(",
|
|
363
359
|
") !important;visibility:hidden !important;overflow:hidden !important;position:absolute !important;z-index:-1000 !important;top:0 !important;left:0 !important;right:0.0625rem !important;border-width:0;padding-right:",
|
|
@@ -375,7 +371,7 @@ var StyledHiddenTextArea = _styledcomponents.default.textarea.withConfig({
|
|
|
375
371
|
}, _TextAreatokens.tokens.inputPaddingLeft, _TextAreatokens.tokens.inputFontFamily, _TextAreatokens.tokens.inputFontSize, _TextAreatokens.tokens.inputFontStyle, _TextAreatokens.tokens.inputFontWeight, _TextAreatokens.tokens.inputLetterSpacing, _TextAreatokens.tokens.inputLineHeight);
|
|
376
372
|
var StyledHelpers = _styledcomponents.default.div.withConfig({
|
|
377
373
|
displayName: "TextArea.styles__StyledHelpers",
|
|
378
|
-
componentId: "sc-
|
|
374
|
+
componentId: "sc-5da3c99c-18"
|
|
379
375
|
})([
|
|
380
376
|
"box-sizing:border-box;display:flex;justify-content:space-between;transition:background-color 0.1s ease-in-out;background-color:var(",
|
|
381
377
|
");padding-top:var(",
|
|
@@ -388,14 +384,14 @@ var StyledHelpers = _styledcomponents.default.div.withConfig({
|
|
|
388
384
|
], _TextAreatokens.tokens.helpersBackgroundColor, _TextAreatokens.tokens.helpersPaddingTop, _TextAreatokens.tokens.helpersPaddingRight, _TextAreatokens.tokens.helpersPaddingBottom, _TextAreatokens.tokens.helpersPaddingLeft, _TextAreatokens.tokens.borderRadius, _TextAreatokens.tokens.borderRadius);
|
|
389
385
|
var StyledOutsideHelpersWrapper = _styledcomponents.default.div.withConfig({
|
|
390
386
|
displayName: "TextArea.styles__StyledOutsideHelpersWrapper",
|
|
391
|
-
componentId: "sc-
|
|
387
|
+
componentId: "sc-5da3c99c-19"
|
|
392
388
|
})([
|
|
393
389
|
"box-sizing:border-box;display:flex;justify-content:space-between;padding-top:var(",
|
|
394
390
|
");"
|
|
395
391
|
], _TextAreatokens.tokens.clearHelpersPaddingTop);
|
|
396
392
|
var StyledLeftHelper = _styledcomponents.default.span.withConfig({
|
|
397
393
|
displayName: "TextArea.styles__StyledLeftHelper",
|
|
398
|
-
componentId: "sc-
|
|
394
|
+
componentId: "sc-5da3c99c-20"
|
|
399
395
|
})([
|
|
400
396
|
"",
|
|
401
397
|
";display:block;font-family:var(",
|
|
@@ -409,14 +405,14 @@ var StyledLeftHelper = _styledcomponents.default.span.withConfig({
|
|
|
409
405
|
], (0, _mixins.applyEllipsis)(), _TextAreatokens.tokens.helpersFontFamily, _TextAreatokens.tokens.helpersFontSize, _TextAreatokens.tokens.helpersFontStyle, _TextAreatokens.tokens.helpersFontWeight, _TextAreatokens.tokens.helpersLetterSpacing, _TextAreatokens.tokens.helpersLineHeight, _TextAreatokens.tokens.leftHelperColor);
|
|
410
406
|
var StyledRightHelper = (0, _styledcomponents.default)(StyledLeftHelper).withConfig({
|
|
411
407
|
displayName: "TextArea.styles__StyledRightHelper",
|
|
412
|
-
componentId: "sc-
|
|
408
|
+
componentId: "sc-5da3c99c-21"
|
|
413
409
|
})([
|
|
414
410
|
"color:var(",
|
|
415
411
|
");margin-left:auto;"
|
|
416
412
|
], _TextAreatokens.tokens.rightHelperColor);
|
|
417
413
|
var StyledPlaceholder = _styledcomponents.default.label.withConfig({
|
|
418
414
|
displayName: "TextArea.styles__StyledPlaceholder",
|
|
419
|
-
componentId: "sc-
|
|
415
|
+
componentId: "sc-5da3c99c-22"
|
|
420
416
|
})([
|
|
421
417
|
"box-sizing:border-box;position:absolute;pointer-events:none;display:inline-flex;align-items:center;transition:all 0.1s ease-in-out;transform-origin:top left;color:var(",
|
|
422
418
|
");width:100%;height:auto;top:var(",
|
|
@@ -435,7 +431,7 @@ var StyledPlaceholder = _styledcomponents.default.label.withConfig({
|
|
|
435
431
|
}, _TextAreatokens.tokens.inputFontFamily, _TextAreatokens.tokens.inputFontSize, _TextAreatokens.tokens.inputFontStyle, _TextAreatokens.tokens.inputFontWeight, _TextAreatokens.tokens.inputLetterSpacing, _TextAreatokens.tokens.inputLineHeight);
|
|
436
432
|
var StyledIndicator = _styledcomponents.default.div.withConfig({
|
|
437
433
|
displayName: "TextArea.styles__StyledIndicator",
|
|
438
|
-
componentId: "sc-
|
|
434
|
+
componentId: "sc-5da3c99c-23"
|
|
439
435
|
})([
|
|
440
436
|
"position:absolute;border-radius:50%;background-color:var(",
|
|
441
437
|
");&.",
|
|
@@ -375,7 +375,7 @@ export var textAreaRoot = function(Root) {
|
|
|
375
375
|
hasHeader: hasHeader
|
|
376
376
|
}, headerSlot && !clear && /*#__PURE__*/ React.createElement(StyledHeaderSlot, {
|
|
377
377
|
applyHeaderDefaultPaddings: applyHeaderDefaultPaddings
|
|
378
|
-
}, headerSlot, enableHeaderDivider && /*#__PURE__*/ React.createElement(DividerWrapper, null, /*#__PURE__*/ React.createElement(Divider, null))), contentRight && !hasHeader && /*#__PURE__*/ React.createElement(StyledContent, null, contentRight), /*#__PURE__*/ React.createElement(StyledContentWrapper, {
|
|
378
|
+
}, headerSlot, enableHeaderDivider && /*#__PURE__*/ React.createElement(DividerWrapper, null, /*#__PURE__*/ React.createElement(Divider, null))), contentRight && !hasHeader && /*#__PURE__*/ React.createElement(StyledContent, null, contentRight), hasHeader && /*#__PURE__*/ React.createElement(StyledContentWrapper, {
|
|
379
379
|
className: styledContentWrapper,
|
|
380
380
|
hasHeader: hasHeader
|
|
381
381
|
}, contentRight && /*#__PURE__*/ React.createElement(StyledContent, {
|