@salutejs/plasma-new-hope 0.196.0-canary.1579.11944847972.0 → 0.196.0-canary.1582.11949993668.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/components/Notification/NotificationsStore.js +8 -6
- package/cjs/components/Notification/NotificationsStore.js.map +1 -1
- package/cjs/components/TextArea/TextArea.js +6 -12
- package/cjs/components/TextArea/TextArea.js.map +1 -1
- package/cjs/components/TextArea/TextArea.styles.js +9 -15
- package/cjs/components/TextArea/TextArea.styles.js.map +1 -1
- package/cjs/components/TextArea/{TextArea.styles_1qybm1d.css → TextArea.styles_1ke2ihc.css} +4 -5
- package/cjs/components/TextArea/ui/Hint/Hint.css +16 -17
- package/cjs/components/TextArea/variations/_clear/base.js +1 -1
- package/cjs/components/TextArea/variations/_clear/base_iz2qkw.css +1 -0
- package/cjs/index.css +18 -19
- package/emotion/cjs/components/Notification/Notification.template-doc.mdx +1 -0
- package/emotion/cjs/components/Notification/NotificationsStore.js +8 -6
- package/emotion/cjs/components/TextArea/TextArea.js +7 -13
- package/emotion/cjs/components/TextArea/TextArea.styles.js +33 -37
- package/emotion/cjs/examples/plasma_b2c/components/TextArea/TextArea.stories.tsx +1 -8
- package/emotion/cjs/examples/plasma_web/components/TextField/TextField.stories.tsx +0 -7
- package/emotion/es/components/Notification/Notification.template-doc.mdx +1 -0
- package/emotion/es/components/Notification/NotificationsStore.js +8 -6
- package/emotion/es/components/TextArea/TextArea.js +8 -14
- package/emotion/es/components/TextArea/TextArea.styles.js +32 -36
- package/emotion/es/examples/plasma_b2c/components/TextArea/TextArea.stories.tsx +1 -8
- package/emotion/es/examples/plasma_web/components/TextField/TextField.stories.tsx +0 -7
- package/es/components/Notification/NotificationsStore.js +8 -6
- package/es/components/Notification/NotificationsStore.js.map +1 -1
- package/es/components/TextArea/TextArea.js +7 -13
- package/es/components/TextArea/TextArea.js.map +1 -1
- package/es/components/TextArea/TextArea.styles.js +10 -15
- package/es/components/TextArea/TextArea.styles.js.map +1 -1
- package/es/components/TextArea/{TextArea.styles_1qybm1d.css → TextArea.styles_1ke2ihc.css} +4 -5
- package/es/components/TextArea/ui/Hint/Hint.css +16 -17
- package/es/components/TextArea/variations/_clear/base.js +1 -1
- package/es/components/TextArea/variations/_clear/base_iz2qkw.css +1 -0
- package/es/index.css +18 -19
- package/package.json +2 -2
- package/styled-components/cjs/components/Notification/Notification.template-doc.mdx +1 -0
- package/styled-components/cjs/components/Notification/NotificationsStore.js +8 -6
- package/styled-components/cjs/components/TextArea/TextArea.js +6 -12
- package/styled-components/cjs/components/TextArea/TextArea.styles.js +5 -8
- package/styled-components/cjs/examples/plasma_b2c/components/TextArea/TextArea.stories.tsx +1 -8
- package/styled-components/cjs/examples/plasma_web/components/TextField/TextField.stories.tsx +0 -7
- package/styled-components/es/components/Notification/Notification.template-doc.mdx +1 -0
- package/styled-components/es/components/Notification/NotificationsStore.js +8 -6
- package/styled-components/es/components/TextArea/TextArea.js +7 -13
- package/styled-components/es/components/TextArea/TextArea.styles.js +4 -7
- package/styled-components/es/examples/plasma_b2c/components/TextArea/TextArea.stories.tsx +1 -8
- package/styled-components/es/examples/plasma_web/components/TextField/TextField.stories.tsx +0 -7
- package/types/components/Notification/NotificationsStore.d.ts +4 -4
- package/types/components/Notification/NotificationsStore.d.ts.map +1 -1
- package/types/components/TextArea/TextArea.d.ts.map +1 -1
- package/types/components/TextArea/TextArea.styles.d.ts +0 -1
- package/types/components/TextArea/TextArea.styles.d.ts.map +1 -1
- package/types/components/TextArea/TextArea.types.d.ts +0 -5
- package/types/components/TextArea/TextArea.types.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/TextArea/TextArea.d.ts +0 -16
- package/types/examples/plasma_b2c/components/TextArea/TextArea.d.ts.map +1 -1
- package/types/examples/plasma_web/components/TextArea/TextArea.d.ts +0 -16
- package/types/examples/plasma_web/components/TextArea/TextArea.d.ts.map +1 -1
- package/cjs/components/TextArea/variations/_clear/base_14608a0.css +0 -1
- package/es/components/TextArea/variations/_clear/base_14608a0.css +0 -1
@@ -9,23 +9,22 @@
|
|
9
9
|
.Tooltip_aay375_s1cz8cv8__390cdb21{--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);}.Tooltip_aay375_s1cz8cv8__390cdb21.Tooltip_aay375_tooltipAnimated__390cdb21 .Tooltip_aay375_popoverRoot__390cdb21{-webkit-transition:opacity 200ms ease-in-out,visibility 200ms ease-in-out;transition:opacity 200ms ease-in-out,visibility 200ms ease-in-out;}
|
10
10
|
|
11
11
|
|
12
|
-
.
|
13
|
-
.
|
14
|
-
.
|
15
|
-
.
|
16
|
-
.
|
17
|
-
.
|
18
|
-
.
|
12
|
+
.TextArea_styles_1ke2ihc_o1r1fvk8__87970d35{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-0);}
|
13
|
+
.TextArea_styles_1ke2ihc_surmvwq__87970d35{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_1ke2ihc_t18bd513__87970d35{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_1ke2ihc_s7alcr2__87970d35{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_1ke2ihc_si9oz50__87970d35{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_1ke2ihc_s18tpn65__87970d35{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_1ke2ihc_s18tpn65__87970d35.TextArea_styles_1ke2ihc_labelPlacementInner__87970d35{position:absolute;margin:0;inset:var(--plasma-textarea__hint-inner-label-placement-offset);}
|
18
|
+
.TextArea_styles_1ke2ihc_h19sfsrt__87970d35{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
|
-
.TextArea_styles_1qybm1d_s14zw9ik__ccdaf6e4{position:absolute;border-radius:50%;background-color:var(--plasma-textarea-indicator-color);}.TextArea_styles_1qybm1d_s14zw9ik__ccdaf6e4.TextArea_styles_1qybm1d_labelPlacementOuter__ccdaf6e4{width:var(--plasma-textarea-indicator-size-outer);height:var(--plasma-textarea-indicator-size-outer);inset:var(--plasma-textarea-indicator-placement-outer);}.TextArea_styles_1qybm1d_s14zw9ik__ccdaf6e4.TextArea_styles_1qybm1d_labelPlacementOuter__ccdaf6e4.TextArea_styles_1qybm1d_requiredAlignRight__ccdaf6e4{inset:var(--plasma-textarea-indicator-placement-outer-right);}.TextArea_styles_1qybm1d_s14zw9ik__ccdaf6e4.TextArea_styles_1qybm1d_labelPlacementOuter__ccdaf6e4.TextArea_styles_1qybm1d_requiredAlignRight__ccdaf6e4.TextArea_styles_1qybm1d_textareaHasHint__ccdaf6e4{right:calc(-1 * var(--plasma-textarea-indicator-size-outer));}.TextArea_styles_1qybm1d_s14zw9ik__ccdaf6e4.TextArea_styles_1qybm1d_labelPlacementInner__ccdaf6e4{width:var(--plasma-textarea-indicator-size-inner);height:var(--plasma-textarea-indicator-size-inner);inset:var(--plasma-textarea-indicator-placement-inner);}.TextArea_styles_1qybm1d_s14zw9ik__ccdaf6e4.TextArea_styles_1qybm1d_labelPlacementInner__ccdaf6e4.TextArea_styles_1qybm1d_requiredAlignRight__ccdaf6e4{inset:var(--plasma-textarea-indicator-placement-inner-right);}
|
20
|
+
.TextArea_styles_1ke2ihc_s3wsw3p__87970d35{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_1ke2ihc_stc5t23__87970d35{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_1ke2ihc_salwx57__87970d35{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_1ke2ihc_s18lndvq__87970d35{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);padding-top:0;padding-bottom:0;--plasma_private-textarea-helpers-computed-height:calc( var(--plasma-textarea-helpers-padding-top) + var(--plasma-textarea-helpers-padding-bottom) + var(--plasma-textarea-helpers-line-height) );--plasma_private-textarea-input-with-helpers-height:calc( var(--plasma_private-textarea-height) - var(--plasma_private-textarea-helpers-computed-height) + var(--plasma-textarea-helpers-offset) );--plasma_private-textarea-input-without-helpers-height:calc( var(--plasma_private-textarea-computed-height) - var(--plasma-textarea-input-padding-bottom) );--plasma_private-textarea-input-actual-height:var(--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_1ke2ihc_s18lndvq__87970d35::-webkit-input-placeholder{opacity:0;}.TextArea_styles_1ke2ihc_s18lndvq__87970d35::-moz-placeholder{opacity:0;}.TextArea_styles_1ke2ihc_s18lndvq__87970d35:-ms-input-placeholder{opacity:0;}.TextArea_styles_1ke2ihc_s18lndvq__87970d35::placeholder{opacity:0;}.TextArea_styles_1ke2ihc_s18lndvq__87970d35:-moz-read-only{cursor:default;}.TextArea_styles_1ke2ihc_s18lndvq__87970d35:read-only{cursor:default;}.TextArea_styles_1ke2ihc_s18lndvq__87970d35:focus:not(:disabled){color:var(--plasma-textarea-input-color-focus);}.TextArea_styles_1ke2ihc_s18lndvq__87970d35::-webkit-scrollbar{width:var(--plasma-textarea-scrollbar-width);}.TextArea_styles_1ke2ihc_s18lndvq__87970d35::-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_1ke2ihc_s18lndvq__87970d35::-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_1ke2ihc_s183p45n__87970d35{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);}
|
25
|
+
.TextArea_styles_1ke2ihc_snf439a__87970d35{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);}
|
26
|
+
.TextArea_styles_1ke2ihc_suev9vb__87970d35.TextArea_styles_1ke2ihc_snf439a__87970d35{color:var(--plasma-textarea-right-helper-color);margin-left:auto;}
|
27
|
+
.TextArea_styles_1ke2ihc_s7jal92__87970d35{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(--s7jal92-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);}
|
28
|
+
.TextArea_styles_1ke2ihc_s11kd6xq__87970d35{position:absolute;border-radius:50%;background-color:var(--plasma-textarea-indicator-color);}.TextArea_styles_1ke2ihc_s11kd6xq__87970d35.TextArea_styles_1ke2ihc_labelPlacementOuter__87970d35{width:var(--plasma-textarea-indicator-size-outer);height:var(--plasma-textarea-indicator-size-outer);inset:var(--plasma-textarea-indicator-placement-outer);}.TextArea_styles_1ke2ihc_s11kd6xq__87970d35.TextArea_styles_1ke2ihc_labelPlacementOuter__87970d35.TextArea_styles_1ke2ihc_requiredAlignRight__87970d35{inset:var(--plasma-textarea-indicator-placement-outer-right);}.TextArea_styles_1ke2ihc_s11kd6xq__87970d35.TextArea_styles_1ke2ihc_labelPlacementOuter__87970d35.TextArea_styles_1ke2ihc_requiredAlignRight__87970d35.TextArea_styles_1ke2ihc_textareaHasHint__87970d35{right:calc(-1 * var(--plasma-textarea-indicator-size-outer));}.TextArea_styles_1ke2ihc_s11kd6xq__87970d35.TextArea_styles_1ke2ihc_labelPlacementInner__87970d35{width:var(--plasma-textarea-indicator-size-inner);height:var(--plasma-textarea-indicator-size-inner);inset:var(--plasma-textarea-indicator-placement-inner);}.TextArea_styles_1ke2ihc_s11kd6xq__87970d35.TextArea_styles_1ke2ihc_labelPlacementInner__87970d35.TextArea_styles_1ke2ihc_requiredAlignRight__87970d35{inset:var(--plasma-textarea-indicator-placement-inner-right);}
|
30
29
|
|
31
30
|
.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);}
|
@@ -0,0 +1 @@
|
|
1
|
+
.b1x0cx6o.textarea-clear{border:unset;}.b1x0cx6o.textarea-clear .s3wsw3p{box-shadow:unset;background-color:unset;border-radius:0;padding-bottom:var(--plasma-textarea-input-padding-top);}.b1x0cx6o.textarea-clear .o1r1fvk8{margin-bottom:var(--plasma-textarea-clear-label-margin-bottom);}.b1x0cx6o.textarea-clear .stc5t23{right:0;bottom:unset;}.b1x0cx6o.textarea-clear .s18lndvq,.b1x0cx6o.textarea-clear .s183p45n{padding-left:0;}.b1x0cx6o.textarea-clear .s183p45n{background-color:unset;border-radius:0;padding-top:var(--plasma-textarea-clear-helpers-padding-top);padding-right:0;}.b1x0cx6o.textarea-clear .s18lndvq{color:var(--plasma-textarea-input-clear-color);padding-right:0;}.b1x0cx6o.textarea-clear .s18lndvq.textarea-has-right-content{padding-right:var(--plasma-textarea-clear-input-padding-right-with-right-content);}.b1x0cx6o.textarea-clear .salwx57:not(.inner-placeholder-up) .s7jal92{color:var(--plasma-textarea-clear-placeholder-color);}.b1x0cx6o.textarea-clear .salwx57:not(.inner-placeholder-up).focused-outer-placeholder-color .s7jal92{color:var(--plasma-textarea-clear-placeholder-color-focus);}.b1x0cx6o.textarea-clear .salwx57.inner-placeholder-up{color:var(--plasma-textarea-placeholder-color);}.b1x0cx6o.textarea-clear .s7jal92{padding-left:0;}.b1x0cx6o.textarea-clear .s11kd6xq.label-placement-inner{inset:var(--plasma-textarea__clear-indicator-placement-inner);}.b1x0cx6o.textarea-clear .s11kd6xq.label-placement-inner.required-align-right{inset:var(--plasma-textarea__clear-indicator-placement-inner-right);}.b1x0cx6o.textarea-clear.textarea-has-hint .s18tpn65.label-placement-inner{inset:var(--plasma-textarea__clear-hint-inner-label-placement-offset);}.b1x0cx6o.textarea-clear.textarea-has-hint .s11kd6xq.label-placement-inner.required-align-right{inset:var(--plasma-textarea__clear-indicator-hint-placement-inner-right);}.b1x0cx6o.textarea-clear .textarea-container{border:unset;border-radius:0;}.b1x0cx6o.textarea-clear:focus-within:not([readonly]) .textarea-wrapper{background-color:unset;box-shadow:unset;}.b1x0cx6o.textarea-clear:focus-within:not([readonly]) .textarea-container{border:unset;}.b1x0cx6o.textarea-clear:focus-within:not([readonly]) .textarea-helpers{background-color:unset;}.b1x0cx6o.textarea-clear.textarea-has-divider .s3wsw3p{position:relative;--plasma_private-textarea-divider-color:var(--plasma-textarea-divider-color);}.b1x0cx6o.textarea-clear.textarea-has-divider .s3wsw3p:before{content:'';position:absolute;height:0.063rem;width:100%;bottom:0;left:0;background-color:var(--plasma_private-textarea-divider-color);-webkit-transition:background-color 0.1s ease-in;transition:background-color 0.1s ease-in;}.b1x0cx6o.textarea-clear.textarea-has-divider:not([readonly]) .s3wsw3p:hover{--plasma_private-textarea-divider-color:var( --plasma-textarea-divider-color-hover, var(--plasma-textarea-divider-color) );}.b1x0cx6o.textarea-clear.textarea-has-divider:not([readonly]) .s3wsw3p:focus-within{--plasma_private-textarea-divider-color:var( --plasma-textarea-divider-color-focus, var(--plasma-textarea-divider-color) );}
|
package/es/index.css
CHANGED
@@ -129,28 +129,27 @@
|
|
129
129
|
.Popover_styles_rmr9za_s16xlixz__0bafa6fb{position:absolute;z-index:var(--s16xlixz-0);}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='top'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb{bottom:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='bottom'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb{top:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='bottom'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='left'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb{right:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='left'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb::before{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='right'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb{left:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='right'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb::before{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='top-start'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb{bottom:calc(0px - var(--plasma-popover-arrow-height));left:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='top-end'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb{bottom:calc(0px - var(--plasma-popover-arrow-height));left:unset !important;right:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='bottom-start'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb{top:calc(0px - var(--plasma-popover-arrow-height));left:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='bottom-start'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='bottom-end'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb{top:calc(0px - var(--plasma-popover-arrow-height));left:unset !important;right:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='bottom-end'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='left-start'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb,.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='right-start'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb{top:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='left-end'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb,.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='right-end'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb{top:unset !important;bottom:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}
|
130
130
|
|
131
131
|
|
132
|
-
.
|
133
|
-
.
|
134
|
-
.
|
135
|
-
.
|
136
|
-
.
|
137
|
-
.
|
138
|
-
.
|
139
|
-
|
140
|
-
.
|
141
|
-
.
|
142
|
-
.
|
143
|
-
.
|
144
|
-
.
|
145
|
-
.
|
146
|
-
.
|
147
|
-
.
|
148
|
-
.
|
149
|
-
.TextArea_styles_1qybm1d_s14zw9ik__ccdaf6e4{position:absolute;border-radius:50%;background-color:var(--plasma-textarea-indicator-color);}.TextArea_styles_1qybm1d_s14zw9ik__ccdaf6e4.TextArea_styles_1qybm1d_labelPlacementOuter__ccdaf6e4{width:var(--plasma-textarea-indicator-size-outer);height:var(--plasma-textarea-indicator-size-outer);inset:var(--plasma-textarea-indicator-placement-outer);}.TextArea_styles_1qybm1d_s14zw9ik__ccdaf6e4.TextArea_styles_1qybm1d_labelPlacementOuter__ccdaf6e4.TextArea_styles_1qybm1d_requiredAlignRight__ccdaf6e4{inset:var(--plasma-textarea-indicator-placement-outer-right);}.TextArea_styles_1qybm1d_s14zw9ik__ccdaf6e4.TextArea_styles_1qybm1d_labelPlacementOuter__ccdaf6e4.TextArea_styles_1qybm1d_requiredAlignRight__ccdaf6e4.TextArea_styles_1qybm1d_textareaHasHint__ccdaf6e4{right:calc(-1 * var(--plasma-textarea-indicator-size-outer));}.TextArea_styles_1qybm1d_s14zw9ik__ccdaf6e4.TextArea_styles_1qybm1d_labelPlacementInner__ccdaf6e4{width:var(--plasma-textarea-indicator-size-inner);height:var(--plasma-textarea-indicator-size-inner);inset:var(--plasma-textarea-indicator-placement-inner);}.TextArea_styles_1qybm1d_s14zw9ik__ccdaf6e4.TextArea_styles_1qybm1d_labelPlacementInner__ccdaf6e4.TextArea_styles_1qybm1d_requiredAlignRight__ccdaf6e4{inset:var(--plasma-textarea-indicator-placement-inner-right);}
|
132
|
+
.TextArea_styles_1ke2ihc_o1r1fvk8__87970d35{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-0);}
|
133
|
+
.TextArea_styles_1ke2ihc_surmvwq__87970d35{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));}
|
134
|
+
.TextArea_styles_1ke2ihc_t18bd513__87970d35{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);}
|
135
|
+
.TextArea_styles_1ke2ihc_s7alcr2__87970d35{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;}
|
136
|
+
.TextArea_styles_1ke2ihc_si9oz50__87970d35{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);}
|
137
|
+
.TextArea_styles_1ke2ihc_s18tpn65__87970d35{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_1ke2ihc_s18tpn65__87970d35.TextArea_styles_1ke2ihc_labelPlacementInner__87970d35{position:absolute;margin:0;inset:var(--plasma-textarea__hint-inner-label-placement-offset);}
|
138
|
+
.TextArea_styles_1ke2ihc_h19sfsrt__87970d35{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;}
|
139
|
+
|
140
|
+
.TextArea_styles_1ke2ihc_s3wsw3p__87970d35{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);}
|
141
|
+
.TextArea_styles_1ke2ihc_stc5t23__87970d35{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);}
|
142
|
+
.TextArea_styles_1ke2ihc_salwx57__87970d35{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;}
|
143
|
+
.TextArea_styles_1ke2ihc_s18lndvq__87970d35{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);padding-top:0;padding-bottom:0;--plasma_private-textarea-helpers-computed-height:calc( var(--plasma-textarea-helpers-padding-top) + var(--plasma-textarea-helpers-padding-bottom) + var(--plasma-textarea-helpers-line-height) );--plasma_private-textarea-input-with-helpers-height:calc( var(--plasma_private-textarea-height) - var(--plasma_private-textarea-helpers-computed-height) + var(--plasma-textarea-helpers-offset) );--plasma_private-textarea-input-without-helpers-height:calc( var(--plasma_private-textarea-computed-height) - var(--plasma-textarea-input-padding-bottom) );--plasma_private-textarea-input-actual-height:var(--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_1ke2ihc_s18lndvq__87970d35::-webkit-input-placeholder{opacity:0;}.TextArea_styles_1ke2ihc_s18lndvq__87970d35::-moz-placeholder{opacity:0;}.TextArea_styles_1ke2ihc_s18lndvq__87970d35:-ms-input-placeholder{opacity:0;}.TextArea_styles_1ke2ihc_s18lndvq__87970d35::placeholder{opacity:0;}.TextArea_styles_1ke2ihc_s18lndvq__87970d35:-moz-read-only{cursor:default;}.TextArea_styles_1ke2ihc_s18lndvq__87970d35:read-only{cursor:default;}.TextArea_styles_1ke2ihc_s18lndvq__87970d35:focus:not(:disabled){color:var(--plasma-textarea-input-color-focus);}.TextArea_styles_1ke2ihc_s18lndvq__87970d35::-webkit-scrollbar{width:var(--plasma-textarea-scrollbar-width);}.TextArea_styles_1ke2ihc_s18lndvq__87970d35::-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_1ke2ihc_s18lndvq__87970d35::-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;}
|
144
|
+
.TextArea_styles_1ke2ihc_s183p45n__87970d35{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);}
|
145
|
+
.TextArea_styles_1ke2ihc_snf439a__87970d35{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);}
|
146
|
+
.TextArea_styles_1ke2ihc_suev9vb__87970d35.TextArea_styles_1ke2ihc_snf439a__87970d35{color:var(--plasma-textarea-right-helper-color);margin-left:auto;}
|
147
|
+
.TextArea_styles_1ke2ihc_s7jal92__87970d35{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(--s7jal92-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);}
|
148
|
+
.TextArea_styles_1ke2ihc_s11kd6xq__87970d35{position:absolute;border-radius:50%;background-color:var(--plasma-textarea-indicator-color);}.TextArea_styles_1ke2ihc_s11kd6xq__87970d35.TextArea_styles_1ke2ihc_labelPlacementOuter__87970d35{width:var(--plasma-textarea-indicator-size-outer);height:var(--plasma-textarea-indicator-size-outer);inset:var(--plasma-textarea-indicator-placement-outer);}.TextArea_styles_1ke2ihc_s11kd6xq__87970d35.TextArea_styles_1ke2ihc_labelPlacementOuter__87970d35.TextArea_styles_1ke2ihc_requiredAlignRight__87970d35{inset:var(--plasma-textarea-indicator-placement-outer-right);}.TextArea_styles_1ke2ihc_s11kd6xq__87970d35.TextArea_styles_1ke2ihc_labelPlacementOuter__87970d35.TextArea_styles_1ke2ihc_requiredAlignRight__87970d35.TextArea_styles_1ke2ihc_textareaHasHint__87970d35{right:calc(-1 * var(--plasma-textarea-indicator-size-outer));}.TextArea_styles_1ke2ihc_s11kd6xq__87970d35.TextArea_styles_1ke2ihc_labelPlacementInner__87970d35{width:var(--plasma-textarea-indicator-size-inner);height:var(--plasma-textarea-indicator-size-inner);inset:var(--plasma-textarea-indicator-placement-inner);}.TextArea_styles_1ke2ihc_s11kd6xq__87970d35.TextArea_styles_1ke2ihc_labelPlacementInner__87970d35.TextArea_styles_1ke2ihc_requiredAlignRight__87970d35{inset:var(--plasma-textarea-indicator-placement-inner-right);}
|
150
149
|
|
151
150
|
.base_1xgrm3x_bofyi4a__b6511486 .base_1xgrm3x_t18bd513__b6511486{color:var(--plasma-textarea__title-caption-color);}.base_1xgrm3x_bofyi4a__b6511486 .base_1xgrm3x_textareaContainer__b6511486{-webkit-transition:box-shadow 0.1s ease-in-out;transition:box-shadow 0.1s ease-in-out;border-radius:var(--plasma-textarea-border-radius);border:var(--plasma-textarea-border-size) solid var(--plasma-textarea-border-color);}.base_1xgrm3x_bofyi4a__b6511486 .base_1xgrm3x_textareaWrapper__b6511486{-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_1xgrm3x_bofyi4a__b6511486:focus-within:not([readonly]) .base_1xgrm3x_textareaWrapper__b6511486{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_1xgrm3x_bofyi4a__b6511486:focus-within:not([readonly]) .base_1xgrm3x_textareaContainer__b6511486{border:var(--plasma-textarea-border-size) solid var(--plasma-textarea-border-color-focus);}.base_1xgrm3x_bofyi4a__b6511486:focus-within:not([readonly]) .base_1xgrm3x_textareaHelpers__b6511486{background-color:var(--plasma-textarea-helpers-background-color-focus);}.base_1xgrm3x_bofyi4a__b6511486:hover:not(.base_1xgrm3x_textareaClear__b6511486):not([disabled]):not([readonly]):not(:focus-within) .base_1xgrm3x_textareaContainer__b6511486{border:var(--plasma-textarea-border-size) solid var(--plasma-textarea-border-color-hover);}.base_1xgrm3x_bofyi4a__b6511486:hover:not(.base_1xgrm3x_textareaClear__b6511486):not([disabled]):not([readonly]):not(:focus-within) .base_1xgrm3x_textareaWrapper__b6511486{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_1xgrm3x_bofyi4a__b6511486:hover:not(.base_1xgrm3x_textareaClear__b6511486):not([disabled]):not([readonly]):not(:focus-within) .base_1xgrm3x_textareaWrapper__b6511486 + .base_1xgrm3x_textareaHelpers__b6511486{background-color:var(--plasma-textarea-helpers-background-color-hover);}.base_1xgrm3x_bofyi4a__b6511486:active:not(.base_1xgrm3x_textareaClear__b6511486):not([disabled]):not([readonly]):not(:focus-within) .base_1xgrm3x_textareaWrapper__b6511486{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_1xgrm3x_bofyi4a__b6511486:active:not(.base_1xgrm3x_textareaClear__b6511486):not([disabled]):not([readonly]):not(:focus-within) .base_1xgrm3x_textareaWrapper__b6511486 + .base_1xgrm3x_textareaHelpers__b6511486{background-color:var(--plasma-textarea-helpers-background-color-active);}
|
152
151
|
|
153
|
-
.
|
152
|
+
.base_iz2qkw_b1x0cx6o__9c874b5e.base_iz2qkw_textareaClear__9c874b5e{border:unset;}.base_iz2qkw_b1x0cx6o__9c874b5e.base_iz2qkw_textareaClear__9c874b5e .base_iz2qkw_s3wsw3p__9c874b5e{box-shadow:unset;background-color:unset;border-radius:0;padding-bottom:var(--plasma-textarea-input-padding-top);}.base_iz2qkw_b1x0cx6o__9c874b5e.base_iz2qkw_textareaClear__9c874b5e .base_iz2qkw_o1r1fvk8__9c874b5e{margin-bottom:var(--plasma-textarea-clear-label-margin-bottom);}.base_iz2qkw_b1x0cx6o__9c874b5e.base_iz2qkw_textareaClear__9c874b5e .base_iz2qkw_stc5t23__9c874b5e{right:0;bottom:unset;}.base_iz2qkw_b1x0cx6o__9c874b5e.base_iz2qkw_textareaClear__9c874b5e .base_iz2qkw_s18lndvq__9c874b5e,.base_iz2qkw_b1x0cx6o__9c874b5e.base_iz2qkw_textareaClear__9c874b5e .base_iz2qkw_s183p45n__9c874b5e{padding-left:0;}.base_iz2qkw_b1x0cx6o__9c874b5e.base_iz2qkw_textareaClear__9c874b5e .base_iz2qkw_s183p45n__9c874b5e{background-color:unset;border-radius:0;padding-top:var(--plasma-textarea-clear-helpers-padding-top);padding-right:0;}.base_iz2qkw_b1x0cx6o__9c874b5e.base_iz2qkw_textareaClear__9c874b5e .base_iz2qkw_s18lndvq__9c874b5e{color:var(--plasma-textarea-input-clear-color);padding-right:0;}.base_iz2qkw_b1x0cx6o__9c874b5e.base_iz2qkw_textareaClear__9c874b5e .base_iz2qkw_s18lndvq__9c874b5e.base_iz2qkw_textareaHasRightContent__9c874b5e{padding-right:var(--plasma-textarea-clear-input-padding-right-with-right-content);}.base_iz2qkw_b1x0cx6o__9c874b5e.base_iz2qkw_textareaClear__9c874b5e .base_iz2qkw_salwx57__9c874b5e:not(.base_iz2qkw_innerPlaceholderUp__9c874b5e) .base_iz2qkw_s7jal92__9c874b5e{color:var(--plasma-textarea-clear-placeholder-color);}.base_iz2qkw_b1x0cx6o__9c874b5e.base_iz2qkw_textareaClear__9c874b5e .base_iz2qkw_salwx57__9c874b5e:not(.base_iz2qkw_innerPlaceholderUp__9c874b5e).base_iz2qkw_focusedOuterPlaceholderColor__9c874b5e .base_iz2qkw_s7jal92__9c874b5e{color:var(--plasma-textarea-clear-placeholder-color-focus);}.base_iz2qkw_b1x0cx6o__9c874b5e.base_iz2qkw_textareaClear__9c874b5e .base_iz2qkw_salwx57__9c874b5e.base_iz2qkw_innerPlaceholderUp__9c874b5e{color:var(--plasma-textarea-placeholder-color);}.base_iz2qkw_b1x0cx6o__9c874b5e.base_iz2qkw_textareaClear__9c874b5e .base_iz2qkw_s7jal92__9c874b5e{padding-left:0;}.base_iz2qkw_b1x0cx6o__9c874b5e.base_iz2qkw_textareaClear__9c874b5e .base_iz2qkw_s11kd6xq__9c874b5e.base_iz2qkw_labelPlacementInner__9c874b5e{inset:var(--plasma-textarea__clear-indicator-placement-inner);}.base_iz2qkw_b1x0cx6o__9c874b5e.base_iz2qkw_textareaClear__9c874b5e .base_iz2qkw_s11kd6xq__9c874b5e.base_iz2qkw_labelPlacementInner__9c874b5e.base_iz2qkw_requiredAlignRight__9c874b5e{inset:var(--plasma-textarea__clear-indicator-placement-inner-right);}.base_iz2qkw_b1x0cx6o__9c874b5e.base_iz2qkw_textareaClear__9c874b5e.base_iz2qkw_textareaHasHint__9c874b5e .base_iz2qkw_s18tpn65__9c874b5e.base_iz2qkw_labelPlacementInner__9c874b5e{inset:var(--plasma-textarea__clear-hint-inner-label-placement-offset);}.base_iz2qkw_b1x0cx6o__9c874b5e.base_iz2qkw_textareaClear__9c874b5e.base_iz2qkw_textareaHasHint__9c874b5e .base_iz2qkw_s11kd6xq__9c874b5e.base_iz2qkw_labelPlacementInner__9c874b5e.base_iz2qkw_requiredAlignRight__9c874b5e{inset:var(--plasma-textarea__clear-indicator-hint-placement-inner-right);}.base_iz2qkw_b1x0cx6o__9c874b5e.base_iz2qkw_textareaClear__9c874b5e .base_iz2qkw_textareaContainer__9c874b5e{border:unset;border-radius:0;}.base_iz2qkw_b1x0cx6o__9c874b5e.base_iz2qkw_textareaClear__9c874b5e:focus-within:not([readonly]) .base_iz2qkw_textareaWrapper__9c874b5e{background-color:unset;box-shadow:unset;}.base_iz2qkw_b1x0cx6o__9c874b5e.base_iz2qkw_textareaClear__9c874b5e:focus-within:not([readonly]) .base_iz2qkw_textareaContainer__9c874b5e{border:unset;}.base_iz2qkw_b1x0cx6o__9c874b5e.base_iz2qkw_textareaClear__9c874b5e:focus-within:not([readonly]) .base_iz2qkw_textareaHelpers__9c874b5e{background-color:unset;}.base_iz2qkw_b1x0cx6o__9c874b5e.base_iz2qkw_textareaClear__9c874b5e.base_iz2qkw_textareaHasDivider__9c874b5e .base_iz2qkw_s3wsw3p__9c874b5e{position:relative;--plasma_private-textarea-divider-color:var(--plasma-textarea-divider-color);}.base_iz2qkw_b1x0cx6o__9c874b5e.base_iz2qkw_textareaClear__9c874b5e.base_iz2qkw_textareaHasDivider__9c874b5e .base_iz2qkw_s3wsw3p__9c874b5e:before{content:'';position:absolute;height:0.063rem;width:100%;bottom:0;left:0;background-color:var(--plasma_private-textarea-divider-color);-webkit-transition:background-color 0.1s ease-in;transition:background-color 0.1s ease-in;}.base_iz2qkw_b1x0cx6o__9c874b5e.base_iz2qkw_textareaClear__9c874b5e.base_iz2qkw_textareaHasDivider__9c874b5e:not([readonly]) .base_iz2qkw_s3wsw3p__9c874b5e:hover{--plasma_private-textarea-divider-color:var( --plasma-textarea-divider-color-hover, var(--plasma-textarea-divider-color) );}.base_iz2qkw_b1x0cx6o__9c874b5e.base_iz2qkw_textareaClear__9c874b5e.base_iz2qkw_textareaHasDivider__9c874b5e:not([readonly]) .base_iz2qkw_s3wsw3p__9c874b5e:focus-within{--plasma_private-textarea-divider-color:var( --plasma-textarea-divider-color-focus, var(--plasma-textarea-divider-color) );}
|
154
153
|
|
155
154
|
.base_4q50ag_b1w9g1pa__4e22704f[disabled]{opacity:var(--plasma-textarea-disabled-opacity);cursor:not-allowed;}.base_4q50ag_b1w9g1pa__4e22704f[disabled]:hover,.base_4q50ag_b1w9g1pa__4e22704f[disabled]:active{-webkit-transform:none;-ms-transform:none;transform:none;}.base_4q50ag_b1w9g1pa__4e22704f .base_4q50ag_textarea__4e22704f:disabled{cursor:not-allowed;color:var(--plasma-textarea-input-color-disabled);}
|
156
155
|
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@salutejs/plasma-new-hope",
|
3
|
-
"version": "0.196.0-canary.
|
3
|
+
"version": "0.196.0-canary.1582.11949993668.0",
|
4
4
|
"description": "Salute Design System blueprint",
|
5
5
|
"main": "cjs/index.js",
|
6
6
|
"module": "es/index.js",
|
@@ -129,5 +129,5 @@
|
|
129
129
|
"sideEffects": [
|
130
130
|
"*.css"
|
131
131
|
],
|
132
|
-
"gitHead": "
|
132
|
+
"gitHead": "a78f3378b3b409959bf23497cca515ac591fb1a5"
|
133
133
|
}
|
@@ -37,6 +37,7 @@ ReactDOM.render(
|
|
37
37
|
### Вызов уведомления
|
38
38
|
После подключения `NotificationsProvider` станет возможен вызов функции `addNotification`, который приведет к отображению оповещения.
|
39
39
|
Функция принимает значения свойств компонента `Notification`, включая необязательное поле `id`. И возвращает сгенерированный или переданный `id`, по которому можно закрыть оповещение через вызов `closeNotification`.
|
40
|
+
Оповещение закроется автоматически по истечению указанного `timeout` в миллисекундах или будет висеть вечно, если передан `0` или `null`.
|
40
41
|
|
41
42
|
```tsx live
|
42
43
|
import React from 'react';
|
@@ -60,9 +60,9 @@ var closeNotification = exports.closeNotification = function closeNotification(i
|
|
60
60
|
};
|
61
61
|
|
62
62
|
/**
|
63
|
-
* Открыть новое
|
64
|
-
* @param props Пропсы всплывающего
|
65
|
-
* @return Идентификатор нового
|
63
|
+
* Открыть новое оповещение.
|
64
|
+
* @param props Пропсы всплывающего оповещения
|
65
|
+
* @return Идентификатор нового оповещения
|
66
66
|
*/
|
67
67
|
function addNotification(_ref4) {
|
68
68
|
var externalId = _ref4.id,
|
@@ -74,8 +74,10 @@ function addNotification(_ref4) {
|
|
74
74
|
id: id,
|
75
75
|
isHidden: false
|
76
76
|
}));
|
77
|
-
|
78
|
-
|
79
|
-
|
77
|
+
if (timeout !== 0 && timeout !== null) {
|
78
|
+
setTimeout(function () {
|
79
|
+
return closeNotification(id);
|
80
|
+
}, timeout);
|
81
|
+
}
|
80
82
|
return id;
|
81
83
|
}
|
@@ -21,7 +21,7 @@ var _base4 = /*#__PURE__*/require("./variations/_disabled/base");
|
|
21
21
|
var _base5 = /*#__PURE__*/require("./variations/_hint-view/base");
|
22
22
|
var _base6 = /*#__PURE__*/require("./variations/_hint-size/base");
|
23
23
|
var _Hint = /*#__PURE__*/require("./ui/Hint/Hint");
|
24
|
-
var _excluded = ["helperText", "status", "resize", "rightHelper", "leftHelper", "
|
24
|
+
var _excluded = ["helperText", "status", "resize", "rightHelper", "leftHelper", "contentRight", "autoResize", "minAuto", "maxAuto", "label", "labelPlacement", "titleCaption", "placeholder", "defaultValue", "height", "width", "value", "disabled", "required", "requiredPlacement", "optional", "clear", "hasDivider", "size", "view", "id", "style", "className", "readOnly", "rows", "cols", "hintTrigger", "hintText", "hintView", "hintSize", "hintTargetIcon", "hintPlacement", "hintHasArrow", "hintOffset", "hintWidth", "hintContentLeft", "onChange"];
|
25
25
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
26
26
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
27
27
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
@@ -88,8 +88,6 @@ var textAreaRoot = exports.textAreaRoot = function textAreaRoot(Root) {
|
|
88
88
|
resize = props.resize,
|
89
89
|
rightHelper = props.rightHelper,
|
90
90
|
leftHelper = props.leftHelper,
|
91
|
-
_props$helperPlacemen = props.helperPlacement,
|
92
|
-
helperPlacement = _props$helperPlacemen === void 0 ? 'inner' : _props$helperPlacemen,
|
93
91
|
contentRight = props.contentRight,
|
94
92
|
_props$autoResize = props.autoResize,
|
95
93
|
autoResize = _props$autoResize === void 0 ? false : _props$autoResize,
|
@@ -166,7 +164,6 @@ var textAreaRoot = exports.textAreaRoot = function textAreaRoot(Root) {
|
|
166
164
|
var hasOuterLabel = Boolean(label && labelPlacement === 'outer');
|
167
165
|
var hasInnerLabel = Boolean(label && labelPlacement === 'inner' && size !== 'xs');
|
168
166
|
var hasPlaceholderOptional = innerOptional && !hasOuterLabel;
|
169
|
-
var hasInnerHelperPlacement = helperPlacement === 'inner';
|
170
167
|
var overriddenView = status !== undefined ? fallbackStatusMap[status] : view;
|
171
168
|
var textareaHelperId = id ? "".concat(id, "-helper") : undefined;
|
172
169
|
var applyCustomWidth = resize !== 'horizontal' && resize !== 'both' && !cols;
|
@@ -238,7 +235,6 @@ var textAreaRoot = exports.textAreaRoot = function textAreaRoot(Root) {
|
|
238
235
|
var optionalTextNode = innerOptional ? /*#__PURE__*/_react["default"].createElement(_TextArea.StyledOptionalText, {
|
239
236
|
inheritFont: !hasOuterLabel
|
240
237
|
}, Boolean(hasPlaceholderOptional ? placeholderLabel : label) && '\xa0', optionalText) : null;
|
241
|
-
var helperNode = hasHelper && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, (leftHelper || helperText) && /*#__PURE__*/_react["default"].createElement(_TextArea.StyledLeftHelper, null, leftHelper || helperText), rightHelper && /*#__PURE__*/_react["default"].createElement(_TextArea.StyledRightHelper, null, rightHelper));
|
242
238
|
return /*#__PURE__*/_react["default"].createElement(Root, _extends({
|
243
239
|
view: overriddenView,
|
244
240
|
size: size,
|
@@ -295,8 +291,8 @@ var textAreaRoot = exports.textAreaRoot = function textAreaRoot(Root) {
|
|
295
291
|
handleHintHide: handleHintHide,
|
296
292
|
handleHintClick: handleHintClick
|
297
293
|
}))), contentRight && /*#__PURE__*/_react["default"].createElement(_TextArea.StyledContent, null, contentRight), /*#__PURE__*/_react["default"].createElement(_TextArea.StyledTextAreaWrapper, {
|
298
|
-
className:
|
299
|
-
hasHelper: hasHelper
|
294
|
+
className: styledTextAreaWrapper,
|
295
|
+
hasHelper: hasHelper
|
300
296
|
}, /*#__PURE__*/_react["default"].createElement(_TextArea.StyledTextArea, _extends({
|
301
297
|
className: (0, _utils.cx)(styledTextArea, hasRightContentClass),
|
302
298
|
id: id,
|
@@ -316,16 +312,14 @@ var textAreaRoot = exports.textAreaRoot = function textAreaRoot(Root) {
|
|
316
312
|
resize: resize,
|
317
313
|
defaultValue: defaultValue,
|
318
314
|
onChange: onChangeHandler
|
319
|
-
}, rest))), hasHelper &&
|
315
|
+
}, rest))), hasHelper && /*#__PURE__*/_react["default"].createElement(_TextArea.StyledHelpers, {
|
320
316
|
className: styledHelpers,
|
321
317
|
id: textareaHelperId
|
322
|
-
},
|
318
|
+
}, (leftHelper || helperText) && /*#__PURE__*/_react["default"].createElement(_TextArea.StyledLeftHelper, null, leftHelper || helperText), rightHelper && /*#__PURE__*/_react["default"].createElement(_TextArea.StyledRightHelper, null, rightHelper)), placeholderLabel && /*#__PURE__*/_react["default"].createElement(_TextArea.StyledPlaceholder, {
|
323
319
|
hasContentRight: Boolean(contentRight),
|
324
320
|
className: styledPlaceholder,
|
325
321
|
htmlFor: id
|
326
|
-
}, placeholderLabel, !hasOuterLabel && optionalTextNode))
|
327
|
-
id: textareaHelperId
|
328
|
-
}, helperNode));
|
322
|
+
}, placeholderLabel, !hasOuterLabel && optionalTextNode)));
|
329
323
|
});
|
330
324
|
};
|
331
325
|
var textAreaConfig = exports.textAreaConfig = {
|
@@ -3,7 +3,7 @@
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
4
4
|
value: true
|
5
5
|
});
|
6
|
-
exports.TitleCaption = exports.StyledTextAreaWrapper = exports.StyledTextArea = exports.StyledRightHelper = exports.StyledPlaceholder = exports.
|
6
|
+
exports.TitleCaption = exports.StyledTextAreaWrapper = exports.StyledTextArea = exports.StyledRightHelper = exports.StyledPlaceholder = exports.StyledOptionalText = exports.StyledLeftHelper = exports.StyledLabel = exports.StyledIndicatorWrapper = exports.StyledIndicator = exports.StyledHintWrapper = exports.StyledHelpers = exports.StyledContent = exports.StyledContainer = exports.OuterLabelWrapper = exports.HintTargetWrapper = exports.HintIconWrapper = exports.Hint = void 0;
|
7
7
|
var _styledComponents = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("styled-components"));
|
8
8
|
var _mixins = /*#__PURE__*/require("../../mixins");
|
9
9
|
var _Tooltip = /*#__PURE__*/require("../Tooltip");
|
@@ -112,21 +112,18 @@ var StyledTextArea = exports.StyledTextArea = /*#__PURE__*/_styledComponents["de
|
|
112
112
|
var StyledHelpers = exports.StyledHelpers = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
113
113
|
componentId: "plasma-new-hope__sc-pxxv3p-13"
|
114
114
|
})(["box-sizing:border-box;display:flex;justify-content:space-between;transition:background-color 0.1s ease-in-out;background-color:var(", ");padding-top:var(", ");padding-right:var(", ");padding-bottom:var(", ");padding-left:var(", ");border-bottom-left-radius:var(", ");border-bottom-right-radius:var(", ");"], _TextArea.tokens.helpersBackgroundColor, _TextArea.tokens.helpersPaddingTop, _TextArea.tokens.helpersPaddingRight, _TextArea.tokens.helpersPaddingBottom, _TextArea.tokens.helpersPaddingLeft, _TextArea.tokens.borderRadius, _TextArea.tokens.borderRadius);
|
115
|
-
var StyledOutsideHelpersWrapper = exports.StyledOutsideHelpersWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
116
|
-
componentId: "plasma-new-hope__sc-pxxv3p-14"
|
117
|
-
})(["box-sizing:border-box;display:flex;justify-content:space-between;padding-top:var(", ");"], _TextArea.tokens.clearHelpersPaddingTop);
|
118
115
|
var StyledLeftHelper = exports.StyledLeftHelper = /*#__PURE__*/_styledComponents["default"].span.withConfig({
|
119
|
-
componentId: "plasma-new-hope__sc-pxxv3p-
|
116
|
+
componentId: "plasma-new-hope__sc-pxxv3p-14"
|
120
117
|
})(["", ";display:block;font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");color:var(", ");"], /*#__PURE__*/(0, _mixins.applyEllipsis)(), _TextArea.tokens.helpersFontFamily, _TextArea.tokens.helpersFontSize, _TextArea.tokens.helpersFontStyle, _TextArea.tokens.helpersFontWeight, _TextArea.tokens.helpersLetterSpacing, _TextArea.tokens.helpersLineHeight, _TextArea.tokens.leftHelperColor);
|
121
118
|
var StyledRightHelper = exports.StyledRightHelper = /*#__PURE__*/(0, _styledComponents["default"])(StyledLeftHelper).withConfig({
|
122
|
-
componentId: "plasma-new-hope__sc-pxxv3p-
|
119
|
+
componentId: "plasma-new-hope__sc-pxxv3p-15"
|
123
120
|
})(["color:var(", ");margin-left:auto;"], _TextArea.tokens.rightHelperColor);
|
124
121
|
var StyledPlaceholder = exports.StyledPlaceholder = /*#__PURE__*/_styledComponents["default"].label.withConfig({
|
125
|
-
componentId: "plasma-new-hope__sc-pxxv3p-
|
122
|
+
componentId: "plasma-new-hope__sc-pxxv3p-16"
|
126
123
|
})(["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 (_ref20) {
|
127
124
|
var hasContentRight = _ref20.hasContentRight;
|
128
125
|
return hasContentRight ? "var(".concat(_TextArea.tokens.inputPaddingRightWithRightContent, ")") : "var(".concat(_TextArea.tokens.inputPaddingRight, ")");
|
129
126
|
}, _TextArea.tokens.inputFontFamily, _TextArea.tokens.inputFontSize, _TextArea.tokens.inputFontStyle, _TextArea.tokens.inputFontWeight, _TextArea.tokens.inputLetterSpacing, _TextArea.tokens.inputLineHeight);
|
130
127
|
var StyledIndicator = exports.StyledIndicator = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
131
|
-
componentId: "plasma-new-hope__sc-pxxv3p-
|
128
|
+
componentId: "plasma-new-hope__sc-pxxv3p-17"
|
132
129
|
})(["position:absolute;border-radius:50%;background-color:var(", ");&.", "{width:var(", ");height:var(", ");inset:var(", ");&.", "{inset:var(", ");&.", "{right:calc(-1 * var(", "));}}}&.", "{width:var(", ");height:var(", ");inset:var(", ");&.", "{inset:var(", ");}}"], _TextArea.tokens.indicatorColor, _TextArea.classes.outerLabelPlacement, _TextArea.tokens.indicatorSizeOuter, _TextArea.tokens.indicatorSizeOuter, _TextArea.tokens.indicatorLabelPlacementOuter, _TextArea.classes.requiredAlignRight, _TextArea.tokens.indicatorLabelPlacementOuterRight, _TextArea.classes.hasHint, _TextArea.tokens.indicatorSizeOuter, _TextArea.classes.innerLabelPlacement, _TextArea.tokens.indicatorSizeInner, _TextArea.tokens.indicatorSizeInner, _TextArea.tokens.indicatorLabelPlacementInner, _TextArea.classes.requiredAlignRight, _TextArea.tokens.indicatorLabelPlacementInnerRight);
|
@@ -82,13 +82,7 @@ const meta: Meta<StoryTextAreaProps> = {
|
|
82
82
|
labelPlacement: {
|
83
83
|
options: labelPlacements,
|
84
84
|
control: {
|
85
|
-
type: '
|
86
|
-
},
|
87
|
-
},
|
88
|
-
helperPlacement: {
|
89
|
-
options: labelPlacements,
|
90
|
-
control: {
|
91
|
-
type: 'inline-radio',
|
85
|
+
type: 'select',
|
92
86
|
},
|
93
87
|
},
|
94
88
|
hasDivider: {
|
@@ -150,7 +144,6 @@ const meta: Meta<StoryTextAreaProps> = {
|
|
150
144
|
titleCaption: 'Подпись к полю',
|
151
145
|
leftHelper: 'Подсказка к полю слева',
|
152
146
|
rightHelper: 'Подсказка к полю справа',
|
153
|
-
helperPlacement: 'inner',
|
154
147
|
disabled: false,
|
155
148
|
readOnly: false,
|
156
149
|
autoResize: false,
|
package/styled-components/cjs/examples/plasma_web/components/TextField/TextField.stories.tsx
CHANGED
@@ -87,12 +87,6 @@ const meta: Meta<typeof TextField> = {
|
|
87
87
|
type: 'inline-radio',
|
88
88
|
},
|
89
89
|
},
|
90
|
-
helperPlacement: {
|
91
|
-
options: labelPlacements,
|
92
|
-
control: {
|
93
|
-
type: 'inline-radio',
|
94
|
-
},
|
95
|
-
},
|
96
90
|
size: {
|
97
91
|
options: sizes,
|
98
92
|
control: {
|
@@ -221,7 +215,6 @@ export const Default: StoryObj<StoryPropsDefault> = {
|
|
221
215
|
textAfter: '',
|
222
216
|
placeholder: 'Заполните поле',
|
223
217
|
leftHelper: 'Подсказка к полю',
|
224
|
-
helperPlacement: 'inner',
|
225
218
|
disabled: false,
|
226
219
|
readOnly: false,
|
227
220
|
enableContentLeft: true,
|
@@ -37,6 +37,7 @@ ReactDOM.render(
|
|
37
37
|
### Вызов уведомления
|
38
38
|
После подключения `NotificationsProvider` станет возможен вызов функции `addNotification`, который приведет к отображению оповещения.
|
39
39
|
Функция принимает значения свойств компонента `Notification`, включая необязательное поле `id`. И возвращает сгенерированный или переданный `id`, по которому можно закрыть оповещение через вызов `closeNotification`.
|
40
|
+
Оповещение закроется автоматически по истечению указанного `timeout` в миллисекундах или будет висеть вечно, если передан `0` или `null`.
|
40
41
|
|
41
42
|
```tsx live
|
42
43
|
import React from 'react';
|
@@ -52,9 +52,9 @@ export var closeNotification = function closeNotification(id) {
|
|
52
52
|
};
|
53
53
|
|
54
54
|
/**
|
55
|
-
* Открыть новое
|
56
|
-
* @param props Пропсы всплывающего
|
57
|
-
* @return Идентификатор нового
|
55
|
+
* Открыть новое оповещение.
|
56
|
+
* @param props Пропсы всплывающего оповещения
|
57
|
+
* @return Идентификатор нового оповещения
|
58
58
|
*/
|
59
59
|
export function addNotification(_ref4) {
|
60
60
|
var externalId = _ref4.id,
|
@@ -66,8 +66,10 @@ export function addNotification(_ref4) {
|
|
66
66
|
id: id,
|
67
67
|
isHidden: false
|
68
68
|
}));
|
69
|
-
|
70
|
-
|
71
|
-
|
69
|
+
if (timeout !== 0 && timeout !== null) {
|
70
|
+
setTimeout(function () {
|
71
|
+
return closeNotification(id);
|
72
|
+
}, timeout);
|
73
|
+
}
|
72
74
|
return id;
|
73
75
|
}
|
@@ -1,5 +1,5 @@
|
|
1
1
|
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
2
|
-
var _excluded = ["helperText", "status", "resize", "rightHelper", "leftHelper", "
|
2
|
+
var _excluded = ["helperText", "status", "resize", "rightHelper", "leftHelper", "contentRight", "autoResize", "minAuto", "maxAuto", "label", "labelPlacement", "titleCaption", "placeholder", "defaultValue", "height", "width", "value", "disabled", "required", "requiredPlacement", "optional", "clear", "hasDivider", "size", "view", "id", "style", "className", "readOnly", "rows", "cols", "hintTrigger", "hintText", "hintView", "hintSize", "hintTargetIcon", "hintPlacement", "hintHasArrow", "hintOffset", "hintWidth", "hintContentLeft", "onChange"];
|
3
3
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
4
4
|
function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
|
5
5
|
function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
@@ -25,7 +25,7 @@ import { cx, mergeRefs } from '../../utils';
|
|
25
25
|
import { useOutsideClick } from '../../hooks';
|
26
26
|
import { applyDynamicLabel } from './mixins';
|
27
27
|
import { useAutoResize, ROOT_FONT_SIZE } from './hooks';
|
28
|
-
import { StyledContent, StyledHelpers, StyledLeftHelper, StyledRightHelper, StyledLabel, StyledPlaceholder, StyledTextArea, StyledTextAreaWrapper, StyledContainer, StyledIndicator, StyledOptionalText, OuterLabelWrapper, StyledIndicatorWrapper, StyledHintWrapper, TitleCaption
|
28
|
+
import { StyledContent, StyledHelpers, StyledLeftHelper, StyledRightHelper, StyledLabel, StyledPlaceholder, StyledTextArea, StyledTextAreaWrapper, StyledContainer, StyledIndicator, StyledOptionalText, OuterLabelWrapper, StyledIndicatorWrapper, StyledHintWrapper, TitleCaption } from './TextArea.styles';
|
29
29
|
import { classes } from './TextArea.tokens';
|
30
30
|
import { base as viewCSS } from './variations/_view/base';
|
31
31
|
import { base as sizeCSS } from './variations/_size/base';
|
@@ -80,8 +80,6 @@ export var textAreaRoot = function textAreaRoot(Root) {
|
|
80
80
|
resize = props.resize,
|
81
81
|
rightHelper = props.rightHelper,
|
82
82
|
leftHelper = props.leftHelper,
|
83
|
-
_props$helperPlacemen = props.helperPlacement,
|
84
|
-
helperPlacement = _props$helperPlacemen === void 0 ? 'inner' : _props$helperPlacemen,
|
85
83
|
contentRight = props.contentRight,
|
86
84
|
_props$autoResize = props.autoResize,
|
87
85
|
autoResize = _props$autoResize === void 0 ? false : _props$autoResize,
|
@@ -158,7 +156,6 @@ export var textAreaRoot = function textAreaRoot(Root) {
|
|
158
156
|
var hasOuterLabel = Boolean(label && labelPlacement === 'outer');
|
159
157
|
var hasInnerLabel = Boolean(label && labelPlacement === 'inner' && size !== 'xs');
|
160
158
|
var hasPlaceholderOptional = innerOptional && !hasOuterLabel;
|
161
|
-
var hasInnerHelperPlacement = helperPlacement === 'inner';
|
162
159
|
var overriddenView = status !== undefined ? fallbackStatusMap[status] : view;
|
163
160
|
var textareaHelperId = id ? "".concat(id, "-helper") : undefined;
|
164
161
|
var applyCustomWidth = resize !== 'horizontal' && resize !== 'both' && !cols;
|
@@ -230,7 +227,6 @@ export var textAreaRoot = function textAreaRoot(Root) {
|
|
230
227
|
var optionalTextNode = innerOptional ? /*#__PURE__*/React.createElement(StyledOptionalText, {
|
231
228
|
inheritFont: !hasOuterLabel
|
232
229
|
}, Boolean(hasPlaceholderOptional ? placeholderLabel : label) && '\xa0', optionalText) : null;
|
233
|
-
var helperNode = hasHelper && /*#__PURE__*/React.createElement(React.Fragment, null, (leftHelper || helperText) && /*#__PURE__*/React.createElement(StyledLeftHelper, null, leftHelper || helperText), rightHelper && /*#__PURE__*/React.createElement(StyledRightHelper, null, rightHelper));
|
234
230
|
return /*#__PURE__*/React.createElement(Root, _extends({
|
235
231
|
view: overriddenView,
|
236
232
|
size: size,
|
@@ -287,8 +283,8 @@ export var textAreaRoot = function textAreaRoot(Root) {
|
|
287
283
|
handleHintHide: handleHintHide,
|
288
284
|
handleHintClick: handleHintClick
|
289
285
|
}))), contentRight && /*#__PURE__*/React.createElement(StyledContent, null, contentRight), /*#__PURE__*/React.createElement(StyledTextAreaWrapper, {
|
290
|
-
className:
|
291
|
-
hasHelper: hasHelper
|
286
|
+
className: styledTextAreaWrapper,
|
287
|
+
hasHelper: hasHelper
|
292
288
|
}, /*#__PURE__*/React.createElement(StyledTextArea, _extends({
|
293
289
|
className: cx(styledTextArea, hasRightContentClass),
|
294
290
|
id: id,
|
@@ -308,16 +304,14 @@ export var textAreaRoot = function textAreaRoot(Root) {
|
|
308
304
|
resize: resize,
|
309
305
|
defaultValue: defaultValue,
|
310
306
|
onChange: onChangeHandler
|
311
|
-
}, rest))), hasHelper &&
|
307
|
+
}, rest))), hasHelper && /*#__PURE__*/React.createElement(StyledHelpers, {
|
312
308
|
className: styledHelpers,
|
313
309
|
id: textareaHelperId
|
314
|
-
},
|
310
|
+
}, (leftHelper || helperText) && /*#__PURE__*/React.createElement(StyledLeftHelper, null, leftHelper || helperText), rightHelper && /*#__PURE__*/React.createElement(StyledRightHelper, null, rightHelper)), placeholderLabel && /*#__PURE__*/React.createElement(StyledPlaceholder, {
|
315
311
|
hasContentRight: Boolean(contentRight),
|
316
312
|
className: styledPlaceholder,
|
317
313
|
htmlFor: id
|
318
|
-
}, placeholderLabel, !hasOuterLabel && optionalTextNode))
|
319
|
-
id: textareaHelperId
|
320
|
-
}, helperNode));
|
314
|
+
}, placeholderLabel, !hasOuterLabel && optionalTextNode)));
|
321
315
|
});
|
322
316
|
};
|
323
317
|
export var textAreaConfig = {
|