@salutejs/plasma-new-hope 0.315.0-dev.0 → 0.315.1-dev.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 -0
- package/cjs/components/TextArea/TextArea.js.map +1 -1
- package/cjs/components/TextArea/TextArea.styles.js +79 -72
- package/cjs/components/TextArea/TextArea.styles.js.map +1 -1
- package/cjs/components/TextArea/{TextArea.styles_ztsrpt.css → TextArea.styles_1r7xix5.css} +1 -1
- package/cjs/components/TextArea/ui/Hint/Hint.css +18 -18
- package/cjs/index.css +19 -19
- package/emotion/cjs/components/TextArea/TextArea.js +2 -1
- package/emotion/cjs/components/TextArea/TextArea.styles.js +66 -63
- package/emotion/es/components/TextArea/TextArea.js +2 -1
- package/emotion/es/components/TextArea/TextArea.styles.js +66 -63
- package/es/components/TextArea/TextArea.js +1 -0
- package/es/components/TextArea/TextArea.js.map +1 -1
- package/es/components/TextArea/TextArea.styles.js +79 -72
- package/es/components/TextArea/TextArea.styles.js.map +1 -1
- package/es/components/TextArea/{TextArea.styles_ztsrpt.css → TextArea.styles_1r7xix5.css} +1 -1
- package/es/components/TextArea/ui/Hint/Hint.css +18 -18
- package/es/index.css +19 -19
- package/package.json +2 -2
- package/styled-components/cjs/components/TextArea/TextArea.js +1 -0
- package/styled-components/cjs/components/TextArea/TextArea.styles.js +41 -38
- package/styled-components/es/components/TextArea/TextArea.js +1 -0
- package/styled-components/es/components/TextArea/TextArea.styles.js +41 -38
- package/types/components/TextArea/TextArea.styles.d.ts +1 -0
- package/types/components/TextArea/TextArea.styles.d.ts.map +1 -1
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
|
|
2
|
-
.o1r1fvk8{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;margin-bottom:var(--o1r1fvk8-
|
|
2
|
+
.o1r1fvk8{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);}
|
|
3
3
|
.surmvwq{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));}
|
|
4
4
|
.t18bd513{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);}
|
|
5
5
|
.s7alcr2{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;}
|
|
@@ -9,24 +9,24 @@
|
|
|
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_1r7xix5_o1r1fvk8__d0987dcf{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_1r7xix5_surmvwq__d0987dcf{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_1r7xix5_t18bd513__d0987dcf{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_1r7xix5_s7alcr2__d0987dcf{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_1r7xix5_si9oz50__d0987dcf{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_1r7xix5_s18tpn65__d0987dcf{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_1r7xix5_s18tpn65__d0987dcf.TextArea_styles_1r7xix5_labelPlacementInner__d0987dcf{position:absolute;margin:0;inset:var(--plasma-textarea__hint-inner-label-placement-offset);}
|
|
18
|
+
.TextArea_styles_1r7xix5_h19sfsrt__d0987dcf{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
|
-
.
|
|
20
|
+
.TextArea_styles_1r7xix5_s3wsw3p__d0987dcf{background-color:var(--plasma-textarea-input-background-color);padding-top:var(--plasma-textarea-input-padding-top);padding-bottom:var(--s3wsw3p-0);border-radius:var(--s3wsw3p-1);}
|
|
21
|
+
.TextArea_styles_1r7xix5_stc5t23__d0987dcf{position:absolute;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;bottom:0;z-index:1;color:var(--plasma-textarea-right-content-color,var(--plasma-textarea-input-color));top:var(--plasma-textarea-right-content-top);right:var(--plasma-textarea-right-content-right);height:var(--plasma-textarea-right-content-height);}
|
|
22
|
+
.TextArea_styles_1r7xix5_salwx57__d0987dcf{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(--salwx57-0);position:relative;}
|
|
23
|
+
.TextArea_styles_1r7xix5_s18lndvq__d0987dcf{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(--s18lndvq-0);--plasma_private-textarea-height:var(--s18lndvq-1);--plasma_private-textarea-width:var(--s18lndvq-2);--plasma_private-textarea-computed-height:var(--s18lndvq-3);--plasma_private-textarea-computed-width:var(--s18lndvq-4);height:var(--plasma_private-textarea-computed-height);width:var(--plasma_private-textarea-computed-width);min-width:var(--s18lndvq-5);max-width:var(--s18lndvq-5);min-height:var(--plasma-textarea-input-min-height);padding-right:var(--s18lndvq-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(--s18lndvq-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_1r7xix5_s18lndvq__d0987dcf::-webkit-input-placeholder{opacity:0;}.TextArea_styles_1r7xix5_s18lndvq__d0987dcf::-moz-placeholder{opacity:0;}.TextArea_styles_1r7xix5_s18lndvq__d0987dcf:-ms-input-placeholder{opacity:0;}.TextArea_styles_1r7xix5_s18lndvq__d0987dcf::placeholder{opacity:0;}.TextArea_styles_1r7xix5_s18lndvq__d0987dcf:-moz-read-only{cursor:default;}.TextArea_styles_1r7xix5_s18lndvq__d0987dcf:read-only{cursor:default;}.TextArea_styles_1r7xix5_s18lndvq__d0987dcf:focus:not(:disabled){color:var(--plasma-textarea-input-color-focus);}.TextArea_styles_1r7xix5_s18lndvq__d0987dcf::-webkit-scrollbar{width:var(--plasma-textarea-scrollbar-width);}.TextArea_styles_1r7xix5_s18lndvq__d0987dcf::-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_1r7xix5_s18lndvq__d0987dcf::-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;}
|
|
24
|
+
.TextArea_styles_1r7xix5_s183p45n__d0987dcf{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(--s183p45n-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);}
|
|
25
|
+
.TextArea_styles_1r7xix5_snf439a__d0987dcf{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);}
|
|
26
|
+
.TextArea_styles_1r7xix5_suev9vb__d0987dcf{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);}
|
|
27
|
+
.TextArea_styles_1r7xix5_s7jal92__d0987dcf{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);}
|
|
28
|
+
.TextArea_styles_1r7xix5_s11kd6xq__d0987dcf.TextArea_styles_1r7xix5_s7jal92__d0987dcf{color:var(--plasma-textarea-right-helper-color);margin-left:auto;}
|
|
29
|
+
.TextArea_styles_1r7xix5_s14zw9ik__d0987dcf{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(--s14zw9ik-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);}
|
|
30
|
+
.TextArea_styles_1r7xix5_sgr5lml__d0987dcf{position:absolute;border-radius:50%;background-color:var(--plasma-textarea-indicator-color);}.TextArea_styles_1r7xix5_sgr5lml__d0987dcf.TextArea_styles_1r7xix5_labelPlacementOuter__d0987dcf{width:var(--plasma-textarea-indicator-size-outer);height:var(--plasma-textarea-indicator-size-outer);inset:var(--plasma-textarea-indicator-placement-outer);}.TextArea_styles_1r7xix5_sgr5lml__d0987dcf.TextArea_styles_1r7xix5_labelPlacementOuter__d0987dcf.TextArea_styles_1r7xix5_requiredAlignRight__d0987dcf{inset:var(--plasma-textarea-indicator-placement-outer-right);}.TextArea_styles_1r7xix5_sgr5lml__d0987dcf.TextArea_styles_1r7xix5_labelPlacementOuter__d0987dcf.TextArea_styles_1r7xix5_requiredAlignRight__d0987dcf.TextArea_styles_1r7xix5_textareaHasHint__d0987dcf{right:calc( -1 * var(--plasma-textarea-indicator-size-outer) + var(--plasma-textfield__indicator-hint-placement-outer-right,0px) );}.TextArea_styles_1r7xix5_sgr5lml__d0987dcf.TextArea_styles_1r7xix5_labelPlacementInner__d0987dcf{width:var(--plasma-textarea-indicator-size-inner);height:var(--plasma-textarea-indicator-size-inner);inset:var(--plasma-textarea-indicator-placement-inner);}.TextArea_styles_1r7xix5_sgr5lml__d0987dcf.TextArea_styles_1r7xix5_labelPlacementInner__d0987dcf.TextArea_styles_1r7xix5_requiredAlignRight__d0987dcf{inset:var(--plasma-textarea-indicator-placement-inner-right);}
|
|
31
31
|
|
|
32
32
|
.IconRoot_7pl7ig_svvlqhf__32c458a1{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:var(--svvlqhf-0);height:var(--svvlqhf-0);-webkit-flex:0 0 var(--svvlqhf-0);-ms-flex:0 0 var(--svvlqhf-0);flex:0 0 var(--svvlqhf-0);}
|
package/es/index.css
CHANGED
|
@@ -139,25 +139,25 @@
|
|
|
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
|
-
.
|
|
142
|
+
.TextArea_styles_1r7xix5_o1r1fvk8__d0987dcf{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_1r7xix5_surmvwq__d0987dcf{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_1r7xix5_t18bd513__d0987dcf{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_1r7xix5_s7alcr2__d0987dcf{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_1r7xix5_si9oz50__d0987dcf{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_1r7xix5_s18tpn65__d0987dcf{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_1r7xix5_s18tpn65__d0987dcf.TextArea_styles_1r7xix5_labelPlacementInner__d0987dcf{position:absolute;margin:0;inset:var(--plasma-textarea__hint-inner-label-placement-offset);}
|
|
148
|
+
.TextArea_styles_1r7xix5_h19sfsrt__d0987dcf{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_1r7xix5_s3wsw3p__d0987dcf{background-color:var(--plasma-textarea-input-background-color);padding-top:var(--plasma-textarea-input-padding-top);padding-bottom:var(--s3wsw3p-0);border-radius:var(--s3wsw3p-1);}
|
|
151
|
+
.TextArea_styles_1r7xix5_stc5t23__d0987dcf{position:absolute;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;bottom:0;z-index:1;color:var(--plasma-textarea-right-content-color,var(--plasma-textarea-input-color));top:var(--plasma-textarea-right-content-top);right:var(--plasma-textarea-right-content-right);height:var(--plasma-textarea-right-content-height);}
|
|
152
|
+
.TextArea_styles_1r7xix5_salwx57__d0987dcf{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(--salwx57-0);position:relative;}
|
|
153
|
+
.TextArea_styles_1r7xix5_s18lndvq__d0987dcf{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(--s18lndvq-0);--plasma_private-textarea-height:var(--s18lndvq-1);--plasma_private-textarea-width:var(--s18lndvq-2);--plasma_private-textarea-computed-height:var(--s18lndvq-3);--plasma_private-textarea-computed-width:var(--s18lndvq-4);height:var(--plasma_private-textarea-computed-height);width:var(--plasma_private-textarea-computed-width);min-width:var(--s18lndvq-5);max-width:var(--s18lndvq-5);min-height:var(--plasma-textarea-input-min-height);padding-right:var(--s18lndvq-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(--s18lndvq-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_1r7xix5_s18lndvq__d0987dcf::-webkit-input-placeholder{opacity:0;}.TextArea_styles_1r7xix5_s18lndvq__d0987dcf::-moz-placeholder{opacity:0;}.TextArea_styles_1r7xix5_s18lndvq__d0987dcf:-ms-input-placeholder{opacity:0;}.TextArea_styles_1r7xix5_s18lndvq__d0987dcf::placeholder{opacity:0;}.TextArea_styles_1r7xix5_s18lndvq__d0987dcf:-moz-read-only{cursor:default;}.TextArea_styles_1r7xix5_s18lndvq__d0987dcf:read-only{cursor:default;}.TextArea_styles_1r7xix5_s18lndvq__d0987dcf:focus:not(:disabled){color:var(--plasma-textarea-input-color-focus);}.TextArea_styles_1r7xix5_s18lndvq__d0987dcf::-webkit-scrollbar{width:var(--plasma-textarea-scrollbar-width);}.TextArea_styles_1r7xix5_s18lndvq__d0987dcf::-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_1r7xix5_s18lndvq__d0987dcf::-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;}
|
|
154
|
+
.TextArea_styles_1r7xix5_s183p45n__d0987dcf{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(--s183p45n-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);}
|
|
155
|
+
.TextArea_styles_1r7xix5_snf439a__d0987dcf{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);}
|
|
156
|
+
.TextArea_styles_1r7xix5_suev9vb__d0987dcf{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);}
|
|
157
|
+
.TextArea_styles_1r7xix5_s7jal92__d0987dcf{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);}
|
|
158
|
+
.TextArea_styles_1r7xix5_s11kd6xq__d0987dcf.TextArea_styles_1r7xix5_s7jal92__d0987dcf{color:var(--plasma-textarea-right-helper-color);margin-left:auto;}
|
|
159
|
+
.TextArea_styles_1r7xix5_s14zw9ik__d0987dcf{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(--s14zw9ik-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);}
|
|
160
|
+
.TextArea_styles_1r7xix5_sgr5lml__d0987dcf{position:absolute;border-radius:50%;background-color:var(--plasma-textarea-indicator-color);}.TextArea_styles_1r7xix5_sgr5lml__d0987dcf.TextArea_styles_1r7xix5_labelPlacementOuter__d0987dcf{width:var(--plasma-textarea-indicator-size-outer);height:var(--plasma-textarea-indicator-size-outer);inset:var(--plasma-textarea-indicator-placement-outer);}.TextArea_styles_1r7xix5_sgr5lml__d0987dcf.TextArea_styles_1r7xix5_labelPlacementOuter__d0987dcf.TextArea_styles_1r7xix5_requiredAlignRight__d0987dcf{inset:var(--plasma-textarea-indicator-placement-outer-right);}.TextArea_styles_1r7xix5_sgr5lml__d0987dcf.TextArea_styles_1r7xix5_labelPlacementOuter__d0987dcf.TextArea_styles_1r7xix5_requiredAlignRight__d0987dcf.TextArea_styles_1r7xix5_textareaHasHint__d0987dcf{right:calc( -1 * var(--plasma-textarea-indicator-size-outer) + var(--plasma-textfield__indicator-hint-placement-outer-right,0px) );}.TextArea_styles_1r7xix5_sgr5lml__d0987dcf.TextArea_styles_1r7xix5_labelPlacementInner__d0987dcf{width:var(--plasma-textarea-indicator-size-inner);height:var(--plasma-textarea-indicator-size-inner);inset:var(--plasma-textarea-indicator-placement-inner);}.TextArea_styles_1r7xix5_sgr5lml__d0987dcf.TextArea_styles_1r7xix5_labelPlacementInner__d0987dcf.TextArea_styles_1r7xix5_requiredAlignRight__d0987dcf{inset:var(--plasma-textarea-indicator-placement-inner-right);}
|
|
161
161
|
|
|
162
162
|
.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);}
|
|
163
163
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@salutejs/plasma-new-hope",
|
|
3
|
-
"version": "0.315.
|
|
3
|
+
"version": "0.315.1-dev.0",
|
|
4
4
|
"description": "Salute Design System blueprint",
|
|
5
5
|
"main": "cjs/index.js",
|
|
6
6
|
"module": "es/index.js",
|
|
@@ -135,5 +135,5 @@
|
|
|
135
135
|
"sideEffects": [
|
|
136
136
|
"*.css"
|
|
137
137
|
],
|
|
138
|
-
"gitHead": "
|
|
138
|
+
"gitHead": "f6140d193f4b16800d8dcac631bf8c273af992cd"
|
|
139
139
|
}
|
|
@@ -262,6 +262,7 @@ var textAreaRoot = exports.textAreaRoot = function textAreaRoot(Root) {
|
|
|
262
262
|
hintView: hintView,
|
|
263
263
|
hintSize: hintSize
|
|
264
264
|
}), (hasOuterLabel || titleCaption) && /*#__PURE__*/_react["default"].createElement(_TextArea.OuterLabelWrapper, {
|
|
265
|
+
width: helperWidth,
|
|
265
266
|
isInnerLabel: labelPlacement === 'inner'
|
|
266
267
|
}, hasOuterLabel && /*#__PURE__*/_react["default"].createElement(_TextArea.StyledIndicatorWrapper, null, /*#__PURE__*/_react["default"].createElement(_TextArea.StyledLabel, null, label), hintText && /*#__PURE__*/_react["default"].createElement(_TextArea.StyledHintWrapper, null, /*#__PURE__*/_react["default"].createElement(_Hint.HintComponent, {
|
|
267
268
|
ref: hintForkRef,
|
|
@@ -17,8 +17,11 @@ var Hint = exports.Hint = /*#__PURE__*/(0, _styledComponents["default"])(Tooltip
|
|
|
17
17
|
})([""]);
|
|
18
18
|
var OuterLabelWrapper = exports.OuterLabelWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
|
19
19
|
componentId: "plasma-new-hope__sc-pxxv3p-1"
|
|
20
|
-
})(["display:flex;align-items:center;margin-bottom:", ";"], function (_ref) {
|
|
21
|
-
var
|
|
20
|
+
})(["display:flex;align-items:center;max-width:", ";margin-bottom:", ";"], function (_ref) {
|
|
21
|
+
var width = _ref.width;
|
|
22
|
+
return width;
|
|
23
|
+
}, function (_ref2) {
|
|
24
|
+
var isInnerLabel = _ref2.isInnerLabel;
|
|
22
25
|
return isInnerLabel ? "var(".concat(_TextArea.tokens.titleCaptionInnerLabelOffset, ")") : "var(".concat(_TextArea.tokens.labelMarginBottom, ")");
|
|
23
26
|
});
|
|
24
27
|
var StyledLabel = exports.StyledLabel = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
|
@@ -32,23 +35,23 @@ var StyledIndicatorWrapper = exports.StyledIndicatorWrapper = /*#__PURE__*/_styl
|
|
|
32
35
|
})(["position:relative;display:inline-flex;align-items:center;"]);
|
|
33
36
|
var StyledOptionalText = exports.StyledOptionalText = /*#__PURE__*/_styledComponents["default"].span.withConfig({
|
|
34
37
|
componentId: "plasma-new-hope__sc-pxxv3p-5"
|
|
35
|
-
})(["color:var(", ");font-family:", ";font-size:", ";font-style:", ";font-weight:", ";letter-spacing:", ";line-height:", ";"], _TextArea.tokens.optionalColor, function (
|
|
36
|
-
var inheritFont = _ref2.inheritFont;
|
|
37
|
-
return inheritFont ? 'inherit' : "var(".concat(_TextArea.tokens.labelOuterFontFamily, ", var(").concat(_TextArea.tokens.inputFontFamily, "))");
|
|
38
|
-
}, function (_ref3) {
|
|
38
|
+
})(["color:var(", ");font-family:", ";font-size:", ";font-style:", ";font-weight:", ";letter-spacing:", ";line-height:", ";"], _TextArea.tokens.optionalColor, function (_ref3) {
|
|
39
39
|
var inheritFont = _ref3.inheritFont;
|
|
40
|
-
return inheritFont ? 'inherit' : "var(".concat(_TextArea.tokens.
|
|
40
|
+
return inheritFont ? 'inherit' : "var(".concat(_TextArea.tokens.labelOuterFontFamily, ", var(").concat(_TextArea.tokens.inputFontFamily, "))");
|
|
41
41
|
}, function (_ref4) {
|
|
42
42
|
var inheritFont = _ref4.inheritFont;
|
|
43
|
-
return inheritFont ? 'inherit' : "var(".concat(_TextArea.tokens.
|
|
43
|
+
return inheritFont ? 'inherit' : "var(".concat(_TextArea.tokens.labelOuterFontSize, ", var(").concat(_TextArea.tokens.inputFontSize, "))");
|
|
44
44
|
}, function (_ref5) {
|
|
45
45
|
var inheritFont = _ref5.inheritFont;
|
|
46
|
-
return inheritFont ? 'inherit' : "var(".concat(_TextArea.tokens.
|
|
46
|
+
return inheritFont ? 'inherit' : "var(".concat(_TextArea.tokens.labelOuterFontStyle, ", var(").concat(_TextArea.tokens.inputFontStyle, "))");
|
|
47
47
|
}, function (_ref6) {
|
|
48
48
|
var inheritFont = _ref6.inheritFont;
|
|
49
|
-
return inheritFont ? 'inherit' : "var(".concat(_TextArea.tokens.
|
|
49
|
+
return inheritFont ? 'inherit' : "var(".concat(_TextArea.tokens.labelOuterFontWeight, ", var(").concat(_TextArea.tokens.inputFontWeight, "))");
|
|
50
50
|
}, function (_ref7) {
|
|
51
51
|
var inheritFont = _ref7.inheritFont;
|
|
52
|
+
return inheritFont ? 'inherit' : "var(".concat(_TextArea.tokens.labelOuterLetterSpacing, ", var(").concat(_TextArea.tokens.inputLetterSpacing, "))");
|
|
53
|
+
}, function (_ref8) {
|
|
54
|
+
var inheritFont = _ref8.inheritFont;
|
|
52
55
|
return inheritFont ? 'inherit' : "var(".concat(_TextArea.tokens.labelOuterLineHeight, ", var(").concat(_TextArea.tokens.inputLineHeight, "))");
|
|
53
56
|
});
|
|
54
57
|
var StyledHintWrapper = exports.StyledHintWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
|
@@ -62,11 +65,11 @@ var HintIconWrapper = exports.HintIconWrapper = /*#__PURE__*/_styledComponents["
|
|
|
62
65
|
})([""]);
|
|
63
66
|
var StyledTextAreaWrapper = exports.StyledTextAreaWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
|
64
67
|
componentId: "plasma-new-hope__sc-pxxv3p-9"
|
|
65
|
-
})(["background-color:var(", ");padding-top:var(", ");padding-bottom:", ";border-radius:", ";"], _TextArea.tokens.inputBackgroundColor, _TextArea.tokens.inputPaddingTop, function (
|
|
66
|
-
var hasHelper = _ref8.hasHelper;
|
|
67
|
-
return hasHelper ? "var(".concat(_TextArea.tokens.inputPaddingBottomWithHelpers, ")") : "var(".concat(_TextArea.tokens.inputPaddingBottom, ")");
|
|
68
|
-
}, function (_ref9) {
|
|
68
|
+
})(["background-color:var(", ");padding-top:var(", ");padding-bottom:", ";border-radius:", ";"], _TextArea.tokens.inputBackgroundColor, _TextArea.tokens.inputPaddingTop, function (_ref9) {
|
|
69
69
|
var hasHelper = _ref9.hasHelper;
|
|
70
|
+
return hasHelper ? "var(".concat(_TextArea.tokens.inputPaddingBottomWithHelpers, ")") : "var(".concat(_TextArea.tokens.inputPaddingBottom, ")");
|
|
71
|
+
}, function (_ref10) {
|
|
72
|
+
var hasHelper = _ref10.hasHelper;
|
|
70
73
|
return hasHelper ? "var(".concat(_TextArea.tokens.borderRadiusWithHelpers, ")") : "var(".concat(_TextArea.tokens.borderRadius, ")");
|
|
71
74
|
});
|
|
72
75
|
var StyledContent = exports.StyledContent = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
|
@@ -74,45 +77,45 @@ var StyledContent = exports.StyledContent = /*#__PURE__*/_styledComponents["defa
|
|
|
74
77
|
})(["position:absolute;display:flex;align-items:center;bottom:0;z-index:1;color:var(", ",var(", "));top:var(", ");right:var(", ");height:var(", ");"], _TextArea.tokens.rightContentColor, _TextArea.tokens.inputColor, _TextArea.tokens.rightContentTop, _TextArea.tokens.rightContentRight, _TextArea.tokens.rightContentHeight);
|
|
75
78
|
var StyledContainer = exports.StyledContainer = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
|
76
79
|
componentId: "plasma-new-hope__sc-pxxv3p-11"
|
|
77
|
-
})(["display:inline-flex;flex-direction:column;width:", ";position:relative;"], function (
|
|
78
|
-
var width =
|
|
80
|
+
})(["display:inline-flex;flex-direction:column;width:", ";position:relative;"], function (_ref11) {
|
|
81
|
+
var width = _ref11.width;
|
|
79
82
|
return width;
|
|
80
83
|
});
|
|
81
84
|
var StyledTextArea = exports.StyledTextArea = /*#__PURE__*/_styledComponents["default"].textarea.withConfig({
|
|
82
85
|
componentId: "plasma-new-hope__sc-pxxv3p-12"
|
|
83
|
-
})(["display:block;box-sizing:border-box;outline:none;border:none;-webkit-appearance:none;background-color:transparent;color:var(", ");caret-color:var(", ");resize:", ";--plasma_private-textarea-height:", ";--plasma_private-textarea-width:", ";--plasma_private-textarea-computed-height:", ";--plasma_private-textarea-computed-width:", ";height:var(--plasma_private-textarea-computed-height);width:var(--plasma_private-textarea-computed-width);min-width:", ";max-width:", ";min-height:var(", ");padding-right:", ";padding-left:var(", ",0);padding-top:0;padding-bottom:0;--plasma_private-textarea-helpers-computed-height:calc( var(", ",0) + var(", ",0) + var(", ") );--plasma_private-textarea-input-with-helpers-height:calc( var(--plasma_private-textarea-height) - var(--plasma_private-textarea-helpers-computed-height) + var(", ") );--plasma_private-textarea-input-without-helpers-height:calc( var(--plasma_private-textarea-computed-height) - var(", ") );--plasma_private-textarea-input-actual-height:", ";height:var(--plasma_private-textarea-input-actual-height);font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");&::placeholder{opacity:0;}&:read-only{cursor:default;}&:focus:not(:disabled){color:var(", ");}&::-webkit-scrollbar{width:var(", ");}&::-webkit-scrollbar-thumb{background-color:var(", ");background-clip:content-box;border:var(", ") solid transparent;border-radius:1rem;}&::-webkit-scrollbar-track{background-color:var(", ");background-clip:content-box;border:var(", ") solid transparent;border-radius:1rem;}"], _TextArea.tokens.inputColor, _TextArea.tokens.inputCaretColor, function (
|
|
84
|
-
var resize =
|
|
86
|
+
})(["display:block;box-sizing:border-box;outline:none;border:none;-webkit-appearance:none;background-color:transparent;color:var(", ");caret-color:var(", ");resize:", ";--plasma_private-textarea-height:", ";--plasma_private-textarea-width:", ";--plasma_private-textarea-computed-height:", ";--plasma_private-textarea-computed-width:", ";height:var(--plasma_private-textarea-computed-height);width:var(--plasma_private-textarea-computed-width);min-width:", ";max-width:", ";min-height:var(", ");padding-right:", ";padding-left:var(", ",0);padding-top:0;padding-bottom:0;--plasma_private-textarea-helpers-computed-height:calc( var(", ",0) + var(", ",0) + var(", ") );--plasma_private-textarea-input-with-helpers-height:calc( var(--plasma_private-textarea-height) - var(--plasma_private-textarea-helpers-computed-height) + var(", ") );--plasma_private-textarea-input-without-helpers-height:calc( var(--plasma_private-textarea-computed-height) - var(", ") );--plasma_private-textarea-input-actual-height:", ";height:var(--plasma_private-textarea-input-actual-height);font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");&::placeholder{opacity:0;}&:read-only{cursor:default;}&:focus:not(:disabled){color:var(", ");}&::-webkit-scrollbar{width:var(", ");}&::-webkit-scrollbar-thumb{background-color:var(", ");background-clip:content-box;border:var(", ") solid transparent;border-radius:1rem;}&::-webkit-scrollbar-track{background-color:var(", ");background-clip:content-box;border:var(", ") solid transparent;border-radius:1rem;}"], _TextArea.tokens.inputColor, _TextArea.tokens.inputCaretColor, function (_ref12) {
|
|
87
|
+
var resize = _ref12.resize;
|
|
85
88
|
return resize || 'none';
|
|
86
|
-
}, function (_ref12) {
|
|
87
|
-
var height = _ref12.height;
|
|
88
|
-
return !Number.isNaN(Number(height)) ? "calc(".concat(height, "rem - 0.875rem)") : height || "var(".concat(_TextArea.tokens.inputHeight, ")");
|
|
89
89
|
}, function (_ref13) {
|
|
90
|
-
var
|
|
91
|
-
return !Number.isNaN(Number(
|
|
90
|
+
var height = _ref13.height;
|
|
91
|
+
return !Number.isNaN(Number(height)) ? "calc(".concat(height, "rem - 0.875rem)") : height || "var(".concat(_TextArea.tokens.inputHeight, ")");
|
|
92
92
|
}, function (_ref14) {
|
|
93
|
-
var
|
|
94
|
-
return
|
|
93
|
+
var width = _ref14.width;
|
|
94
|
+
return !Number.isNaN(Number(width)) ? "".concat(width, "rem") : width || "var(".concat(_TextArea.tokens.inputWidth, ")");
|
|
95
95
|
}, function (_ref15) {
|
|
96
|
-
var
|
|
97
|
-
return
|
|
96
|
+
var rows = _ref15.rows;
|
|
97
|
+
return rows ? 'unset' : 'var(--plasma_private-textarea-height)';
|
|
98
98
|
}, function (_ref16) {
|
|
99
|
-
var
|
|
100
|
-
return
|
|
99
|
+
var cols = _ref16.cols;
|
|
100
|
+
return cols ? 'unset' : 'var(--plasma_private-textarea-width)';
|
|
101
101
|
}, function (_ref17) {
|
|
102
102
|
var applyCustomWidth = _ref17.applyCustomWidth;
|
|
103
103
|
return applyCustomWidth ? 'var(--plasma_private-textarea-width)' : 'auto';
|
|
104
|
-
},
|
|
105
|
-
var
|
|
104
|
+
}, function (_ref18) {
|
|
105
|
+
var applyCustomWidth = _ref18.applyCustomWidth;
|
|
106
|
+
return applyCustomWidth ? 'var(--plasma_private-textarea-width)' : 'auto';
|
|
107
|
+
}, _TextArea.tokens.inputMinHeight, function (_ref19) {
|
|
108
|
+
var hasContentRight = _ref19.hasContentRight;
|
|
106
109
|
return hasContentRight ? "var(".concat(_TextArea.tokens.inputPaddingRightWithRightContent, ", 0)") : "var(".concat(_TextArea.tokens.inputPaddingRight, ", 0)");
|
|
107
|
-
}, _TextArea.tokens.inputPaddingLeft, _TextArea.tokens.helpersPaddingTop, _TextArea.tokens.helpersPaddingBottom, _TextArea.tokens.helpersLineHeight, _TextArea.tokens.helpersOffset, _TextArea.tokens.inputPaddingBottom, function (
|
|
108
|
-
var hasHelper =
|
|
109
|
-
rows =
|
|
110
|
+
}, _TextArea.tokens.inputPaddingLeft, _TextArea.tokens.helpersPaddingTop, _TextArea.tokens.helpersPaddingBottom, _TextArea.tokens.helpersLineHeight, _TextArea.tokens.helpersOffset, _TextArea.tokens.inputPaddingBottom, function (_ref20) {
|
|
111
|
+
var hasHelper = _ref20.hasHelper,
|
|
112
|
+
rows = _ref20.rows;
|
|
110
113
|
return hasHelper && !rows ? 'var(--plasma_private-textarea-input-with-helpers-height)' : 'var(--plasma_private-textarea-input-without-helpers-height)';
|
|
111
114
|
}, _TextArea.tokens.inputFontFamily, _TextArea.tokens.inputFontSize, _TextArea.tokens.inputFontStyle, _TextArea.tokens.inputFontWeight, _TextArea.tokens.inputLetterSpacing, _TextArea.tokens.inputLineHeight, _TextArea.tokens.inputColorFocus, _TextArea.tokens.scrollbarWidth, _TextArea.tokens.scrollbarThumbBackgroundColor, _TextArea.tokens.scrollbarBorderWidth, _TextArea.tokens.scrollbarTrackBackgroundColor, _TextArea.tokens.scrollbarBorderWidth);
|
|
112
115
|
var StyledHiddenTextArea = exports.StyledHiddenTextArea = /*#__PURE__*/_styledComponents["default"].textarea.withConfig({
|
|
113
116
|
componentId: "plasma-new-hope__sc-pxxv3p-13"
|
|
114
|
-
})(["max-height:none !important;min-height:var(", ") !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:", ";padding-left:var(", ",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(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");"], _TextArea.tokens.inputMinHeight, function (
|
|
115
|
-
var hasContentRight =
|
|
117
|
+
})(["max-height:none !important;min-height:var(", ") !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:", ";padding-left:var(", ",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(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");"], _TextArea.tokens.inputMinHeight, function (_ref21) {
|
|
118
|
+
var hasContentRight = _ref21.hasContentRight;
|
|
116
119
|
return hasContentRight ? "var(".concat(_TextArea.tokens.inputPaddingRightWithRightContent, ", 0)") : "var(".concat(_TextArea.tokens.inputPaddingRight, ", 0)");
|
|
117
120
|
}, _TextArea.tokens.inputPaddingLeft, _TextArea.tokens.inputFontFamily, _TextArea.tokens.inputFontSize, _TextArea.tokens.inputFontStyle, _TextArea.tokens.inputFontWeight, _TextArea.tokens.inputLetterSpacing, _TextArea.tokens.inputLineHeight);
|
|
118
121
|
var StyledHelpers = exports.StyledHelpers = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
|
@@ -129,8 +132,8 @@ var StyledRightHelper = exports.StyledRightHelper = /*#__PURE__*/(0, _styledComp
|
|
|
129
132
|
})(["color:var(", ");margin-left:auto;"], _TextArea.tokens.rightHelperColor);
|
|
130
133
|
var StyledPlaceholder = exports.StyledPlaceholder = /*#__PURE__*/_styledComponents["default"].label.withConfig({
|
|
131
134
|
componentId: "plasma-new-hope__sc-pxxv3p-18"
|
|
132
|
-
})(["box-sizing:border-box;position:absolute;pointer-events:none;display:inline-flex;align-items:center;transition:all 0.1s ease-in-out;transform-origin:top left;color:var(", ");width:100%;height:auto;top:var(", ");padding-left:var(", ");padding-right:", ";font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");"], _TextArea.tokens.placeholderColor, _TextArea.tokens.inputPaddingTop, _TextArea.tokens.inputPaddingLeft, function (
|
|
133
|
-
var hasContentRight =
|
|
135
|
+
})(["box-sizing:border-box;position:absolute;pointer-events:none;display:inline-flex;align-items:center;transition:all 0.1s ease-in-out;transform-origin:top left;color:var(", ");width:100%;height:auto;top:var(", ");padding-left:var(", ");padding-right:", ";font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");"], _TextArea.tokens.placeholderColor, _TextArea.tokens.inputPaddingTop, _TextArea.tokens.inputPaddingLeft, function (_ref22) {
|
|
136
|
+
var hasContentRight = _ref22.hasContentRight;
|
|
134
137
|
return hasContentRight ? "var(".concat(_TextArea.tokens.inputPaddingRightWithRightContent, ")") : "var(".concat(_TextArea.tokens.inputPaddingRight, ")");
|
|
135
138
|
}, _TextArea.tokens.inputFontFamily, _TextArea.tokens.inputFontSize, _TextArea.tokens.inputFontStyle, _TextArea.tokens.inputFontWeight, _TextArea.tokens.inputLetterSpacing, _TextArea.tokens.inputLineHeight);
|
|
136
139
|
var StyledIndicator = exports.StyledIndicator = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
|
@@ -254,6 +254,7 @@ export var textAreaRoot = function textAreaRoot(Root) {
|
|
|
254
254
|
hintView: hintView,
|
|
255
255
|
hintSize: hintSize
|
|
256
256
|
}), (hasOuterLabel || titleCaption) && /*#__PURE__*/React.createElement(OuterLabelWrapper, {
|
|
257
|
+
width: helperWidth,
|
|
257
258
|
isInnerLabel: labelPlacement === 'inner'
|
|
258
259
|
}, hasOuterLabel && /*#__PURE__*/React.createElement(StyledIndicatorWrapper, null, /*#__PURE__*/React.createElement(StyledLabel, null, label), hintText && /*#__PURE__*/React.createElement(StyledHintWrapper, null, /*#__PURE__*/React.createElement(HintComponent, {
|
|
259
260
|
ref: hintForkRef,
|
|
@@ -10,8 +10,11 @@ export var Hint = /*#__PURE__*/styled(Tooltip).withConfig({
|
|
|
10
10
|
})([""]);
|
|
11
11
|
export var OuterLabelWrapper = /*#__PURE__*/styled.div.withConfig({
|
|
12
12
|
componentId: "plasma-new-hope__sc-pxxv3p-1"
|
|
13
|
-
})(["display:flex;align-items:center;margin-bottom:", ";"], function (_ref) {
|
|
14
|
-
var
|
|
13
|
+
})(["display:flex;align-items:center;max-width:", ";margin-bottom:", ";"], function (_ref) {
|
|
14
|
+
var width = _ref.width;
|
|
15
|
+
return width;
|
|
16
|
+
}, function (_ref2) {
|
|
17
|
+
var isInnerLabel = _ref2.isInnerLabel;
|
|
15
18
|
return isInnerLabel ? "var(".concat(tokens.titleCaptionInnerLabelOffset, ")") : "var(".concat(tokens.labelMarginBottom, ")");
|
|
16
19
|
});
|
|
17
20
|
export var StyledLabel = /*#__PURE__*/styled.div.withConfig({
|
|
@@ -25,23 +28,23 @@ export var StyledIndicatorWrapper = /*#__PURE__*/styled.div.withConfig({
|
|
|
25
28
|
})(["position:relative;display:inline-flex;align-items:center;"]);
|
|
26
29
|
export var StyledOptionalText = /*#__PURE__*/styled.span.withConfig({
|
|
27
30
|
componentId: "plasma-new-hope__sc-pxxv3p-5"
|
|
28
|
-
})(["color:var(", ");font-family:", ";font-size:", ";font-style:", ";font-weight:", ";letter-spacing:", ";line-height:", ";"], tokens.optionalColor, function (
|
|
29
|
-
var inheritFont = _ref2.inheritFont;
|
|
30
|
-
return inheritFont ? 'inherit' : "var(".concat(tokens.labelOuterFontFamily, ", var(").concat(tokens.inputFontFamily, "))");
|
|
31
|
-
}, function (_ref3) {
|
|
31
|
+
})(["color:var(", ");font-family:", ";font-size:", ";font-style:", ";font-weight:", ";letter-spacing:", ";line-height:", ";"], tokens.optionalColor, function (_ref3) {
|
|
32
32
|
var inheritFont = _ref3.inheritFont;
|
|
33
|
-
return inheritFont ? 'inherit' : "var(".concat(tokens.
|
|
33
|
+
return inheritFont ? 'inherit' : "var(".concat(tokens.labelOuterFontFamily, ", var(").concat(tokens.inputFontFamily, "))");
|
|
34
34
|
}, function (_ref4) {
|
|
35
35
|
var inheritFont = _ref4.inheritFont;
|
|
36
|
-
return inheritFont ? 'inherit' : "var(".concat(tokens.
|
|
36
|
+
return inheritFont ? 'inherit' : "var(".concat(tokens.labelOuterFontSize, ", var(").concat(tokens.inputFontSize, "))");
|
|
37
37
|
}, function (_ref5) {
|
|
38
38
|
var inheritFont = _ref5.inheritFont;
|
|
39
|
-
return inheritFont ? 'inherit' : "var(".concat(tokens.
|
|
39
|
+
return inheritFont ? 'inherit' : "var(".concat(tokens.labelOuterFontStyle, ", var(").concat(tokens.inputFontStyle, "))");
|
|
40
40
|
}, function (_ref6) {
|
|
41
41
|
var inheritFont = _ref6.inheritFont;
|
|
42
|
-
return inheritFont ? 'inherit' : "var(".concat(tokens.
|
|
42
|
+
return inheritFont ? 'inherit' : "var(".concat(tokens.labelOuterFontWeight, ", var(").concat(tokens.inputFontWeight, "))");
|
|
43
43
|
}, function (_ref7) {
|
|
44
44
|
var inheritFont = _ref7.inheritFont;
|
|
45
|
+
return inheritFont ? 'inherit' : "var(".concat(tokens.labelOuterLetterSpacing, ", var(").concat(tokens.inputLetterSpacing, "))");
|
|
46
|
+
}, function (_ref8) {
|
|
47
|
+
var inheritFont = _ref8.inheritFont;
|
|
45
48
|
return inheritFont ? 'inherit' : "var(".concat(tokens.labelOuterLineHeight, ", var(").concat(tokens.inputLineHeight, "))");
|
|
46
49
|
});
|
|
47
50
|
export var StyledHintWrapper = /*#__PURE__*/styled.div.withConfig({
|
|
@@ -55,11 +58,11 @@ export var HintIconWrapper = /*#__PURE__*/styled.div.withConfig({
|
|
|
55
58
|
})([""]);
|
|
56
59
|
export var StyledTextAreaWrapper = /*#__PURE__*/styled.div.withConfig({
|
|
57
60
|
componentId: "plasma-new-hope__sc-pxxv3p-9"
|
|
58
|
-
})(["background-color:var(", ");padding-top:var(", ");padding-bottom:", ";border-radius:", ";"], tokens.inputBackgroundColor, tokens.inputPaddingTop, function (
|
|
59
|
-
var hasHelper = _ref8.hasHelper;
|
|
60
|
-
return hasHelper ? "var(".concat(tokens.inputPaddingBottomWithHelpers, ")") : "var(".concat(tokens.inputPaddingBottom, ")");
|
|
61
|
-
}, function (_ref9) {
|
|
61
|
+
})(["background-color:var(", ");padding-top:var(", ");padding-bottom:", ";border-radius:", ";"], tokens.inputBackgroundColor, tokens.inputPaddingTop, function (_ref9) {
|
|
62
62
|
var hasHelper = _ref9.hasHelper;
|
|
63
|
+
return hasHelper ? "var(".concat(tokens.inputPaddingBottomWithHelpers, ")") : "var(".concat(tokens.inputPaddingBottom, ")");
|
|
64
|
+
}, function (_ref10) {
|
|
65
|
+
var hasHelper = _ref10.hasHelper;
|
|
63
66
|
return hasHelper ? "var(".concat(tokens.borderRadiusWithHelpers, ")") : "var(".concat(tokens.borderRadius, ")");
|
|
64
67
|
});
|
|
65
68
|
export var StyledContent = /*#__PURE__*/styled.div.withConfig({
|
|
@@ -67,45 +70,45 @@ export var StyledContent = /*#__PURE__*/styled.div.withConfig({
|
|
|
67
70
|
})(["position:absolute;display:flex;align-items:center;bottom:0;z-index:1;color:var(", ",var(", "));top:var(", ");right:var(", ");height:var(", ");"], tokens.rightContentColor, tokens.inputColor, tokens.rightContentTop, tokens.rightContentRight, tokens.rightContentHeight);
|
|
68
71
|
export var StyledContainer = /*#__PURE__*/styled.div.withConfig({
|
|
69
72
|
componentId: "plasma-new-hope__sc-pxxv3p-11"
|
|
70
|
-
})(["display:inline-flex;flex-direction:column;width:", ";position:relative;"], function (
|
|
71
|
-
var width =
|
|
73
|
+
})(["display:inline-flex;flex-direction:column;width:", ";position:relative;"], function (_ref11) {
|
|
74
|
+
var width = _ref11.width;
|
|
72
75
|
return width;
|
|
73
76
|
});
|
|
74
77
|
export var StyledTextArea = /*#__PURE__*/styled.textarea.withConfig({
|
|
75
78
|
componentId: "plasma-new-hope__sc-pxxv3p-12"
|
|
76
|
-
})(["display:block;box-sizing:border-box;outline:none;border:none;-webkit-appearance:none;background-color:transparent;color:var(", ");caret-color:var(", ");resize:", ";--plasma_private-textarea-height:", ";--plasma_private-textarea-width:", ";--plasma_private-textarea-computed-height:", ";--plasma_private-textarea-computed-width:", ";height:var(--plasma_private-textarea-computed-height);width:var(--plasma_private-textarea-computed-width);min-width:", ";max-width:", ";min-height:var(", ");padding-right:", ";padding-left:var(", ",0);padding-top:0;padding-bottom:0;--plasma_private-textarea-helpers-computed-height:calc( var(", ",0) + var(", ",0) + var(", ") );--plasma_private-textarea-input-with-helpers-height:calc( var(--plasma_private-textarea-height) - var(--plasma_private-textarea-helpers-computed-height) + var(", ") );--plasma_private-textarea-input-without-helpers-height:calc( var(--plasma_private-textarea-computed-height) - var(", ") );--plasma_private-textarea-input-actual-height:", ";height:var(--plasma_private-textarea-input-actual-height);font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");&::placeholder{opacity:0;}&:read-only{cursor:default;}&:focus:not(:disabled){color:var(", ");}&::-webkit-scrollbar{width:var(", ");}&::-webkit-scrollbar-thumb{background-color:var(", ");background-clip:content-box;border:var(", ") solid transparent;border-radius:1rem;}&::-webkit-scrollbar-track{background-color:var(", ");background-clip:content-box;border:var(", ") solid transparent;border-radius:1rem;}"], tokens.inputColor, tokens.inputCaretColor, function (
|
|
77
|
-
var resize =
|
|
79
|
+
})(["display:block;box-sizing:border-box;outline:none;border:none;-webkit-appearance:none;background-color:transparent;color:var(", ");caret-color:var(", ");resize:", ";--plasma_private-textarea-height:", ";--plasma_private-textarea-width:", ";--plasma_private-textarea-computed-height:", ";--plasma_private-textarea-computed-width:", ";height:var(--plasma_private-textarea-computed-height);width:var(--plasma_private-textarea-computed-width);min-width:", ";max-width:", ";min-height:var(", ");padding-right:", ";padding-left:var(", ",0);padding-top:0;padding-bottom:0;--plasma_private-textarea-helpers-computed-height:calc( var(", ",0) + var(", ",0) + var(", ") );--plasma_private-textarea-input-with-helpers-height:calc( var(--plasma_private-textarea-height) - var(--plasma_private-textarea-helpers-computed-height) + var(", ") );--plasma_private-textarea-input-without-helpers-height:calc( var(--plasma_private-textarea-computed-height) - var(", ") );--plasma_private-textarea-input-actual-height:", ";height:var(--plasma_private-textarea-input-actual-height);font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");&::placeholder{opacity:0;}&:read-only{cursor:default;}&:focus:not(:disabled){color:var(", ");}&::-webkit-scrollbar{width:var(", ");}&::-webkit-scrollbar-thumb{background-color:var(", ");background-clip:content-box;border:var(", ") solid transparent;border-radius:1rem;}&::-webkit-scrollbar-track{background-color:var(", ");background-clip:content-box;border:var(", ") solid transparent;border-radius:1rem;}"], tokens.inputColor, tokens.inputCaretColor, function (_ref12) {
|
|
80
|
+
var resize = _ref12.resize;
|
|
78
81
|
return resize || 'none';
|
|
79
|
-
}, function (_ref12) {
|
|
80
|
-
var height = _ref12.height;
|
|
81
|
-
return !Number.isNaN(Number(height)) ? "calc(".concat(height, "rem - 0.875rem)") : height || "var(".concat(tokens.inputHeight, ")");
|
|
82
82
|
}, function (_ref13) {
|
|
83
|
-
var
|
|
84
|
-
return !Number.isNaN(Number(
|
|
83
|
+
var height = _ref13.height;
|
|
84
|
+
return !Number.isNaN(Number(height)) ? "calc(".concat(height, "rem - 0.875rem)") : height || "var(".concat(tokens.inputHeight, ")");
|
|
85
85
|
}, function (_ref14) {
|
|
86
|
-
var
|
|
87
|
-
return
|
|
86
|
+
var width = _ref14.width;
|
|
87
|
+
return !Number.isNaN(Number(width)) ? "".concat(width, "rem") : width || "var(".concat(tokens.inputWidth, ")");
|
|
88
88
|
}, function (_ref15) {
|
|
89
|
-
var
|
|
90
|
-
return
|
|
89
|
+
var rows = _ref15.rows;
|
|
90
|
+
return rows ? 'unset' : 'var(--plasma_private-textarea-height)';
|
|
91
91
|
}, function (_ref16) {
|
|
92
|
-
var
|
|
93
|
-
return
|
|
92
|
+
var cols = _ref16.cols;
|
|
93
|
+
return cols ? 'unset' : 'var(--plasma_private-textarea-width)';
|
|
94
94
|
}, function (_ref17) {
|
|
95
95
|
var applyCustomWidth = _ref17.applyCustomWidth;
|
|
96
96
|
return applyCustomWidth ? 'var(--plasma_private-textarea-width)' : 'auto';
|
|
97
|
-
},
|
|
98
|
-
var
|
|
97
|
+
}, function (_ref18) {
|
|
98
|
+
var applyCustomWidth = _ref18.applyCustomWidth;
|
|
99
|
+
return applyCustomWidth ? 'var(--plasma_private-textarea-width)' : 'auto';
|
|
100
|
+
}, tokens.inputMinHeight, function (_ref19) {
|
|
101
|
+
var hasContentRight = _ref19.hasContentRight;
|
|
99
102
|
return hasContentRight ? "var(".concat(tokens.inputPaddingRightWithRightContent, ", 0)") : "var(".concat(tokens.inputPaddingRight, ", 0)");
|
|
100
|
-
}, tokens.inputPaddingLeft, tokens.helpersPaddingTop, tokens.helpersPaddingBottom, tokens.helpersLineHeight, tokens.helpersOffset, tokens.inputPaddingBottom, function (
|
|
101
|
-
var hasHelper =
|
|
102
|
-
rows =
|
|
103
|
+
}, tokens.inputPaddingLeft, tokens.helpersPaddingTop, tokens.helpersPaddingBottom, tokens.helpersLineHeight, tokens.helpersOffset, tokens.inputPaddingBottom, function (_ref20) {
|
|
104
|
+
var hasHelper = _ref20.hasHelper,
|
|
105
|
+
rows = _ref20.rows;
|
|
103
106
|
return hasHelper && !rows ? 'var(--plasma_private-textarea-input-with-helpers-height)' : 'var(--plasma_private-textarea-input-without-helpers-height)';
|
|
104
107
|
}, tokens.inputFontFamily, tokens.inputFontSize, tokens.inputFontStyle, tokens.inputFontWeight, tokens.inputLetterSpacing, tokens.inputLineHeight, tokens.inputColorFocus, tokens.scrollbarWidth, tokens.scrollbarThumbBackgroundColor, tokens.scrollbarBorderWidth, tokens.scrollbarTrackBackgroundColor, tokens.scrollbarBorderWidth);
|
|
105
108
|
export var StyledHiddenTextArea = /*#__PURE__*/styled.textarea.withConfig({
|
|
106
109
|
componentId: "plasma-new-hope__sc-pxxv3p-13"
|
|
107
|
-
})(["max-height:none !important;min-height:var(", ") !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:", ";padding-left:var(", ",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(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");"], tokens.inputMinHeight, function (
|
|
108
|
-
var hasContentRight =
|
|
110
|
+
})(["max-height:none !important;min-height:var(", ") !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:", ";padding-left:var(", ",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(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");"], tokens.inputMinHeight, function (_ref21) {
|
|
111
|
+
var hasContentRight = _ref21.hasContentRight;
|
|
109
112
|
return hasContentRight ? "var(".concat(tokens.inputPaddingRightWithRightContent, ", 0)") : "var(".concat(tokens.inputPaddingRight, ", 0)");
|
|
110
113
|
}, tokens.inputPaddingLeft, tokens.inputFontFamily, tokens.inputFontSize, tokens.inputFontStyle, tokens.inputFontWeight, tokens.inputLetterSpacing, tokens.inputLineHeight);
|
|
111
114
|
export var StyledHelpers = /*#__PURE__*/styled.div.withConfig({
|
|
@@ -122,8 +125,8 @@ export var StyledRightHelper = /*#__PURE__*/styled(StyledLeftHelper).withConfig(
|
|
|
122
125
|
})(["color:var(", ");margin-left:auto;"], tokens.rightHelperColor);
|
|
123
126
|
export var StyledPlaceholder = /*#__PURE__*/styled.label.withConfig({
|
|
124
127
|
componentId: "plasma-new-hope__sc-pxxv3p-18"
|
|
125
|
-
})(["box-sizing:border-box;position:absolute;pointer-events:none;display:inline-flex;align-items:center;transition:all 0.1s ease-in-out;transform-origin:top left;color:var(", ");width:100%;height:auto;top:var(", ");padding-left:var(", ");padding-right:", ";font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");"], tokens.placeholderColor, tokens.inputPaddingTop, tokens.inputPaddingLeft, function (
|
|
126
|
-
var hasContentRight =
|
|
128
|
+
})(["box-sizing:border-box;position:absolute;pointer-events:none;display:inline-flex;align-items:center;transition:all 0.1s ease-in-out;transform-origin:top left;color:var(", ");width:100%;height:auto;top:var(", ");padding-left:var(", ");padding-right:", ";font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");"], tokens.placeholderColor, tokens.inputPaddingTop, tokens.inputPaddingLeft, function (_ref22) {
|
|
129
|
+
var hasContentRight = _ref22.hasContentRight;
|
|
127
130
|
return hasContentRight ? "var(".concat(tokens.inputPaddingRightWithRightContent, ")") : "var(".concat(tokens.inputPaddingRight, ")");
|
|
128
131
|
}, tokens.inputFontFamily, tokens.inputFontSize, tokens.inputFontStyle, tokens.inputFontWeight, tokens.inputLetterSpacing, tokens.inputLineHeight);
|
|
129
132
|
export var StyledIndicator = /*#__PURE__*/styled.div.withConfig({
|
|
@@ -2,6 +2,7 @@
|
|
|
2
2
|
export declare const Hint: import("@linaria/react").StyledMeta & import("react").FunctionComponent<import("../../engines/types").PropsType<import("../../engines/types").Variants> & import("../Tooltip").TooltipProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
3
3
|
export declare const OuterLabelWrapper: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
|
|
4
4
|
isInnerLabel: boolean;
|
|
5
|
+
width: string;
|
|
5
6
|
}>;
|
|
6
7
|
export declare const StyledLabel: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
|
|
7
8
|
export declare const TitleCaption: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
|