@salutejs/plasma-new-hope 0.330.0-canary.2072.16118137593.0 → 0.330.0-canary.2072.16143967683.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (47) hide show
  1. package/cjs/components/TextArea/TextArea.js +26 -7
  2. package/cjs/components/TextArea/TextArea.js.map +1 -1
  3. package/cjs/components/TextArea/TextArea.styles.js +95 -54
  4. package/cjs/components/TextArea/TextArea.styles.js.map +1 -1
  5. package/cjs/components/TextArea/{TextArea.styles_157tps0.css → TextArea.styles_120rz14.css} +4 -4
  6. package/cjs/components/TextArea/TextArea.tokens.js +3 -1
  7. package/cjs/components/TextArea/TextArea.tokens.js.map +1 -1
  8. package/cjs/components/TextArea/TextArea_c31ipk.css +1 -0
  9. package/cjs/components/TextArea/ui/Hint/Hint.css +22 -22
  10. package/cjs/index.css +24 -24
  11. package/emotion/cjs/components/TextArea/TextArea.js +22 -7
  12. package/emotion/cjs/components/TextArea/TextArea.styles.js +64 -49
  13. package/emotion/cjs/components/TextArea/TextArea.tokens.js +3 -1
  14. package/emotion/cjs/components/TextArea/mixins/applyDynamicLabel.js +2 -2
  15. package/emotion/es/components/TextArea/TextArea.js +22 -7
  16. package/emotion/es/components/TextArea/TextArea.styles.js +64 -49
  17. package/emotion/es/components/TextArea/TextArea.tokens.js +3 -1
  18. package/emotion/es/components/TextArea/mixins/applyDynamicLabel.js +2 -2
  19. package/es/components/TextArea/TextArea.js +27 -8
  20. package/es/components/TextArea/TextArea.js.map +1 -1
  21. package/es/components/TextArea/TextArea.styles.js +95 -54
  22. package/es/components/TextArea/TextArea.styles.js.map +1 -1
  23. package/es/components/TextArea/{TextArea.styles_157tps0.css → TextArea.styles_120rz14.css} +4 -4
  24. package/es/components/TextArea/TextArea.tokens.js +3 -1
  25. package/es/components/TextArea/TextArea.tokens.js.map +1 -1
  26. package/es/components/TextArea/TextArea_c31ipk.css +1 -0
  27. package/es/components/TextArea/ui/Hint/Hint.css +22 -22
  28. package/es/index.css +24 -24
  29. package/package.json +2 -2
  30. package/styled-components/cjs/components/TextArea/TextArea.js +21 -6
  31. package/styled-components/cjs/components/TextArea/TextArea.styles.js +51 -32
  32. package/styled-components/cjs/components/TextArea/TextArea.tokens.js +3 -1
  33. package/styled-components/cjs/components/TextArea/mixins/applyDynamicLabel.js +2 -2
  34. package/styled-components/es/components/TextArea/TextArea.js +21 -6
  35. package/styled-components/es/components/TextArea/TextArea.styles.js +51 -32
  36. package/styled-components/es/components/TextArea/TextArea.tokens.js +3 -1
  37. package/styled-components/es/components/TextArea/mixins/applyDynamicLabel.js +2 -2
  38. package/types/components/TextArea/TextArea.d.ts.map +1 -1
  39. package/types/components/TextArea/TextArea.styles.d.ts +10 -3
  40. package/types/components/TextArea/TextArea.styles.d.ts.map +1 -1
  41. package/types/components/TextArea/TextArea.tokens.d.ts +2 -0
  42. package/types/components/TextArea/TextArea.tokens.d.ts.map +1 -1
  43. package/types/components/TextArea/TextArea.types.d.ts +11 -0
  44. package/types/components/TextArea/TextArea.types.d.ts.map +1 -1
  45. package/types/components/TextArea/mixins/applyDynamicLabel.d.ts.map +1 -1
  46. package/cjs/components/TextArea/TextArea_e0xkpd.css +0 -1
  47. package/es/components/TextArea/TextArea_e0xkpd.css +0 -1
package/es/index.css CHANGED
@@ -139,29 +139,29 @@
139
139
  .Popover_styles_ji8em4_s16xlixz__439b9cc0{position:absolute;z-index:var(--s16xlixz-0);opacity:0;visibility:hidden;box-shadow:var(--plasma-popover-box-shadow);}.Popover_styles_ji8em4_s16xlixz__439b9cc0.Popover_styles_ji8em4_popoverAnimate__439b9cc0{-webkit-transition:opacity 0.2s ease-in-out,-webkit-transform 0s ease-in-out,visibility 0.2s;-webkit-transition:opacity 0.2s ease-in-out,transform 0s ease-in-out,visibility 0.2s;transition:opacity 0.2s ease-in-out,transform 0s ease-in-out,visibility 0.2s;}.Popover_styles_ji8em4_s16xlixz__439b9cc0.Popover_styles_ji8em4_popoverOpen__439b9cc0{opacity:1;visibility:visible;}.Popover_styles_ji8em4_s16xlixz__439b9cc0:before{content:'';display:block;position:absolute;background:transparent;}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='top'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0{bottom:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='bottom'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0{top:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='bottom'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='left'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0{right:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='left'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0::before{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='right'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0{left:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='right'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0::before{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='top-start'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0{bottom:calc(0px - var(--plasma-popover-arrow-height));left:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='top-end'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0{bottom:calc(0px - var(--plasma-popover-arrow-height));left:unset !important;right:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='bottom-start'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0{top:calc(0px - var(--plasma-popover-arrow-height));left:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='bottom-start'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='bottom-end'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0{top:calc(0px - var(--plasma-popover-arrow-height));left:unset !important;right:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='bottom-end'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='left-start'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0,.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='right-start'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0{top:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='left-end'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0,.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='right-end'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0{top:unset !important;bottom:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='top']:before,.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='top-start']:before,.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='top-end']:before{top:unset;left:0;right:0;height:var(--plasma-popover-arrow-height);bottom:calc(-1 * var(--plasma-popover-arrow-height));}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='bottom']:before,.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='bottom-start']:before,.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='bottom-end']:before{top:calc(-1 * var(--plasma-popover-arrow-height));left:0;right:0;bottom:var(--plasma-popover-arrow-height);height:var(--plasma-popover-arrow-height);}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='left']:before,.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='left-start']:before,.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='left-end']:before{width:var(--plasma-popover-arrow-height);height:100%;top:0;right:calc(-1 * var(--plasma-popover-arrow-height));bottom:0;}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='right']:before,.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='right-start']:before,.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='right-end']:before{width:var(--plasma-popover-arrow-height);height:100%;top:0;left:calc(-1 * var(--plasma-popover-arrow-height));bottom:0;}
140
140
 
141
141
 
142
- .TextArea_styles_157tps0_o1r1fvk8__75364097{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;max-width:var(--o1r1fvk8-0);margin-bottom:var(--o1r1fvk8-1);}
143
- .TextArea_styles_157tps0_surmvwq__75364097{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;color:var(--plasma-textarea-label-outer-color,var(--plasma-textarea-input-color));font-family:var(--plasma-textarea-label-outer-font-family,var(--plasma-textarea-input-font-family));font-size:var(--plasma-textarea-label-outer-font-size,var(--plasma-textarea-input-font-size));font-style:var(--plasma-textarea-label-outer-font-style,var(--plasma-textarea-input-font-style));font-weight:var(--plasma-textarea-label-outer-font-weight,var(--plasma-textarea-input-font-weight));-webkit-letter-spacing:var(--plasma-textarea-label-outer-letter-spacing,var(--plasma-textarea-input-letter-spacing));-moz-letter-spacing:var(--plasma-textarea-label-outer-letter-spacing,var(--plasma-textarea-input-letter-spacing));-ms-letter-spacing:var(--plasma-textarea-label-outer-letter-spacing,var(--plasma-textarea-input-letter-spacing));letter-spacing:var(--plasma-textarea-label-outer-letter-spacing,var(--plasma-textarea-input-letter-spacing));line-height:var(--plasma-textarea-label-outer-line-height,var(--plasma-textarea-input-line-height));}
144
- .TextArea_styles_157tps0_t18bd513__75364097{display:inline-block;margin-left:auto;font-family:var(--plasma-textarea__title-caption-font-family);font-size:var(--plasma-textarea__title-caption-font-size);font-style:var(--plasma-textarea__title-caption-font-style);font-weight:var(--plasma-textarea__title-caption-font-weight);-webkit-letter-spacing:var(--plasma-textarea__title-caption-letter-spacing);-moz-letter-spacing:var(--plasma-textarea__title-caption-letter-spacing);-ms-letter-spacing:var(--plasma-textarea__title-caption-letter-spacing);letter-spacing:var(--plasma-textarea__title-caption-letter-spacing);line-height:var(--plasma-textarea__title-caption-line-height);}
145
- .TextArea_styles_157tps0_s7alcr2__75364097{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
146
- .TextArea_styles_157tps0_si9oz50__75364097{color:var(--plasma-textarea__optional-color);font-family:var(--si9oz50-0);font-size:var(--si9oz50-1);font-style:var(--si9oz50-2);font-weight:var(--si9oz50-3);-webkit-letter-spacing:var(--si9oz50-4);-moz-letter-spacing:var(--si9oz50-4);-ms-letter-spacing:var(--si9oz50-4);letter-spacing:var(--si9oz50-4);line-height:var(--si9oz50-5);}
147
- .TextArea_styles_157tps0_s18tpn65__75364097{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_157tps0_s18tpn65__75364097.TextArea_styles_157tps0_labelPlacementInner__75364097{position:absolute;margin:0;inset:var(--plasma-textarea__hint-inner-label-placement-offset);}
148
- .TextArea_styles_157tps0_h19sfsrt__75364097{color:var(--plasma-textarea__hint-icon-color);width:var(--plasma-textarea__hint-target-size);height:var(--plasma-textarea__hint-target-size);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
149
-
150
- .TextArea_styles_157tps0_s3wsw3p__75364097{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;background-color:var(--plasma-textarea-input-background-color);padding-bottom:var(--s3wsw3p-0);border-radius:var(--s3wsw3p-1);}
151
- .TextArea_styles_157tps0_stc5t23__75364097{position:relative;width:100%;height:0;margin-top:var(--plasma-textarea-input-padding-top);}
152
- .TextArea_styles_157tps0_salwx57__75364097{position:absolute;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:1;color:var(--plasma-textarea-right-content-color,var(--plasma-textarea-input-color));top:-0.063rem;right:var(--plasma-textarea-right-content-right);height:var(--plasma-textarea-right-content-height);}
153
- .TextArea_styles_157tps0_s18lndvq__75364097{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;margin-right:var(--plasma-textarea-helpers-padding-right);margin-left:var(--plasma-textarea-helpers-padding-left);}
154
- .TextArea_styles_157tps0_d183p45n__75364097{background:var(--plasma-textarea-background-color);}
155
- .TextArea_styles_157tps0_dnf439a__75364097{height:0.0625rem;background:var(--plasma-textarea-divider-color);}
156
- .TextArea_styles_157tps0_suev9vb__75364097{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:var(--suev9vb-0);position:relative;}
157
- .TextArea_styles_157tps0_s7jal92__75364097{display:block;box-sizing:border-box;outline:none;border:none;-webkit-appearance:none;background-color:transparent;color:var(--plasma-textarea-input-color);caret-color:var(--plasma-textarea-input-caret-color);resize:var(--s7jal92-0);--plasma_private-textarea-height:var(--s7jal92-1);--plasma_private-textarea-width:var(--s7jal92-2);--plasma_private-textarea-computed-height:var(--s7jal92-3);--plasma_private-textarea-computed-width:var(--s7jal92-4);height:var(--plasma_private-textarea-computed-height);width:var(--plasma_private-textarea-computed-width);min-width:var(--s7jal92-5);max-width:var(--s7jal92-5);min-height:var(--plasma-textarea-input-min-height);padding-right:var(--s7jal92-6);padding-left:var(--plasma-textarea-input-padding-left,0);padding-top:0;padding-bottom:0;--plasma_private-textarea-helpers-computed-height:calc( var(--plasma-textarea-helpers-padding-top,0) + var(--plasma-textarea-helpers-padding-bottom,0) + var(--plasma-textarea-helpers-line-height) );--plasma_private-textarea-input-with-helpers-height:calc( var(--plasma_private-textarea-height) - var(--plasma_private-textarea-helpers-computed-height) + var(--plasma-textarea-helpers-offset) );--plasma_private-textarea-input-without-helpers-height:calc( var(--plasma_private-textarea-computed-height) - var(--plasma-textarea-input-padding-bottom) );--plasma_private-textarea-input-actual-height:var(--s7jal92-7);height:var(--plasma_private-textarea-input-actual-height);font-family:var(--plasma-textarea-input-font-family);font-size:var(--plasma-textarea-input-font-size);font-style:var(--plasma-textarea-input-font-style);font-weight:var(--plasma-textarea-input-font-weight);-webkit-letter-spacing:var(--plasma-textarea-input-letter-spacing);-moz-letter-spacing:var(--plasma-textarea-input-letter-spacing);-ms-letter-spacing:var(--plasma-textarea-input-letter-spacing);letter-spacing:var(--plasma-textarea-input-letter-spacing);line-height:var(--plasma-textarea-input-line-height);}.TextArea_styles_157tps0_s7jal92__75364097::-webkit-input-placeholder{opacity:0;}.TextArea_styles_157tps0_s7jal92__75364097::-moz-placeholder{opacity:0;}.TextArea_styles_157tps0_s7jal92__75364097:-ms-input-placeholder{opacity:0;}.TextArea_styles_157tps0_s7jal92__75364097::placeholder{opacity:0;}.TextArea_styles_157tps0_s7jal92__75364097:-moz-read-only{cursor:default;}.TextArea_styles_157tps0_s7jal92__75364097:read-only{cursor:default;}.TextArea_styles_157tps0_s7jal92__75364097:focus:not(:disabled){color:var(--plasma-textarea-input-color-focus);}.TextArea_styles_157tps0_s7jal92__75364097::-webkit-scrollbar{width:var(--plasma-textarea-scrollbar-width);}.TextArea_styles_157tps0_s7jal92__75364097::-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_157tps0_s7jal92__75364097::-webkit-scrollbar-track{background-color:var(--plasma-textarea-scrollbar-track-background-color);background-clip:content-box;border:var(--plasma-textarea-scrollbar-border-width) solid transparent;border-radius:1rem;}
158
- .TextArea_styles_157tps0_s11kd6xq__75364097{max-height:none !important;min-height:var(--plasma-textarea-input-min-height) !important;visibility:hidden !important;overflow:hidden !important;position:absolute !important;z-index:-1000 !important;top:0 !important;left:0 !important;right:0.0625rem !important;border-width:0;padding-right:var(--s11kd6xq-0);padding-left:var(--plasma-textarea-input-padding-left,0);padding-top:0;padding-bottom:0;box-sizing:border-box;text-indent:0;text-rendering:auto;text-transform:none;tab-size:8;font-family:var(--plasma-textarea-input-font-family);font-size:var(--plasma-textarea-input-font-size);font-style:var(--plasma-textarea-input-font-style);font-weight:var(--plasma-textarea-input-font-weight);-webkit-letter-spacing:var(--plasma-textarea-input-letter-spacing);-moz-letter-spacing:var(--plasma-textarea-input-letter-spacing);-ms-letter-spacing:var(--plasma-textarea-input-letter-spacing);letter-spacing:var(--plasma-textarea-input-letter-spacing);line-height:var(--plasma-textarea-input-line-height);}
159
- .TextArea_styles_157tps0_s14zw9ik__75364097{box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-transition:background-color 0.1s ease-in-out;transition:background-color 0.1s ease-in-out;background-color:var(--plasma-textarea-helpers-background-color);padding-top:var(--plasma-textarea-helpers-padding-top);padding-right:var(--plasma-textarea-helpers-padding-right);padding-bottom:var(--plasma-textarea-helpers-padding-bottom);padding-left:var(--plasma-textarea-helpers-padding-left);border-bottom-left-radius:var(--plasma-textarea-border-radius);border-bottom-right-radius:var(--plasma-textarea-border-radius);}
160
- .TextArea_styles_157tps0_sgr5lml__75364097{box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding-top:var(--plasma-textarea-clear-helpers-padding-top);}
161
- .TextArea_styles_157tps0_s1etfemq__75364097{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;font-family:var(--plasma-textarea-helpers-font-family);font-size:var(--plasma-textarea-helpers-font-size);font-style:var(--plasma-textarea-helpers-font-style);font-weight:var(--plasma-textarea-helpers-font-weight);-webkit-letter-spacing:var(--plasma-textarea-helpers-letter-spacing);-moz-letter-spacing:var(--plasma-textarea-helpers-letter-spacing);-ms-letter-spacing:var(--plasma-textarea-helpers-letter-spacing);letter-spacing:var(--plasma-textarea-helpers-letter-spacing);line-height:var(--plasma-textarea-helpers-line-height);color:var(--plasma-textarea-left-helper-color);}
162
- .TextArea_styles_157tps0_sf7nhlh__75364097.TextArea_styles_157tps0_s1etfemq__75364097{color:var(--plasma-textarea-right-helper-color);margin-left:auto;}
163
- .TextArea_styles_157tps0_s4gk1z__75364097{box-sizing:border-box;position:absolute;pointer-events:none;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:all 0.1s ease-in-out;transition:all 0.1s ease-in-out;-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;color:var(--plasma-textarea-placeholder-color);width:100%;height:auto;top:var(--plasma-textarea-input-padding-top);padding-left:var(--plasma-textarea-input-padding-left);padding-right:var(--s4gk1z-0);font-family:var(--plasma-textarea-input-font-family);font-size:var(--plasma-textarea-input-font-size);font-style:var(--plasma-textarea-input-font-style);font-weight:var(--plasma-textarea-input-font-weight);-webkit-letter-spacing:var(--plasma-textarea-input-letter-spacing);-moz-letter-spacing:var(--plasma-textarea-input-letter-spacing);-ms-letter-spacing:var(--plasma-textarea-input-letter-spacing);letter-spacing:var(--plasma-textarea-input-letter-spacing);line-height:var(--plasma-textarea-input-line-height);}
164
- .TextArea_styles_157tps0_s1h2xvub__75364097{position:absolute;border-radius:50%;background-color:var(--plasma-textarea-indicator-color);}.TextArea_styles_157tps0_s1h2xvub__75364097.TextArea_styles_157tps0_labelPlacementOuter__75364097{width:var(--plasma-textarea-indicator-size-outer);height:var(--plasma-textarea-indicator-size-outer);inset:var(--plasma-textarea-indicator-placement-outer);}.TextArea_styles_157tps0_s1h2xvub__75364097.TextArea_styles_157tps0_labelPlacementOuter__75364097.TextArea_styles_157tps0_requiredAlignRight__75364097{inset:var(--plasma-textarea-indicator-placement-outer-right);}.TextArea_styles_157tps0_s1h2xvub__75364097.TextArea_styles_157tps0_labelPlacementOuter__75364097.TextArea_styles_157tps0_requiredAlignRight__75364097.TextArea_styles_157tps0_textareaHasHint__75364097{right:calc( -1 * var(--plasma-textarea-indicator-size-outer) + var(--plasma-textfield__indicator-hint-placement-outer-right,0px) );}.TextArea_styles_157tps0_s1h2xvub__75364097.TextArea_styles_157tps0_labelPlacementInner__75364097{width:var(--plasma-textarea-indicator-size-inner);height:var(--plasma-textarea-indicator-size-inner);inset:var(--plasma-textarea-indicator-placement-inner);}.TextArea_styles_157tps0_s1h2xvub__75364097.TextArea_styles_157tps0_labelPlacementInner__75364097.TextArea_styles_157tps0_requiredAlignRight__75364097{inset:var(--plasma-textarea-indicator-placement-inner-right);}
142
+ .TextArea_styles_120rz14_o1r1fvk8__351042f8{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;max-width:var(--o1r1fvk8-0);margin-bottom:var(--o1r1fvk8-1);}
143
+ .TextArea_styles_120rz14_surmvwq__351042f8{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;color:var(--plasma-textarea-label-outer-color,var(--plasma-textarea-input-color));font-family:var(--plasma-textarea-label-outer-font-family,var(--plasma-textarea-input-font-family));font-size:var(--plasma-textarea-label-outer-font-size,var(--plasma-textarea-input-font-size));font-style:var(--plasma-textarea-label-outer-font-style,var(--plasma-textarea-input-font-style));font-weight:var(--plasma-textarea-label-outer-font-weight,var(--plasma-textarea-input-font-weight));-webkit-letter-spacing:var(--plasma-textarea-label-outer-letter-spacing,var(--plasma-textarea-input-letter-spacing));-moz-letter-spacing:var(--plasma-textarea-label-outer-letter-spacing,var(--plasma-textarea-input-letter-spacing));-ms-letter-spacing:var(--plasma-textarea-label-outer-letter-spacing,var(--plasma-textarea-input-letter-spacing));letter-spacing:var(--plasma-textarea-label-outer-letter-spacing,var(--plasma-textarea-input-letter-spacing));line-height:var(--plasma-textarea-label-outer-line-height,var(--plasma-textarea-input-line-height));}
144
+ .TextArea_styles_120rz14_t18bd513__351042f8{display:inline-block;margin-left:auto;font-family:var(--plasma-textarea__title-caption-font-family);font-size:var(--plasma-textarea__title-caption-font-size);font-style:var(--plasma-textarea__title-caption-font-style);font-weight:var(--plasma-textarea__title-caption-font-weight);-webkit-letter-spacing:var(--plasma-textarea__title-caption-letter-spacing);-moz-letter-spacing:var(--plasma-textarea__title-caption-letter-spacing);-ms-letter-spacing:var(--plasma-textarea__title-caption-letter-spacing);letter-spacing:var(--plasma-textarea__title-caption-letter-spacing);line-height:var(--plasma-textarea__title-caption-line-height);}
145
+ .TextArea_styles_120rz14_s7alcr2__351042f8{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
146
+ .TextArea_styles_120rz14_si9oz50__351042f8{color:var(--plasma-textarea__optional-color);font-family:var(--si9oz50-0);font-size:var(--si9oz50-1);font-style:var(--si9oz50-2);font-weight:var(--si9oz50-3);-webkit-letter-spacing:var(--si9oz50-4);-moz-letter-spacing:var(--si9oz50-4);-ms-letter-spacing:var(--si9oz50-4);letter-spacing:var(--si9oz50-4);line-height:var(--si9oz50-5);}
147
+ .TextArea_styles_120rz14_s18tpn65__351042f8{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;line-height:0;margin:var(--plasma-textarea__hint-margin);}.TextArea_styles_120rz14_s18tpn65__351042f8.TextArea_styles_120rz14_labelPlacementInner__351042f8{position:absolute;margin:0;inset:var(--plasma-textarea__hint-inner-label-placement-offset);}
148
+ .TextArea_styles_120rz14_h19sfsrt__351042f8{color:var(--plasma-textarea__hint-icon-color);width:var(--plasma-textarea__hint-target-size);height:var(--plasma-textarea__hint-target-size);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
149
+
150
+ .TextArea_styles_120rz14_s3wsw3p__351042f8{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;background-color:var(--plasma-textarea-input-background-color);padding-top:var(--s3wsw3p-0);padding-bottom:var(--s3wsw3p-1);border-radius:var(--s3wsw3p-2);}
151
+ .TextArea_styles_120rz14_stc5t23__351042f8{position:relative;width:100%;height:0;padding-top:var(--stc5t23-0);}
152
+ .TextArea_styles_120rz14_salwx57__351042f8{position:absolute;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:1;color:var(--plasma-textarea-right-content-color,var(--plasma-textarea-input-color));top:var(--salwx57-0);right:var(--plasma-textarea-right-content-right);height:var(--plasma-textarea-right-content-height);}
153
+ .TextArea_styles_120rz14_s18lndvq__351042f8{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;margin-right:var(--s18lndvq-0);margin-left:var(--s18lndvq-1);}
154
+ .TextArea_styles_120rz14_d183p45n__351042f8{background:var(--plasma-textarea-background-color);}
155
+ .TextArea_styles_120rz14_dnf439a__351042f8{height:0.0625rem;background:var(--plasma-textarea-divider-color);}
156
+ .TextArea_styles_120rz14_suev9vb__351042f8{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:var(--suev9vb-0);position:relative;}
157
+ .TextArea_styles_120rz14_s7jal92__351042f8{display:block;box-sizing:border-box;outline:none;border:none;-webkit-appearance:none;background-color:transparent;color:var(--plasma-textarea-input-color);caret-color:var(--plasma-textarea-input-caret-color);resize:var(--s7jal92-0);--plasma_private-textarea-height:var(--s7jal92-1);--plasma_private-textarea-width:var(--s7jal92-2);--plasma_private-textarea-computed-height:var(--s7jal92-3);--plasma_private-textarea-computed-width:var(--s7jal92-4);height:var(--plasma_private-textarea-computed-height);width:var(--plasma_private-textarea-computed-width);min-width:var(--s7jal92-5);max-width:var(--s7jal92-5);min-height:var(--plasma-textarea-input-min-height);padding-right:var(--s7jal92-6);padding-left:var(--plasma-textarea-input-padding-left,0);padding-top:0;padding-bottom:0;--plasma_private-textarea-helpers-computed-height:calc( var(--plasma-textarea-helpers-padding-top,0) + var(--plasma-textarea-helpers-padding-bottom,0) + var(--plasma-textarea-helpers-line-height) );--plasma_private-textarea-input-with-helpers-height:calc( var(--plasma_private-textarea-height) - var(--plasma_private-textarea-helpers-computed-height) + var(--plasma-textarea-helpers-offset) );--plasma_private-textarea-input-without-helpers-height:calc( var(--plasma_private-textarea-computed-height) - var(--plasma-textarea-input-padding-bottom) );--plasma_private-textarea-input-actual-height:var(--s7jal92-7);height:var(--plasma_private-textarea-input-actual-height);font-family:var(--plasma-textarea-input-font-family);font-size:var(--plasma-textarea-input-font-size);font-style:var(--plasma-textarea-input-font-style);font-weight:var(--plasma-textarea-input-font-weight);-webkit-letter-spacing:var(--plasma-textarea-input-letter-spacing);-moz-letter-spacing:var(--plasma-textarea-input-letter-spacing);-ms-letter-spacing:var(--plasma-textarea-input-letter-spacing);letter-spacing:var(--plasma-textarea-input-letter-spacing);line-height:var(--plasma-textarea-input-line-height);}.TextArea_styles_120rz14_s7jal92__351042f8::-webkit-input-placeholder{opacity:0;}.TextArea_styles_120rz14_s7jal92__351042f8::-moz-placeholder{opacity:0;}.TextArea_styles_120rz14_s7jal92__351042f8:-ms-input-placeholder{opacity:0;}.TextArea_styles_120rz14_s7jal92__351042f8::placeholder{opacity:0;}.TextArea_styles_120rz14_s7jal92__351042f8:-moz-read-only{cursor:default;}.TextArea_styles_120rz14_s7jal92__351042f8:read-only{cursor:default;}.TextArea_styles_120rz14_s7jal92__351042f8:focus:not(:disabled){color:var(--plasma-textarea-input-color-focus);}.TextArea_styles_120rz14_s7jal92__351042f8::-webkit-scrollbar{width:var(--plasma-textarea-scrollbar-width);}.TextArea_styles_120rz14_s7jal92__351042f8::-webkit-scrollbar-thumb{background-color:var(--plasma-textarea-scrollbar-thumb-background-color);background-clip:content-box;border:var(--plasma-textarea-scrollbar-border-width) solid transparent;border-radius:1rem;}.TextArea_styles_120rz14_s7jal92__351042f8::-webkit-scrollbar-track{background-color:var(--plasma-textarea-scrollbar-track-background-color);background-clip:content-box;border:var(--plasma-textarea-scrollbar-border-width) solid transparent;border-radius:1rem;}
158
+ .TextArea_styles_120rz14_s11kd6xq__351042f8{max-height:none !important;min-height:var(--plasma-textarea-input-min-height) !important;visibility:hidden !important;overflow:hidden !important;position:absolute !important;z-index:-1000 !important;top:0 !important;left:0 !important;right:0.0625rem !important;border-width:0;padding-right:var(--s11kd6xq-0);padding-left:var(--plasma-textarea-input-padding-left,0);padding-top:0;padding-bottom:0;box-sizing:border-box;text-indent:0;text-rendering:auto;text-transform:none;tab-size:8;font-family:var(--plasma-textarea-input-font-family);font-size:var(--plasma-textarea-input-font-size);font-style:var(--plasma-textarea-input-font-style);font-weight:var(--plasma-textarea-input-font-weight);-webkit-letter-spacing:var(--plasma-textarea-input-letter-spacing);-moz-letter-spacing:var(--plasma-textarea-input-letter-spacing);-ms-letter-spacing:var(--plasma-textarea-input-letter-spacing);letter-spacing:var(--plasma-textarea-input-letter-spacing);line-height:var(--plasma-textarea-input-line-height);}
159
+ .TextArea_styles_120rz14_s14zw9ik__351042f8{box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-transition:background-color 0.1s ease-in-out;transition:background-color 0.1s ease-in-out;background-color:var(--plasma-textarea-helpers-background-color);padding-top:var(--plasma-textarea-helpers-padding-top);padding-right:var(--plasma-textarea-helpers-padding-right);padding-bottom:var(--plasma-textarea-helpers-padding-bottom);padding-left:var(--plasma-textarea-helpers-padding-left);border-bottom-left-radius:var(--plasma-textarea-border-radius);border-bottom-right-radius:var(--plasma-textarea-border-radius);}
160
+ .TextArea_styles_120rz14_sgr5lml__351042f8{box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding-top:var(--plasma-textarea-clear-helpers-padding-top);}
161
+ .TextArea_styles_120rz14_s1etfemq__351042f8{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;font-family:var(--plasma-textarea-helpers-font-family);font-size:var(--plasma-textarea-helpers-font-size);font-style:var(--plasma-textarea-helpers-font-style);font-weight:var(--plasma-textarea-helpers-font-weight);-webkit-letter-spacing:var(--plasma-textarea-helpers-letter-spacing);-moz-letter-spacing:var(--plasma-textarea-helpers-letter-spacing);-ms-letter-spacing:var(--plasma-textarea-helpers-letter-spacing);letter-spacing:var(--plasma-textarea-helpers-letter-spacing);line-height:var(--plasma-textarea-helpers-line-height);color:var(--plasma-textarea-left-helper-color);}
162
+ .TextArea_styles_120rz14_sf7nhlh__351042f8.TextArea_styles_120rz14_s1etfemq__351042f8{color:var(--plasma-textarea-right-helper-color);margin-left:auto;}
163
+ .TextArea_styles_120rz14_s4gk1z__351042f8{box-sizing:border-box;position:absolute;pointer-events:none;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:all 0.1s ease-in-out;transition:all 0.1s ease-in-out;-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;color:var(--plasma-textarea-placeholder-color);width:100%;height:auto;top:var(--plasma-textarea-input-padding-top);padding-left:var(--plasma-textarea-input-padding-left);padding-right:var(--s4gk1z-0);font-family:var(--plasma-textarea-input-font-family);font-size:var(--plasma-textarea-input-font-size);font-style:var(--plasma-textarea-input-font-style);font-weight:var(--plasma-textarea-input-font-weight);-webkit-letter-spacing:var(--plasma-textarea-input-letter-spacing);-moz-letter-spacing:var(--plasma-textarea-input-letter-spacing);-ms-letter-spacing:var(--plasma-textarea-input-letter-spacing);letter-spacing:var(--plasma-textarea-input-letter-spacing);line-height:var(--plasma-textarea-input-line-height);}
164
+ .TextArea_styles_120rz14_s1h2xvub__351042f8{position:absolute;border-radius:50%;background-color:var(--plasma-textarea-indicator-color);}.TextArea_styles_120rz14_s1h2xvub__351042f8.TextArea_styles_120rz14_labelPlacementOuter__351042f8{width:var(--plasma-textarea-indicator-size-outer);height:var(--plasma-textarea-indicator-size-outer);inset:var(--plasma-textarea-indicator-placement-outer);}.TextArea_styles_120rz14_s1h2xvub__351042f8.TextArea_styles_120rz14_labelPlacementOuter__351042f8.TextArea_styles_120rz14_requiredAlignRight__351042f8{inset:var(--plasma-textarea-indicator-placement-outer-right);}.TextArea_styles_120rz14_s1h2xvub__351042f8.TextArea_styles_120rz14_labelPlacementOuter__351042f8.TextArea_styles_120rz14_requiredAlignRight__351042f8.TextArea_styles_120rz14_textareaHasHint__351042f8{right:calc( -1 * var(--plasma-textarea-indicator-size-outer) + var(--plasma-textfield__indicator-hint-placement-outer-right,0px) );}.TextArea_styles_120rz14_s1h2xvub__351042f8.TextArea_styles_120rz14_labelPlacementInner__351042f8{width:var(--plasma-textarea-indicator-size-inner);height:var(--plasma-textarea-indicator-size-inner);inset:var(--plasma-textarea-indicator-placement-inner);}.TextArea_styles_120rz14_s1h2xvub__351042f8.TextArea_styles_120rz14_labelPlacementInner__351042f8.TextArea_styles_120rz14_requiredAlignRight__351042f8{inset:var(--plasma-textarea-indicator-placement-inner-right);}
165
165
 
166
166
  .base_1hvnv2t_bofyi4a__34e6ac76 .base_1hvnv2t_t18bd513__34e6ac76{color:var(--plasma-textarea__title-caption-color);}.base_1hvnv2t_bofyi4a__34e6ac76 .base_1hvnv2t_textareaContainer__34e6ac76{background-color:var(--plasma-textarea-background-color);-webkit-transition:box-shadow 0.1s ease-in-out;transition:box-shadow 0.1s ease-in-out;border-radius:var(--plasma-textarea-border-radius);box-shadow:inset 0 0 0 var(--plasma-textarea-border-size,1px) var(--plasma-textarea-border-color),var(--plasma-textarea-box-shadow,inset 0 0 0 0 transparent);}.base_1hvnv2t_bofyi4a__34e6ac76 .base_1hvnv2t_textareaWrapper__34e6ac76{-webkit-transition:background-color 0.1s ease-in-out,box-shadow 0.1s ease-in-out;transition:background-color 0.1s ease-in-out,box-shadow 0.1s ease-in-out;box-shadow:inset 0 0 0 var(--plasma-textarea-border-size,1px) var(--plasma-textarea-input-border-color);padding-right:var(--plasma-textarea-border-size,1px);}.base_1hvnv2t_bofyi4a__34e6ac76:focus-within:not([readonly]) .base_1hvnv2t_textareaWrapper__34e6ac76{background-color:var(--plasma-textarea-input-background-color-focus);box-shadow:inset 0 0 0 var(--plasma-textarea-border-size,1px) var(--plasma-textarea-input-border-color-focus);}.base_1hvnv2t_bofyi4a__34e6ac76:focus-within:not([readonly]) .base_1hvnv2t_textareaContainer__34e6ac76{background-color:var(--plasma-textarea-background-color-focus);box-shadow:inset 0 0 0 var(--plasma-textarea-border-size,1px) var(--plasma-textarea-border-color-focus),var(--plasma-textarea-box-shadow,inset 0 0 0 0 transparent);}.base_1hvnv2t_bofyi4a__34e6ac76:focus-within:not([readonly]) .base_1hvnv2t_textareaHelpers__34e6ac76{background-color:var(--plasma-textarea-helpers-background-color-focus);}.base_1hvnv2t_bofyi4a__34e6ac76:hover:not(.base_1hvnv2t_textareaClear__34e6ac76):not([disabled]):not([readonly]):not(:focus-within) .base_1hvnv2t_textareaContainer__34e6ac76{background-color:var(--plasma-textarea-background-color-hover);box-shadow:inset 0 0 0 var(--plasma-textarea-border-size,1px) var(--plasma-textarea-border-color-hover),var(--plasma-textarea-box-shadow,inset 0 0 0 0 transparent);}.base_1hvnv2t_bofyi4a__34e6ac76:hover:not(.base_1hvnv2t_textareaClear__34e6ac76):not([disabled]):not([readonly]):not(:focus-within) .base_1hvnv2t_textareaWrapper__34e6ac76{box-shadow:inset 0 0 0 var(--plasma-textarea-border-size,1px) var(--plasma-textarea-input-border-color-hover);background-color:var(--plasma-textarea-input-background-color-hover);}.base_1hvnv2t_bofyi4a__34e6ac76:hover:not(.base_1hvnv2t_textareaClear__34e6ac76):not([disabled]):not([readonly]):not(:focus-within) .base_1hvnv2t_textareaWrapper__34e6ac76 + .base_1hvnv2t_textareaHelpers__34e6ac76{background-color:var(--plasma-textarea-helpers-background-color-hover);}.base_1hvnv2t_bofyi4a__34e6ac76:active:not(.base_1hvnv2t_textareaClear__34e6ac76):not([disabled]):not([readonly]):not(:focus-within) .base_1hvnv2t_textareaWrapper__34e6ac76{box-shadow:inset 0 0 0 var(--plasma-textarea-border-size,1px) var(--plasma-textarea-input-border-color-active);background-color:var(--plasma-textarea-input-background-color-active);}.base_1hvnv2t_bofyi4a__34e6ac76:active:not(.base_1hvnv2t_textareaClear__34e6ac76):not([disabled]):not([readonly]):not(:focus-within) .base_1hvnv2t_textareaContainer__34e6ac76{background-color:var(--plasma-textarea-background-color-active);}.base_1hvnv2t_bofyi4a__34e6ac76:active:not(.base_1hvnv2t_textareaClear__34e6ac76):not([disabled]):not([readonly]):not(:focus-within) .base_1hvnv2t_textareaWrapper__34e6ac76 + .base_1hvnv2t_textareaHelpers__34e6ac76{background-color:var(--plasma-textarea-helpers-background-color-active);}
167
167
 
@@ -177,7 +177,7 @@
177
177
 
178
178
  .base_1ipgv90_bfm7p1t__30b9036e .base_1ipgv90_h1luq7vd__30b9036e{--plasma-tooltip-padding-top:var(--plasma-textarea__tooltip-padding-top);--plasma-tooltip-padding-right:var(--plasma-textarea__tooltip-padding-right);--plasma-tooltip-padding-bottom:var(--plasma-textarea__tooltip-padding-bottom);--plasma-tooltip-padding-left:var(--plasma-textarea__tooltip-padding-left);--plasma-tooltip-min-height:var(--plasma-textarea__tooltip-min-height);--plasma-tooltip-border-radius:var(--plasma-textarea__tooltip-border-radius);--plasma-tooltip-text-font-family:var(--plasma-textarea__tooltip-text-font-family);--plasma-tooltip-text-font-size:var(--plasma-textarea__tooltip-text-font-size);--plasma-tooltip-text-font-style:var(--plasma-textarea__tooltip-text-font-style);--plasma-tooltip-text-font-weight:var(--plasma-textarea__tooltip-text-font-weight);--plasma-tooltip-text-font-letter-spacing:var(--plasma-textarea__tooltip-text-font-letter-spacing);--plasma-tooltip-text-font-line-height:var(--plasma-textarea__tooltip-text-font-line-height);--plasma-tooltip-content-left-margin:var(--plasma-textarea__tooltip-content-left-margin);--plasma-tooltip-arrow-mask-width:var(--plasma-textarea__tooltip-arrow-mask-width);--plasma-tooltip-arrow-mask-height:var(--plasma-textarea__tooltip-arrow-mask-height);--plasma-tooltip-arrow-mask-image:var(--plasma-textarea__tooltip-arrow-mask-image);--plasma-tooltip-arrow-height:var(--plasma-textarea__tooltip-arrow-height);--plasma-tooltip-arrow-edge-margin:var(--plasma-textarea__tooltip-arrow-edge-margin);--plasma-tooltip-arrow-background:var(--plasma-textarea__tooltip-arrow-background);}
179
179
 
180
- .TextArea_e0xkpd_b6rykm0__3c2cd4e3{position:relative;box-sizing:border-box;}.TextArea_e0xkpd_b6rykm0__3c2cd4e3 .TextArea_e0xkpd_innerPlaceholderUp__3c2cd4e3 .TextArea_e0xkpd_textarea__3c2cd4e3{height:calc(var(--plasma_private-textarea-input-actual-height) - var(--plasma-textarea-label-inner-top) - var(--plasma-textarea-label-inner-top-helper,0px));}.TextArea_e0xkpd_b6rykm0__3c2cd4e3 .TextArea_e0xkpd_innerPlaceholderUp__3c2cd4e3 .TextArea_e0xkpd_textareaWrapper__3c2cd4e3{padding-top:calc(calc(var(--plasma-textarea-label-inner-top) + var(--plasma-textarea-label-inner-font-size)) + var(--plasma-textarea-label-inner-margin-bottom));}.TextArea_e0xkpd_b6rykm0__3c2cd4e3 .TextArea_e0xkpd_innerPlaceholderUp__3c2cd4e3 .TextArea_e0xkpd_textareaPlaceholder__3c2cd4e3{font-family:var(--plasma-textarea-label-inner-font-family);font-size:var(--plasma-textarea-label-inner-font-size);font-style:var(--plasma-textarea-label-inner-font-style);font-weight:var(--plasma-textarea-label-inner-font-weight);-webkit-letter-spacing:var(--plasma-textarea-label-inner-letter-spacing);-moz-letter-spacing:var(--plasma-textarea-label-inner-letter-spacing);-ms-letter-spacing:var(--plasma-textarea-label-inner-letter-spacing);letter-spacing:var(--plasma-textarea-label-inner-letter-spacing);line-height:var(--plasma-textarea-label-inner-line-height);top:var(--plasma-textarea-label-inner-top);}.TextArea_e0xkpd_b6rykm0__3c2cd4e3 .TextArea_e0xkpd_hidePlaceholder__3c2cd4e3 .TextArea_e0xkpd_textareaPlaceholder__3c2cd4e3{display:none;}.TextArea_e0xkpd_b6rykm0__3c2cd4e3 .TextArea_e0xkpd_focusedOuterPlaceholderColor__3c2cd4e3 .TextArea_e0xkpd_textareaPlaceholder__3c2cd4e3{color:var(--plasma-textarea-placeholder-color-focus);}
180
+ .TextArea_c31ipk_b6rykm0__83bc8ee7{position:relative;box-sizing:border-box;}.TextArea_c31ipk_b6rykm0__83bc8ee7 .TextArea_c31ipk_innerPlaceholderUp__83bc8ee7 .TextArea_c31ipk_textarea__83bc8ee7{height:calc(var(--plasma_private-textarea-input-actual-height) - var(--plasma-textarea-label-inner-top) - var(--plasma-textarea-label-inner-top-helper,0px));}.TextArea_c31ipk_b6rykm0__83bc8ee7 .TextArea_c31ipk_innerPlaceholderUp__83bc8ee7 .TextArea_c31ipk_textareaWrapper__83bc8ee7{padding-top:calc(calc(var(--plasma-textarea-label-inner-top) + var(--plasma-textarea-label-inner-font-size)) + var(--plasma-textarea-label-inner-margin-bottom));}.TextArea_c31ipk_b6rykm0__83bc8ee7 .TextArea_c31ipk_innerPlaceholderUp__83bc8ee7 .TextArea_c31ipk_textareaHasHeaderSlot__83bc8ee7{padding-top:unset;}.TextArea_c31ipk_b6rykm0__83bc8ee7 .TextArea_c31ipk_innerPlaceholderUp__83bc8ee7 .TextArea_c31ipk_textareaHasHeaderSlot__83bc8ee7 .TextArea_c31ipk_textareaContentWrapper__83bc8ee7{padding-top:calc(calc(var(--plasma-textarea-label-inner-top) + var(--plasma-textarea-label-inner-font-size)) + var(--plasma-textarea-label-inner-margin-bottom));}.TextArea_c31ipk_b6rykm0__83bc8ee7 .TextArea_c31ipk_innerPlaceholderUp__83bc8ee7 .TextArea_c31ipk_textareaPlaceholder__83bc8ee7{font-family:var(--plasma-textarea-label-inner-font-family);font-size:var(--plasma-textarea-label-inner-font-size);font-style:var(--plasma-textarea-label-inner-font-style);font-weight:var(--plasma-textarea-label-inner-font-weight);-webkit-letter-spacing:var(--plasma-textarea-label-inner-letter-spacing);-moz-letter-spacing:var(--plasma-textarea-label-inner-letter-spacing);-ms-letter-spacing:var(--plasma-textarea-label-inner-letter-spacing);letter-spacing:var(--plasma-textarea-label-inner-letter-spacing);line-height:var(--plasma-textarea-label-inner-line-height);top:var(--plasma-textarea-label-inner-top);}.TextArea_c31ipk_b6rykm0__83bc8ee7 .TextArea_c31ipk_hidePlaceholder__83bc8ee7 .TextArea_c31ipk_textareaPlaceholder__83bc8ee7{display:none;}.TextArea_c31ipk_b6rykm0__83bc8ee7 .TextArea_c31ipk_focusedOuterPlaceholderColor__83bc8ee7 .TextArea_c31ipk_textareaPlaceholder__83bc8ee7{color:var(--plasma-textarea-placeholder-color-focus);}
181
181
 
182
182
  .base_1oec4lw_b13ve66i__de8e763a{--plasma-tour__border-radius:var(--plasma-textfield-border-radius);}.base_1oec4lw_b13ve66i__de8e763a .base_1oec4lw_io4bpie__de8e763a{width:100%;font:inherit;-webkit-letter-spacing:inherit;-moz-letter-spacing:inherit;-ms-letter-spacing:inherit;letter-spacing:inherit;line-height:inherit;}.base_1oec4lw_b13ve66i__de8e763a .base_1oec4lw_i13qvwoy__de8e763a{width:100%;font-family:var(--plasma-textfield-font-family);font-size:var(--plasma-textfield-font-size);font-style:var(--plasma-textfield-font-style);font-weight:var(--plasma-textfield-font-weight);-webkit-letter-spacing:var(--plasma-textfield-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-letter-spacing);letter-spacing:var(--plasma-textfield-letter-spacing);line-height:var(--plasma-textfield-line-height);}.base_1oec4lw_b13ve66i__de8e763a .base_1oec4lw_iq39zt5__de8e763a{height:var(--plasma-textfield-height);border-radius:var(--plasma-textfield-border-radius);padding:var(--plasma-textfield-padding);}.base_1oec4lw_b13ve66i__de8e763a .base_1oec4lw_iq39zt5__de8e763a.base_1oec4lw_hasChips__de8e763a{padding-top:var(--plasma-textfield-padding-with-chips);padding-bottom:var(--plasma-textfield-padding-with-chips);}.base_1oec4lw_b13ve66i__de8e763a .base_1oec4lw_iq39zt5__de8e763a.base_1oec4lw_hasEmptyContentLeft__de8e763a{padding-left:var(--plasma-textfield-padding-with-chips);}.base_1oec4lw_b13ve66i__de8e763a .base_1oec4lw_iq39zt5__de8e763a.base_1oec4lw_hasEmptyContentRight__de8e763a{padding-right:var(--plasma-textfield-padding-with-chips);}.base_1oec4lw_b13ve66i__de8e763a .base_1oec4lw_luk2zst__de8e763a,.base_1oec4lw_b13ve66i__de8e763a:not(.base_1oec4lw_labelPlacementInner__de8e763a) .base_1oec4lw_s14qvple__de8e763a{font-family:var(--plasma-textfield__label-font-family);font-size:var(--plasma-textfield__label-font-size);font-style:var(--plasma-textfield__label-font-style);font-weight:var(--plasma-textfield__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield__label-letter-spacing);letter-spacing:var(--plasma-textfield__label-letter-spacing);line-height:var(--plasma-textfield__label-line-height);}.base_1oec4lw_b13ve66i__de8e763a .base_1oec4lw_s16itze4__de8e763a{margin:var(--plasma-textfield__hint-margin);width:var(--plasma-textfield__hint-target-size);height:var(--plasma-textfield__hint-target-size);}.base_1oec4lw_b13ve66i__de8e763a .base_1oec4lw_h1skqnhr__de8e763a{width:var(--plasma-textfield__hint-target-size);height:var(--plasma-textfield__hint-target-size);}.base_1oec4lw_b13ve66i__de8e763a .base_1oec4lw_tlv9av6__de8e763a{font-family:var(--plasma-textfield__title-caption-font-family);font-size:var(--plasma-textfield__title-caption-font-size);font-style:var(--plasma-textfield__title-caption-font-style);font-weight:var(--plasma-textfield__title-caption-font-weight);-webkit-letter-spacing:var(--plasma-textfield__title-caption-letter-spacing);-moz-letter-spacing:var(--plasma-textfield__title-caption-letter-spacing);-ms-letter-spacing:var(--plasma-textfield__title-caption-letter-spacing);letter-spacing:var(--plasma-textfield__title-caption-letter-spacing);line-height:var(--plasma-textfield__title-caption-line-height);}.base_1oec4lw_b13ve66i__de8e763a .base_1oec4lw_lb3k3v1__de8e763a{margin-top:var(--plasma-textfield__left-helper-offset);font-family:var(--plasma-textfield__left-helper-font-family);font-size:var(--plasma-textfield__left-helper-font-size);font-style:var(--plasma-textfield__left-helper-font-style);font-weight:var(--plasma-textfield__left-helper-font-weight);-webkit-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);-moz-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);-ms-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);line-height:var(--plasma-textfield__left-helper-line-height);}.base_1oec4lw_b13ve66i__de8e763a .base_1oec4lw_s7hnwwb__de8e763a,.base_1oec4lw_b13ve66i__de8e763a .base_1oec4lw_smqgwd8__de8e763a{font-family:var(--plasma-textfield-font-family);font-size:var(--plasma-textfield-font-size);font-style:var(--plasma-textfield-font-style);font-weight:var(--plasma-textfield-font-weight);-webkit-letter-spacing:var(--plasma-textfield-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-letter-spacing);letter-spacing:var(--plasma-textfield-letter-spacing);line-height:var(--plasma-textfield-line-height);}.base_1oec4lw_b13ve66i__de8e763a .base_1oec4lw_s7hnwwb__de8e763a{margin:var(--plasma-textfield__before-text-margin);}.base_1oec4lw_b13ve66i__de8e763a .base_1oec4lw_smqgwd8__de8e763a{margin:var(--plasma-textfield__after-text-margin);}.base_1oec4lw_b13ve66i__de8e763a .base_1oec4lw_ssv2kwg__de8e763a.base_1oec4lw_textfieldContentRightCompensationMargin__de8e763a{gap:var(--plasma-textfield-content-right-wrapper-gap);margin:var(--plasma-textfield-content-right-wrapper-margin);}.base_1oec4lw_b13ve66i__de8e763a .base_1oec4lw_ssv2kwg__de8e763a.base_1oec4lw_textfieldContentRightCompensationMargin__de8e763a .base_1oec4lw_s190z894__de8e763a{margin:var(--plasma-textfield__right-content-with-hint-margin);}
183
183
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salutejs/plasma-new-hope",
3
- "version": "0.330.0-canary.2072.16118137593.0",
3
+ "version": "0.330.0-canary.2072.16143967683.0",
4
4
  "description": "Salute Design System blueprint",
5
5
  "main": "cjs/index.js",
6
6
  "module": "es/index.js",
@@ -137,5 +137,5 @@
137
137
  "sideEffects": [
138
138
  "*.css"
139
139
  ],
140
- "gitHead": "8894c720a8df8b7d5af26cdcd4a64e263d185ad7"
140
+ "gitHead": "0757d553c1f4cb13c7e241a3a67204ffe85bc79d"
141
141
  }
@@ -190,7 +190,7 @@ function _unsupported_iterable_to_array(o, minLen) {
190
190
  if (n === "Map" || n === "Set") return Array.from(n);
191
191
  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
192
192
  }
193
- var innerPlaceholderUp = _TextAreatokens.classes.innerPlaceholderUp, focusedOuterPlaceholderColor = _TextAreatokens.classes.focusedOuterPlaceholderColor, hidePlaceHolder = _TextAreatokens.classes.hidePlaceHolder, styledContainer = _TextAreatokens.classes.styledContainer, styledTextArea = _TextAreatokens.classes.styledTextArea, styledTextAreaWrapper = _TextAreatokens.classes.styledTextAreaWrapper, styledPlaceholder = _TextAreatokens.classes.styledPlaceholder, styledHelpers = _TextAreatokens.classes.styledHelpers;
193
+ var innerPlaceholderUp = _TextAreatokens.classes.innerPlaceholderUp, focusedOuterPlaceholderColor = _TextAreatokens.classes.focusedOuterPlaceholderColor, hidePlaceHolder = _TextAreatokens.classes.hidePlaceHolder, styledContainer = _TextAreatokens.classes.styledContainer, styledTextArea = _TextAreatokens.classes.styledTextArea, styledTextAreaWrapper = _TextAreatokens.classes.styledTextAreaWrapper, styledPlaceholder = _TextAreatokens.classes.styledPlaceholder, styledHelpers = _TextAreatokens.classes.styledHelpers, hasHeaderSlot = _TextAreatokens.classes.hasHeaderSlot, styledContentWrapper = _TextAreatokens.classes.styledContentWrapper;
194
194
  var optionalText = 'optional';
195
195
  var base = (0, _styledcomponents.css)([
196
196
  "",
@@ -223,11 +223,13 @@ var getDynamicLabelClasses = function(props, focused) {
223
223
  };
224
224
  var textAreaRoot = function(Root) {
225
225
  return /*#__PURE__*/ (0, _react.forwardRef)(function(props, innerRef) {
226
- var helperText = props.helperText, status = props.status, resize = props.resize, headerSlot = props.headerSlot, rightHelper = props.rightHelper, leftHelper = props.leftHelper, _props_leftHelperPlacement = props.leftHelperPlacement, leftHelperPlacement = _props_leftHelperPlacement === void 0 ? 'inner' : _props_leftHelperPlacement, contentRight = props.contentRight, _props_autoResize = props.autoResize, autoResize = _props_autoResize === void 0 ? false : _props_autoResize, _props_minAuto = props.minAuto, minAuto = _props_minAuto === void 0 ? 0 : _props_minAuto, maxAuto = props.maxAuto, label = props.label, _props_labelPlacement = props.labelPlacement, labelPlacement = _props_labelPlacement === void 0 ? 'inner' : _props_labelPlacement, titleCaption = props.titleCaption, placeholder = props.placeholder, defaultValue = props.defaultValue, height = props.height, width = props.width, value = props.value, disabled = props.disabled, _props_required = props.required, required = _props_required === void 0 ? false : _props_required, _props_requiredPlacement = props.requiredPlacement, requiredPlacement = _props_requiredPlacement === void 0 ? 'right' : _props_requiredPlacement, _props_hasRequiredIndicator = props.hasRequiredIndicator, hasRequiredIndicator = _props_hasRequiredIndicator === void 0 ? true : _props_hasRequiredIndicator, _props_optional = props.optional, optional = _props_optional === void 0 ? false : _props_optional, clear = props.clear, hasDivider = props.hasDivider, size = props.size, view = props.view, id = props.id, style = props.style, className = props.className, readOnly = props.readOnly, rows = props.rows, cols = props.cols, _props_hintTrigger = props.hintTrigger, hintTrigger = _props_hintTrigger === void 0 ? 'hover' : _props_hintTrigger, hintText = props.hintText, _props_hintView = props.hintView, hintView = _props_hintView === void 0 ? 'default' : _props_hintView, _props_hintSize = props.hintSize, hintSize = _props_hintSize === void 0 ? 'm' : _props_hintSize, hintTargetIcon = props.hintTargetIcon, _props_hintPlacement = props.hintPlacement, hintPlacement = _props_hintPlacement === void 0 ? 'auto' : _props_hintPlacement, hintHasArrow = props.hintHasArrow, _props_hintOffset = props.hintOffset, hintOffset = _props_hintOffset === void 0 ? HINT_DEFAULT_OFFSET : _props_hintOffset, hintWidth = props.hintWidth, hintContentLeft = props.hintContentLeft, onChange = props.onChange, rest = _object_without_properties(props, [
226
+ var helperText = props.helperText, status = props.status, resize = props.resize, headerSlot = props.headerSlot, _props_enableHeaderDivider = props.enableHeaderDivider, enableHeaderDivider = _props_enableHeaderDivider === void 0 ? true : _props_enableHeaderDivider, _props_applyHeaderDefaultPaddings = props.applyHeaderDefaultPaddings, applyHeaderDefaultPaddings = _props_applyHeaderDefaultPaddings === void 0 ? true : _props_applyHeaderDefaultPaddings, rightHelper = props.rightHelper, leftHelper = props.leftHelper, _props_leftHelperPlacement = props.leftHelperPlacement, leftHelperPlacement = _props_leftHelperPlacement === void 0 ? 'inner' : _props_leftHelperPlacement, contentRight = props.contentRight, _props_autoResize = props.autoResize, autoResize = _props_autoResize === void 0 ? false : _props_autoResize, _props_minAuto = props.minAuto, minAuto = _props_minAuto === void 0 ? 0 : _props_minAuto, maxAuto = props.maxAuto, label = props.label, _props_labelPlacement = props.labelPlacement, labelPlacement = _props_labelPlacement === void 0 ? 'inner' : _props_labelPlacement, titleCaption = props.titleCaption, placeholder = props.placeholder, defaultValue = props.defaultValue, height = props.height, width = props.width, value = props.value, disabled = props.disabled, _props_required = props.required, required = _props_required === void 0 ? false : _props_required, _props_requiredPlacement = props.requiredPlacement, requiredPlacement = _props_requiredPlacement === void 0 ? 'right' : _props_requiredPlacement, _props_hasRequiredIndicator = props.hasRequiredIndicator, hasRequiredIndicator = _props_hasRequiredIndicator === void 0 ? true : _props_hasRequiredIndicator, _props_optional = props.optional, optional = _props_optional === void 0 ? false : _props_optional, clear = props.clear, hasDivider = props.hasDivider, size = props.size, view = props.view, id = props.id, style = props.style, className = props.className, readOnly = props.readOnly, rows = props.rows, cols = props.cols, _props_hintTrigger = props.hintTrigger, hintTrigger = _props_hintTrigger === void 0 ? 'hover' : _props_hintTrigger, hintText = props.hintText, _props_hintView = props.hintView, hintView = _props_hintView === void 0 ? 'default' : _props_hintView, _props_hintSize = props.hintSize, hintSize = _props_hintSize === void 0 ? 'm' : _props_hintSize, hintTargetIcon = props.hintTargetIcon, _props_hintPlacement = props.hintPlacement, hintPlacement = _props_hintPlacement === void 0 ? 'auto' : _props_hintPlacement, hintHasArrow = props.hintHasArrow, _props_hintOffset = props.hintOffset, hintOffset = _props_hintOffset === void 0 ? HINT_DEFAULT_OFFSET : _props_hintOffset, hintWidth = props.hintWidth, hintContentLeft = props.hintContentLeft, onChange = props.onChange, rest = _object_without_properties(props, [
227
227
  "helperText",
228
228
  "status",
229
229
  "resize",
230
230
  "headerSlot",
231
+ "enableHeaderDivider",
232
+ "applyHeaderDefaultPaddings",
231
233
  "rightHelper",
232
234
  "leftHelper",
233
235
  "leftHelperPlacement",
@@ -291,6 +293,7 @@ var textAreaRoot = function(Root) {
291
293
  var hasOuterLabel = Boolean(label && labelPlacement === 'outer');
292
294
  var hasInnerLabel = Boolean(label && labelPlacement === 'inner' && size !== 'xs');
293
295
  var hasPlaceholderOptional = innerOptional && !hasOuterLabel;
296
+ var hasHeader = Boolean(headerSlot) && !clear;
294
297
  var overriddenView = status !== undefined ? fallbackStatusMap[status] : view;
295
298
  var textareaHelperId = id ? "".concat(id, "-helper") : undefined;
296
299
  var applyCustomWidth = resize !== 'horizontal' && resize !== 'both' && !cols;
@@ -428,9 +431,21 @@ var textAreaRoot = function(Root) {
428
431
  handleHintClick: handleHintClick,
429
432
  isInnerLabel: true
430
433
  }))), /*#__PURE__*/ _react.default.createElement(_TextAreastyles.StyledTextAreaWrapper, {
431
- className: (0, _utils.cx)(styledTextAreaWrapper),
432
- hasHelper: hasHelper
433
- }, headerSlot && !clear && /*#__PURE__*/ _react.default.createElement(_TextAreastyles.StyledHeaderSlot, null, headerSlot, /*#__PURE__*/ _react.default.createElement(_TextAreastyles.DividerWrapper, null, /*#__PURE__*/ _react.default.createElement(_TextAreastyles.Divider, null))), /*#__PURE__*/ _react.default.createElement(_TextAreastyles.StyledContentWrapper, null, contentRight && /*#__PURE__*/ _react.default.createElement(_TextAreastyles.StyledContent, null, contentRight)), /*#__PURE__*/ _react.default.createElement(_TextAreastyles.StyledTextArea, _object_spread({
434
+ className: (0, _utils.cx)(styledTextAreaWrapper, hasHeader && hasHeaderSlot),
435
+ hasHelper: hasHelper,
436
+ hasHeader: hasHeader
437
+ }, headerSlot && !clear && /*#__PURE__*/ _react.default.createElement(_TextAreastyles.StyledHeaderSlot, {
438
+ applyHeaderDefaultPaddings: applyHeaderDefaultPaddings
439
+ }, headerSlot, enableHeaderDivider && /*#__PURE__*/ _react.default.createElement(_TextAreastyles.DividerWrapper, null, /*#__PURE__*/ _react.default.createElement(_TextAreastyles.Divider, null))), contentRight && !hasHeader && /*#__PURE__*/ _react.default.createElement(_TextAreastyles.StyledContent, null, contentRight), hasHeader && /*#__PURE__*/ _react.default.createElement(_TextAreastyles.StyledContentWrapper, {
440
+ className: styledContentWrapper,
441
+ hasHeader: hasHeader
442
+ }, contentRight && /*#__PURE__*/ _react.default.createElement(_TextAreastyles.StyledContent, {
443
+ hasHeader: hasHeader
444
+ }, contentRight), headerSlot && placeholderLabel && /*#__PURE__*/ _react.default.createElement(_TextAreastyles.StyledPlaceholder, {
445
+ hasContentRight: Boolean(contentRight),
446
+ className: styledPlaceholder,
447
+ htmlFor: id
448
+ }, placeholderLabel, !hasOuterLabel && optionalTextNode)), /*#__PURE__*/ _react.default.createElement(_TextAreastyles.StyledTextArea, _object_spread({
434
449
  className: (0, _utils.cx)(styledTextArea, hasRightContentClass),
435
450
  id: id,
436
451
  hasContentRight: Boolean(contentRight),
@@ -462,7 +477,7 @@ var textAreaRoot = function(Root) {
462
477
  id: textareaHelperId
463
478
  }, isInnerLeftHelperPlacement && (leftHelper || helperText) && /*#__PURE__*/ _react.default.createElement(_TextAreastyles.StyledLeftHelper, null, leftHelper || helperText), rightHelper && /*#__PURE__*/ _react.default.createElement(_TextAreastyles.StyledRightHelper, {
464
479
  "data-root": true
465
- }, rightHelper)), placeholderLabel && /*#__PURE__*/ _react.default.createElement(_TextAreastyles.StyledPlaceholder, {
480
+ }, rightHelper)), !hasHeader && placeholderLabel && /*#__PURE__*/ _react.default.createElement(_TextAreastyles.StyledPlaceholder, {
466
481
  hasContentRight: Boolean(contentRight),
467
482
  className: styledPlaceholder,
468
483
  htmlFor: id
@@ -96,13 +96,13 @@ var mergedConfig = (0, _engines.mergeConfig)(_Tooltip.tooltipConfig);
96
96
  var Tooltip = (0, _engines.component)(mergedConfig);
97
97
  var Hint = (0, _styledcomponents.default)(Tooltip).withConfig({
98
98
  displayName: "TextArea.styles__Hint",
99
- componentId: "sc-e5158e93-0"
99
+ componentId: "sc-5da3c99c-0"
100
100
  })([
101
101
  ""
102
102
  ]);
103
103
  var OuterLabelWrapper = _styledcomponents.default.div.withConfig({
104
104
  displayName: "TextArea.styles__OuterLabelWrapper",
105
- componentId: "sc-e5158e93-1"
105
+ componentId: "sc-5da3c99c-1"
106
106
  })([
107
107
  "display:flex;align-items:center;max-width:",
108
108
  ";margin-bottom:",
@@ -116,7 +116,7 @@ var OuterLabelWrapper = _styledcomponents.default.div.withConfig({
116
116
  });
117
117
  var StyledLabel = _styledcomponents.default.div.withConfig({
118
118
  displayName: "TextArea.styles__StyledLabel",
119
- componentId: "sc-e5158e93-2"
119
+ componentId: "sc-5da3c99c-2"
120
120
  })([
121
121
  "position:relative;display:inline-flex;color:var(",
122
122
  ",var(",
@@ -136,7 +136,7 @@ var StyledLabel = _styledcomponents.default.div.withConfig({
136
136
  ], _TextAreatokens.tokens.labelOuterColor, _TextAreatokens.tokens.inputColor, _TextAreatokens.tokens.labelOuterFontFamily, _TextAreatokens.tokens.inputFontFamily, _TextAreatokens.tokens.labelOuterFontSize, _TextAreatokens.tokens.inputFontSize, _TextAreatokens.tokens.labelOuterFontStyle, _TextAreatokens.tokens.inputFontStyle, _TextAreatokens.tokens.labelOuterFontWeight, _TextAreatokens.tokens.inputFontWeight, _TextAreatokens.tokens.labelOuterLetterSpacing, _TextAreatokens.tokens.inputLetterSpacing, _TextAreatokens.tokens.labelOuterLineHeight, _TextAreatokens.tokens.inputLineHeight);
137
137
  var TitleCaption = _styledcomponents.default.div.withConfig({
138
138
  displayName: "TextArea.styles__TitleCaption",
139
- componentId: "sc-e5158e93-3"
139
+ componentId: "sc-5da3c99c-3"
140
140
  })([
141
141
  "display:inline-block;margin-left:auto;font-family:var(",
142
142
  ");font-size:var(",
@@ -148,13 +148,13 @@ var TitleCaption = _styledcomponents.default.div.withConfig({
148
148
  ], _TextAreatokens.tokens.titleCaptionFontFamily, _TextAreatokens.tokens.titleCaptionFontSize, _TextAreatokens.tokens.titleCaptionFontStyle, _TextAreatokens.tokens.titleCaptionFontWeight, _TextAreatokens.tokens.titleCaptionLetterSpacing, _TextAreatokens.tokens.titleCaptionLineHeight);
149
149
  var StyledIndicatorWrapper = _styledcomponents.default.div.withConfig({
150
150
  displayName: "TextArea.styles__StyledIndicatorWrapper",
151
- componentId: "sc-e5158e93-4"
151
+ componentId: "sc-5da3c99c-4"
152
152
  })([
153
153
  "position:relative;display:inline-flex;align-items:center;"
154
154
  ]);
155
155
  var StyledOptionalText = _styledcomponents.default.span.withConfig({
156
156
  displayName: "TextArea.styles__StyledOptionalText",
157
- componentId: "sc-e5158e93-5"
157
+ componentId: "sc-5da3c99c-5"
158
158
  })([
159
159
  "color:var(",
160
160
  ");font-family:",
@@ -185,7 +185,7 @@ var StyledOptionalText = _styledcomponents.default.span.withConfig({
185
185
  });
186
186
  var StyledHintWrapper = _styledcomponents.default.div.withConfig({
187
187
  displayName: "TextArea.styles__StyledHintWrapper",
188
- componentId: "sc-e5158e93-6"
188
+ componentId: "sc-5da3c99c-6"
189
189
  })([
190
190
  "display:inline-flex;line-height:0;margin:var(",
191
191
  ");&.",
@@ -194,7 +194,7 @@ var StyledHintWrapper = _styledcomponents.default.div.withConfig({
194
194
  ], _TextAreatokens.tokens.hintMargin, _TextAreatokens.classes.innerLabelPlacement, _TextAreatokens.tokens.hintInnerLabelPlacementOffset);
195
195
  var HintTargetWrapper = _styledcomponents.default.div.withConfig({
196
196
  displayName: "TextArea.styles__HintTargetWrapper",
197
- componentId: "sc-e5158e93-7"
197
+ componentId: "sc-5da3c99c-7"
198
198
  })([
199
199
  "color:var(",
200
200
  ");width:var(",
@@ -203,19 +203,23 @@ var HintTargetWrapper = _styledcomponents.default.div.withConfig({
203
203
  ], _TextAreatokens.tokens.hintIconColor, _TextAreatokens.tokens.hintTargetSize, _TextAreatokens.tokens.hintTargetSize);
204
204
  var HintIconWrapper = _styledcomponents.default.div.withConfig({
205
205
  displayName: "TextArea.styles__HintIconWrapper",
206
- componentId: "sc-e5158e93-8"
206
+ componentId: "sc-5da3c99c-8"
207
207
  })([
208
208
  ""
209
209
  ]);
210
210
  var StyledTextAreaWrapper = _styledcomponents.default.div.withConfig({
211
211
  displayName: "TextArea.styles__StyledTextAreaWrapper",
212
- componentId: "sc-e5158e93-9"
212
+ componentId: "sc-5da3c99c-9"
213
213
  })([
214
214
  "display:flex;flex-direction:column;background-color:var(",
215
- ");padding-bottom:",
215
+ ");padding-top:",
216
+ ";padding-bottom:",
216
217
  ";border-radius:",
217
218
  ";"
218
219
  ], _TextAreatokens.tokens.inputBackgroundColor, function(param) {
220
+ var hasHeader = param.hasHeader;
221
+ return hasHeader ? 'unset' : "var(".concat(_TextAreatokens.tokens.inputPaddingTop, ")");
222
+ }, function(param) {
219
223
  var hasHelper = param.hasHelper;
220
224
  return hasHelper ? "var(".concat(_TextAreatokens.tokens.inputPaddingBottomWithHelpers, ")") : "var(".concat(_TextAreatokens.tokens.inputPaddingBottom, ")");
221
225
  }, function(param) {
@@ -224,44 +228,59 @@ var StyledTextAreaWrapper = _styledcomponents.default.div.withConfig({
224
228
  });
225
229
  var StyledContentWrapper = _styledcomponents.default.div.withConfig({
226
230
  displayName: "TextArea.styles__StyledContentWrapper",
227
- componentId: "sc-e5158e93-10"
231
+ componentId: "sc-5da3c99c-10"
228
232
  })([
229
- "position:relative;width:100%;height:0;margin-top:var(",
230
- ");"
231
- ], _TextAreatokens.tokens.inputPaddingTop);
233
+ "position:relative;width:100%;height:0;padding-top:",
234
+ ";"
235
+ ], function(param) {
236
+ var hasHeader = param.hasHeader;
237
+ return hasHeader ? "var(".concat(_TextAreatokens.tokens.inputPaddingTop, ")") : 'unset';
238
+ });
232
239
  var StyledContent = _styledcomponents.default.div.withConfig({
233
240
  displayName: "TextArea.styles__StyledContent",
234
- componentId: "sc-e5158e93-11"
241
+ componentId: "sc-5da3c99c-11"
235
242
  })([
236
243
  "position:absolute;display:flex;align-items:center;z-index:1;color:var(",
237
244
  ",var(",
238
- "));top:-0.063rem;right:var(",
245
+ "));top:",
246
+ ";right:var(",
239
247
  ");height:var(",
240
248
  ");"
241
- ], _TextAreatokens.tokens.rightContentColor, _TextAreatokens.tokens.inputColor, _TextAreatokens.tokens.rightContentRight, _TextAreatokens.tokens.rightContentHeight);
249
+ ], _TextAreatokens.tokens.rightContentColor, _TextAreatokens.tokens.inputColor, function(param) {
250
+ var hasHeader = param.hasHeader;
251
+ return hasHeader ? "var(".concat(_TextAreatokens.tokens.inputPaddingTop, ")") : "var(".concat(_TextAreatokens.tokens.rightContentTop, ")");
252
+ }, _TextAreatokens.tokens.rightContentRight, _TextAreatokens.tokens.rightContentHeight);
242
253
  var StyledHeaderSlot = _styledcomponents.default.div.withConfig({
243
254
  displayName: "TextArea.styles__StyledHeaderSlot",
244
- componentId: "sc-e5158e93-12"
255
+ componentId: "sc-5da3c99c-12"
245
256
  })([
246
- "display:flex;flex-direction:column;margin-right:var(--plasma-textarea-helpers-padding-right);margin-left:var(--plasma-textarea-helpers-padding-left);"
247
- ]);
257
+ "display:flex;flex-direction:column;margin-right:",
258
+ ";margin-left:",
259
+ ";"
260
+ ], function(param) {
261
+ var applyHeaderDefaultPaddings = param.applyHeaderDefaultPaddings;
262
+ return applyHeaderDefaultPaddings ? 'var(--plasma-textarea-helpers-padding-right)' : 'unset';
263
+ }, function(param) {
264
+ var applyHeaderDefaultPaddings = param.applyHeaderDefaultPaddings;
265
+ return applyHeaderDefaultPaddings ? 'var(--plasma-textarea-helpers-padding-left)' : 'unset';
266
+ });
248
267
  var DividerWrapper = _styledcomponents.default.div.withConfig({
249
268
  displayName: "TextArea.styles__DividerWrapper",
250
- componentId: "sc-e5158e93-13"
269
+ componentId: "sc-5da3c99c-13"
251
270
  })([
252
271
  "background:var(",
253
272
  ");"
254
273
  ], _TextAreatokens.tokens.backgroundColor);
255
274
  var Divider = _styledcomponents.default.div.withConfig({
256
275
  displayName: "TextArea.styles__Divider",
257
- componentId: "sc-e5158e93-14"
276
+ componentId: "sc-5da3c99c-14"
258
277
  })([
259
278
  "height:0.0625rem;background:var(",
260
279
  ");"
261
280
  ], _TextAreatokens.tokens.dividerColor);
262
281
  var StyledContainer = _styledcomponents.default.div.withConfig({
263
282
  displayName: "TextArea.styles__StyledContainer",
264
- componentId: "sc-e5158e93-15"
283
+ componentId: "sc-5da3c99c-15"
265
284
  })([
266
285
  "display:inline-flex;flex-direction:column;width:",
267
286
  ";position:relative;"
@@ -271,7 +290,7 @@ var StyledContainer = _styledcomponents.default.div.withConfig({
271
290
  });
272
291
  var StyledTextArea = _styledcomponents.default.textarea.withConfig({
273
292
  displayName: "TextArea.styles__StyledTextArea",
274
- componentId: "sc-e5158e93-16"
293
+ componentId: "sc-5da3c99c-16"
275
294
  })([
276
295
  "display:block;box-sizing:border-box;outline:none;border:none;-webkit-appearance:none;background-color:transparent;color:var(",
277
296
  ");caret-color:var(",
@@ -334,7 +353,7 @@ var StyledTextArea = _styledcomponents.default.textarea.withConfig({
334
353
  }, _TextAreatokens.tokens.inputFontFamily, _TextAreatokens.tokens.inputFontSize, _TextAreatokens.tokens.inputFontStyle, _TextAreatokens.tokens.inputFontWeight, _TextAreatokens.tokens.inputLetterSpacing, _TextAreatokens.tokens.inputLineHeight, _TextAreatokens.tokens.inputColorFocus, _TextAreatokens.tokens.scrollbarWidth, _TextAreatokens.tokens.scrollbarThumbBackgroundColor, _TextAreatokens.tokens.scrollbarBorderWidth, _TextAreatokens.tokens.scrollbarTrackBackgroundColor, _TextAreatokens.tokens.scrollbarBorderWidth);
335
354
  var StyledHiddenTextArea = _styledcomponents.default.textarea.withConfig({
336
355
  displayName: "TextArea.styles__StyledHiddenTextArea",
337
- componentId: "sc-e5158e93-17"
356
+ componentId: "sc-5da3c99c-17"
338
357
  })([
339
358
  "max-height:none !important;min-height:var(",
340
359
  ") !important;visibility:hidden !important;overflow:hidden !important;position:absolute !important;z-index:-1000 !important;top:0 !important;left:0 !important;right:0.0625rem !important;border-width:0;padding-right:",
@@ -352,7 +371,7 @@ var StyledHiddenTextArea = _styledcomponents.default.textarea.withConfig({
352
371
  }, _TextAreatokens.tokens.inputPaddingLeft, _TextAreatokens.tokens.inputFontFamily, _TextAreatokens.tokens.inputFontSize, _TextAreatokens.tokens.inputFontStyle, _TextAreatokens.tokens.inputFontWeight, _TextAreatokens.tokens.inputLetterSpacing, _TextAreatokens.tokens.inputLineHeight);
353
372
  var StyledHelpers = _styledcomponents.default.div.withConfig({
354
373
  displayName: "TextArea.styles__StyledHelpers",
355
- componentId: "sc-e5158e93-18"
374
+ componentId: "sc-5da3c99c-18"
356
375
  })([
357
376
  "box-sizing:border-box;display:flex;justify-content:space-between;transition:background-color 0.1s ease-in-out;background-color:var(",
358
377
  ");padding-top:var(",
@@ -365,14 +384,14 @@ var StyledHelpers = _styledcomponents.default.div.withConfig({
365
384
  ], _TextAreatokens.tokens.helpersBackgroundColor, _TextAreatokens.tokens.helpersPaddingTop, _TextAreatokens.tokens.helpersPaddingRight, _TextAreatokens.tokens.helpersPaddingBottom, _TextAreatokens.tokens.helpersPaddingLeft, _TextAreatokens.tokens.borderRadius, _TextAreatokens.tokens.borderRadius);
366
385
  var StyledOutsideHelpersWrapper = _styledcomponents.default.div.withConfig({
367
386
  displayName: "TextArea.styles__StyledOutsideHelpersWrapper",
368
- componentId: "sc-e5158e93-19"
387
+ componentId: "sc-5da3c99c-19"
369
388
  })([
370
389
  "box-sizing:border-box;display:flex;justify-content:space-between;padding-top:var(",
371
390
  ");"
372
391
  ], _TextAreatokens.tokens.clearHelpersPaddingTop);
373
392
  var StyledLeftHelper = _styledcomponents.default.span.withConfig({
374
393
  displayName: "TextArea.styles__StyledLeftHelper",
375
- componentId: "sc-e5158e93-20"
394
+ componentId: "sc-5da3c99c-20"
376
395
  })([
377
396
  "",
378
397
  ";display:block;font-family:var(",
@@ -386,14 +405,14 @@ var StyledLeftHelper = _styledcomponents.default.span.withConfig({
386
405
  ], (0, _mixins.applyEllipsis)(), _TextAreatokens.tokens.helpersFontFamily, _TextAreatokens.tokens.helpersFontSize, _TextAreatokens.tokens.helpersFontStyle, _TextAreatokens.tokens.helpersFontWeight, _TextAreatokens.tokens.helpersLetterSpacing, _TextAreatokens.tokens.helpersLineHeight, _TextAreatokens.tokens.leftHelperColor);
387
406
  var StyledRightHelper = (0, _styledcomponents.default)(StyledLeftHelper).withConfig({
388
407
  displayName: "TextArea.styles__StyledRightHelper",
389
- componentId: "sc-e5158e93-21"
408
+ componentId: "sc-5da3c99c-21"
390
409
  })([
391
410
  "color:var(",
392
411
  ");margin-left:auto;"
393
412
  ], _TextAreatokens.tokens.rightHelperColor);
394
413
  var StyledPlaceholder = _styledcomponents.default.label.withConfig({
395
414
  displayName: "TextArea.styles__StyledPlaceholder",
396
- componentId: "sc-e5158e93-22"
415
+ componentId: "sc-5da3c99c-22"
397
416
  })([
398
417
  "box-sizing:border-box;position:absolute;pointer-events:none;display:inline-flex;align-items:center;transition:all 0.1s ease-in-out;transform-origin:top left;color:var(",
399
418
  ");width:100%;height:auto;top:var(",
@@ -412,7 +431,7 @@ var StyledPlaceholder = _styledcomponents.default.label.withConfig({
412
431
  }, _TextAreatokens.tokens.inputFontFamily, _TextAreatokens.tokens.inputFontSize, _TextAreatokens.tokens.inputFontStyle, _TextAreatokens.tokens.inputFontWeight, _TextAreatokens.tokens.inputLetterSpacing, _TextAreatokens.tokens.inputLineHeight);
413
432
  var StyledIndicator = _styledcomponents.default.div.withConfig({
414
433
  displayName: "TextArea.styles__StyledIndicator",
415
- componentId: "sc-e5158e93-23"
434
+ componentId: "sc-5da3c99c-23"
416
435
  })([
417
436
  "position:absolute;border-radius:50%;background-color:var(",
418
437
  ");&.",
@@ -32,7 +32,9 @@ var classes = {
32
32
  hasHint: 'textarea-has-hint',
33
33
  hasRightContent: 'textarea-has-right-content',
34
34
  hasDivider: 'textarea-has-divider',
35
- requiredAlignRight: 'required-align-right'
35
+ requiredAlignRight: 'required-align-right',
36
+ hasHeaderSlot: 'textarea-has-header-slot',
37
+ styledContentWrapper: 'textarea-content-wrapper'
36
38
  };
37
39
  var tokens = {
38
40
  /** Цвет фона для всего компонента */ backgroundColor: '--plasma-textarea-background-color',
@@ -9,5 +9,5 @@ Object.defineProperty(exports, "applyDynamicLabel", {
9
9
  }
10
10
  });
11
11
  var _TextAreatokens = require("../TextArea.tokens");
12
- var innerPlaceholderUp = _TextAreatokens.classes.innerPlaceholderUp, hidePlaceHolder = _TextAreatokens.classes.hidePlaceHolder, focusedOuterPlaceholderColor = _TextAreatokens.classes.focusedOuterPlaceholderColor, styledTextArea = _TextAreatokens.classes.styledTextArea, styledTextAreaWrapper = _TextAreatokens.classes.styledTextAreaWrapper, styledPlaceholder = _TextAreatokens.classes.styledPlaceholder;
13
- var applyDynamicLabel = "\n .".concat(innerPlaceholderUp, " {\n .").concat(styledTextArea, " {\n height: calc(var(--plasma_private-textarea-input-actual-height) - var(").concat(_TextAreatokens.tokens.labelInnerTop, ") - var(").concat(_TextAreatokens.tokens.labelInnerTopHelper, ", 0px));\n }\n\n .").concat(styledTextAreaWrapper, " {\n padding-top: calc(calc(var(").concat(_TextAreatokens.tokens.labelInnerTop, ") + var(").concat(_TextAreatokens.tokens.labelInnerFontSize, ")) + var(").concat(_TextAreatokens.tokens.labelInnerMarginBottom, "));\n }\n\n .").concat(styledPlaceholder, " {\n font-family: var(").concat(_TextAreatokens.tokens.labelInnerFontFamily, ");\n font-size: var(").concat(_TextAreatokens.tokens.labelInnerFontSize, ");\n font-style: var(").concat(_TextAreatokens.tokens.labelInnerFontStyle, ");\n font-weight: var(").concat(_TextAreatokens.tokens.labelInnerFontWeight, ");\n letter-spacing: var(").concat(_TextAreatokens.tokens.labelInnerLetterSpacing, ");\n line-height: var(").concat(_TextAreatokens.tokens.labelInnerLineHeight, ");\n top: var(").concat(_TextAreatokens.tokens.labelInnerTop, ");\n }\n }\n\n .").concat(hidePlaceHolder, " .").concat(styledPlaceholder, " {\n display: none;\n }\n\n .").concat(focusedOuterPlaceholderColor, " .").concat(styledPlaceholder, " {\n color: var(").concat(_TextAreatokens.tokens.placeholderColorFocus, ");\n }\n");
12
+ var innerPlaceholderUp = _TextAreatokens.classes.innerPlaceholderUp, hidePlaceHolder = _TextAreatokens.classes.hidePlaceHolder, focusedOuterPlaceholderColor = _TextAreatokens.classes.focusedOuterPlaceholderColor, styledTextArea = _TextAreatokens.classes.styledTextArea, styledTextAreaWrapper = _TextAreatokens.classes.styledTextAreaWrapper, styledPlaceholder = _TextAreatokens.classes.styledPlaceholder, hasHeaderSlot = _TextAreatokens.classes.hasHeaderSlot, styledContentWrapper = _TextAreatokens.classes.styledContentWrapper;
13
+ var applyDynamicLabel = "\n .".concat(innerPlaceholderUp, " {\n .").concat(styledTextArea, " {\n height: calc(var(--plasma_private-textarea-input-actual-height) - var(").concat(_TextAreatokens.tokens.labelInnerTop, ") - var(").concat(_TextAreatokens.tokens.labelInnerTopHelper, ", 0px));\n }\n\n .").concat(styledTextAreaWrapper, " {\n padding-top: calc(calc(var(").concat(_TextAreatokens.tokens.labelInnerTop, ") + var(").concat(_TextAreatokens.tokens.labelInnerFontSize, ")) + var(").concat(_TextAreatokens.tokens.labelInnerMarginBottom, "));\n }\n \n .").concat(hasHeaderSlot, " {\n padding-top: unset;\n\n .").concat(styledContentWrapper, " {\n padding-top: calc(calc(var(").concat(_TextAreatokens.tokens.labelInnerTop, ") + var(").concat(_TextAreatokens.tokens.labelInnerFontSize, ")) + var(").concat(_TextAreatokens.tokens.labelInnerMarginBottom, "));\n }\n }\n\n .").concat(styledPlaceholder, " {\n font-family: var(").concat(_TextAreatokens.tokens.labelInnerFontFamily, ");\n font-size: var(").concat(_TextAreatokens.tokens.labelInnerFontSize, ");\n font-style: var(").concat(_TextAreatokens.tokens.labelInnerFontStyle, ");\n font-weight: var(").concat(_TextAreatokens.tokens.labelInnerFontWeight, ");\n letter-spacing: var(").concat(_TextAreatokens.tokens.labelInnerLetterSpacing, ");\n line-height: var(").concat(_TextAreatokens.tokens.labelInnerLineHeight, ");\n top: var(").concat(_TextAreatokens.tokens.labelInnerTop, ");\n }\n }\n\n .").concat(hidePlaceHolder, " .").concat(styledPlaceholder, " {\n display: none;\n }\n\n .").concat(focusedOuterPlaceholderColor, " .").concat(styledPlaceholder, " {\n color: var(").concat(_TextAreatokens.tokens.placeholderColorFocus, ");\n }\n");
@@ -128,7 +128,7 @@ import { base as disabledCSS } from "./variations/_disabled/base";
128
128
  import { base as hintViewCSS } from "./variations/_hint-view/base";
129
129
  import { base as hintSizeCSS } from "./variations/_hint-size/base";
130
130
  import { HintComponent } from "./ui/Hint/Hint";
131
- var innerPlaceholderUp = classes.innerPlaceholderUp, focusedOuterPlaceholderColor = classes.focusedOuterPlaceholderColor, hidePlaceHolder = classes.hidePlaceHolder, styledContainer = classes.styledContainer, styledTextArea = classes.styledTextArea, styledTextAreaWrapper = classes.styledTextAreaWrapper, styledPlaceholder = classes.styledPlaceholder, styledHelpers = classes.styledHelpers;
131
+ var innerPlaceholderUp = classes.innerPlaceholderUp, focusedOuterPlaceholderColor = classes.focusedOuterPlaceholderColor, hidePlaceHolder = classes.hidePlaceHolder, styledContainer = classes.styledContainer, styledTextArea = classes.styledTextArea, styledTextAreaWrapper = classes.styledTextAreaWrapper, styledPlaceholder = classes.styledPlaceholder, styledHelpers = classes.styledHelpers, hasHeaderSlot = classes.hasHeaderSlot, styledContentWrapper = classes.styledContentWrapper;
132
132
  var optionalText = 'optional';
133
133
  var base = css([
134
134
  "",
@@ -162,11 +162,13 @@ export var getDynamicLabelClasses = function(props, focused) {
162
162
  };
163
163
  export var textAreaRoot = function(Root) {
164
164
  return /*#__PURE__*/ forwardRef(function(props, innerRef) {
165
- var helperText = props.helperText, status = props.status, resize = props.resize, headerSlot = props.headerSlot, rightHelper = props.rightHelper, leftHelper = props.leftHelper, _props_leftHelperPlacement = props.leftHelperPlacement, leftHelperPlacement = _props_leftHelperPlacement === void 0 ? 'inner' : _props_leftHelperPlacement, contentRight = props.contentRight, _props_autoResize = props.autoResize, autoResize = _props_autoResize === void 0 ? false : _props_autoResize, _props_minAuto = props.minAuto, minAuto = _props_minAuto === void 0 ? 0 : _props_minAuto, maxAuto = props.maxAuto, label = props.label, _props_labelPlacement = props.labelPlacement, labelPlacement = _props_labelPlacement === void 0 ? 'inner' : _props_labelPlacement, titleCaption = props.titleCaption, placeholder = props.placeholder, defaultValue = props.defaultValue, height = props.height, width = props.width, value = props.value, disabled = props.disabled, _props_required = props.required, required = _props_required === void 0 ? false : _props_required, _props_requiredPlacement = props.requiredPlacement, requiredPlacement = _props_requiredPlacement === void 0 ? 'right' : _props_requiredPlacement, _props_hasRequiredIndicator = props.hasRequiredIndicator, hasRequiredIndicator = _props_hasRequiredIndicator === void 0 ? true : _props_hasRequiredIndicator, _props_optional = props.optional, optional = _props_optional === void 0 ? false : _props_optional, clear = props.clear, hasDivider = props.hasDivider, size = props.size, view = props.view, id = props.id, style = props.style, className = props.className, readOnly = props.readOnly, rows = props.rows, cols = props.cols, _props_hintTrigger = props.hintTrigger, hintTrigger = _props_hintTrigger === void 0 ? 'hover' : _props_hintTrigger, hintText = props.hintText, _props_hintView = props.hintView, hintView = _props_hintView === void 0 ? 'default' : _props_hintView, _props_hintSize = props.hintSize, hintSize = _props_hintSize === void 0 ? 'm' : _props_hintSize, hintTargetIcon = props.hintTargetIcon, _props_hintPlacement = props.hintPlacement, hintPlacement = _props_hintPlacement === void 0 ? 'auto' : _props_hintPlacement, hintHasArrow = props.hintHasArrow, _props_hintOffset = props.hintOffset, hintOffset = _props_hintOffset === void 0 ? HINT_DEFAULT_OFFSET : _props_hintOffset, hintWidth = props.hintWidth, hintContentLeft = props.hintContentLeft, onChange = props.onChange, rest = _object_without_properties(props, [
165
+ var helperText = props.helperText, status = props.status, resize = props.resize, headerSlot = props.headerSlot, _props_enableHeaderDivider = props.enableHeaderDivider, enableHeaderDivider = _props_enableHeaderDivider === void 0 ? true : _props_enableHeaderDivider, _props_applyHeaderDefaultPaddings = props.applyHeaderDefaultPaddings, applyHeaderDefaultPaddings = _props_applyHeaderDefaultPaddings === void 0 ? true : _props_applyHeaderDefaultPaddings, rightHelper = props.rightHelper, leftHelper = props.leftHelper, _props_leftHelperPlacement = props.leftHelperPlacement, leftHelperPlacement = _props_leftHelperPlacement === void 0 ? 'inner' : _props_leftHelperPlacement, contentRight = props.contentRight, _props_autoResize = props.autoResize, autoResize = _props_autoResize === void 0 ? false : _props_autoResize, _props_minAuto = props.minAuto, minAuto = _props_minAuto === void 0 ? 0 : _props_minAuto, maxAuto = props.maxAuto, label = props.label, _props_labelPlacement = props.labelPlacement, labelPlacement = _props_labelPlacement === void 0 ? 'inner' : _props_labelPlacement, titleCaption = props.titleCaption, placeholder = props.placeholder, defaultValue = props.defaultValue, height = props.height, width = props.width, value = props.value, disabled = props.disabled, _props_required = props.required, required = _props_required === void 0 ? false : _props_required, _props_requiredPlacement = props.requiredPlacement, requiredPlacement = _props_requiredPlacement === void 0 ? 'right' : _props_requiredPlacement, _props_hasRequiredIndicator = props.hasRequiredIndicator, hasRequiredIndicator = _props_hasRequiredIndicator === void 0 ? true : _props_hasRequiredIndicator, _props_optional = props.optional, optional = _props_optional === void 0 ? false : _props_optional, clear = props.clear, hasDivider = props.hasDivider, size = props.size, view = props.view, id = props.id, style = props.style, className = props.className, readOnly = props.readOnly, rows = props.rows, cols = props.cols, _props_hintTrigger = props.hintTrigger, hintTrigger = _props_hintTrigger === void 0 ? 'hover' : _props_hintTrigger, hintText = props.hintText, _props_hintView = props.hintView, hintView = _props_hintView === void 0 ? 'default' : _props_hintView, _props_hintSize = props.hintSize, hintSize = _props_hintSize === void 0 ? 'm' : _props_hintSize, hintTargetIcon = props.hintTargetIcon, _props_hintPlacement = props.hintPlacement, hintPlacement = _props_hintPlacement === void 0 ? 'auto' : _props_hintPlacement, hintHasArrow = props.hintHasArrow, _props_hintOffset = props.hintOffset, hintOffset = _props_hintOffset === void 0 ? HINT_DEFAULT_OFFSET : _props_hintOffset, hintWidth = props.hintWidth, hintContentLeft = props.hintContentLeft, onChange = props.onChange, rest = _object_without_properties(props, [
166
166
  "helperText",
167
167
  "status",
168
168
  "resize",
169
169
  "headerSlot",
170
+ "enableHeaderDivider",
171
+ "applyHeaderDefaultPaddings",
170
172
  "rightHelper",
171
173
  "leftHelper",
172
174
  "leftHelperPlacement",
@@ -230,6 +232,7 @@ export var textAreaRoot = function(Root) {
230
232
  var hasOuterLabel = Boolean(label && labelPlacement === 'outer');
231
233
  var hasInnerLabel = Boolean(label && labelPlacement === 'inner' && size !== 'xs');
232
234
  var hasPlaceholderOptional = innerOptional && !hasOuterLabel;
235
+ var hasHeader = Boolean(headerSlot) && !clear;
233
236
  var overriddenView = status !== undefined ? fallbackStatusMap[status] : view;
234
237
  var textareaHelperId = id ? "".concat(id, "-helper") : undefined;
235
238
  var applyCustomWidth = resize !== 'horizontal' && resize !== 'both' && !cols;
@@ -367,9 +370,21 @@ export var textAreaRoot = function(Root) {
367
370
  handleHintClick: handleHintClick,
368
371
  isInnerLabel: true
369
372
  }))), /*#__PURE__*/ React.createElement(StyledTextAreaWrapper, {
370
- className: cx(styledTextAreaWrapper),
371
- hasHelper: hasHelper
372
- }, headerSlot && !clear && /*#__PURE__*/ React.createElement(StyledHeaderSlot, null, headerSlot, /*#__PURE__*/ React.createElement(DividerWrapper, null, /*#__PURE__*/ React.createElement(Divider, null))), /*#__PURE__*/ React.createElement(StyledContentWrapper, null, contentRight && /*#__PURE__*/ React.createElement(StyledContent, null, contentRight)), /*#__PURE__*/ React.createElement(StyledTextArea, _object_spread({
373
+ className: cx(styledTextAreaWrapper, hasHeader && hasHeaderSlot),
374
+ hasHelper: hasHelper,
375
+ hasHeader: hasHeader
376
+ }, headerSlot && !clear && /*#__PURE__*/ React.createElement(StyledHeaderSlot, {
377
+ applyHeaderDefaultPaddings: applyHeaderDefaultPaddings
378
+ }, headerSlot, enableHeaderDivider && /*#__PURE__*/ React.createElement(DividerWrapper, null, /*#__PURE__*/ React.createElement(Divider, null))), contentRight && !hasHeader && /*#__PURE__*/ React.createElement(StyledContent, null, contentRight), hasHeader && /*#__PURE__*/ React.createElement(StyledContentWrapper, {
379
+ className: styledContentWrapper,
380
+ hasHeader: hasHeader
381
+ }, contentRight && /*#__PURE__*/ React.createElement(StyledContent, {
382
+ hasHeader: hasHeader
383
+ }, contentRight), headerSlot && placeholderLabel && /*#__PURE__*/ React.createElement(StyledPlaceholder, {
384
+ hasContentRight: Boolean(contentRight),
385
+ className: styledPlaceholder,
386
+ htmlFor: id
387
+ }, placeholderLabel, !hasOuterLabel && optionalTextNode)), /*#__PURE__*/ React.createElement(StyledTextArea, _object_spread({
373
388
  className: cx(styledTextArea, hasRightContentClass),
374
389
  id: id,
375
390
  hasContentRight: Boolean(contentRight),
@@ -401,7 +416,7 @@ export var textAreaRoot = function(Root) {
401
416
  id: textareaHelperId
402
417
  }, isInnerLeftHelperPlacement && (leftHelper || helperText) && /*#__PURE__*/ React.createElement(StyledLeftHelper, null, leftHelper || helperText), rightHelper && /*#__PURE__*/ React.createElement(StyledRightHelper, {
403
418
  "data-root": true
404
- }, rightHelper)), placeholderLabel && /*#__PURE__*/ React.createElement(StyledPlaceholder, {
419
+ }, rightHelper)), !hasHeader && placeholderLabel && /*#__PURE__*/ React.createElement(StyledPlaceholder, {
405
420
  hasContentRight: Boolean(contentRight),
406
421
  className: styledPlaceholder,
407
422
  htmlFor: id