@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.
Files changed (60) hide show
  1. package/cjs/components/Notification/NotificationsStore.js +8 -6
  2. package/cjs/components/Notification/NotificationsStore.js.map +1 -1
  3. package/cjs/components/TextArea/TextArea.js +6 -12
  4. package/cjs/components/TextArea/TextArea.js.map +1 -1
  5. package/cjs/components/TextArea/TextArea.styles.js +9 -15
  6. package/cjs/components/TextArea/TextArea.styles.js.map +1 -1
  7. package/cjs/components/TextArea/{TextArea.styles_1qybm1d.css → TextArea.styles_1ke2ihc.css} +4 -5
  8. package/cjs/components/TextArea/ui/Hint/Hint.css +16 -17
  9. package/cjs/components/TextArea/variations/_clear/base.js +1 -1
  10. package/cjs/components/TextArea/variations/_clear/base_iz2qkw.css +1 -0
  11. package/cjs/index.css +18 -19
  12. package/emotion/cjs/components/Notification/Notification.template-doc.mdx +1 -0
  13. package/emotion/cjs/components/Notification/NotificationsStore.js +8 -6
  14. package/emotion/cjs/components/TextArea/TextArea.js +7 -13
  15. package/emotion/cjs/components/TextArea/TextArea.styles.js +33 -37
  16. package/emotion/cjs/examples/plasma_b2c/components/TextArea/TextArea.stories.tsx +1 -8
  17. package/emotion/cjs/examples/plasma_web/components/TextField/TextField.stories.tsx +0 -7
  18. package/emotion/es/components/Notification/Notification.template-doc.mdx +1 -0
  19. package/emotion/es/components/Notification/NotificationsStore.js +8 -6
  20. package/emotion/es/components/TextArea/TextArea.js +8 -14
  21. package/emotion/es/components/TextArea/TextArea.styles.js +32 -36
  22. package/emotion/es/examples/plasma_b2c/components/TextArea/TextArea.stories.tsx +1 -8
  23. package/emotion/es/examples/plasma_web/components/TextField/TextField.stories.tsx +0 -7
  24. package/es/components/Notification/NotificationsStore.js +8 -6
  25. package/es/components/Notification/NotificationsStore.js.map +1 -1
  26. package/es/components/TextArea/TextArea.js +7 -13
  27. package/es/components/TextArea/TextArea.js.map +1 -1
  28. package/es/components/TextArea/TextArea.styles.js +10 -15
  29. package/es/components/TextArea/TextArea.styles.js.map +1 -1
  30. package/es/components/TextArea/{TextArea.styles_1qybm1d.css → TextArea.styles_1ke2ihc.css} +4 -5
  31. package/es/components/TextArea/ui/Hint/Hint.css +16 -17
  32. package/es/components/TextArea/variations/_clear/base.js +1 -1
  33. package/es/components/TextArea/variations/_clear/base_iz2qkw.css +1 -0
  34. package/es/index.css +18 -19
  35. package/package.json +2 -2
  36. package/styled-components/cjs/components/Notification/Notification.template-doc.mdx +1 -0
  37. package/styled-components/cjs/components/Notification/NotificationsStore.js +8 -6
  38. package/styled-components/cjs/components/TextArea/TextArea.js +6 -12
  39. package/styled-components/cjs/components/TextArea/TextArea.styles.js +5 -8
  40. package/styled-components/cjs/examples/plasma_b2c/components/TextArea/TextArea.stories.tsx +1 -8
  41. package/styled-components/cjs/examples/plasma_web/components/TextField/TextField.stories.tsx +0 -7
  42. package/styled-components/es/components/Notification/Notification.template-doc.mdx +1 -0
  43. package/styled-components/es/components/Notification/NotificationsStore.js +8 -6
  44. package/styled-components/es/components/TextArea/TextArea.js +7 -13
  45. package/styled-components/es/components/TextArea/TextArea.styles.js +4 -7
  46. package/styled-components/es/examples/plasma_b2c/components/TextArea/TextArea.stories.tsx +1 -8
  47. package/styled-components/es/examples/plasma_web/components/TextField/TextField.stories.tsx +0 -7
  48. package/types/components/Notification/NotificationsStore.d.ts +4 -4
  49. package/types/components/Notification/NotificationsStore.d.ts.map +1 -1
  50. package/types/components/TextArea/TextArea.d.ts.map +1 -1
  51. package/types/components/TextArea/TextArea.styles.d.ts +0 -1
  52. package/types/components/TextArea/TextArea.styles.d.ts.map +1 -1
  53. package/types/components/TextArea/TextArea.types.d.ts +0 -5
  54. package/types/components/TextArea/TextArea.types.d.ts.map +1 -1
  55. package/types/examples/plasma_b2c/components/TextArea/TextArea.d.ts +0 -16
  56. package/types/examples/plasma_b2c/components/TextArea/TextArea.d.ts.map +1 -1
  57. package/types/examples/plasma_web/components/TextArea/TextArea.d.ts +0 -16
  58. package/types/examples/plasma_web/components/TextArea/TextArea.d.ts.map +1 -1
  59. package/cjs/components/TextArea/variations/_clear/base_14608a0.css +0 -1
  60. 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
- .TextArea_styles_1qybm1d_o1r1fvk8__ccdaf6e4{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_1qybm1d_surmvwq__ccdaf6e4{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_1qybm1d_t18bd513__ccdaf6e4{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_1qybm1d_s7alcr2__ccdaf6e4{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_1qybm1d_si9oz50__ccdaf6e4{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_1qybm1d_s18tpn65__ccdaf6e4{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_1qybm1d_s18tpn65__ccdaf6e4.TextArea_styles_1qybm1d_labelPlacementInner__ccdaf6e4{position:absolute;margin:0;inset:var(--plasma-textarea__hint-inner-label-placement-offset);}
18
- .TextArea_styles_1qybm1d_h19sfsrt__ccdaf6e4{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;}
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
- .TextArea_styles_1qybm1d_s3wsw3p__ccdaf6e4{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_1qybm1d_stc5t23__ccdaf6e4{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_1qybm1d_salwx57__ccdaf6e4{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_1qybm1d_s18lndvq__ccdaf6e4{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_1qybm1d_s18lndvq__ccdaf6e4::-webkit-input-placeholder{opacity:0;}.TextArea_styles_1qybm1d_s18lndvq__ccdaf6e4::-moz-placeholder{opacity:0;}.TextArea_styles_1qybm1d_s18lndvq__ccdaf6e4:-ms-input-placeholder{opacity:0;}.TextArea_styles_1qybm1d_s18lndvq__ccdaf6e4::placeholder{opacity:0;}.TextArea_styles_1qybm1d_s18lndvq__ccdaf6e4:-moz-read-only{cursor:default;}.TextArea_styles_1qybm1d_s18lndvq__ccdaf6e4:read-only{cursor:default;}.TextArea_styles_1qybm1d_s18lndvq__ccdaf6e4:focus:not(:disabled){color:var(--plasma-textarea-input-color-focus);}.TextArea_styles_1qybm1d_s18lndvq__ccdaf6e4::-webkit-scrollbar{width:var(--plasma-textarea-scrollbar-width);}.TextArea_styles_1qybm1d_s18lndvq__ccdaf6e4::-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_1qybm1d_s18lndvq__ccdaf6e4::-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_1qybm1d_s183p45n__ccdaf6e4{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_1qybm1d_snf439a__ccdaf6e4{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);}
26
- .TextArea_styles_1qybm1d_suev9vb__ccdaf6e4{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);}
27
- .TextArea_styles_1qybm1d_s7jal92__ccdaf6e4.TextArea_styles_1qybm1d_suev9vb__ccdaf6e4{color:var(--plasma-textarea-right-helper-color);margin-left:auto;}
28
- .TextArea_styles_1qybm1d_s11kd6xq__ccdaf6e4{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(--s11kd6xq-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);}
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);}
@@ -1,4 +1,4 @@
1
- import './base_14608a0.css';
1
+ import './base_iz2qkw.css';
2
2
  var base = "b1x0cx6o";
3
3
 
4
4
  export { base };
@@ -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
- .TextArea_styles_1qybm1d_o1r1fvk8__ccdaf6e4{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_1qybm1d_surmvwq__ccdaf6e4{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_1qybm1d_t18bd513__ccdaf6e4{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_1qybm1d_s7alcr2__ccdaf6e4{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_1qybm1d_si9oz50__ccdaf6e4{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_1qybm1d_s18tpn65__ccdaf6e4{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_1qybm1d_s18tpn65__ccdaf6e4.TextArea_styles_1qybm1d_labelPlacementInner__ccdaf6e4{position:absolute;margin:0;inset:var(--plasma-textarea__hint-inner-label-placement-offset);}
138
- .TextArea_styles_1qybm1d_h19sfsrt__ccdaf6e4{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_1qybm1d_s3wsw3p__ccdaf6e4{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_1qybm1d_stc5t23__ccdaf6e4{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_1qybm1d_salwx57__ccdaf6e4{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_1qybm1d_s18lndvq__ccdaf6e4{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_1qybm1d_s18lndvq__ccdaf6e4::-webkit-input-placeholder{opacity:0;}.TextArea_styles_1qybm1d_s18lndvq__ccdaf6e4::-moz-placeholder{opacity:0;}.TextArea_styles_1qybm1d_s18lndvq__ccdaf6e4:-ms-input-placeholder{opacity:0;}.TextArea_styles_1qybm1d_s18lndvq__ccdaf6e4::placeholder{opacity:0;}.TextArea_styles_1qybm1d_s18lndvq__ccdaf6e4:-moz-read-only{cursor:default;}.TextArea_styles_1qybm1d_s18lndvq__ccdaf6e4:read-only{cursor:default;}.TextArea_styles_1qybm1d_s18lndvq__ccdaf6e4:focus:not(:disabled){color:var(--plasma-textarea-input-color-focus);}.TextArea_styles_1qybm1d_s18lndvq__ccdaf6e4::-webkit-scrollbar{width:var(--plasma-textarea-scrollbar-width);}.TextArea_styles_1qybm1d_s18lndvq__ccdaf6e4::-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_1qybm1d_s18lndvq__ccdaf6e4::-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_1qybm1d_s183p45n__ccdaf6e4{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_1qybm1d_snf439a__ccdaf6e4{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);}
146
- .TextArea_styles_1qybm1d_suev9vb__ccdaf6e4{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);}
147
- .TextArea_styles_1qybm1d_s7jal92__ccdaf6e4.TextArea_styles_1qybm1d_suev9vb__ccdaf6e4{color:var(--plasma-textarea-right-helper-color);margin-left:auto;}
148
- .TextArea_styles_1qybm1d_s11kd6xq__ccdaf6e4{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(--s11kd6xq-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);}
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
- .base_14608a0_b1x0cx6o__cbb9fb8b.base_14608a0_textareaClear__cbb9fb8b{border:unset;}.base_14608a0_b1x0cx6o__cbb9fb8b.base_14608a0_textareaClear__cbb9fb8b .base_14608a0_s3wsw3p__cbb9fb8b{box-shadow:unset;background-color:unset;border-radius:0;padding-bottom:var(--plasma-textarea-input-padding-top);}.base_14608a0_b1x0cx6o__cbb9fb8b.base_14608a0_textareaClear__cbb9fb8b .base_14608a0_o1r1fvk8__cbb9fb8b{margin-bottom:var(--plasma-textarea-clear-label-margin-bottom);}.base_14608a0_b1x0cx6o__cbb9fb8b.base_14608a0_textareaClear__cbb9fb8b .base_14608a0_stc5t23__cbb9fb8b{right:0;bottom:unset;}.base_14608a0_b1x0cx6o__cbb9fb8b.base_14608a0_textareaClear__cbb9fb8b .base_14608a0_s18lndvq__cbb9fb8b,.base_14608a0_b1x0cx6o__cbb9fb8b.base_14608a0_textareaClear__cbb9fb8b .base_14608a0_s183p45n__cbb9fb8b{padding-left:0;}.base_14608a0_b1x0cx6o__cbb9fb8b.base_14608a0_textareaClear__cbb9fb8b .base_14608a0_s183p45n__cbb9fb8b{background-color:unset;border-radius:0;padding-top:var(--plasma-textarea-clear-helpers-padding-top);padding-right:0;}.base_14608a0_b1x0cx6o__cbb9fb8b.base_14608a0_textareaClear__cbb9fb8b .base_14608a0_s18lndvq__cbb9fb8b{color:var(--plasma-textarea-input-clear-color);padding-right:0;}.base_14608a0_b1x0cx6o__cbb9fb8b.base_14608a0_textareaClear__cbb9fb8b .base_14608a0_s18lndvq__cbb9fb8b.base_14608a0_textareaHasRightContent__cbb9fb8b{padding-right:var(--plasma-textarea-clear-input-padding-right-with-right-content);}.base_14608a0_b1x0cx6o__cbb9fb8b.base_14608a0_textareaClear__cbb9fb8b .base_14608a0_salwx57__cbb9fb8b:not(.base_14608a0_innerPlaceholderUp__cbb9fb8b) .base_14608a0_s11kd6xq__cbb9fb8b{color:var(--plasma-textarea-clear-placeholder-color);}.base_14608a0_b1x0cx6o__cbb9fb8b.base_14608a0_textareaClear__cbb9fb8b .base_14608a0_salwx57__cbb9fb8b:not(.base_14608a0_innerPlaceholderUp__cbb9fb8b).base_14608a0_focusedOuterPlaceholderColor__cbb9fb8b .base_14608a0_s11kd6xq__cbb9fb8b{color:var(--plasma-textarea-clear-placeholder-color-focus);}.base_14608a0_b1x0cx6o__cbb9fb8b.base_14608a0_textareaClear__cbb9fb8b .base_14608a0_salwx57__cbb9fb8b.base_14608a0_innerPlaceholderUp__cbb9fb8b{color:var(--plasma-textarea-placeholder-color);}.base_14608a0_b1x0cx6o__cbb9fb8b.base_14608a0_textareaClear__cbb9fb8b .base_14608a0_s11kd6xq__cbb9fb8b{padding-left:0;}.base_14608a0_b1x0cx6o__cbb9fb8b.base_14608a0_textareaClear__cbb9fb8b .base_14608a0_s14zw9ik__cbb9fb8b.base_14608a0_labelPlacementInner__cbb9fb8b{inset:var(--plasma-textarea__clear-indicator-placement-inner);}.base_14608a0_b1x0cx6o__cbb9fb8b.base_14608a0_textareaClear__cbb9fb8b .base_14608a0_s14zw9ik__cbb9fb8b.base_14608a0_labelPlacementInner__cbb9fb8b.base_14608a0_requiredAlignRight__cbb9fb8b{inset:var(--plasma-textarea__clear-indicator-placement-inner-right);}.base_14608a0_b1x0cx6o__cbb9fb8b.base_14608a0_textareaClear__cbb9fb8b.base_14608a0_textareaHasHint__cbb9fb8b .base_14608a0_s18tpn65__cbb9fb8b.base_14608a0_labelPlacementInner__cbb9fb8b{inset:var(--plasma-textarea__clear-hint-inner-label-placement-offset);}.base_14608a0_b1x0cx6o__cbb9fb8b.base_14608a0_textareaClear__cbb9fb8b.base_14608a0_textareaHasHint__cbb9fb8b .base_14608a0_s14zw9ik__cbb9fb8b.base_14608a0_labelPlacementInner__cbb9fb8b.base_14608a0_requiredAlignRight__cbb9fb8b{inset:var(--plasma-textarea__clear-indicator-hint-placement-inner-right);}.base_14608a0_b1x0cx6o__cbb9fb8b.base_14608a0_textareaClear__cbb9fb8b .base_14608a0_textareaContainer__cbb9fb8b{border:unset;border-radius:0;}.base_14608a0_b1x0cx6o__cbb9fb8b.base_14608a0_textareaClear__cbb9fb8b:focus-within:not([readonly]) .base_14608a0_textareaWrapper__cbb9fb8b{background-color:unset;box-shadow:unset;}.base_14608a0_b1x0cx6o__cbb9fb8b.base_14608a0_textareaClear__cbb9fb8b:focus-within:not([readonly]) .base_14608a0_textareaContainer__cbb9fb8b{border:unset;}.base_14608a0_b1x0cx6o__cbb9fb8b.base_14608a0_textareaClear__cbb9fb8b:focus-within:not([readonly]) .base_14608a0_textareaHelpers__cbb9fb8b{background-color:unset;}.base_14608a0_b1x0cx6o__cbb9fb8b.base_14608a0_textareaClear__cbb9fb8b.base_14608a0_textareaHasDivider__cbb9fb8b .base_14608a0_s3wsw3p__cbb9fb8b{position:relative;--plasma_private-textarea-divider-color:var(--plasma-textarea-divider-color);}.base_14608a0_b1x0cx6o__cbb9fb8b.base_14608a0_textareaClear__cbb9fb8b.base_14608a0_textareaHasDivider__cbb9fb8b .base_14608a0_s3wsw3p__cbb9fb8b: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_14608a0_b1x0cx6o__cbb9fb8b.base_14608a0_textareaClear__cbb9fb8b.base_14608a0_textareaHasDivider__cbb9fb8b:not([readonly]) .base_14608a0_s3wsw3p__cbb9fb8b:hover{--plasma_private-textarea-divider-color:var( --plasma-textarea-divider-color-hover, var(--plasma-textarea-divider-color) );}.base_14608a0_b1x0cx6o__cbb9fb8b.base_14608a0_textareaClear__cbb9fb8b.base_14608a0_textareaHasDivider__cbb9fb8b:not([readonly]) .base_14608a0_s3wsw3p__cbb9fb8b:focus-within{--plasma_private-textarea-divider-color:var( --plasma-textarea-divider-color-focus, var(--plasma-textarea-divider-color) );}
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.1579.11944847972.0",
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": "a563444f06ce6a4abd9206520ec63a85865bf4d8"
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
- setTimeout(function () {
78
- return closeNotification(id);
79
- }, timeout);
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", "helperPlacement", "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"];
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: (0, _utils.cx)(styledTextAreaWrapper),
299
- hasHelper: hasHelper && hasInnerHelperPlacement
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 && hasInnerHelperPlacement && /*#__PURE__*/_react["default"].createElement(_TextArea.StyledHelpers, {
315
+ }, rest))), hasHelper && /*#__PURE__*/_react["default"].createElement(_TextArea.StyledHelpers, {
320
316
  className: styledHelpers,
321
317
  id: textareaHelperId
322
- }, helperNode), placeholderLabel && /*#__PURE__*/_react["default"].createElement(_TextArea.StyledPlaceholder, {
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)), hasHelper && !hasInnerHelperPlacement && /*#__PURE__*/_react["default"].createElement(_TextArea.StyledOutsideHelpersWrapper, {
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.StyledOutsideHelpersWrapper = 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;
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-15"
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-16"
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-17"
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-18"
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: 'inline-radio',
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,
@@ -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
- setTimeout(function () {
70
- return closeNotification(id);
71
- }, timeout);
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", "helperPlacement", "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"];
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, StyledOutsideHelpersWrapper } from './TextArea.styles';
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: cx(styledTextAreaWrapper),
291
- hasHelper: hasHelper && hasInnerHelperPlacement
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 && hasInnerHelperPlacement && /*#__PURE__*/React.createElement(StyledHelpers, {
307
+ }, rest))), hasHelper && /*#__PURE__*/React.createElement(StyledHelpers, {
312
308
  className: styledHelpers,
313
309
  id: textareaHelperId
314
- }, helperNode), placeholderLabel && /*#__PURE__*/React.createElement(StyledPlaceholder, {
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)), hasHelper && !hasInnerHelperPlacement && /*#__PURE__*/React.createElement(StyledOutsideHelpersWrapper, {
319
- id: textareaHelperId
320
- }, helperNode));
314
+ }, placeholderLabel, !hasOuterLabel && optionalTextNode)));
321
315
  });
322
316
  };
323
317
  export var textAreaConfig = {