@salutejs/plasma-new-hope 0.167.0-canary.1458.11351852488.0 → 0.167.0-canary.1459.11350127444.0

package/cjs/components/Slider/components/Double/Double.css

@@ -9,35 +9,55 @@
 .SliderBase_styles_9s4eb3_fdg7yhg__d6fac54b{position:absolute;height:100%;top:0;left:0;background:var(--plasma-slider-fill-color);width:0;}
 .SliderBase_styles_9s4eb3_i17ya4q3__d6fac54b{visibility:hidden;width:0;height:0;opacity:0;margin:0;padding:0;border:none;}
 
-.base_1h8l0kj_b13ve66i__42c27ee8 .base_1h8l0kj_io4bpie__42c27ee8{width:100%;font:inherit;-webkit-letter-spacing:inherit;-moz-letter-spacing:inherit;-ms-letter-spacing:inherit;letter-spacing:inherit;line-height:inherit;}.base_1h8l0kj_b13ve66i__42c27ee8 .base_1h8l0kj_i13qvwoy__42c27ee8{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_1h8l0kj_b13ve66i__42c27ee8 .base_1h8l0kj_iq39zt5__42c27ee8{height:var(--plasma-textfield-height);border-radius:var(--plasma-textfield-border-radius);padding:var(--plasma-textfield-padding);}.base_1h8l0kj_b13ve66i__42c27ee8 .base_1h8l0kj_iq39zt5__42c27ee8.base_1h8l0kj_hasChips__42c27ee8{padding-top:var(--plasma-textfield-padding-with-chips);padding-bottom:var(--plasma-textfield-padding-with-chips);}.base_1h8l0kj_b13ve66i__42c27ee8 .base_1h8l0kj_iq39zt5__42c27ee8.base_1h8l0kj_hasEmptyContentLeft__42c27ee8{padding-left:var(--plasma-textfield-padding-with-chips);}.base_1h8l0kj_b13ve66i__42c27ee8 .base_1h8l0kj_iq39zt5__42c27ee8.base_1h8l0kj_hasEmptyContentRight__42c27ee8{padding-right:var(--plasma-textfield-padding-with-chips);}.base_1h8l0kj_b13ve66i__42c27ee8 .base_1h8l0kj_lbt1ohz__42c27ee8{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_1h8l0kj_b13ve66i__42c27ee8 .base_1h8l0kj_l1gjsnfi__42c27ee8{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_1h8l0kj_b13ve66i__42c27ee8 .base_1h8l0kj_ssv2kwg__42c27ee8,.base_1h8l0kj_b13ve66i__42c27ee8 .base_1h8l0kj_s190z894__42c27ee8{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_1h8l0kj_b13ve66i__42c27ee8 .base_1h8l0kj_ssv2kwg__42c27ee8{margin:var(--plasma-textfield__before-text-margin);}.base_1h8l0kj_b13ve66i__42c27ee8 .base_1h8l0kj_s190z894__42c27ee8{margin:var(--plasma-textfield__after-text-margin);}
+.IconRoot_7pl7ig_svvlqhf__32c458a1{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:var(--svvlqhf-0);height:var(--svvlqhf-0);-webkit-flex:0 0 var(--svvlqhf-0);-ms-flex:0 0 var(--svvlqhf-0);flex:0 0 var(--svvlqhf-0);}
 
-.base_1noe46b_bptx5xt__03fc1b30 .base_1noe46b_iq39zt5__03fc1b30{--plasma_private-textfield-border-color:var(--plasma-textfield-border-color);--plasma_private-textfield-bg-color:var(--plasma-textfield-bg-color);color:var(--plasma-textfield-color);background-color:var(--plasma_private-textfield-bg-color);box-shadow:inset 0 0 0 var(--plasma-textfield-border-width) var(--plasma_private-textfield-border-color);caret-color:var(--plasma-textfield__caret-color);-webkit-transition:background-color 0.1s ease-in,color 0.1s ease-in,box-shadow 0.1s ease-in;transition:background-color 0.1s ease-in,color 0.1s ease-in,box-shadow 0.1s ease-in;}.base_1noe46b_bptx5xt__03fc1b30 .base_1noe46b_iq39zt5__03fc1b30:hover{--plasma_private-textfield-border-color:var(--plasma-textfield-border-color-hover,var(--plasma-textfield-border-color));--plasma_private-textfield-bg-color:var( --plasma-textfield-bg-color-hover, var(--plasma-textfield-bg-color) );}.base_1noe46b_bptx5xt__03fc1b30 .base_1noe46b_io4bpie__03fc1b30{color:var(--plasma-textfield-color);}.base_1noe46b_bptx5xt__03fc1b30 .base_1noe46b_i19ry60d__03fc1b30{color:var(--plasma-textfield__placeholder-color);}.base_1noe46b_bptx5xt__03fc1b30 .base_1noe46b_iq39zt5__03fc1b30:focus-within{--plasma_private-textfield-border-color:var(--plasma-textfield-border-color-focus,var(--plasma-textfield-border-color));--plasma_private-textfield-bg-color:var( --plasma-textfield-bg-color-focus, var(--plasma-textfield-bg-color) );}.base_1noe46b_bptx5xt__03fc1b30 .base_1noe46b_iq39zt5__03fc1b30:focus-within .base_1noe46b_i19ry60d__03fc1b30{color:var(--plasma-textfield__placeholder-color-focus);}.base_1noe46b_bptx5xt__03fc1b30 .base_1noe46b_l1gjsnfi__03fc1b30{color:var(--plasma-textfield__left-helper-color);}.base_1noe46b_bptx5xt__03fc1b30 .base_1noe46b_ssv2kwg__03fc1b30{color:var(--plasma-textfield__before-text-color);}.base_1noe46b_bptx5xt__03fc1b30 .base_1noe46b_s190z894__03fc1b30{color:var(--plasma-textfield__after-text-color);}
+.base_1xdmaqh_b13ve66i__5f4dd9b9 .base_1xdmaqh_i13qvwoy__5f4dd9b9{width:100%;font:inherit;-webkit-letter-spacing:inherit;-moz-letter-spacing:inherit;-ms-letter-spacing:inherit;letter-spacing:inherit;line-height:inherit;}.base_1xdmaqh_b13ve66i__5f4dd9b9 .base_1xdmaqh_i19ry60d__5f4dd9b9{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_1xdmaqh_b13ve66i__5f4dd9b9 .base_1xdmaqh_i1j28rg8__5f4dd9b9{height:var(--plasma-textfield-height);border-radius:var(--plasma-textfield-border-radius);padding:var(--plasma-textfield-padding);}.base_1xdmaqh_b13ve66i__5f4dd9b9 .base_1xdmaqh_i1j28rg8__5f4dd9b9.base_1xdmaqh_hasChips__5f4dd9b9{padding-top:var(--plasma-textfield-padding-with-chips);padding-bottom:var(--plasma-textfield-padding-with-chips);}.base_1xdmaqh_b13ve66i__5f4dd9b9 .base_1xdmaqh_i1j28rg8__5f4dd9b9.base_1xdmaqh_hasEmptyContentLeft__5f4dd9b9{padding-left:var(--plasma-textfield-padding-with-chips);}.base_1xdmaqh_b13ve66i__5f4dd9b9 .base_1xdmaqh_i1j28rg8__5f4dd9b9.base_1xdmaqh_hasEmptyContentRight__5f4dd9b9{padding-right:var(--plasma-textfield-padding-with-chips);}.base_1xdmaqh_b13ve66i__5f4dd9b9 .base_1xdmaqh_l1gjsnfi__5f4dd9b9,.base_1xdmaqh_b13ve66i__5f4dd9b9:not(.base_1xdmaqh_labelPlacementInner__5f4dd9b9) .base_1xdmaqh_s16itze4__5f4dd9b9{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_1xdmaqh_b13ve66i__5f4dd9b9 .base_1xdmaqh_s1skqnhr__5f4dd9b9{margin:var(--plasma-textfield__hint-margin);width:var(--plasma-textfield__hint-target-size);height:var(--plasma-textfield__hint-target-size);}.base_1xdmaqh_b13ve66i__5f4dd9b9 .base_1xdmaqh_hgy0im1__5f4dd9b9{width:var(--plasma-textfield__hint-target-size);height:var(--plasma-textfield__hint-target-size);}.base_1xdmaqh_b13ve66i__5f4dd9b9 .base_1xdmaqh_t600610__5f4dd9b9{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_1xdmaqh_b13ve66i__5f4dd9b9 .base_1xdmaqh_l7hnwwb__5f4dd9b9{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_1xdmaqh_b13ve66i__5f4dd9b9 .base_1xdmaqh_smqgwd8__5f4dd9b9,.base_1xdmaqh_b13ve66i__5f4dd9b9 .base_1xdmaqh_s14qvple__5f4dd9b9{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_1xdmaqh_b13ve66i__5f4dd9b9 .base_1xdmaqh_smqgwd8__5f4dd9b9{margin:var(--plasma-textfield__before-text-margin);}.base_1xdmaqh_b13ve66i__5f4dd9b9 .base_1xdmaqh_s14qvple__5f4dd9b9{margin:var(--plasma-textfield__after-text-margin);}
 
-.base_rit6gc_bg547ku__26539e4e.base_rit6gc_textfieldClear__26539e4e[readonly] .base_rit6gc_iq39zt5__26539e4e,.base_rit6gc_bg547ku__26539e4e.base_rit6gc_textfieldClear__26539e4e .base_rit6gc_iq39zt5__26539e4e{background-color:unset;box-shadow:none;border-radius:0;padding-left:0;padding-right:0;}.base_rit6gc_bg547ku__26539e4e.base_rit6gc_textfieldClear__26539e4e[readonly] .base_rit6gc_iq39zt5__26539e4e:hover,.base_rit6gc_bg547ku__26539e4e.base_rit6gc_textfieldClear__26539e4e .base_rit6gc_iq39zt5__26539e4e:hover{background-color:unset;}.base_rit6gc_bg547ku__26539e4e.base_rit6gc_textfieldClear__26539e4e .base_rit6gc_s600610__26539e4e{margin-left:0;}.base_rit6gc_bg547ku__26539e4e.base_rit6gc_textfieldClear__26539e4e .base_rit6gc_suk2zst__26539e4e{margin-right:0;}.base_rit6gc_bg547ku__26539e4e.base_rit6gc_textfieldClear__26539e4e.base_rit6gc_labelPlacementOuter__26539e4e .base_rit6gc_lbt1ohz__26539e4e{margin-bottom:var(--plasma-textfield__clear-label-offset);}.base_rit6gc_bg547ku__26539e4e.base_rit6gc_textfieldClear__26539e4e .base_rit6gc_io4bpie__26539e4e{color:var(--plasma-textfield-clear-color);}.base_rit6gc_bg547ku__26539e4e.base_rit6gc_textfieldClear__26539e4e .base_rit6gc_i19ry60d__26539e4e{color:var(--plasma-textfield__clear-placeholder-color);}.base_rit6gc_bg547ku__26539e4e.base_rit6gc_textfieldClear__26539e4e .base_rit6gc_s7hnwwb__26539e4e.base_rit6gc_labelPlacementInner__26539e4e{inset:var(--plasma-textfield__clear-indicator-placement-inner);}.base_rit6gc_bg547ku__26539e4e.base_rit6gc_textfieldClear__26539e4e .base_rit6gc_s7hnwwb__26539e4e.base_rit6gc_labelPlacementInner__26539e4e.base_rit6gc_alignRight__26539e4e{inset:var(--plasma-textfield__clear-indicator-placement-inner-right);}.base_rit6gc_bg547ku__26539e4e.base_rit6gc_textfieldClear__26539e4e.base_rit6gc_textfieldHasDivider__26539e4e .base_rit6gc_iq39zt5__26539e4e{--plasma_private-textfield-divider-color:var(--plasma-textfield-divider-color);}.base_rit6gc_bg547ku__26539e4e.base_rit6gc_textfieldClear__26539e4e.base_rit6gc_textfieldHasDivider__26539e4e .base_rit6gc_iq39zt5__26539e4e:before{content:'';position:absolute;height:0.063rem;width:100%;bottom:0;left:0;background-color:var(--plasma_private-textfield-divider-color);-webkit-transition:background-color 0.1s ease-in;transition:background-color 0.1s ease-in;}.base_rit6gc_bg547ku__26539e4e.base_rit6gc_textfieldClear__26539e4e.base_rit6gc_textfieldHasDivider__26539e4e:not([readonly]) .base_rit6gc_iq39zt5__26539e4e:hover{--plasma_private-textfield-divider-color:var( --plasma-textfield-divider-color-hover, var(--plasma-textfield-divider-color) );}.base_rit6gc_bg547ku__26539e4e.base_rit6gc_textfieldClear__26539e4e.base_rit6gc_textfieldHasDivider__26539e4e:not([readonly]) .base_rit6gc_iq39zt5__26539e4e:focus-within{--plasma_private-textfield-divider-color:var( --plasma-textfield-divider-color-focus, var(--plasma-textfield-divider-color) );}.base_rit6gc_bg547ku__26539e4e.base_rit6gc_textfieldClear__26539e4e.base_rit6gc_textfieldHasDivider__26539e4e:not([readonly]) .base_rit6gc_iq39zt5__26539e4e:focus-within .base_rit6gc_i19ry60d__26539e4e{color:var(--plasma-textfield__clear-placeholder-color-focus);}
+.base_qhyte8_bptx5xt__55992f65 .base_qhyte8_i1j28rg8__55992f65{--plasma_private-textfield-border-color:var(--plasma-textfield-border-color);--plasma_private-textfield-bg-color:var(--plasma-textfield-bg-color);color:var(--plasma-textfield-color);background-color:var(--plasma_private-textfield-bg-color);box-shadow:inset 0 0 0 var(--plasma-textfield-border-width) var(--plasma_private-textfield-border-color);caret-color:var(--plasma-textfield__caret-color);-webkit-transition:background-color 0.1s ease-in,color 0.1s ease-in,box-shadow 0.1s ease-in;transition:background-color 0.1s ease-in,color 0.1s ease-in,box-shadow 0.1s ease-in;}.base_qhyte8_bptx5xt__55992f65 .base_qhyte8_i1j28rg8__55992f65:hover{--plasma_private-textfield-border-color:var(--plasma-textfield-border-color-hover,var(--plasma-textfield-border-color));--plasma_private-textfield-bg-color:var( --plasma-textfield-bg-color-hover, var(--plasma-textfield-bg-color) );}.base_qhyte8_bptx5xt__55992f65 .base_qhyte8_i13qvwoy__55992f65{color:var(--plasma-textfield-color);}.base_qhyte8_bptx5xt__55992f65 .base_qhyte8_ibt1ohz__55992f65{color:var(--plasma-textfield__placeholder-color);}.base_qhyte8_bptx5xt__55992f65 .base_qhyte8_i1j28rg8__55992f65:focus-within{--plasma_private-textfield-border-color:var(--plasma-textfield-border-color-focus,var(--plasma-textfield-border-color));--plasma_private-textfield-bg-color:var( --plasma-textfield-bg-color-focus, var(--plasma-textfield-bg-color) );}.base_qhyte8_bptx5xt__55992f65 .base_qhyte8_i1j28rg8__55992f65:focus-within .base_qhyte8_ibt1ohz__55992f65{color:var(--plasma-textfield__placeholder-color-focus);}.base_qhyte8_bptx5xt__55992f65 .base_qhyte8_t600610__55992f65{color:var(--plasma-textfield__title-caption-color);}.base_qhyte8_bptx5xt__55992f65 .base_qhyte8_l7hnwwb__55992f65{color:var(--plasma-textfield__left-helper-color);}.base_qhyte8_bptx5xt__55992f65 .base_qhyte8_smqgwd8__55992f65{color:var(--plasma-textfield__before-text-color);}.base_qhyte8_bptx5xt__55992f65 .base_qhyte8_s14qvple__55992f65{color:var(--plasma-textfield__after-text-color);}
 
-.base_2tv0nz_b15zsg4z__045faf03[disabled]{pointer-events:none;opacity:var(--plasma-textfield-disabled-opacity);cursor:not-allowed;}.base_2tv0nz_b15zsg4z__045faf03[disabled] .base_2tv0nz_io4bpie__045faf03{cursor:not-allowed;min-width:unset;}
+.base_1pkwm4m_bg547ku__5797b2e1.base_1pkwm4m_textfieldClear__5797b2e1[readonly] .base_1pkwm4m_i1j28rg8__5797b2e1,.base_1pkwm4m_bg547ku__5797b2e1.base_1pkwm4m_textfieldClear__5797b2e1 .base_1pkwm4m_i1j28rg8__5797b2e1{background-color:unset;box-shadow:none;border-radius:0;padding-left:0;padding-right:0;}.base_1pkwm4m_bg547ku__5797b2e1.base_1pkwm4m_textfieldClear__5797b2e1[readonly] .base_1pkwm4m_i1j28rg8__5797b2e1:hover,.base_1pkwm4m_bg547ku__5797b2e1.base_1pkwm4m_textfieldClear__5797b2e1 .base_1pkwm4m_i1j28rg8__5797b2e1:hover{background-color:unset;}.base_1pkwm4m_bg547ku__5797b2e1.base_1pkwm4m_textfieldClear__5797b2e1 .base_1pkwm4m_s190z894__5797b2e1{margin-left:0;}.base_1pkwm4m_bg547ku__5797b2e1.base_1pkwm4m_textfieldClear__5797b2e1 .base_1pkwm4m_sb3k3v1__5797b2e1{margin-right:0;}.base_1pkwm4m_bg547ku__5797b2e1.base_1pkwm4m_textfieldClear__5797b2e1.base_1pkwm4m_labelPlacementOuter__5797b2e1 .base_1pkwm4m_olv9av6__5797b2e1{margin-bottom:var(--plasma-textfield__clear-label-offset);}.base_1pkwm4m_bg547ku__5797b2e1.base_1pkwm4m_textfieldClear__5797b2e1 .base_1pkwm4m_i13qvwoy__5797b2e1{color:var(--plasma-textfield-clear-color);}.base_1pkwm4m_bg547ku__5797b2e1.base_1pkwm4m_textfieldClear__5797b2e1 .base_1pkwm4m_ibt1ohz__5797b2e1{color:var(--plasma-textfield__clear-placeholder-color);}.base_1pkwm4m_bg547ku__5797b2e1.base_1pkwm4m_textfieldClear__5797b2e1 .base_1pkwm4m_s8yezh4__5797b2e1.base_1pkwm4m_labelPlacementInner__5797b2e1{inset:var(--plasma-textfield__clear-indicator-placement-inner);}.base_1pkwm4m_bg547ku__5797b2e1.base_1pkwm4m_textfieldClear__5797b2e1 .base_1pkwm4m_s8yezh4__5797b2e1.base_1pkwm4m_labelPlacementInner__5797b2e1.base_1pkwm4m_alignRight__5797b2e1{inset:var(--plasma-textfield__clear-indicator-placement-inner-right);}.base_1pkwm4m_bg547ku__5797b2e1.base_1pkwm4m_textfieldClear__5797b2e1.base_1pkwm4m_textfieldHasHint__5797b2e1 .base_1pkwm4m_s1skqnhr__5797b2e1.base_1pkwm4m_labelPlacementInner__5797b2e1{inset:var(--plasma-textfield__clear-hint-inner-label-placement-offset);}.base_1pkwm4m_bg547ku__5797b2e1.base_1pkwm4m_textfieldClear__5797b2e1.base_1pkwm4m_textfieldHasHint__5797b2e1 .base_1pkwm4m_s8yezh4__5797b2e1.base_1pkwm4m_labelPlacementInner__5797b2e1.base_1pkwm4m_alignRight__5797b2e1{inset:var(--plasma-textfield__clear-indicator-hint-placement-inner-right);}.base_1pkwm4m_bg547ku__5797b2e1.base_1pkwm4m_textfieldClear__5797b2e1.base_1pkwm4m_textfieldHasDivider__5797b2e1 .base_1pkwm4m_i1j28rg8__5797b2e1{--plasma_private-textfield-divider-color:var(--plasma-textfield-divider-color);}.base_1pkwm4m_bg547ku__5797b2e1.base_1pkwm4m_textfieldClear__5797b2e1.base_1pkwm4m_textfieldHasDivider__5797b2e1 .base_1pkwm4m_i1j28rg8__5797b2e1:before{content:'';position:absolute;height:0.063rem;width:100%;bottom:0;left:0;background-color:var(--plasma_private-textfield-divider-color);-webkit-transition:background-color 0.1s ease-in;transition:background-color 0.1s ease-in;}.base_1pkwm4m_bg547ku__5797b2e1.base_1pkwm4m_textfieldClear__5797b2e1.base_1pkwm4m_textfieldHasDivider__5797b2e1:not([readonly]) .base_1pkwm4m_i1j28rg8__5797b2e1:hover{--plasma_private-textfield-divider-color:var( --plasma-textfield-divider-color-hover, var(--plasma-textfield-divider-color) );}.base_1pkwm4m_bg547ku__5797b2e1.base_1pkwm4m_textfieldClear__5797b2e1.base_1pkwm4m_textfieldHasDivider__5797b2e1:not([readonly]) .base_1pkwm4m_i1j28rg8__5797b2e1:focus-within{--plasma_private-textfield-divider-color:var( --plasma-textfield-divider-color-focus, var(--plasma-textfield-divider-color) );}.base_1pkwm4m_bg547ku__5797b2e1.base_1pkwm4m_textfieldClear__5797b2e1.base_1pkwm4m_textfieldHasDivider__5797b2e1:not([readonly]) .base_1pkwm4m_i1j28rg8__5797b2e1:focus-within .base_1pkwm4m_ibt1ohz__5797b2e1{color:var(--plasma-textfield__clear-placeholder-color-focus);}
 
-.base_1n7tghz_b1w985rt__4fc2b315[readonly] .base_1n7tghz_iq39zt5__4fc2b315{color:var(--plasma-textfield-color-readonly);background-color:var(--plasma-textfield-bg-color-readonly);box-shadow:inset 0 0 0 var(--plasma-textfield-border-width) var(--plasma-textfield-border-color-readonly);}.base_1n7tghz_b1w985rt__4fc2b315[readonly].base_1n7tghz_textfieldHasDivider__4fc2b315 .base_1n7tghz_iq39zt5__4fc2b315:before{background-color:var(--plasma-textfield-divider-color-readonly);}.base_1n7tghz_b1w985rt__4fc2b315[readonly] .base_1n7tghz_iq39zt5__4fc2b315:hover{background-color:var(--plasma-textfield-bg-color-readonly);}.base_1n7tghz_b1w985rt__4fc2b315[readonly] .base_1n7tghz_iq39zt5__4fc2b315:focus-within .base_1n7tghz_i19ry60d__4fc2b315,.base_1n7tghz_b1w985rt__4fc2b315[readonly] .base_1n7tghz_i19ry60d__4fc2b315{color:var(--plasma-textfield__placeholder-color-readonly);}.base_1n7tghz_b1w985rt__4fc2b315[readonly] .base_1n7tghz_io4bpie__4fc2b315{color:var(--plasma-textfield-color-readonly);cursor:default;min-width:unset;}.base_1n7tghz_b1w985rt__4fc2b315[readonly] .base_1n7tghz_l1gjsnfi__4fc2b315{color:var(--plasma-textfield__left-helper-color-readonly);}.base_1n7tghz_b1w985rt__4fc2b315[readonly].base_1n7tghz_labelPlacementOuter__4fc2b315 .base_1n7tghz_lbt1ohz__4fc2b315{color:var(--plasma-textfield__label-color-readonly);}
+.base_4d3opa_b15zsg4z__d935790a[disabled]{pointer-events:none;opacity:var(--plasma-textfield-disabled-opacity);cursor:not-allowed;}.base_4d3opa_b15zsg4z__d935790a[disabled] .base_4d3opa_i13qvwoy__d935790a{cursor:not-allowed;min-width:unset;}
 
-.base_1ghihns_b15d3bnf__7775bbdc.base_1ghihns_labelPlacementOuter__7775bbdc .base_1ghihns_lbt1ohz__7775bbdc{position:relative;display:inline-block;margin-bottom:var(--plasma-textfield__label-offset);color:var(--plasma-textfield__label-color);}.base_1ghihns_b15d3bnf__7775bbdc.base_1ghihns_labelPlacementInner__7775bbdc .base_1ghihns_i13qvwoy__7775bbdc{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_1ghihns_b15d3bnf__7775bbdc.base_1ghihns_labelPlacementInner__7775bbdc .base_1ghihns_s190z894__7775bbdc,.base_1ghihns_b15d3bnf__7775bbdc.base_1ghihns_labelPlacementInner__7775bbdc .base_1ghihns_ssv2kwg__7775bbdc{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_1ghihns_b15d3bnf__7775bbdc.base_1ghihns_labelPlacementInner__7775bbdc .base_1ghihns_io4bpie__7775bbdc:focus ~ .base_1ghihns_lbt1ohz__7775bbdc,.base_1ghihns_b15d3bnf__7775bbdc.base_1ghihns_labelPlacementInner__7775bbdc .base_1ghihns_io4bpie__7775bbdc.base_1ghihns_hasValue__7775bbdc ~ .base_1ghihns_lbt1ohz__7775bbdc{color:var(--plasma-textfield__placeholder-color);-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;padding:var(--plasma-textfield-placement_inner__label-padding);font-family:var(--plasma-textfield-placement_inner__label-font-family);font-size:var(--plasma-textfield-placement_inner__label-font-size);font-style:var(--plasma-textfield-placement_inner__label-font-style);font-weight:var(--plasma-textfield-placement_inner__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);line-height:var(--plasma-textfield-placement_inner__label-line-height);}.base_1ghihns_b15d3bnf__7775bbdc.base_1ghihns_labelPlacementInner__7775bbdc .base_1ghihns_lbt1ohz__7775bbdc{color:var(--plasma-textfield__placeholder-color);pointer-events:none;position:absolute;top:0;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;box-sizing:border-box;height:var(--plasma-textfield-height);padding-top:calc(calc(var(--plasma-textfield-height) - var(--plasma-textfield__label-line-height)) / 2);padding-bottom:calc(calc(var(--plasma-textfield-height) - var(--plasma-textfield__label-line-height)) / 2);}.base_1ghihns_b15d3bnf__7775bbdc.base_1ghihns_labelPlacementInner__7775bbdc.base_1ghihns_textfieldClear__7775bbdc .base_1ghihns_lbt1ohz__7775bbdc{color:var(--plasma-textfield__clear-placeholder-color);}
+.base_17ypmu7_b1w985rt__5cf81a55[readonly] .base_17ypmu7_i1j28rg8__5cf81a55{color:var(--plasma-textfield-color-readonly);background-color:var(--plasma-textfield-bg-color-readonly);box-shadow:inset 0 0 0 var(--plasma-textfield-border-width) var(--plasma-textfield-border-color-readonly);}.base_17ypmu7_b1w985rt__5cf81a55[readonly].base_17ypmu7_textfieldHasDivider__5cf81a55 .base_17ypmu7_i1j28rg8__5cf81a55:before{background-color:var(--plasma-textfield-divider-color-readonly);}.base_17ypmu7_b1w985rt__5cf81a55[readonly] .base_17ypmu7_i1j28rg8__5cf81a55:hover{background-color:var(--plasma-textfield-bg-color-readonly);}.base_17ypmu7_b1w985rt__5cf81a55[readonly] .base_17ypmu7_i1j28rg8__5cf81a55:focus-within .base_17ypmu7_ibt1ohz__5cf81a55,.base_17ypmu7_b1w985rt__5cf81a55[readonly] .base_17ypmu7_ibt1ohz__5cf81a55{color:var(--plasma-textfield__placeholder-color-readonly);}.base_17ypmu7_b1w985rt__5cf81a55[readonly] .base_17ypmu7_i13qvwoy__5cf81a55{color:var(--plasma-textfield-color-readonly);cursor:default;min-width:unset;}.base_17ypmu7_b1w985rt__5cf81a55[readonly] .base_17ypmu7_t600610__5cf81a55{color:var(--plasma-textfield__title-caption-color-readonly);}.base_17ypmu7_b1w985rt__5cf81a55[readonly] .base_17ypmu7_l7hnwwb__5cf81a55{color:var(--plasma-textfield__left-helper-color-readonly);}.base_17ypmu7_b1w985rt__5cf81a55[readonly].base_17ypmu7_labelPlacementOuter__5cf81a55 .base_17ypmu7_l1gjsnfi__5cf81a55{color:var(--plasma-textfield__label-color-readonly);}
 
-.TextField_styles_1d2ryq_iq39zt5__7c8f1496{position:relative;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;box-sizing:border-box;}
-.TextField_styles_1d2ryq_i1j28rg8__7c8f1496{-webkit-flex:1;-ms-flex:1;flex:1;overflow:scroll;position:relative;width:100%;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-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;overscroll-behavior:contain;}.TextField_styles_1d2ryq_i1j28rg8__7c8f1496::-webkit-scrollbar{display:none;}.TextField_styles_1d2ryq_i1j28rg8__7c8f1496.TextField_styles_1d2ryq_hasChips__7c8f1496{height:var(--plasma-textfield__chip-height);border-radius:var(--plasma-textfield__chip-border-radius);}
-.TextField_styles_1d2ryq_s13zudoe__7c8f1496{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-textfield__chip-gap);margin-right:var(--plasma-textfield__chip-gap);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
-.TextField_styles_1d2ryq_io4bpie__7c8f1496{box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;background-color:transparent;outline:none;width:100%;z-index:1;}.TextField_styles_1d2ryq_io4bpie__7c8f1496::-webkit-input-placeholder{opacity:0;}.TextField_styles_1d2ryq_io4bpie__7c8f1496::-moz-placeholder{opacity:0;}.TextField_styles_1d2ryq_io4bpie__7c8f1496:-ms-input-placeholder{opacity:0;}.TextField_styles_1d2ryq_io4bpie__7c8f1496::placeholder{opacity:0;}
-.TextField_styles_1d2ryq_i13qvwoy__7c8f1496{position:relative;-webkit-flex:1;-ms-flex:1;flex:1;min-width:60%;}
-.TextField_styles_1d2ryq_i19ry60d__7c8f1496{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;white-space:nowrap;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font:inherit;-webkit-letter-spacing:inherit;-moz-letter-spacing:inherit;-ms-letter-spacing:inherit;letter-spacing:inherit;line-height:inherit;color:var(--plasma-textfield__placeholder-color);}
-.TextField_styles_1d2ryq_lbt1ohz__7c8f1496{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
-.TextField_styles_1d2ryq_slv9av6__7c8f1496{color:var(--slv9av6-0);line-height:0;}
-.TextField_styles_1d2ryq_s600610__7c8f1496.TextField_styles_1d2ryq_slv9av6__7c8f1496{margin:var(--plasma-textfield__left-content-margin);}
-.TextField_styles_1d2ryq_suk2zst__7c8f1496{line-height:0;margin:var(--plasma-textfield__right-content-margin);color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.TextField_styles_1d2ryq_suk2zst__7c8f1496:hover{color:var(--plasma-textfield-content-slot-color-hover);color:var(--plasma-textfield-content-right-slot-color-hover,var(--plasma-textfield-content-slot-color-hover));cursor:pointer;}.TextField_styles_1d2ryq_suk2zst__7c8f1496:active{color:var(--plasma-textfield-content-right-slot-color-active,var(--plasma-textfield-content-slot-color-active));}
+.base_3domm_b15d3bnf__caf0c2d1.base_3domm_labelPlacementOuter__caf0c2d1 .base_3domm_l1gjsnfi__caf0c2d1{position:relative;display:inline-block;color:var(--plasma-textfield__label-color);}.base_3domm_b15d3bnf__caf0c2d1.base_3domm_labelPlacementInner__caf0c2d1 .base_3domm_i19ry60d__caf0c2d1{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_3domm_b15d3bnf__caf0c2d1.base_3domm_labelPlacementInner__caf0c2d1 .base_3domm_s14qvple__caf0c2d1,.base_3domm_b15d3bnf__caf0c2d1.base_3domm_labelPlacementInner__caf0c2d1 .base_3domm_smqgwd8__caf0c2d1{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_3domm_b15d3bnf__caf0c2d1.base_3domm_labelPlacementInner__caf0c2d1 .base_3domm_i13qvwoy__caf0c2d1:focus ~ .base_3domm_l1gjsnfi__caf0c2d1,.base_3domm_b15d3bnf__caf0c2d1.base_3domm_labelPlacementInner__caf0c2d1 .base_3domm_i13qvwoy__caf0c2d1.base_3domm_hasValue__caf0c2d1 ~ .base_3domm_l1gjsnfi__caf0c2d1{color:var(--plasma-textfield__placeholder-color);-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;padding:var(--plasma-textfield-placement_inner__label-padding);font-family:var(--plasma-textfield-placement_inner__label-font-family);font-size:var(--plasma-textfield-placement_inner__label-font-size);font-style:var(--plasma-textfield-placement_inner__label-font-style);font-weight:var(--plasma-textfield-placement_inner__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);line-height:var(--plasma-textfield-placement_inner__label-line-height);}.base_3domm_b15d3bnf__caf0c2d1.base_3domm_labelPlacementInner__caf0c2d1 .base_3domm_l1gjsnfi__caf0c2d1{color:var(--plasma-textfield__placeholder-color);pointer-events:none;position:absolute;top:0;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;box-sizing:border-box;height:var(--plasma-textfield-height);padding-top:calc(calc(var(--plasma-textfield-height) - var(--plasma-textfield__label-line-height)) / 2);padding-bottom:calc(calc(var(--plasma-textfield-height) - var(--plasma-textfield__label-line-height)) / 2);}.base_3domm_b15d3bnf__caf0c2d1.base_3domm_labelPlacementInner__caf0c2d1.base_3domm_textfieldClear__caf0c2d1 .base_3domm_l1gjsnfi__caf0c2d1{color:var(--plasma-textfield__clear-placeholder-color);}
 
+.base_l8etux_bbsd6t5__82026c13 .base_l8etux_hq39zt5__82026c13{--plasma-tooltip-background-color:var(--plasma-textfield__tooltip-background-color);--plasma-tooltip-box-shadow:var(--plasma-textfield__tooltip-box-shadow);--plasma-tooltip-color:var(--plasma-textfield__tooltip-color);}
 
+.base_1x99605_b10o15xy__faec7753 .base_1x99605_hq39zt5__faec7753{--plasma-tooltip-padding-top:var(--plasma-textfield__tooltip-padding-top);--plasma-tooltip-padding-right:var(--plasma-textfield__tooltip-padding-right);--plasma-tooltip-padding-bottom:var(--plasma-textfield__tooltip-padding-bottom);--plasma-tooltip-padding-left:var(--plasma-textfield__tooltip-padding-left);--plasma-tooltip-min-height:var(--plasma-textfield__tooltip-min-height);--plasma-tooltip-border-radius:var(--plasma-textfield__tooltip-border-radius);--plasma-tooltip-text-font-family:var(--plasma-textfield__tooltip-text-font-family);--plasma-tooltip-text-font-size:var(--plasma-textfield__tooltip-text-font-size);--plasma-tooltip-text-font-style:var(--plasma-textfield__tooltip-text-font-style);--plasma-tooltip-text-font-weight:var(--plasma-textfield__tooltip-text-font-weight);--plasma-tooltip-text-font-letter-spacing:var(--plasma-textfield__tooltip-text-font-letter-spacing);--plasma-tooltip-text-font-line-height:var(--plasma-textfield__tooltip-text-font-line-height);--plasma-tooltip-content-left-margin:var(--plasma-textfield__tooltip-content-left-margin);--plasma-tooltip-arrow-mask-width:var(--plasma-textfield__tooltip-arrow-mask-width);--plasma-tooltip-arrow-mask-height:var(--plasma-textfield__tooltip-arrow-mask-height);--plasma-tooltip-arrow-mask-image:var(--plasma-textfield__tooltip-arrow-mask-image);--plasma-tooltip-arrow-height:var(--plasma-textfield__tooltip-arrow-height);--plasma-tooltip-arrow-edge-margin:var(--plasma-textfield__tooltip-arrow-edge-margin);--plasma-tooltip-arrow-background:var(--plasma-textfield__tooltip-arrow-background);}
 
-.TextField_styles_1d2ryq_sb3k3v1__7c8f1496{color:var(--plasma-textfield__optional-color);}
-.TextField_styles_1d2ryq_s7hnwwb__7c8f1496{position:absolute;border-radius:50%;background-color:var(--plasma-textfield__indicator-color);}.TextField_styles_1d2ryq_s7hnwwb__7c8f1496.TextField_styles_1d2ryq_labelPlacementOuter__7c8f1496{width:var(--plasma-textfield__indicator-size-outer);height:var(--plasma-textfield__indicator-size-outer);inset:var(--plasma-textfield__indicator-placement-outer);}.TextField_styles_1d2ryq_s7hnwwb__7c8f1496.TextField_styles_1d2ryq_labelPlacementOuter__7c8f1496.TextField_styles_1d2ryq_alignRight__7c8f1496{inset:var(--plasma-textfield__indicator-placement-outer-right);}.TextField_styles_1d2ryq_s7hnwwb__7c8f1496.TextField_styles_1d2ryq_labelPlacementInner__7c8f1496{width:var(--plasma-textfield__indicator-size-inner);height:var(--plasma-textfield__indicator-size-inner);inset:var(--plasma-textfield__indicator-placement-inner);}.TextField_styles_1d2ryq_s7hnwwb__7c8f1496.TextField_styles_1d2ryq_labelPlacementInner__7c8f1496.TextField_styles_1d2ryq_alignRight__7c8f1496{inset:var(--plasma-textfield__indicator-placement-inner-right);}
+.Popover_styles_rmr9za_s1g1xbt5__0bafa6fb{display:inline-block;}
+.Popover_styles_rmr9za_s12xwbyh__0bafa6fb{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;box-sizing:border-box;position:relative;}
+.Popover_styles_rmr9za_s1pd4d8a__0bafa6fb{width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);}.Popover_styles_rmr9za_s1pd4d8a__0bafa6fb::before{position:absolute;width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);-webkit-mask-image:var(--plasma-popover-arrow-mask-image);mask-image:var(--plasma-popover-arrow-mask-image);background:var(--plasma-popover-arrow-background);content:'';-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}
+.Popover_styles_rmr9za_s16xlixz__0bafa6fb{position:absolute;z-index:var(--s16xlixz-0);}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='top'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb{bottom:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='bottom'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb{top:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='bottom'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='left'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb{right:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='left'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb::before{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='right'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb{left:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='right'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb::before{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='top-start'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb{bottom:calc(0px - var(--plasma-popover-arrow-height));left:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='top-end'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb{bottom:calc(0px - var(--plasma-popover-arrow-height));left:unset !important;right:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='bottom-start'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb{top:calc(0px - var(--plasma-popover-arrow-height));left:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='bottom-start'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='bottom-end'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb{top:calc(0px - var(--plasma-popover-arrow-height));left:unset !important;right:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='bottom-end'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='left-start'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb,.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='right-start'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb{top:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='left-end'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb,.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='right-end'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb{top:unset !important;bottom:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}
 
-.IconRoot_7pl7ig_svvlqhf__32c458a1{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:var(--svvlqhf-0);height:var(--svvlqhf-0);-webkit-flex:0 0 var(--svvlqhf-0);-ms-flex:0 0 var(--svvlqhf-0);flex:0 0 var(--svvlqhf-0);}
+.Tooltip_styles_1jz4u92_teczcv4__3fe65388{padding:var(--plasma-tooltip-padding-top) var(--plasma-tooltip-padding-right) var(--plasma-tooltip-padding-bottom) var(--plasma-tooltip-padding-left);min-height:var(--plasma-tooltip-min-height);box-sizing:border-box;background-color:var(--plasma-tooltip-background-color);border-radius:var(--plasma-tooltip-border-radius);box-shadow:var(--plasma-tooltip-box-shadow);color:var(--plasma-tooltip-color);font-family:var(--plasma-tooltip-text-font-family);font-size:var(--plasma-tooltip-text-font-size);font-style:var(--plasma-tooltip-text-font-style);font-weight:var(--plasma-tooltip-text-font-weight);-webkit-letter-spacing:var(--plasma-tooltip-text-font-letter-spacing);-moz-letter-spacing:var(--plasma-tooltip-text-font-letter-spacing);-ms-letter-spacing:var(--plasma-tooltip-text-font-letter-spacing);letter-spacing:var(--plasma-tooltip-text-font-letter-spacing);line-height:var(--plasma-tooltip-text-font-line-height);max-width:var(--teczcv4-0);min-width:var(--teczcv4-1);width:-webkit-max-content;width:-moz-max-content;width:max-content;word-break:break-word;pointer-events:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}.Tooltip_styles_1jz4u92_teczcv4__3fe65388.Tooltip_styles_1jz4u92_hasContentLeft__3fe65388{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
+.Tooltip_styles_1jz4u92_s1j361h1__3fe65388{-webkit-align-self:center;-ms-flex-item-align:center;align-self:center;margin-right:var(--plasma-tooltip-content-left-margin);height:var(--plasma-tooltip-text-font-line-height);}
+
+.Tooltip_aay375_s1cz8cv8__390cdb21{--plasma-popover-arrow-mask-width:var(--plasma-tooltip-arrow-mask-width);--plasma-popover-arrow-mask-height:var(--plasma-tooltip-arrow-mask-height);--plasma-popover-arrow-mask-image:var(--plasma-tooltip-arrow-mask-image);--plasma-popover-arrow-background:var(--plasma-tooltip-arrow-background);--plasma-popover-arrow-height:var(--plasma-tooltip-arrow-height);--plasma-popover-arrow-edge-margin:var(--plasma-tooltip-arrow-edge-margin);}.Tooltip_aay375_s1cz8cv8__390cdb21.Tooltip_aay375_tooltipAnimated__390cdb21 .Tooltip_aay375_popoverRoot__390cdb21{-webkit-transition:opacity 200ms ease-in-out,visibility 200ms ease-in-out;transition:opacity 200ms ease-in-out,visibility 200ms ease-in-out;}
+
+
+.TextField_styles_17xt45g_i1j28rg8__decbeaf1{position:relative;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;box-sizing:border-box;}
+.TextField_styles_17xt45g_i13zudoe__decbeaf1{-webkit-flex:1;-ms-flex:1;flex:1;overflow:scroll;position:relative;width:100%;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-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;overscroll-behavior:contain;}.TextField_styles_17xt45g_i13zudoe__decbeaf1::-webkit-scrollbar{display:none;}.TextField_styles_17xt45g_i13zudoe__decbeaf1.TextField_styles_17xt45g_hasChips__decbeaf1{height:var(--plasma-textfield__chip-height);border-radius:var(--plasma-textfield__chip-border-radius);}
+.TextField_styles_17xt45g_so4bpie__decbeaf1{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-textfield__chip-gap);margin-right:var(--plasma-textfield__chip-gap);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
+.TextField_styles_17xt45g_i13qvwoy__decbeaf1{box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;background-color:transparent;outline:none;width:100%;z-index:1;}.TextField_styles_17xt45g_i13qvwoy__decbeaf1::-webkit-input-placeholder{opacity:0;}.TextField_styles_17xt45g_i13qvwoy__decbeaf1::-moz-placeholder{opacity:0;}.TextField_styles_17xt45g_i13qvwoy__decbeaf1:-ms-input-placeholder{opacity:0;}.TextField_styles_17xt45g_i13qvwoy__decbeaf1::placeholder{opacity:0;}
+.TextField_styles_17xt45g_i19ry60d__decbeaf1{position:relative;-webkit-flex:1;-ms-flex:1;flex:1;min-width:60%;}
+.TextField_styles_17xt45g_ibt1ohz__decbeaf1{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;white-space:nowrap;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font:inherit;-webkit-letter-spacing:inherit;-moz-letter-spacing:inherit;-ms-letter-spacing:inherit;letter-spacing:inherit;line-height:inherit;color:var(--plasma-textfield__placeholder-color);}
+.TextField_styles_17xt45g_olv9av6__decbeaf1{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:var(--olv9av6-0);}
+.TextField_styles_17xt45g_t600610__decbeaf1{display:inline-block;margin-left:auto;}
+.TextField_styles_17xt45g_suk2zst__decbeaf1{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;}
+.TextField_styles_17xt45g_l1gjsnfi__decbeaf1{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
+.TextField_styles_17xt45g_ssv2kwg__decbeaf1{color:var(--ssv2kwg-0);line-height:0;}
+.TextField_styles_17xt45g_s190z894__decbeaf1.TextField_styles_17xt45g_ssv2kwg__decbeaf1{margin:var(--plasma-textfield__left-content-margin);}
+.TextField_styles_17xt45g_sb3k3v1__decbeaf1{line-height:0;margin:var(--plasma-textfield__right-content-margin);color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.TextField_styles_17xt45g_sb3k3v1__decbeaf1:hover{color:var(--plasma-textfield-content-slot-color-hover);color:var(--plasma-textfield-content-right-slot-color-hover,var(--plasma-textfield-content-slot-color-hover));cursor:pointer;}.TextField_styles_17xt45g_sb3k3v1__decbeaf1:active{color:var(--plasma-textfield-content-right-slot-color-active,var(--plasma-textfield-content-slot-color-active));}
+
+
+
+.TextField_styles_17xt45g_s16itze4__decbeaf1{color:var(--plasma-textfield__optional-color);}
+.TextField_styles_17xt45g_s1skqnhr__decbeaf1{display:inline-block;line-height:0;}.TextField_styles_17xt45g_s1skqnhr__decbeaf1.TextField_styles_17xt45g_labelPlacementInner__decbeaf1{position:absolute;margin:0;inset:var(--plasma-textfield__hint-inner-label-placement-offset);}
+.TextField_styles_17xt45g_hgy0im1__decbeaf1{color:var(--plasma-textfield__hint-icon-color);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;}
+.TextField_styles_17xt45g_s8yezh4__decbeaf1{position:absolute;border-radius:50%;background-color:var(--plasma-textfield__indicator-color);}.TextField_styles_17xt45g_s8yezh4__decbeaf1.TextField_styles_17xt45g_labelPlacementOuter__decbeaf1{width:var(--plasma-textfield__indicator-size-outer);height:var(--plasma-textfield__indicator-size-outer);inset:var(--plasma-textfield__indicator-placement-outer);}.TextField_styles_17xt45g_s8yezh4__decbeaf1.TextField_styles_17xt45g_labelPlacementOuter__decbeaf1.TextField_styles_17xt45g_alignRight__decbeaf1{inset:var(--plasma-textfield__indicator-placement-outer-right);}.TextField_styles_17xt45g_s8yezh4__decbeaf1.TextField_styles_17xt45g_labelPlacementOuter__decbeaf1.TextField_styles_17xt45g_alignRight__decbeaf1.TextField_styles_17xt45g_textfieldHasHint__decbeaf1{right:calc(-1 * var(--plasma-textfield__indicator-size-outer));}.TextField_styles_17xt45g_s8yezh4__decbeaf1.TextField_styles_17xt45g_labelPlacementInner__decbeaf1{width:var(--plasma-textfield__indicator-size-inner);height:var(--plasma-textfield__indicator-size-inner);inset:var(--plasma-textfield__indicator-placement-inner);}.TextField_styles_17xt45g_s8yezh4__decbeaf1.TextField_styles_17xt45g_labelPlacementInner__decbeaf1.TextField_styles_17xt45g_alignRight__decbeaf1{inset:var(--plasma-textfield__indicator-placement-inner-right);}
 
 .base_1lwlv7t_b13tc97x__334a4e59{color:var(--plasma-chip-color);background-color:var(--plasma-chip-background);}.base_1lwlv7t_b13tc97x__334a4e59:hover{color:var(--plasma-chip-color-hover);background-color:var(--plasma-chip-background-hover);scale:var(--plasma-chip-scale-hover);}.base_1lwlv7t_b13tc97x__334a4e59:active{color:var(--plasma-chip-color-active);background-color:var(--plasma-chip-background-active);scale:var(--plasma-chip-scale-active);}
 

package/cjs/components/TextArea/TextArea.js

@@ -7,6 +7,9 @@ var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelper
 var React = require('react');
 var plasmaCore = require('@salutejs/plasma-core');
 var index = require('../../utils/index.js');
+require('@linaria/react');
+var IconInfoCircleOutline = require('../_Icon/Icons/IconInfoCircleOutline.js');
+var useOutsideClick = require('../../hooks/useOutsideClick.js');
 var useAutoResize = require('./hooks/useAutoResize.js');
 var TextArea_styles = require('./TextArea.styles.js');
 var TextArea_tokens = require('./TextArea.tokens.js');
@@ -14,9 +17,13 @@ var base$2 = require('./variations/_view/base.js');
 var base$1 = require('./variations/_size/base.js');
 var base$3 = require('./variations/_clear/base.js');
 var base$4 = require('./variations/_disabled/base.js');
+var base$5 = require('./variations/_hint-view/base.js');
+var base$6 = require('./variations/_hint-size/base.js');
+var react = require('../../utils/react.js');
 var setRefList = require('../../utils/setRefList.js');
 
-var _excluded = ["helperText", "status", "resize", "rightHelper", "leftHelper", "contentRight", "autoResize", "minAuto", "maxAuto", "label", "labelPlacement", "placeholder", "defaultValue", "height", "width", "value", "disabled", "required", "requiredPlacement", "optional", "clear", "hasDivider", "size", "view", "id", "style", "className", "readOnly", "rows", "cols", "onChange"];
+var _IconInfoCircleOutlin;
+var _excluded = ["helperText", "status", "resize", "rightHelper", "leftHelper", "contentRight", "autoResize", "minAuto", "maxAuto", "label", "labelPlacement", "titleCaption", "placeholder", "defaultValue", "height", "width", "value", "disabled", "required", "requiredPlacement", "optional", "clear", "hasDivider", "size", "view", "id", "style", "className", "readOnly", "rows", "cols", "hasHint", "hintTrigger", "hintText", "hintView", "hintSize", "hintTargetIcon", "hintPlacement", "hintHasArrow", "hintOffset", "hintWidth", "hintContentLeft", "onChange"];
 var innerPlaceholderUp = TextArea_tokens.classes.innerPlaceholderUp,
   focusedOuterPlaceholderColor = TextArea_tokens.classes.focusedOuterPlaceholderColor,
   hidePlaceHolder = TextArea_tokens.classes.hidePlaceHolder,
@@ -71,6 +78,7 @@ var textAreaRoot = function textAreaRoot(Root) {
       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,
@@ -93,21 +101,47 @@ var textAreaRoot = function textAreaRoot(Root) {
       readOnly = props.readOnly,
       rows = props.rows,
       cols = props.cols,
+      hasHint = props.hasHint,
+      _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 ? [0, 0] : _props$hintOffset,
+      hintWidth = props.hintWidth,
+      hintContentLeft = props.hintContentLeft,
       onChange = props.onChange,
       rest = _rollupPluginBabelHelpers.objectWithoutProperties(props, _excluded);
-    var _useState = React.useState(width ? "".concat(width, "rem") : '100%'),
+    var _useState = React.useState(false),
       _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
-      helperWidth = _useState2[0],
-      setHelperWidth = _useState2[1];
-    var _useState3 = React.useState(false),
+      isHintVisible = _useState2[0],
+      setIsHintVisible = _useState2[1];
+    var _useState3 = React.useState(width ? "".concat(width, "rem") : '100%'),
       _useState4 = _rollupPluginBabelHelpers.slicedToArray(_useState3, 2),
-      focused = _useState4[0],
-      setFocused = _useState4[1];
-    var _useState5 = React.useState(),
+      helperWidth = _useState4[0],
+      setHelperWidth = _useState4[1];
+    var _useState5 = React.useState(false),
       _useState6 = _rollupPluginBabelHelpers.slicedToArray(_useState5, 2),
-      uncontrolledValue = _useState6[0],
-      setUncontrolledValue = _useState6[1];
+      focused = _useState6[0],
+      setFocused = _useState6[1];
+    var _useState7 = React.useState(),
+      _useState8 = _rollupPluginBabelHelpers.slicedToArray(_useState7, 2),
+      uncontrolledValue = _useState8[0],
+      setUncontrolledValue = _useState8[1];
     var outerRef = /*#__PURE__*/React.createRef();
+    var hintId = react.safeUseId();
+    var hintRef = useOutsideClick.useOutsideClick(function () {
+      setIsHintVisible(false);
+    });
+    var hintInnerRef = React.useRef(null);
+    var hintForkRef = plasmaCore.useForkRef(hintRef, hintInnerRef);
     var innerOptional = required ? false : optional;
     var hasHelper = Boolean(leftHelper || rightHelper || helperText);
     var hasOuterLabel = Boolean(label && labelPlacement === 'outer');
@@ -118,9 +152,27 @@ var textAreaRoot = function textAreaRoot(Root) {
     var applyCustomWidth = resize !== 'horizontal' && resize !== 'both' && !cols;
     var placeholderLabel = hasInnerLabel ? label : placeholder;
     var clearClass = clear ? TextArea_tokens.classes.clear : undefined;
+    var hasHintClass = hasHint ? TextArea_tokens.classes.hasHint : undefined;
     var hasRightContentClass = contentRight ? TextArea_tokens.classes.hasRightContent : undefined;
     var hasDividerClass = hasDivider ? TextArea_tokens.classes.hasDivider : undefined;
     var requiredPlacementClass = requiredPlacement === 'right' ? 'align-right ' : undefined;
+    var handleHintShow = function handleHintShow() {
+      return setIsHintVisible(true);
+    };
+    var handleHintHide = function handleHintHide() {
+      return setIsHintVisible(false);
+    };
+    var handleHintClick = function handleHintClick(event) {
+      if (hasHint && hintTrigger === 'click') {
+        var _hintInnerRef$current;
+        event.stopPropagation();
+        var targetIsPopover = event.target === hintInnerRef.current;
+        var rootHasTarget = (_hintInnerRef$current = hintInnerRef.current) === null || _hintInnerRef$current === void 0 ? void 0 : _hintInnerRef$current.contains(event.target);
+        if (!targetIsPopover && !rootHasTarget) {
+          setIsHintVisible(true);
+        }
+      }
+    };
     plasmaCore.useResizeObserver(outerRef, function (currentElement) {
       var inlineWidth = currentElement.style.width;
       if (inlineWidth || cols) {
@@ -143,17 +195,6 @@ var textAreaRoot = function textAreaRoot(Root) {
       }
       onChange === null || onChange === void 0 || onChange(event);
     }, [value, onChange]);
-    var handleTextAreaFocus = function handleTextAreaFocus() {
-      if (readOnly || disabled || !(outerRef !== null && outerRef !== void 0 && outerRef.current)) {
-        return;
-      }
-      outerRef.current.scrollTo({
-        top: 0,
-        left: outerRef.current.offsetLeft,
-        behavior: 'smooth'
-      });
-      outerRef.current.focus();
-    };
     var dynamicLabelClasses = getDynamicLabelClasses({
       size: size,
       readOnly: readOnly,
@@ -162,8 +203,35 @@ var textAreaRoot = function textAreaRoot(Root) {
       value: value || uncontrolledValue || defaultValue,
       rows: rows
     }, focused);
-    var optionalTextNode = innerOptional ? /*#__PURE__*/React.createElement(TextArea_styles.StyledOptionalText, null, Boolean(hasPlaceholderOptional ? placeholderLabel : label) && '\xa0', optionalText) : null;
-    return /*#__PURE__*/React.createElement(Root, {
+    var optionalTextNode = innerOptional ? /*#__PURE__*/React.createElement(TextArea_styles.StyledOptionalText, {
+      inheritFont: !hasOuterLabel
+    }, Boolean(hasPlaceholderOptional ? placeholderLabel : label) && '\xa0', optionalText) : null;
+    var HintComponent = React.useMemo(function () {
+      return /*#__PURE__*/React.createElement(TextArea_styles.Hint, {
+        ref: hintForkRef,
+        text: String(hintText),
+        opened: isHintVisible,
+        target: /*#__PURE__*/React.createElement(TextArea_styles.HintTargetWrapper, _rollupPluginBabelHelpers.extends({
+          id: hintId
+        }, hintTrigger === 'hover' ? {
+          onMouseEnter: handleHintShow,
+          onMouseLeave: handleHintHide
+        } : {
+          onClick: handleHintClick
+        }), hintTargetIcon || _IconInfoCircleOutlin || (_IconInfoCircleOutlin = /*#__PURE__*/React.createElement(IconInfoCircleOutline.IconInfoCircleOutline, {
+          size: "xs",
+          color: "inherit"
+        }))),
+        placement: hintPlacement,
+        hasArrow: hintHasArrow,
+        offset: hintOffset,
+        minWidth: hintWidth,
+        maxWidth: hintWidth,
+        contentLeft: hintContentLeft,
+        frame: hintId
+      });
+    }, [hintText, isHintVisible, hintId, hintTrigger, handleHintShow, handleHintHide, handleHintClick, hintTargetIcon, hintPlacement, hintHasArrow, hintOffset, hintWidth, hintContentLeft]);
+    return /*#__PURE__*/React.createElement(Root, _rollupPluginBabelHelpers.extends({
       view: overriddenView,
       size: size,
       disabled: disabled,
@@ -172,18 +240,24 @@ var textAreaRoot = function textAreaRoot(Root) {
       style: _rollupPluginBabelHelpers.objectSpread2({
         width: helperWidth
       }, style),
-      className: index.cx(clearClass, hasDividerClass, className),
-      onClick: handleTextAreaFocus
-    }, hasOuterLabel && /*#__PURE__*/React.createElement(TextArea_styles.StyledLabel, null, required && /*#__PURE__*/React.createElement(TextArea_styles.StyledIndicator, {
-      className: index.cx(TextArea_tokens.classes.outerLabelPlacement, requiredPlacementClass)
-    }), label, optionalTextNode), /*#__PURE__*/React.createElement(TextArea_styles.StyledContainer, {
+      className: index.cx(clearClass, hasDividerClass, hasHintClass, className)
+    }, hasHint && {
+      hintView: hintView || 'default',
+      hintSize: hintSize || 'm'
+    }), (hasOuterLabel || titleCaption) && /*#__PURE__*/React.createElement(TextArea_styles.OuterLabelWrapper, {
+      isInnnerLabel: labelPlacement === 'inner'
+    }, hasOuterLabel && /*#__PURE__*/React.createElement(TextArea_styles.StyledIndicatorWrapper, null, /*#__PURE__*/React.createElement(TextArea_styles.StyledLabel, null, label), hasHint && /*#__PURE__*/React.createElement(TextArea_styles.StyledHintWrapper, null, HintComponent), required && /*#__PURE__*/React.createElement(TextArea_styles.StyledIndicator, {
+      className: index.cx(TextArea_tokens.classes.outerLabelPlacement, requiredPlacementClass, hasHintClass)
+    }), optionalTextNode), titleCaption && /*#__PURE__*/React.createElement(TextArea_styles.TitleCaption, null, titleCaption)), /*#__PURE__*/React.createElement(TextArea_styles.StyledContainer, {
       className: index.cx.apply(void 0, [styledContainer].concat(_rollupPluginBabelHelpers.toConsumableArray(dynamicLabelClasses))),
       width: helperWidth,
       onFocus: onFocusHandler,
       onBlur: onBlurHandler
-    }, required && !hasOuterLabel && /*#__PURE__*/React.createElement(TextArea_styles.StyledIndicator, {
+    }, !hasOuterLabel && /*#__PURE__*/React.createElement(React.Fragment, null, required && /*#__PURE__*/React.createElement(TextArea_styles.StyledIndicator, {
       className: index.cx(TextArea_tokens.classes.innerLabelPlacement, requiredPlacementClass)
-    }), contentRight && /*#__PURE__*/React.createElement(TextArea_styles.StyledContent, null, contentRight), /*#__PURE__*/React.createElement(TextArea_styles.StyledTextAreaWrapper, {
+    }), hasHint && /*#__PURE__*/React.createElement(TextArea_styles.StyledHintWrapper, {
+      className: TextArea_tokens.classes.innerLabelPlacement
+    }, HintComponent)), contentRight && /*#__PURE__*/React.createElement(TextArea_styles.StyledContent, null, contentRight), /*#__PURE__*/React.createElement(TextArea_styles.StyledTextAreaWrapper, {
       className: styledTextAreaWrapper,
       hasHelper: hasHelper
     }, /*#__PURE__*/React.createElement(TextArea_styles.StyledTextArea, _rollupPluginBabelHelpers.extends({
@@ -237,6 +311,12 @@ var textAreaConfig = {
     },
     readOnly: {
       attrs: true
+    },
+    hintView: {
+      css: base$5.base
+    },
+    hintSize: {
+      css: base$6.base
     }
   },
   defaults: {

package/cjs/components/TextArea/TextArea.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextArea.js","sources":["../../../src/components/TextArea/TextArea.tsx"],"sourcesContent":["import React, { forwardRef, useState, createRef, useCallback } from 'react';\nimport { css } from '@linaria/core';\nimport { useResizeObserver } from '@salutejs/plasma-core';\n\nimport { cx, mergeRefs } from '../../utils';\nimport type { RootProps } from '../../engines/types';\n\nimport { applyDynamicLabel } from './mixins';\nimport { useAutoResize, ROOT_FONT_SIZE } from './hooks';\nimport {\n    StyledContent,\n    StyledHelpers,\n    StyledLeftHelper,\n    StyledRightHelper,\n    StyledLabel,\n    StyledPlaceholder,\n    StyledTextArea,\n    StyledTextAreaWrapper,\n    StyledContainer,\n    StyledIndicator,\n    StyledOptionalText,\n} from './TextArea.styles';\nimport { classes } from './TextArea.tokens';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as clearCSS } from './variations/_clear/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport type { TextAreaProps } from './TextArea.types';\n\nconst {\n    innerPlaceholderUp,\n    focusedOuterPlaceholderColor,\n    hidePlaceHolder,\n    styledContainer,\n    styledTextArea,\n    styledTextAreaWrapper,\n    styledPlaceholder,\n    styledHelpers,\n} = classes;\n\nconst optionalText = 'optional';\n\nconst base = css`\n    ${applyDynamicLabel};\n\n    position: relative;\n    box-sizing: border-box;\n`;\n\n// TODO: Удалить после отказа от старых библиотек plasma-web / plasma-b2c\nconst fallbackStatusMap = {\n    '': 'primary',\n    success: 'positive',\n    warning: 'warning',\n    error: 'negative',\n};\n\n// TODO: Перенести этот метод в файл applyDynamicLabel.ts\nexport const getDynamicLabelClasses = (props: TextAreaProps, focused: boolean) => {\n    const { readOnly, label, labelPlacement, rows, value, size } = props;\n\n    // Добавить класс отвечающий за изменение цвета плейсхолдера при фокусе\n    const withFocusedOuterUpPlaceholder =\n        !readOnly && focused && (!label || labelPlacement === 'outer') ? focusedOuterPlaceholderColor : undefined;\n\n    // Добавить класс отвечающий за поднятие и уменьшение плейсхолдера\n    const withInnerPlaceholderUp =\n        labelPlacement === 'inner' &&\n        label &&\n        !rows &&\n        size !== 'xs' &&\n        ((!readOnly && (value || focused)) || (readOnly && value))\n            ? innerPlaceholderUp\n            : undefined;\n\n    // Добавить класс отвечающий за скрытие плейсхолдера\n    const withHidePlaceholder =\n        (value && !label) ||\n        (labelPlacement === 'inner' && ((focused && !readOnly) || value) && label && rows) ||\n        (labelPlacement === 'outer' && value) ||\n        (labelPlacement === 'inner' && size === 'xs' && value)\n            ? hidePlaceHolder\n            : undefined;\n\n    return [withFocusedOuterUpPlaceholder, withInnerPlaceholderUp, withHidePlaceholder];\n};\n\nexport const textAreaRoot = (Root: RootProps<HTMLTextAreaElement, TextAreaProps>) =>\n    forwardRef<HTMLTextAreaElement, TextAreaProps>((props, innerRef) => {\n        const {\n            helperText,\n            status,\n            resize,\n            rightHelper,\n            leftHelper,\n            contentRight,\n            autoResize = false,\n            minAuto = 0,\n            maxAuto,\n            label,\n            labelPlacement = 'inner',\n            placeholder,\n            defaultValue,\n            height,\n            width,\n            value,\n            disabled,\n            required = false,\n            requiredPlacement = 'right',\n            optional = false,\n            clear,\n            hasDivider,\n            size,\n            view,\n            id,\n            style,\n            className,\n            readOnly,\n            rows,\n            cols,\n            onChange,\n            ...rest\n        } = props;\n\n        const [helperWidth, setHelperWidth] = useState<string>(width ? `${width}rem` : '100%');\n        const [focused, setFocused] = useState(false);\n        const [uncontrolledValue, setUncontrolledValue] = useState<string | undefined>();\n\n        const outerRef = createRef<HTMLTextAreaElement>();\n\n        const innerOptional = required ? false : optional;\n        const hasHelper = Boolean(leftHelper || rightHelper || helperText);\n        const hasOuterLabel = Boolean(label && labelPlacement === 'outer');\n        const hasInnerLabel = Boolean(label && labelPlacement === 'inner' && size !== 'xs');\n        const hasPlaceholderOptional = innerOptional && !hasOuterLabel;\n\n        const overriddenView = status !== undefined ? fallbackStatusMap[status] : view;\n        const textareaHelperId = id ? `${id}-helper` : undefined;\n        const applyCustomWidth = resize !== 'horizontal' && resize !== 'both' && !cols;\n        const placeholderLabel = hasInnerLabel ? label : placeholder;\n\n        const clearClass = clear ? classes.clear : undefined;\n        const hasRightContentClass = contentRight ? classes.hasRightContent : undefined;\n        const hasDividerClass = hasDivider ? classes.hasDivider : undefined;\n        const requiredPlacementClass = requiredPlacement === 'right' ? 'align-right ' : undefined;\n\n        useResizeObserver(outerRef, (currentElement) => {\n            const { width: inlineWidth } = currentElement.style;\n\n            if (inlineWidth || cols) {\n                const { width: elementWidth } = currentElement.getBoundingClientRect();\n                setHelperWidth(`${elementWidth / ROOT_FONT_SIZE}rem`);\n            }\n        });\n\n        useAutoResize(autoResize || Boolean(clear), outerRef, value, minAuto, maxAuto);\n\n        const onFocusHandler = useCallback(() => {\n            setFocused(true);\n        }, []);\n\n        const onBlurHandler = useCallback(() => {\n            setFocused(false);\n        }, []);\n\n        const onChangeHandler = useCallback(\n            (event: React.ChangeEvent<HTMLTextAreaElement>) => {\n                // INFO: Для крайне редких кейсов, когда value снаружи не контролируется\n                if (value === undefined) {\n                    setUncontrolledValue(event?.target.value);\n                }\n\n                onChange?.(event);\n            },\n            [value, onChange],\n        );\n\n        const handleTextAreaFocus = () => {\n            if (readOnly || disabled || !outerRef?.current) {\n                return;\n            }\n\n            outerRef.current.scrollTo({\n                top: 0,\n                left: outerRef.current.offsetLeft,\n                behavior: 'smooth',\n            });\n\n            outerRef.current.focus();\n        };\n\n        const dynamicLabelClasses = getDynamicLabelClasses(\n            {\n                size,\n                readOnly,\n                label,\n                labelPlacement,\n                value: value || uncontrolledValue || defaultValue,\n                rows,\n            },\n            focused,\n        );\n\n        const optionalTextNode = innerOptional ? (\n            <StyledOptionalText>\n                {Boolean(hasPlaceholderOptional ? placeholderLabel : label) && '\\xa0'}\n                {optionalText}\n            </StyledOptionalText>\n        ) : null;\n\n        return (\n            <Root\n                view={overriddenView}\n                size={size}\n                disabled={disabled}\n                readOnly={readOnly}\n                clear={clear}\n                style={{ width: helperWidth, ...style }}\n                className={cx(clearClass, hasDividerClass, className)}\n                onClick={handleTextAreaFocus}\n            >\n                {hasOuterLabel && (\n                    <StyledLabel>\n                        {required && (\n                            <StyledIndicator className={cx(classes.outerLabelPlacement, requiredPlacementClass)} />\n                        )}\n                        {label}\n                        {optionalTextNode}\n                    </StyledLabel>\n                )}\n                <StyledContainer\n                    className={cx(styledContainer, ...dynamicLabelClasses)}\n                    width={helperWidth}\n                    onFocus={onFocusHandler}\n                    onBlur={onBlurHandler}\n                >\n                    {required && !hasOuterLabel && (\n                        <StyledIndicator className={cx(classes.innerLabelPlacement, requiredPlacementClass)} />\n                    )}\n                    {contentRight && <StyledContent>{contentRight}</StyledContent>}\n                    <StyledTextAreaWrapper className={styledTextAreaWrapper} hasHelper={hasHelper}>\n                        <StyledTextArea\n                            className={cx(styledTextArea, hasRightContentClass)}\n                            id={id}\n                            hasContentRight={Boolean(contentRight)}\n                            hasHelper={hasHelper}\n                            applyCustomWidth={applyCustomWidth}\n                            ref={mergeRefs(outerRef, innerRef)}\n                            disabled={disabled}\n                            height={autoResize || Boolean(clear) ? minAuto : height}\n                            width={width}\n                            placeholder={placeholderLabel}\n                            aria-describedby={textareaHelperId}\n                            value={value}\n                            readOnly={readOnly}\n                            rows={rows}\n                            cols={cols}\n                            resize={resize}\n                            defaultValue={defaultValue}\n                            onChange={onChangeHandler}\n                            {...rest}\n                        />\n                    </StyledTextAreaWrapper>\n                    {hasHelper && (\n                        <StyledHelpers className={styledHelpers} id={textareaHelperId}>\n                            {(leftHelper || helperText) && (\n                                <StyledLeftHelper>{leftHelper || helperText}</StyledLeftHelper>\n                            )}\n                            {rightHelper && <StyledRightHelper>{rightHelper}</StyledRightHelper>}\n                        </StyledHelpers>\n                    )}\n                    {placeholderLabel && (\n                        <StyledPlaceholder\n                            hasContentRight={Boolean(contentRight)}\n                            className={styledPlaceholder}\n                            htmlFor={id}\n                        >\n                            {placeholderLabel}\n                            {!hasOuterLabel && optionalTextNode}\n                        </StyledPlaceholder>\n                    )}\n                </StyledContainer>\n            </Root>\n        );\n    });\n\nexport const textAreaConfig = {\n    name: 'TextArea',\n    tag: 'div',\n    layout: textAreaRoot,\n    base,\n    variations: {\n        size: {\n            css: sizeCSS,\n        },\n        view: {\n            css: viewCSS,\n        },\n        clear: {\n            css: clearCSS,\n            attrs: true,\n        },\n        disabled: {\n            css: disabledCSS,\n            attrs: true,\n        },\n        readOnly: {\n            attrs: true,\n        },\n    },\n    defaults: {\n        size: 'm',\n        view: 'primary',\n    },\n};\n"],"names":["innerPlaceholderUp","classes","focusedOuterPlaceholderColor","hidePlaceHolder","styledContainer","styledTextArea","styledTextAreaWrapper","styledPlaceholder","styledHelpers","optionalText","base","fallbackStatusMap","success","warning","error","getDynamicLabelClasses","props","focused","readOnly","label","labelPlacement","rows","value","size","withFocusedOuterUpPlaceholder","undefined","withInnerPlaceholderUp","withHidePlaceholder","textAreaRoot","Root","forwardRef","innerRef","helperText","status","resize","rightHelper","leftHelper","contentRight","_props$autoResize","autoResize","_props$minAuto","minAuto","maxAuto","_props$labelPlacement","placeholder","defaultValue","height","width","disabled","_props$required","required","_props$requiredPlacem","requiredPlacement","_props$optional","optional","clear","hasDivider","view","id","style","className","cols","onChange","rest","_excluded","_useState","useState","concat","_useState2","_slicedToArray","helperWidth","setHelperWidth","_useState3","_useState4","setFocused","_useState5","_useState6","uncontrolledValue","setUncontrolledValue","outerRef","createRef","innerOptional","hasHelper","Boolean","hasOuterLabel","hasInnerLabel","hasPlaceholderOptional","overriddenView","textareaHelperId","applyCustomWidth","placeholderLabel","clearClass","hasRightContentClass","hasRightContent","hasDividerClass","requiredPlacementClass","useResizeObserver","currentElement","inlineWidth","_currentElement$getBo","getBoundingClientRect","elementWidth","ROOT_FONT_SIZE","useAutoResize","onFocusHandler","useCallback","onBlurHandler","onChangeHandler","event","target","handleTextAreaFocus","current","scrollTo","top","left","offsetLeft","behavior","focus","dynamicLabelClasses","optionalTextNode","React","createElement","StyledOptionalText","_objectSpread","cx","onClick","StyledLabel","StyledIndicator","outerLabelPlacement","StyledContainer","apply","_toConsumableArray","onFocus","onBlur","innerLabelPlacement","StyledContent","StyledTextAreaWrapper","StyledTextArea","_extends","hasContentRight","ref","mergeRefs","StyledHelpers","StyledLeftHelper","StyledRightHelper","StyledPlaceholder","htmlFor","textAreaConfig","name","tag","layout","variations","css","sizeCSS","viewCSS","clearCSS","attrs","disabledCSS","defaults"],"mappings":";;;;;;;;;;;;;;;;;;AA6BA,IACIA,kBAAkB,GAQlBC,uBAAO,CARPD,kBAAkB;EAClBE,4BAA4B,GAO5BD,uBAAO,CAPPC,4BAA4B;EAC5BC,eAAe,GAMfF,uBAAO,CANPE,eAAe;EACfC,eAAe,GAKfH,uBAAO,CALPG,eAAe;EACfC,cAAc,GAIdJ,uBAAO,CAJPI,cAAc;EACdC,qBAAqB,GAGrBL,uBAAO,CAHPK,qBAAqB;EACrBC,iBAAiB,GAEjBN,uBAAO,CAFPM,iBAAiB;EACjBC,aAAAA,GACAP,uBAAO,CADPO,aAAAA,CAAAA;AAGJ,IAAMC,YAAY,GAAG,UAAU,CAAA;AAE/B,IAAMC,IAAI,GAKT,SAAA,CAAA;;AAED;AACA,IAAMC,iBAAiB,GAAG;AACtB,EAAA,EAAE,EAAE,SAAS;AACbC,EAAAA,OAAO,EAAE,UAAU;AACnBC,EAAAA,OAAO,EAAE,SAAS;AAClBC,EAAAA,KAAK,EAAE,UAAA;AACX,CAAC,CAAA;;AAED;AACO,IAAMC,sBAAsB,GAAGA,SAAzBA,sBAAsBA,CAAIC,KAAoB,EAAEC,OAAgB,EAAK;AAC9E,EAAA,IAAQC,QAAQ,GAA+CF,KAAK,CAA5DE,QAAQ;IAAEC,KAAK,GAAwCH,KAAK,CAAlDG,KAAK;IAAEC,cAAc,GAAwBJ,KAAK,CAA3CI,cAAc;IAAEC,IAAI,GAAkBL,KAAK,CAA3BK,IAAI;IAAEC,KAAK,GAAWN,KAAK,CAArBM,KAAK;IAAEC,IAAAA,GAASP,KAAK,CAAdO,IAAAA,CAAAA;;AAEtD;AACA,EAAA,IAAMC,6BAA6B,GAC/B,CAACN,QAAQ,IAAID,OAAO,KAAK,CAACE,KAAK,IAAIC,cAAc,KAAK,OAAO,CAAC,GAAGlB,4BAA4B,GAAGuB,SAAS,CAAA;;AAE7G;AACA,EAAA,IAAMC,sBAAsB,GACxBN,cAAc,KAAK,OAAO,IAC1BD,KAAK,IACL,CAACE,IAAI,IACLE,IAAI,KAAK,IAAI,KACX,CAACL,QAAQ,KAAKI,KAAK,IAAIL,OAAO,CAAC,IAAMC,QAAQ,IAAII,KAAM,CAAC,GACpDtB,kBAAkB,GAClByB,SAAS,CAAA;;AAEnB;AACA,EAAA,IAAME,mBAAmB,GACpBL,KAAK,IAAI,CAACH,KAAK,IACfC,cAAc,KAAK,OAAO,KAAMH,OAAO,IAAI,CAACC,QAAQ,IAAKI,KAAK,CAAC,IAAIH,KAAK,IAAIE,IAAK,IACjFD,cAAc,KAAK,OAAO,IAAIE,KAAM,IACpCF,cAAc,KAAK,OAAO,IAAIG,IAAI,KAAK,IAAI,IAAID,KAAM,GAChDnB,eAAe,GACfsB,SAAS,CAAA;AAEnB,EAAA,OAAO,CAACD,6BAA6B,EAAEE,sBAAsB,EAAEC,mBAAmB,CAAC,CAAA;AACvF,EAAC;IAEYC,YAAY,GAAGA,SAAfA,YAAYA,CAAIC,IAAmD,EAAA;AAAA,EAAA,oBAC5EC,gBAAU,CAAqC,UAACd,KAAK,EAAEe,QAAQ,EAAK;AAChE,IAAA,IACIC,UAAU,GAgCVhB,KAAK,CAhCLgB,UAAU;MACVC,MAAM,GA+BNjB,KAAK,CA/BLiB,MAAM;MACNC,MAAM,GA8BNlB,KAAK,CA9BLkB,MAAM;MACNC,WAAW,GA6BXnB,KAAK,CA7BLmB,WAAW;MACXC,UAAU,GA4BVpB,KAAK,CA5BLoB,UAAU;MACVC,YAAY,GA2BZrB,KAAK,CA3BLqB,YAAY;MAAAC,iBAAA,GA2BZtB,KAAK,CA1BLuB,UAAU;AAAVA,MAAAA,UAAU,GAAAD,iBAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,iBAAA;MAAAE,cAAA,GA0BlBxB,KAAK,CAzBLyB,OAAO;AAAPA,MAAAA,OAAO,GAAAD,cAAA,KAAG,KAAA,CAAA,GAAA,CAAC,GAAAA,cAAA;MACXE,OAAO,GAwBP1B,KAAK,CAxBL0B,OAAO;MACPvB,KAAK,GAuBLH,KAAK,CAvBLG,KAAK;MAAAwB,qBAAA,GAuBL3B,KAAK,CAtBLI,cAAc;AAAdA,MAAAA,cAAc,GAAAuB,qBAAA,KAAG,KAAA,CAAA,GAAA,OAAO,GAAAA,qBAAA;MACxBC,WAAW,GAqBX5B,KAAK,CArBL4B,WAAW;MACXC,YAAY,GAoBZ7B,KAAK,CApBL6B,YAAY;MACZC,MAAM,GAmBN9B,KAAK,CAnBL8B,MAAM;MACNC,KAAK,GAkBL/B,KAAK,CAlBL+B,KAAK;MACLzB,KAAK,GAiBLN,KAAK,CAjBLM,KAAK;MACL0B,QAAQ,GAgBRhC,KAAK,CAhBLgC,QAAQ;MAAAC,eAAA,GAgBRjC,KAAK,CAfLkC,QAAQ;AAARA,MAAAA,QAAQ,GAAAD,eAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,eAAA;MAAAE,qBAAA,GAehBnC,KAAK,CAdLoC,iBAAiB;AAAjBA,MAAAA,iBAAiB,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA,OAAO,GAAAA,qBAAA;MAAAE,eAAA,GAc3BrC,KAAK,CAbLsC,QAAQ;AAARA,MAAAA,QAAQ,GAAAD,eAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,eAAA;MAChBE,KAAK,GAYLvC,KAAK,CAZLuC,KAAK;MACLC,UAAU,GAWVxC,KAAK,CAXLwC,UAAU;MACVjC,IAAI,GAUJP,KAAK,CAVLO,IAAI;MACJkC,IAAI,GASJzC,KAAK,CATLyC,IAAI;MACJC,EAAE,GAQF1C,KAAK,CARL0C,EAAE;MACFC,KAAK,GAOL3C,KAAK,CAPL2C,KAAK;MACLC,SAAS,GAMT5C,KAAK,CANL4C,SAAS;MACT1C,QAAQ,GAKRF,KAAK,CALLE,QAAQ;MACRG,IAAI,GAIJL,KAAK,CAJLK,IAAI;MACJwC,IAAI,GAGJ7C,KAAK,CAHL6C,IAAI;MACJC,QAAQ,GAER9C,KAAK,CAFL8C,QAAQ;AACLC,MAAAA,IAAAA,GAAAA,iDAAAA,CACH/C,KAAK,EAAAgD,SAAA,CAAA,CAAA;IAET,IAAAC,SAAA,GAAsCC,cAAQ,CAASnB,KAAK,GAAAoB,EAAAA,CAAAA,MAAA,CAAMpB,KAAM,EAAO,KAAA,CAAA,GAAA,MAAM,CAAC;MAAAqB,UAAA,GAAAC,uCAAA,CAAAJ,SAAA,EAAA,CAAA,CAAA;AAA/EK,MAAAA,WAAW,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,MAAAA,cAAc,GAAAH,UAAA,CAAA,CAAA,CAAA,CAAA;AAClC,IAAA,IAAAI,UAAA,GAA8BN,cAAQ,CAAC,KAAK,CAAC;MAAAO,UAAA,GAAAJ,uCAAA,CAAAG,UAAA,EAAA,CAAA,CAAA;AAAtCvD,MAAAA,OAAO,GAAAwD,UAAA,CAAA,CAAA,CAAA;AAAEC,MAAAA,UAAU,GAAAD,UAAA,CAAA,CAAA,CAAA,CAAA;AAC1B,IAAA,IAAAE,UAAA,GAAkDT,cAAQ,EAAsB;MAAAU,UAAA,GAAAP,uCAAA,CAAAM,UAAA,EAAA,CAAA,CAAA;AAAzEE,MAAAA,iBAAiB,GAAAD,UAAA,CAAA,CAAA,CAAA;AAAEE,MAAAA,oBAAoB,GAAAF,UAAA,CAAA,CAAA,CAAA,CAAA;AAE9C,IAAA,IAAMG,QAAQ,gBAAGC,eAAS,EAAuB,CAAA;AAEjD,IAAA,IAAMC,aAAa,GAAG/B,QAAQ,GAAG,KAAK,GAAGI,QAAQ,CAAA;IACjD,IAAM4B,SAAS,GAAGC,OAAO,CAAC/C,UAAU,IAAID,WAAW,IAAIH,UAAU,CAAC,CAAA;IAClE,IAAMoD,aAAa,GAAGD,OAAO,CAAChE,KAAK,IAAIC,cAAc,KAAK,OAAO,CAAC,CAAA;AAClE,IAAA,IAAMiE,aAAa,GAAGF,OAAO,CAAChE,KAAK,IAAIC,cAAc,KAAK,OAAO,IAAIG,IAAI,KAAK,IAAI,CAAC,CAAA;AACnF,IAAA,IAAM+D,sBAAsB,GAAGL,aAAa,IAAI,CAACG,aAAa,CAAA;IAE9D,IAAMG,cAAc,GAAGtD,MAAM,KAAKR,SAAS,GAAGd,iBAAiB,CAACsB,MAAM,CAAC,GAAGwB,IAAI,CAAA;IAC9E,IAAM+B,gBAAgB,GAAG9B,EAAE,GAAA,EAAA,CAAAS,MAAA,CAAMT,EAAG,eAAWjC,SAAS,CAAA;IACxD,IAAMgE,gBAAgB,GAAGvD,MAAM,KAAK,YAAY,IAAIA,MAAM,KAAK,MAAM,IAAI,CAAC2B,IAAI,CAAA;AAC9E,IAAA,IAAM6B,gBAAgB,GAAGL,aAAa,GAAGlE,KAAK,GAAGyB,WAAW,CAAA;IAE5D,IAAM+C,UAAU,GAAGpC,KAAK,GAAGtD,uBAAO,CAACsD,KAAK,GAAG9B,SAAS,CAAA;IACpD,IAAMmE,oBAAoB,GAAGvD,YAAY,GAAGpC,uBAAO,CAAC4F,eAAe,GAAGpE,SAAS,CAAA;IAC/E,IAAMqE,eAAe,GAAGtC,UAAU,GAAGvD,uBAAO,CAACuD,UAAU,GAAG/B,SAAS,CAAA;IACnE,IAAMsE,sBAAsB,GAAG3C,iBAAiB,KAAK,OAAO,GAAG,cAAc,GAAG3B,SAAS,CAAA;AAEzFuE,IAAAA,4BAAiB,CAACjB,QAAQ,EAAGkB,UAAAA,cAAc,EAAK;AAC5C,MAAA,IAAeC,WAAAA,GAAgBD,cAAc,CAACtC,KAAK,CAA3CZ,KAAK,CAAA;MAEb,IAAImD,WAAW,IAAIrC,IAAI,EAAE;AACrB,QAAA,IAAAsC,qBAAA,GAAgCF,cAAc,CAACG,qBAAqB,EAAE;UAAvDC,YAAAA,GAAAA,qBAAAA,CAAPtD,KAAK,CAAA;AACbwB,QAAAA,cAAc,IAAAJ,MAAA,CAAIkC,YAAY,GAAGC,4BAAe,QAAI,CAAC,CAAA;AACzD,OAAA;AACJ,KAAC,CAAC,CAAA;AAEFC,IAAAA,2BAAa,CAAChE,UAAU,IAAI4C,OAAO,CAAC5B,KAAK,CAAC,EAAEwB,QAAQ,EAAEzD,KAAK,EAAEmB,OAAO,EAAEC,OAAO,CAAC,CAAA;AAE9E,IAAA,IAAM8D,cAAc,GAAGC,iBAAW,CAAC,YAAM;MACrC/B,UAAU,CAAC,IAAI,CAAC,CAAA;KACnB,EAAE,EAAE,CAAC,CAAA;AAEN,IAAA,IAAMgC,aAAa,GAAGD,iBAAW,CAAC,YAAM;MACpC/B,UAAU,CAAC,KAAK,CAAC,CAAA;KACpB,EAAE,EAAE,CAAC,CAAA;AAEN,IAAA,IAAMiC,eAAe,GAAGF,iBAAW,CAC/B,UAACG,KAA6C,EAAK;AAC/C;MACA,IAAItF,KAAK,KAAKG,SAAS,EAAE;QACrBqD,oBAAoB,CAAC8B,KAAK,KAAA,IAAA,IAALA,KAAK,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAALA,KAAK,CAAEC,MAAM,CAACvF,KAAK,CAAC,CAAA;AAC7C,OAAA;AAEAwC,MAAAA,QAAQ,aAARA,QAAQ,KAAA,KAAA,CAAA,IAARA,QAAQ,CAAG8C,KAAK,CAAC,CAAA;AACrB,KAAC,EACD,CAACtF,KAAK,EAAEwC,QAAQ,CACpB,CAAC,CAAA;AAED,IAAA,IAAMgD,mBAAmB,GAAGA,SAAtBA,mBAAmBA,GAAS;AAC9B,MAAA,IAAI5F,QAAQ,IAAI8B,QAAQ,IAAI,EAAC+B,QAAQ,KAARA,IAAAA,IAAAA,QAAQ,KAARA,KAAAA,CAAAA,IAAAA,QAAQ,CAAEgC,OAAO,CAAE,EAAA;AAC5C,QAAA,OAAA;AACJ,OAAA;AAEAhC,MAAAA,QAAQ,CAACgC,OAAO,CAACC,QAAQ,CAAC;AACtBC,QAAAA,GAAG,EAAE,CAAC;AACNC,QAAAA,IAAI,EAAEnC,QAAQ,CAACgC,OAAO,CAACI,UAAU;AACjCC,QAAAA,QAAQ,EAAE,QAAA;AACd,OAAC,CAAC,CAAA;AAEFrC,MAAAA,QAAQ,CAACgC,OAAO,CAACM,KAAK,EAAE,CAAA;KAC3B,CAAA;IAED,IAAMC,mBAAmB,GAAGvG,sBAAsB,CAC9C;AACIQ,MAAAA,IAAI,EAAJA,IAAI;AACJL,MAAAA,QAAQ,EAARA,QAAQ;AACRC,MAAAA,KAAK,EAALA,KAAK;AACLC,MAAAA,cAAc,EAAdA,cAAc;AACdE,MAAAA,KAAK,EAAEA,KAAK,IAAIuD,iBAAiB,IAAIhC,YAAY;AACjDxB,MAAAA,IAAAA,EAAAA,IAAAA;KACH,EACDJ,OACJ,CAAC,CAAA;IAED,IAAMsG,gBAAgB,GAAGtC,aAAa,gBAClCuC,KAAA,CAAAC,aAAA,CAACC,kCAAkB,EAAA,IAAA,EACdvC,OAAO,CAACG,sBAAsB,GAAGI,gBAAgB,GAAGvE,KAAK,CAAC,IAAI,MAAM,EACpEV,YACe,CAAC,GACrB,IAAI,CAAA;AAER,IAAA,oBACI+G,KAAA,CAAAC,aAAA,CAAC5F,IAAI,EAAA;AACD4B,MAAAA,IAAI,EAAE8B,cAAe;AACrBhE,MAAAA,IAAI,EAAEA,IAAK;AACXyB,MAAAA,QAAQ,EAAEA,QAAS;AACnB9B,MAAAA,QAAQ,EAAEA,QAAS;AACnBqC,MAAAA,KAAK,EAAEA,KAAM;AACbI,MAAAA,KAAK,EAAAgE,uCAAA,CAAA;AAAI5E,QAAAA,KAAK,EAAEuB,WAAAA;AAAW,OAAA,EAAKX,KAAAA,CAAQ;MACxCC,SAAS,EAAEgE,QAAE,CAACjC,UAAU,EAAEG,eAAe,EAAElC,SAAS,CAAE;AACtDiE,MAAAA,OAAO,EAAEf,mBAAAA;AAAoB,KAAA,EAE5B1B,aAAa,iBACVoC,KAAA,CAAAC,aAAA,CAACK,2BAAW,EACP5E,IAAAA,EAAAA,QAAQ,iBACLsE,KAAA,CAAAC,aAAA,CAACM,+BAAe,EAAA;AAACnE,MAAAA,SAAS,EAAEgE,QAAE,CAAC3H,uBAAO,CAAC+H,mBAAmB,EAAEjC,sBAAsB,CAAA;KACrF,CAAA,EACA5E,KAAK,EACLoG,gBACQ,CAChB,eACDC,KAAA,CAAAC,aAAA,CAACQ,+BAAe,EAAA;AACZrE,MAAAA,SAAS,EAAEgE,QAAE,CAAAM,KAAA,CAAC9H,KAAAA,CAAAA,EAAAA,CAAAA,eAAe,CAAA+D,CAAAA,MAAA,CAAAgE,2CAAA,CAAKb,mBAAmB,CAAE,CAAA,CAAA;AACvDvE,MAAAA,KAAK,EAAEuB,WAAY;AACnB8D,MAAAA,OAAO,EAAE5B,cAAe;AACxB6B,MAAAA,MAAM,EAAE3B,aAAAA;KAEPxD,EAAAA,QAAQ,IAAI,CAACkC,aAAa,iBACvBoC,KAAA,CAAAC,aAAA,CAACM,+BAAe,EAAA;AAACnE,MAAAA,SAAS,EAAEgE,QAAE,CAAC3H,uBAAO,CAACqI,mBAAmB,EAAEvC,sBAAsB,CAAA;AAAE,KACvF,CAAA,EACA1D,YAAY,iBAAImF,KAAA,CAAAC,aAAA,CAACc,6BAAa,EAAA,IAAA,EAAElG,YAA4B,CAAC,eAC9DmF,KAAA,CAAAC,aAAA,CAACe,qCAAqB,EAAA;AAAC5E,MAAAA,SAAS,EAAEtD,qBAAsB;AAAC4E,MAAAA,SAAS,EAAEA,SAAAA;AAAU,KAAA,eAC1EsC,KAAA,CAAAC,aAAA,CAACgB,8BAAc,EAAAC,iCAAA,CAAA;AACX9E,MAAAA,SAAS,EAAEgE,QAAE,CAACvH,cAAc,EAAEuF,oBAAoB,CAAE;AACpDlC,MAAAA,EAAE,EAAEA,EAAG;AACPiF,MAAAA,eAAe,EAAExD,OAAO,CAAC9C,YAAY,CAAE;AACvC6C,MAAAA,SAAS,EAAEA,SAAU;AACrBO,MAAAA,gBAAgB,EAAEA,gBAAiB;AACnCmD,MAAAA,GAAG,EAAEC,oBAAS,CAAC9D,QAAQ,EAAEhD,QAAQ,CAAE;AACnCiB,MAAAA,QAAQ,EAAEA,QAAS;MACnBF,MAAM,EAAEP,UAAU,IAAI4C,OAAO,CAAC5B,KAAK,CAAC,GAAGd,OAAO,GAAGK,MAAO;AACxDC,MAAAA,KAAK,EAAEA,KAAM;AACbH,MAAAA,WAAW,EAAE8C,gBAAiB;AAC9B,MAAA,kBAAA,EAAkBF,gBAAiB;AACnClE,MAAAA,KAAK,EAAEA,KAAM;AACbJ,MAAAA,QAAQ,EAAEA,QAAS;AACnBG,MAAAA,IAAI,EAAEA,IAAK;AACXwC,MAAAA,IAAI,EAAEA,IAAK;AACX3B,MAAAA,MAAM,EAAEA,MAAO;AACfW,MAAAA,YAAY,EAAEA,YAAa;AAC3BiB,MAAAA,QAAQ,EAAE6C,eAAAA;KACN5C,EAAAA,IAAI,CAAC,CAEM,CAAA,EACtBmB,SAAS,iBACNsC,KAAA,CAAAC,aAAA,CAACqB,6BAAa,EAAA;AAAClF,MAAAA,SAAS,EAAEpD,aAAc;AAACkD,MAAAA,EAAE,EAAE8B,gBAAAA;AAAiB,KAAA,EACzD,CAACpD,UAAU,IAAIJ,UAAU,kBACtBwF,KAAA,CAAAC,aAAA,CAACsB,gCAAgB,EAAE3G,IAAAA,EAAAA,UAAU,IAAIJ,UAA6B,CACjE,EACAG,WAAW,iBAAIqF,KAAA,CAAAC,aAAA,CAACuB,iCAAiB,QAAE7G,WAA+B,CACxD,CAClB,EACAuD,gBAAgB,iBACb8B,KAAA,CAAAC,aAAA,CAACwB,iCAAiB,EAAA;AACdN,MAAAA,eAAe,EAAExD,OAAO,CAAC9C,YAAY,CAAE;AACvCuB,MAAAA,SAAS,EAAErD,iBAAkB;AAC7B2I,MAAAA,OAAO,EAAExF,EAAAA;KAERgC,EAAAA,gBAAgB,EAChB,CAACN,aAAa,IAAImC,gBACJ,CAEV,CACf,CAAC,CAAA;AAEf,GAAC,CAAC,CAAA;AAAA,EAAA;AAEC,IAAM4B,cAAc,GAAG;AAC1BC,EAAAA,IAAI,EAAE,UAAU;AAChBC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAE1H,YAAY;AACpBlB,EAAAA,IAAI,EAAJA,IAAI;AACJ6I,EAAAA,UAAU,EAAE;AACRhI,IAAAA,IAAI,EAAE;AACFiI,MAAAA,GAAG,EAAEC,WAAAA;KACR;AACDhG,IAAAA,IAAI,EAAE;AACF+F,MAAAA,GAAG,EAAEE,WAAAA;KACR;AACDnG,IAAAA,KAAK,EAAE;AACHiG,MAAAA,GAAG,EAAEG,WAAQ;AACbC,MAAAA,KAAK,EAAE,IAAA;KACV;AACD5G,IAAAA,QAAQ,EAAE;AACNwG,MAAAA,GAAG,EAAEK,WAAW;AAChBD,MAAAA,KAAK,EAAE,IAAA;KACV;AACD1I,IAAAA,QAAQ,EAAE;AACN0I,MAAAA,KAAK,EAAE,IAAA;AACX,KAAA;GACH;AACDE,EAAAA,QAAQ,EAAE;AACNvI,IAAAA,IAAI,EAAE,GAAG;AACTkC,IAAAA,IAAI,EAAE,SAAA;AACV,GAAA;AACJ;;;;;;"}
+{"version":3,"file":"TextArea.js","sources":["../../../src/components/TextArea/TextArea.tsx"],"sourcesContent":["import React, { forwardRef, useState, createRef, useCallback, useRef, MouseEventHandler, useMemo } from 'react';\nimport { css } from '@linaria/core';\nimport { useForkRef, useResizeObserver } from '@salutejs/plasma-core';\n\nimport { cx, mergeRefs, safeUseId } from '../../utils';\nimport type { RootProps } from '../../engines/types';\nimport { IconInfoCircleOutline } from '../_Icon';\nimport { useOutsideClick } from '../../hooks';\n\nimport { applyDynamicLabel } from './mixins';\nimport { useAutoResize, ROOT_FONT_SIZE } from './hooks';\nimport {\n    StyledContent,\n    StyledHelpers,\n    StyledLeftHelper,\n    StyledRightHelper,\n    StyledLabel,\n    StyledPlaceholder,\n    StyledTextArea,\n    StyledTextAreaWrapper,\n    StyledContainer,\n    StyledIndicator,\n    StyledOptionalText,\n    OuterLabelWrapper,\n    StyledIndicatorWrapper,\n    StyledHintWrapper,\n    HintTargetWrapper,\n    TitleCaption,\n    Hint,\n} from './TextArea.styles';\nimport { classes } from './TextArea.tokens';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as clearCSS } from './variations/_clear/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport { base as hintViewCSS } from './variations/_hint-view/base';\nimport { base as hintSizeCSS } from './variations/_hint-size/base';\nimport type { TextAreaProps, TextAreaRootProps } from './TextArea.types';\n\nconst {\n    innerPlaceholderUp,\n    focusedOuterPlaceholderColor,\n    hidePlaceHolder,\n    styledContainer,\n    styledTextArea,\n    styledTextAreaWrapper,\n    styledPlaceholder,\n    styledHelpers,\n} = classes;\n\nconst optionalText = 'optional';\n\nconst base = css`\n    ${applyDynamicLabel};\n\n    position: relative;\n    box-sizing: border-box;\n`;\n\n// TODO: Удалить после отказа от старых библиотек plasma-web / plasma-b2c\nconst fallbackStatusMap = {\n    '': 'primary',\n    success: 'positive',\n    warning: 'warning',\n    error: 'negative',\n};\n\n// TODO: Перенести этот метод в файл applyDynamicLabel.ts\nexport const getDynamicLabelClasses = (props: TextAreaProps, focused: boolean) => {\n    const { readOnly, label, labelPlacement, rows, value, size } = props;\n\n    // Добавить класс отвечающий за изменение цвета плейсхолдера при фокусе\n    const withFocusedOuterUpPlaceholder =\n        !readOnly && focused && (!label || labelPlacement === 'outer') ? focusedOuterPlaceholderColor : undefined;\n\n    // Добавить класс отвечающий за поднятие и уменьшение плейсхолдера\n    const withInnerPlaceholderUp =\n        labelPlacement === 'inner' &&\n        label &&\n        !rows &&\n        size !== 'xs' &&\n        ((!readOnly && (value || focused)) || (readOnly && value))\n            ? innerPlaceholderUp\n            : undefined;\n\n    // Добавить класс отвечающий за скрытие плейсхолдера\n    const withHidePlaceholder =\n        (value && !label) ||\n        (labelPlacement === 'inner' && ((focused && !readOnly) || value) && label && rows) ||\n        (labelPlacement === 'outer' && value) ||\n        (labelPlacement === 'inner' && size === 'xs' && value)\n            ? hidePlaceHolder\n            : undefined;\n\n    return [withFocusedOuterUpPlaceholder, withInnerPlaceholderUp, withHidePlaceholder];\n};\n\nexport const textAreaRoot = (Root: RootProps<HTMLTextAreaElement, TextAreaRootProps>) =>\n    forwardRef<HTMLTextAreaElement, TextAreaProps>((props, innerRef) => {\n        const {\n            helperText,\n            status,\n            resize,\n            rightHelper,\n            leftHelper,\n            contentRight,\n            autoResize = false,\n            minAuto = 0,\n            maxAuto,\n            label,\n            labelPlacement = 'inner',\n            titleCaption,\n            placeholder,\n            defaultValue,\n            height,\n            width,\n            value,\n            disabled,\n            required = false,\n            requiredPlacement = 'right',\n            optional = false,\n            clear,\n            hasDivider,\n            size,\n            view,\n            id,\n            style,\n            className,\n            readOnly,\n            rows,\n            cols,\n            hasHint,\n            hintTrigger = 'hover',\n            hintText,\n            hintView = 'default',\n            hintSize = 'm',\n            hintTargetIcon,\n            hintPlacement = 'auto',\n            hintHasArrow,\n            hintOffset = [0, 0],\n            hintWidth,\n            hintContentLeft,\n            onChange,\n            ...rest\n        } = props;\n\n        const [isHintVisible, setIsHintVisible] = useState(false);\n        const [helperWidth, setHelperWidth] = useState<string>(width ? `${width}rem` : '100%');\n        const [focused, setFocused] = useState(false);\n        const [uncontrolledValue, setUncontrolledValue] = useState<string | undefined>();\n\n        const outerRef = createRef<HTMLTextAreaElement>();\n        const hintId = safeUseId();\n\n        const hintRef = useOutsideClick<HTMLDivElement>(() => {\n            setIsHintVisible(false);\n        });\n        const hintInnerRef = useRef<HTMLDivElement>(null);\n        const hintForkRef = useForkRef(hintRef, hintInnerRef);\n\n        const innerOptional = required ? false : optional;\n        const hasHelper = Boolean(leftHelper || rightHelper || helperText);\n        const hasOuterLabel = Boolean(label && labelPlacement === 'outer');\n        const hasInnerLabel = Boolean(label && labelPlacement === 'inner' && size !== 'xs');\n        const hasPlaceholderOptional = innerOptional && !hasOuterLabel;\n\n        const overriddenView = status !== undefined ? fallbackStatusMap[status] : view;\n        const textareaHelperId = id ? `${id}-helper` : undefined;\n        const applyCustomWidth = resize !== 'horizontal' && resize !== 'both' && !cols;\n        const placeholderLabel = hasInnerLabel ? label : placeholder;\n\n        const clearClass = clear ? classes.clear : undefined;\n        const hasHintClass = hasHint ? classes.hasHint : undefined;\n        const hasRightContentClass = contentRight ? classes.hasRightContent : undefined;\n        const hasDividerClass = hasDivider ? classes.hasDivider : undefined;\n        const requiredPlacementClass = requiredPlacement === 'right' ? 'align-right ' : undefined;\n\n        const handleHintShow = () => setIsHintVisible(true);\n        const handleHintHide = () => setIsHintVisible(false);\n        const handleHintClick: MouseEventHandler = (event) => {\n            if (hasHint && hintTrigger === 'click') {\n                event.stopPropagation();\n                const targetIsPopover = event.target === hintInnerRef.current;\n                const rootHasTarget = hintInnerRef.current?.contains(event.target as Element);\n\n                if (!targetIsPopover && !rootHasTarget) {\n                    setIsHintVisible(true);\n                }\n            }\n        };\n\n        useResizeObserver(outerRef, (currentElement) => {\n            const { width: inlineWidth } = currentElement.style;\n\n            if (inlineWidth || cols) {\n                const { width: elementWidth } = currentElement.getBoundingClientRect();\n                setHelperWidth(`${elementWidth / ROOT_FONT_SIZE}rem`);\n            }\n        });\n\n        useAutoResize(autoResize || Boolean(clear), outerRef, value, minAuto, maxAuto);\n\n        const onFocusHandler = useCallback(() => {\n            setFocused(true);\n        }, []);\n\n        const onBlurHandler = useCallback(() => {\n            setFocused(false);\n        }, []);\n\n        const onChangeHandler = useCallback(\n            (event: React.ChangeEvent<HTMLTextAreaElement>) => {\n                // INFO: Для крайне редких кейсов, когда value снаружи не контролируется\n                if (value === undefined) {\n                    setUncontrolledValue(event?.target.value);\n                }\n                onChange?.(event);\n            },\n            [value, onChange],\n        );\n\n        const dynamicLabelClasses = getDynamicLabelClasses(\n            {\n                size,\n                readOnly,\n                label,\n                labelPlacement,\n                value: value || uncontrolledValue || defaultValue,\n                rows,\n            },\n            focused,\n        );\n\n        const optionalTextNode = innerOptional ? (\n            <StyledOptionalText inheritFont={!hasOuterLabel}>\n                {Boolean(hasPlaceholderOptional ? placeholderLabel : label) && '\\xa0'}\n                {optionalText}\n            </StyledOptionalText>\n        ) : null;\n\n        const HintComponent = useMemo(\n            () => (\n                <Hint\n                    ref={hintForkRef}\n                    text={String(hintText)}\n                    opened={isHintVisible}\n                    target={\n                        <HintTargetWrapper\n                            id={hintId}\n                            {...(hintTrigger === 'hover'\n                                ? {\n                                      onMouseEnter: handleHintShow,\n                                      onMouseLeave: handleHintHide,\n                                  }\n                                : { onClick: handleHintClick })}\n                        >\n                            {hintTargetIcon || <IconInfoCircleOutline size=\"xs\" color=\"inherit\" />}\n                        </HintTargetWrapper>\n                    }\n                    placement={hintPlacement}\n                    hasArrow={hintHasArrow}\n                    offset={hintOffset}\n                    minWidth={hintWidth}\n                    maxWidth={hintWidth}\n                    contentLeft={hintContentLeft}\n                    frame={hintId}\n                />\n            ),\n            [\n                hintText,\n                isHintVisible,\n                hintId,\n                hintTrigger,\n                handleHintShow,\n                handleHintHide,\n                handleHintClick,\n                hintTargetIcon,\n                hintPlacement,\n                hintHasArrow,\n                hintOffset,\n                hintWidth,\n                hintContentLeft,\n            ],\n        );\n\n        return (\n            <Root\n                view={overriddenView}\n                size={size}\n                disabled={disabled}\n                readOnly={readOnly}\n                clear={clear}\n                style={{ width: helperWidth, ...style }}\n                className={cx(clearClass, hasDividerClass, hasHintClass, className)}\n                {...(hasHint && {\n                    hintView: hintView || 'default',\n                    hintSize: hintSize || 'm',\n                })}\n            >\n                {(hasOuterLabel || titleCaption) && (\n                    <OuterLabelWrapper isInnnerLabel={labelPlacement === 'inner'}>\n                        {hasOuterLabel && (\n                            <StyledIndicatorWrapper>\n                                <StyledLabel>{label}</StyledLabel>\n\n                                {hasHint && <StyledHintWrapper>{HintComponent}</StyledHintWrapper>}\n                                {required && (\n                                    <StyledIndicator\n                                        className={cx(\n                                            classes.outerLabelPlacement,\n                                            requiredPlacementClass,\n                                            hasHintClass,\n                                        )}\n                                    />\n                                )}\n                                {optionalTextNode}\n                            </StyledIndicatorWrapper>\n                        )}\n                        {titleCaption && <TitleCaption>{titleCaption}</TitleCaption>}\n                    </OuterLabelWrapper>\n                )}\n                <StyledContainer\n                    className={cx(styledContainer, ...dynamicLabelClasses)}\n                    width={helperWidth}\n                    onFocus={onFocusHandler}\n                    onBlur={onBlurHandler}\n                >\n                    {!hasOuterLabel && (\n                        <>\n                            {required && (\n                                <StyledIndicator className={cx(classes.innerLabelPlacement, requiredPlacementClass)} />\n                            )}\n                            {hasHint && (\n                                <StyledHintWrapper className={classes.innerLabelPlacement}>\n                                    {HintComponent}\n                                </StyledHintWrapper>\n                            )}\n                        </>\n                    )}\n                    {contentRight && <StyledContent>{contentRight}</StyledContent>}\n                    <StyledTextAreaWrapper className={styledTextAreaWrapper} hasHelper={hasHelper}>\n                        <StyledTextArea\n                            className={cx(styledTextArea, hasRightContentClass)}\n                            id={id}\n                            hasContentRight={Boolean(contentRight)}\n                            hasHelper={hasHelper}\n                            applyCustomWidth={applyCustomWidth}\n                            ref={mergeRefs(outerRef, innerRef)}\n                            disabled={disabled}\n                            height={autoResize || Boolean(clear) ? minAuto : height}\n                            width={width}\n                            placeholder={placeholderLabel}\n                            aria-describedby={textareaHelperId}\n                            value={value}\n                            readOnly={readOnly}\n                            rows={rows}\n                            cols={cols}\n                            resize={resize}\n                            defaultValue={defaultValue}\n                            onChange={onChangeHandler}\n                            {...rest}\n                        />\n                    </StyledTextAreaWrapper>\n                    {hasHelper && (\n                        <StyledHelpers className={styledHelpers} id={textareaHelperId}>\n                            {(leftHelper || helperText) && (\n                                <StyledLeftHelper>{leftHelper || helperText}</StyledLeftHelper>\n                            )}\n                            {rightHelper && <StyledRightHelper>{rightHelper}</StyledRightHelper>}\n                        </StyledHelpers>\n                    )}\n                    {placeholderLabel && (\n                        <StyledPlaceholder\n                            hasContentRight={Boolean(contentRight)}\n                            className={styledPlaceholder}\n                            htmlFor={id}\n                        >\n                            {placeholderLabel}\n                            {!hasOuterLabel && optionalTextNode}\n                        </StyledPlaceholder>\n                    )}\n                </StyledContainer>\n            </Root>\n        );\n    });\n\nexport const textAreaConfig = {\n    name: 'TextArea',\n    tag: 'div',\n    layout: textAreaRoot,\n    base,\n    variations: {\n        size: {\n            css: sizeCSS,\n        },\n        view: {\n            css: viewCSS,\n        },\n        clear: {\n            css: clearCSS,\n            attrs: true,\n        },\n        disabled: {\n            css: disabledCSS,\n            attrs: true,\n        },\n        readOnly: {\n            attrs: true,\n        },\n        hintView: {\n            css: hintViewCSS,\n        },\n        hintSize: {\n            css: hintSizeCSS,\n        },\n    },\n    defaults: {\n        size: 'm',\n        view: 'primary',\n    },\n};\n"],"names":["innerPlaceholderUp","classes","focusedOuterPlaceholderColor","hidePlaceHolder","styledContainer","styledTextArea","styledTextAreaWrapper","styledPlaceholder","styledHelpers","optionalText","base","fallbackStatusMap","success","warning","error","getDynamicLabelClasses","props","focused","readOnly","label","labelPlacement","rows","value","size","withFocusedOuterUpPlaceholder","undefined","withInnerPlaceholderUp","withHidePlaceholder","textAreaRoot","Root","forwardRef","innerRef","helperText","status","resize","rightHelper","leftHelper","contentRight","_props$autoResize","autoResize","_props$minAuto","minAuto","maxAuto","_props$labelPlacement","titleCaption","placeholder","defaultValue","height","width","disabled","_props$required","required","_props$requiredPlacem","requiredPlacement","_props$optional","optional","clear","hasDivider","view","id","style","className","cols","hasHint","_props$hintTrigger","hintTrigger","hintText","_props$hintView","hintView","_props$hintSize","hintSize","hintTargetIcon","_props$hintPlacement","hintPlacement","hintHasArrow","_props$hintOffset","hintOffset","hintWidth","hintContentLeft","onChange","rest","_excluded","_useState","useState","_useState2","_slicedToArray","isHintVisible","setIsHintVisible","_useState3","concat","_useState4","helperWidth","setHelperWidth","_useState5","_useState6","setFocused","_useState7","_useState8","uncontrolledValue","setUncontrolledValue","outerRef","createRef","hintId","safeUseId","hintRef","useOutsideClick","hintInnerRef","useRef","hintForkRef","useForkRef","innerOptional","hasHelper","Boolean","hasOuterLabel","hasInnerLabel","hasPlaceholderOptional","overriddenView","textareaHelperId","applyCustomWidth","placeholderLabel","clearClass","hasHintClass","hasRightContentClass","hasRightContent","hasDividerClass","requiredPlacementClass","handleHintShow","handleHintHide","handleHintClick","event","_hintInnerRef$current","stopPropagation","targetIsPopover","target","current","rootHasTarget","contains","useResizeObserver","currentElement","inlineWidth","_currentElement$getBo","getBoundingClientRect","elementWidth","ROOT_FONT_SIZE","useAutoResize","onFocusHandler","useCallback","onBlurHandler","onChangeHandler","dynamicLabelClasses","optionalTextNode","React","createElement","StyledOptionalText","inheritFont","HintComponent","useMemo","Hint","ref","text","String","opened","HintTargetWrapper","_extends","onMouseEnter","onMouseLeave","onClick","_IconInfoCircleOutlin","IconInfoCircleOutline","color","placement","hasArrow","offset","minWidth","maxWidth","contentLeft","frame","_objectSpread","cx","OuterLabelWrapper","isInnnerLabel","StyledIndicatorWrapper","StyledLabel","StyledHintWrapper","StyledIndicator","outerLabelPlacement","TitleCaption","StyledContainer","apply","_toConsumableArray","onFocus","onBlur","Fragment","innerLabelPlacement","StyledContent","StyledTextAreaWrapper","StyledTextArea","hasContentRight","mergeRefs","StyledHelpers","StyledLeftHelper","StyledRightHelper","StyledPlaceholder","htmlFor","textAreaConfig","name","tag","layout","variations","css","sizeCSS","viewCSS","clearCSS","attrs","disabledCSS","hintViewCSS","hintSizeCSS","defaults"],"mappings":"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"}