@salutejs/plasma-new-hope 0.134.0-canary.1352.10591857563.0 → 0.134.0-canary.1361.10596542425.0

package/es/components/Slider/components/Double/Double.css

@@ -16,19 +16,18 @@
 
 .base_1vu13zn_b1w985rt__2c88ab3d[readonly] .base_1vu13zn_iq39zt5__2c88ab3d{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_1vu13zn_b1w985rt__2c88ab3d[readonly] .base_1vu13zn_iq39zt5__2c88ab3d:hover{background-color:var(--plasma-textfield-bg-color-readonly);}.base_1vu13zn_b1w985rt__2c88ab3d[readonly] .base_1vu13zn_io4bpie__2c88ab3d::-webkit-input-placeholder{color:var(--plasma-textfield__placeholder-color-readonly);}.base_1vu13zn_b1w985rt__2c88ab3d[readonly] .base_1vu13zn_io4bpie__2c88ab3d::-moz-placeholder{color:var(--plasma-textfield__placeholder-color-readonly);}.base_1vu13zn_b1w985rt__2c88ab3d[readonly] .base_1vu13zn_io4bpie__2c88ab3d:-ms-input-placeholder{color:var(--plasma-textfield__placeholder-color-readonly);}.base_1vu13zn_b1w985rt__2c88ab3d[readonly] .base_1vu13zn_io4bpie__2c88ab3d::placeholder{color:var(--plasma-textfield__placeholder-color-readonly);}.base_1vu13zn_b1w985rt__2c88ab3d[readonly] .base_1vu13zn_io4bpie__2c88ab3d{color:var(--plasma-textfield-color-readonly);cursor:default;min-width:unset;}.base_1vu13zn_b1w985rt__2c88ab3d[readonly] .base_1vu13zn_llv9av6__2c88ab3d{color:var(--plasma-textfield__left-helper-color-readonly);}.base_1vu13zn_b1w985rt__2c88ab3d[readonly] .base_1vu13zn_l13qvwoy__2c88ab3d{color:var(--plasma-textfield__label-color-readonly);}
 
-.base_1yaoy2k_b15d3bnf__b3dc8fdc.base_1yaoy2k_labelPlacementOuter__b3dc8fdc .base_1yaoy2k_l13qvwoy__b3dc8fdc{position:relative;display:inline-block;margin-bottom:var(--plasma-textfield__label-offset);color:var(--plasma-textfield__label-color);}.base_1yaoy2k_b15d3bnf__b3dc8fdc.base_1yaoy2k_labelPlacementInner__b3dc8fdc:not(.base_1yaoy2k_hideLabel__b3dc8fdc) .base_1yaoy2k_io4bpie__b3dc8fdc{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_1yaoy2k_b15d3bnf__b3dc8fdc.base_1yaoy2k_labelPlacementInner__b3dc8fdc:not(.base_1yaoy2k_hideLabel__b3dc8fdc) .base_1yaoy2k_suk2zst__b3dc8fdc,.base_1yaoy2k_b15d3bnf__b3dc8fdc.base_1yaoy2k_labelPlacementInner__b3dc8fdc:not(.base_1yaoy2k_hideLabel__b3dc8fdc) .base_1yaoy2k_s600610__b3dc8fdc{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_1yaoy2k_b15d3bnf__b3dc8fdc.base_1yaoy2k_labelPlacementInner__b3dc8fdc .base_1yaoy2k_io4bpie__b3dc8fdc:focus ~ .base_1yaoy2k_l13qvwoy__b3dc8fdc,.base_1yaoy2k_b15d3bnf__b3dc8fdc.base_1yaoy2k_labelPlacementInner__b3dc8fdc .base_1yaoy2k_io4bpie__b3dc8fdc:not(:placeholder-shown) ~ .base_1yaoy2k_l13qvwoy__b3dc8fdc{-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_1yaoy2k_b15d3bnf__b3dc8fdc.base_1yaoy2k_labelPlacementInner__b3dc8fdc:not(.base_1yaoy2k_hideLabel__b3dc8fdc) .base_1yaoy2k_io4bpie__b3dc8fdc:not(:focus)::-webkit-input-placeholder{color:transparent;}.base_1yaoy2k_b15d3bnf__b3dc8fdc.base_1yaoy2k_labelPlacementInner__b3dc8fdc:not(.base_1yaoy2k_hideLabel__b3dc8fdc) .base_1yaoy2k_io4bpie__b3dc8fdc:not(:focus)::-moz-placeholder{color:transparent;}.base_1yaoy2k_b15d3bnf__b3dc8fdc.base_1yaoy2k_labelPlacementInner__b3dc8fdc:not(.base_1yaoy2k_hideLabel__b3dc8fdc) .base_1yaoy2k_io4bpie__b3dc8fdc:not(:focus):-ms-input-placeholder{color:transparent;}.base_1yaoy2k_b15d3bnf__b3dc8fdc.base_1yaoy2k_labelPlacementInner__b3dc8fdc:not(.base_1yaoy2k_hideLabel__b3dc8fdc) .base_1yaoy2k_io4bpie__b3dc8fdc:not(:focus)::placeholder{color:transparent;}.base_1yaoy2k_b15d3bnf__b3dc8fdc.base_1yaoy2k_labelPlacementInner__b3dc8fdc:not(.base_1yaoy2k_hideLabel__b3dc8fdc) .base_1yaoy2k_io4bpie__b3dc8fdc:focus::-webkit-input-placeholder{color:transparent;}.base_1yaoy2k_b15d3bnf__b3dc8fdc.base_1yaoy2k_labelPlacementInner__b3dc8fdc:not(.base_1yaoy2k_hideLabel__b3dc8fdc) .base_1yaoy2k_io4bpie__b3dc8fdc:focus::-moz-placeholder{color:transparent;}.base_1yaoy2k_b15d3bnf__b3dc8fdc.base_1yaoy2k_labelPlacementInner__b3dc8fdc:not(.base_1yaoy2k_hideLabel__b3dc8fdc) .base_1yaoy2k_io4bpie__b3dc8fdc:focus:-ms-input-placeholder{color:transparent;}.base_1yaoy2k_b15d3bnf__b3dc8fdc.base_1yaoy2k_labelPlacementInner__b3dc8fdc:not(.base_1yaoy2k_hideLabel__b3dc8fdc) .base_1yaoy2k_io4bpie__b3dc8fdc:focus::placeholder{color:transparent;}.base_1yaoy2k_b15d3bnf__b3dc8fdc.base_1yaoy2k_labelPlacementInner__b3dc8fdc .base_1yaoy2k_l13qvwoy__b3dc8fdc{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_170eaex_b15d3bnf__bb168e4c.base_170eaex_labelPlacementOuter__bb168e4c .base_170eaex_l13qvwoy__bb168e4c{display:block;margin-bottom:var(--plasma-textfield__label-offset);color:var(--plasma-textfield__label-color);}.base_170eaex_b15d3bnf__bb168e4c.base_170eaex_labelPlacementInner__bb168e4c:not(.base_170eaex_hideLabel__bb168e4c) .base_170eaex_io4bpie__bb168e4c{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_170eaex_b15d3bnf__bb168e4c.base_170eaex_labelPlacementInner__bb168e4c:not(.base_170eaex_hideLabel__bb168e4c) .base_170eaex_suk2zst__bb168e4c,.base_170eaex_b15d3bnf__bb168e4c.base_170eaex_labelPlacementInner__bb168e4c:not(.base_170eaex_hideLabel__bb168e4c) .base_170eaex_s600610__bb168e4c{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_170eaex_b15d3bnf__bb168e4c.base_170eaex_labelPlacementInner__bb168e4c .base_170eaex_io4bpie__bb168e4c:focus ~ .base_170eaex_l13qvwoy__bb168e4c,.base_170eaex_b15d3bnf__bb168e4c.base_170eaex_labelPlacementInner__bb168e4c .base_170eaex_io4bpie__bb168e4c:not(:placeholder-shown) ~ .base_170eaex_l13qvwoy__bb168e4c{-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_170eaex_b15d3bnf__bb168e4c.base_170eaex_labelPlacementInner__bb168e4c:not(.base_170eaex_hideLabel__bb168e4c) .base_170eaex_io4bpie__bb168e4c:not(:focus)::-webkit-input-placeholder{color:transparent;}.base_170eaex_b15d3bnf__bb168e4c.base_170eaex_labelPlacementInner__bb168e4c:not(.base_170eaex_hideLabel__bb168e4c) .base_170eaex_io4bpie__bb168e4c:not(:focus)::-moz-placeholder{color:transparent;}.base_170eaex_b15d3bnf__bb168e4c.base_170eaex_labelPlacementInner__bb168e4c:not(.base_170eaex_hideLabel__bb168e4c) .base_170eaex_io4bpie__bb168e4c:not(:focus):-ms-input-placeholder{color:transparent;}.base_170eaex_b15d3bnf__bb168e4c.base_170eaex_labelPlacementInner__bb168e4c:not(.base_170eaex_hideLabel__bb168e4c) .base_170eaex_io4bpie__bb168e4c:not(:focus)::placeholder{color:transparent;}.base_170eaex_b15d3bnf__bb168e4c.base_170eaex_labelPlacementInner__bb168e4c:not(.base_170eaex_hideLabel__bb168e4c) .base_170eaex_io4bpie__bb168e4c:focus::-webkit-input-placeholder{color:transparent;}.base_170eaex_b15d3bnf__bb168e4c.base_170eaex_labelPlacementInner__bb168e4c:not(.base_170eaex_hideLabel__bb168e4c) .base_170eaex_io4bpie__bb168e4c:focus::-moz-placeholder{color:transparent;}.base_170eaex_b15d3bnf__bb168e4c.base_170eaex_labelPlacementInner__bb168e4c:not(.base_170eaex_hideLabel__bb168e4c) .base_170eaex_io4bpie__bb168e4c:focus:-ms-input-placeholder{color:transparent;}.base_170eaex_b15d3bnf__bb168e4c.base_170eaex_labelPlacementInner__bb168e4c:not(.base_170eaex_hideLabel__bb168e4c) .base_170eaex_io4bpie__bb168e4c:focus::placeholder{color:transparent;}.base_170eaex_b15d3bnf__bb168e4c.base_170eaex_labelPlacementInner__bb168e4c .base_170eaex_l13qvwoy__bb168e4c{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);}
 
-.TextField_styles_x7rboj_iq39zt5__f7f34b64{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_x7rboj_i1j28rg8__f7f34b64{-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_x7rboj_i1j28rg8__f7f34b64::-webkit-scrollbar{display:none;}.TextField_styles_x7rboj_i1j28rg8__f7f34b64.TextField_styles_x7rboj_hasChips__f7f34b64{height:var(--plasma-textfield__chip-height);border-radius:var(--plasma-textfield__chip-border-radius);}
-.TextField_styles_x7rboj_s13zudoe__f7f34b64{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_x7rboj_io4bpie__f7f34b64{box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;background-color:transparent;outline:none;-webkit-flex:1;-ms-flex:1;flex:1;min-width:60%;}
-.TextField_styles_x7rboj_l13qvwoy__f7f34b64{position:relative;}
-.TextField_styles_x7rboj_s19ry60d__f7f34b64{margin:var(--plasma-textfield__left-content-margin);line-height:0;}
-.TextField_styles_x7rboj_sbt1ohz__f7f34b64{margin:var(--plasma-textfield__right-content-margin);line-height:0;}
+.TextField_styles_9fkr1l_iq39zt5__db7f1e30{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_9fkr1l_i1j28rg8__db7f1e30{-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_9fkr1l_i1j28rg8__db7f1e30::-webkit-scrollbar{display:none;}.TextField_styles_9fkr1l_i1j28rg8__db7f1e30.TextField_styles_9fkr1l_hasChips__db7f1e30{height:var(--plasma-textfield__chip-height);border-radius:var(--plasma-textfield__chip-border-radius);}
+.TextField_styles_9fkr1l_s13zudoe__db7f1e30{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_9fkr1l_io4bpie__db7f1e30{box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;background-color:transparent;outline:none;-webkit-flex:1;-ms-flex:1;flex:1;min-width:60%;}
+
+.TextField_styles_9fkr1l_s19ry60d__db7f1e30{margin:var(--plasma-textfield__left-content-margin);line-height:0;}
+.TextField_styles_9fkr1l_sbt1ohz__db7f1e30{margin:var(--plasma-textfield__right-content-margin);line-height:0;}
 
 
 
-.TextField_styles_x7rboj_s1gjsnfi__f7f34b64{position:absolute;border-radius:50%;background-color:var(--plasma-textfield-indicator-color);}.TextField_styles_x7rboj_s1gjsnfi__f7f34b64.TextField_styles_x7rboj_placementOuter__f7f34b64{width:var(--plasma-textfield-indicator-size-outer);height:var(--plasma-textfield-indicator-size-outer);inset:var(--plasma-textfield-indicator-placement-outer);}.TextField_styles_x7rboj_s1gjsnfi__f7f34b64.TextField_styles_x7rboj_placementOuter__f7f34b64.TextField_styles_x7rboj_alignRight__f7f34b64{inset:var(--plasma-textfield-indicator-placement-outer-right);}.TextField_styles_x7rboj_s1gjsnfi__f7f34b64.TextField_styles_x7rboj_placementInner__f7f34b64{width:var(--plasma-textfield-indicator-size-inner);height:var(--plasma-textfield-indicator-size-inner);inset:var(--plasma-textfield-indicator-placement-inner);}.TextField_styles_x7rboj_s1gjsnfi__f7f34b64.TextField_styles_x7rboj_placementInner__f7f34b64.TextField_styles_x7rboj_alignRight__f7f34b64{inset:var(--plasma-textfield-indicator-placement-inner-right);}
 
 .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);}
 
@@ -52,7 +51,7 @@
 
 .TextFieldChip_styles_1y8n7la_s32p7ut__8f291676{--plasma-chip-color:var(--plasma-textfield__chip-color);--plasma-chip-background:var(--plasma-textfield__chip-background);--plasma-chip-color-hover:var(--plasma-textfield__chip-color-hover);--plasma-chip-background-hover:var(--plasma-textfield__chip-background-hover);--plasma-chip-color-active:var(--plasma-textfield__chip-color-active);--plasma-chip-background-active:var(--plasma-textfield__chip-background-active);--plasma-chip-background-readonly:var(--plasma-textfield__chip-background-readonly);--plasma-chip-color-readonly:var(--plasma-textfield__chip-color-readonly);--plasma-chip-background-readonly-hover:var(--plasma-textfield__chip-background-readonly-hover);--plasma-chip-color-readonly-hover:var(--plasma-textfield__chip-color-readonly-hover);--plasma-chip-border-radius:var(--plasma-textfield__chip-border-radius);--plasma-chip-width:var(--plasma-textfield__chip-width);--plasma-chip-height:var(--plasma-textfield__chip-height);--plasma-chip-padding-right:var(--plasma-textfield__chip-padding-right);--plasma-chip-padding-left:var(--plasma-textfield__chip-padding-left);--plasma-chip-font-family:var(--plasma-textfield__chip-font-family);--plasma-chip-font-size:var(--plasma-textfield__chip-font-size);--plasma-chip-font-style:var(--plasma-textfield__chip-font-style);--plasma-chip-font-weight:var(--plasma-textfield__chip-font-weight);--plasma-chip-letter-spacing:var(--plasma-textfield__chip-letter-spacing);--plasma-chip-lineheight:var(--plasma-textfield__chip-line-height);--plasma-chip-clear-content-margin-left:var(--plasma-textfield__chip-clear-content-margin-left);--plasma-chip-clear-content-margin-right:var(--plasma-textfield__chip-clear-content-margin-right);--plasma-chip-scale-hover:var(--plasma-textfield__chip-scale-hover);--plasma-chip-scale-active:var(--plasma-textfield__chip-scale-active);--plasma-chip-close-icon-size:var(--plasma-textfield__chip-close-icon-size);--plasma-chip-close-icon-color:var(--plasma-textfield__chip-close-icon-color);--plasma-chip-focus-color:var(--plasma-textfield-focus-color);-webkit-scroll-snap-align:center;-moz-scroll-snap-align:center;-ms-scroll-snap-align:center;scroll-snap-align:center;-webkit-scroll-snap-stop:normal;-moz-scroll-snap-stop:normal;-ms-scroll-snap-stop:normal;scroll-snap-stop:normal;position:relative;}.TextFieldChip_styles_1y8n7la_s32p7ut__8f291676::before{content:'';position:absolute;top:0.0625rem;left:0.0625rem;right:0.0625rem;bottom:0.0625rem;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:calc(var(--plasma-textfield__chip-border-radius) - 0.1rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.TextFieldChip_styles_1y8n7la_s32p7ut__8f291676.TextFieldChip_styles_1y8n7la_focusVisible__8f291676:focus::before,.TextFieldChip_styles_1y8n7la_s32p7ut__8f291676[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-textfield-focus-color);}.TextFieldChip_styles_1y8n7la_s32p7ut__8f291676[readonly]{opacity:var(--plasma-textfield__chip-opacity-readonly);}
 
-.TextField_1lzb2r1_bpunezx__7d079491{display:block;}
+.TextField_wctd2m_bpunezx__bc8b464c{display:block;overflow:hidden;}
 
 .Double_styles_1jhda4u_lcs82cd__5dc981f4{color:var(--plasma-slider-label-color);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-slider-label-wrapper-gap);margin-bottom:var(--plasma-slider-label-wrapper-margin-bottom);}
 

package/es/components/TextArea/TextArea.js

@@ -4,14 +4,13 @@ import React, { forwardRef, useState, useCallback, createRef } from 'react';
 import { useResizeObserver } from '@salutejs/plasma-core';
 import { cx } from '../../utils/index.js';
 import { ROOT_FONT_SIZE, useAutoResize } from './hooks/useAutoResize.js';
-import { StyledLabel, StyledIndicator, StyledContainer, StyledContent, StyledTextAreaWrapper, StyledTextArea, StyledHelpers, StyledLeftHelper, StyledRightHelper, StyledPlaceholder } from './TextArea.styles.js';
+import { StyledLabel, StyledContainer, StyledContent, StyledTextAreaWrapper, StyledTextArea, StyledHelpers, StyledLeftHelper, StyledRightHelper, StyledPlaceholder } from './TextArea.styles.js';
 import { classes } from './TextArea.tokens.js';
 import { base as base$2 } from './variations/_view/base.js';
 import { base as base$1 } from './variations/_size/base.js';
 import { base as base$3 } from './variations/_disabled/base.js';
-import { base as base$4 } from './variations/_required/base.js';
 
-var _excluded = ["helperText", "status", "resize", "rightHelper", "leftHelper", "contentRight", "autoResize", "minAuto", "maxAuto", "label", "labelPlacement", "placeholder", "defaultValue", "height", "width", "value", "disabled", "required", "requiredAlign", "size", "view", "id", "style", "className", "readOnly", "rows", "cols", "onChange"];
+var _excluded = ["helperText", "status", "resize", "rightHelper", "leftHelper", "contentRight", "autoResize", "minAuto", "maxAuto", "label", "labelPlacement", "placeholder", "defaultValue", "height", "width", "value", "disabled", "size", "view", "id", "style", "className", "readOnly", "rows", "cols", "onChange"];
 var innerPlaceholderUp = classes.innerPlaceholderUp,
   focusedOuterPlaceholderColor = classes.focusedOuterPlaceholderColor,
   hidePlaceHolder = classes.hidePlaceHolder,
@@ -72,8 +71,6 @@ var textAreaRoot = function textAreaRoot(Root) {
       width = props.width,
       value = props.value,
       disabled = props.disabled,
-      required = props.required,
-      requiredAlign = props.requiredAlign,
       size = props.size,
       view = props.view,
       id = props.id,
@@ -102,8 +99,6 @@ var textAreaRoot = function textAreaRoot(Root) {
     var textareaHelperId = id ? "".concat(id, "-helper") : undefined;
     var applyCustomWidth = resize !== 'horizontal' && resize !== 'both' && !cols;
     var placeLabel = labelPlacement === 'inner' && label && size !== 'xs' ? label : placeholder;
-    var hasOuterLabel = Boolean(label && labelPlacement === 'outer');
-    var requiredAlignClass = requiredAlign === 'right' ? 'align-right ' : undefined;
     useResizeObserver(outerRef, function (currentElement) {
       var inlineWidth = currentElement.style.width;
       if (inlineWidth || cols) {
@@ -142,21 +137,16 @@ var textAreaRoot = function textAreaRoot(Root) {
       size: size,
       disabled: disabled,
       readOnly: readOnly,
-      required: required,
       style: _objectSpread2({
         width: helperWidth
       }, style),
       className: className
-    }, hasOuterLabel && /*#__PURE__*/React.createElement(StyledLabel, null, required && /*#__PURE__*/React.createElement(StyledIndicator, {
-      className: cx('placement-outer', requiredAlignClass)
-    }), label), /*#__PURE__*/React.createElement(StyledContainer, {
+    }, label && labelPlacement === 'outer' && /*#__PURE__*/React.createElement(StyledLabel, null, label), /*#__PURE__*/React.createElement(StyledContainer, {
       className: cx.apply(void 0, [styledContainer].concat(_toConsumableArray(dynamicLabelClasses))),
       width: helperWidth,
       onFocus: onFocusHandler,
       onBlur: onBlurHandler
-    }, required && !hasOuterLabel && /*#__PURE__*/React.createElement(StyledIndicator, {
-      className: cx('placement-inner', requiredAlignClass)
-    }), contentRight && /*#__PURE__*/React.createElement(StyledContent, null, contentRight), /*#__PURE__*/React.createElement(StyledTextAreaWrapper, {
+    }, contentRight && /*#__PURE__*/React.createElement(StyledContent, null, contentRight), /*#__PURE__*/React.createElement(StyledTextAreaWrapper, {
       className: styledTextAreaWrapper,
       hasHelper: hasHelper
     }, /*#__PURE__*/React.createElement(StyledTextArea, _extends({
@@ -204,10 +194,6 @@ var textAreaConfig = {
       css: base$3,
       attrs: true
     },
-    required: {
-      css: base$4,
-      attrs: true
-    },
     readOnly: {
       attrs: true
     }

package/es/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 } 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} 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 disabledCSS } from './variations/_disabled/base';\nimport { base as requiredCSS } from './variations/_required/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 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, autoResize, 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        !autoResize &&\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 || autoResize)) ||\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,\n            requiredAlign,\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 = innerRef && 'current' in innerRef ? innerRef : createRef<HTMLTextAreaElement>();\n        const hasHelper = Boolean(leftHelper || rightHelper || helperText);\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 placeLabel = labelPlacement === 'inner' && label && size !== 'xs' ? label : placeholder;\n\n        const hasOuterLabel = Boolean(label && labelPlacement === 'outer');\n        const requiredAlignClass = requiredAlign === '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, 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 dynamicLabelClasses = getDynamicLabelClasses(\n            {\n                size,\n                readOnly,\n                label,\n                labelPlacement,\n                value: value || uncontrolledValue || defaultValue,\n                ...(rows ? { rows } : { autoResize }),\n            },\n            focused,\n        );\n\n        return (\n            <Root\n                view={overriddenView}\n                size={size}\n                disabled={disabled}\n                readOnly={readOnly}\n                required={required}\n                style={{ width: helperWidth, ...style }}\n                className={className}\n            >\n                {hasOuterLabel && (\n                    <StyledLabel>\n                        {required && <StyledIndicator className={cx('placement-outer', requiredAlignClass)} />}\n                        {label}\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('placement-inner', requiredAlignClass)} />\n                    )}\n                    {contentRight && <StyledContent>{contentRight}</StyledContent>}\n                    <StyledTextAreaWrapper className={styledTextAreaWrapper} hasHelper={hasHelper}>\n                        <StyledTextArea\n                            className={styledTextArea}\n                            id={id}\n                            hasContentRight={Boolean(contentRight)}\n                            hasHelper={hasHelper}\n                            applyCustomWidth={applyCustomWidth}\n                            ref={outerRef}\n                            disabled={disabled}\n                            height={autoResize ? minAuto : height}\n                            width={width}\n                            placeholder={placeLabel}\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                    {placeLabel && (\n                        <StyledPlaceholder\n                            hasContentRight={Boolean(contentRight)}\n                            className={styledPlaceholder}\n                            htmlFor={id}\n                        >\n                            {placeLabel}\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        disabled: {\n            css: disabledCSS,\n            attrs: true,\n        },\n        required: {\n            css: requiredCSS,\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","base","fallbackStatusMap","success","warning","error","getDynamicLabelClasses","props","focused","readOnly","label","labelPlacement","autoResize","rows","value","size","withFocusedOuterUpPlaceholder","undefined","withInnerPlaceholderUp","withHidePlaceholder","textAreaRoot","Root","forwardRef","innerRef","helperText","status","resize","rightHelper","leftHelper","contentRight","_props$autoResize","_props$minAuto","minAuto","maxAuto","_props$labelPlacement","placeholder","defaultValue","height","width","disabled","required","requiredAlign","view","id","style","className","cols","onChange","rest","_excluded","_useState","useState","concat","_useState2","_slicedToArray","helperWidth","setHelperWidth","_useState3","_useState4","setFocused","_useState5","_useState6","uncontrolledValue","setUncontrolledValue","outerRef","createRef","hasHelper","Boolean","overriddenView","textareaHelperId","applyCustomWidth","placeLabel","hasOuterLabel","requiredAlignClass","useResizeObserver","currentElement","inlineWidth","_currentElement$getBo","getBoundingClientRect","elementWidth","ROOT_FONT_SIZE","useAutoResize","onFocusHandler","useCallback","onBlurHandler","onChangeHandler","event","target","dynamicLabelClasses","_objectSpread","React","createElement","StyledLabel","StyledIndicator","cx","StyledContainer","apply","_toConsumableArray","onFocus","onBlur","StyledContent","StyledTextAreaWrapper","StyledTextArea","_extends","hasContentRight","ref","StyledHelpers","StyledLeftHelper","StyledRightHelper","StyledPlaceholder","htmlFor","textAreaConfig","name","tag","layout","variations","css","sizeCSS","viewCSS","disabledCSS","attrs","requiredCSS","defaults"],"mappings":"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"}
+{"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 } 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} 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 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 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, autoResize, 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        !autoResize &&\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 || autoResize)) ||\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            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 = innerRef && 'current' in innerRef ? innerRef : createRef<HTMLTextAreaElement>();\n        const hasHelper = Boolean(leftHelper || rightHelper || helperText);\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 placeLabel = labelPlacement === 'inner' && label && size !== 'xs' ? label : placeholder;\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, outerRef, value, minAuto, maxAuto);\n\n        const onFocusHandler = useCallback(() => {\n            setFocused(true);\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 dynamicLabelClasses = getDynamicLabelClasses(\n            {\n                size,\n                readOnly,\n                label,\n                labelPlacement,\n                value: value || uncontrolledValue || defaultValue,\n                ...(rows ? { rows } : { autoResize }),\n            },\n            focused,\n        );\n\n        return (\n            <Root\n                view={overriddenView}\n                size={size}\n                disabled={disabled}\n                readOnly={readOnly}\n                style={{ width: helperWidth, ...style }}\n                className={className}\n            >\n                {label && labelPlacement === 'outer' && <StyledLabel>{label}</StyledLabel>}\n                <StyledContainer\n                    className={cx(styledContainer, ...dynamicLabelClasses)}\n                    width={helperWidth}\n                    onFocus={onFocusHandler}\n                    onBlur={onBlurHandler}\n                >\n                    {contentRight && <StyledContent>{contentRight}</StyledContent>}\n                    <StyledTextAreaWrapper className={styledTextAreaWrapper} hasHelper={hasHelper}>\n                        <StyledTextArea\n                            className={styledTextArea}\n                            id={id}\n                            hasContentRight={Boolean(contentRight)}\n                            hasHelper={hasHelper}\n                            applyCustomWidth={applyCustomWidth}\n                            ref={outerRef}\n                            disabled={disabled}\n                            height={autoResize ? minAuto : height}\n                            width={width}\n                            placeholder={placeLabel}\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                    {placeLabel && (\n                        <StyledPlaceholder\n                            hasContentRight={Boolean(contentRight)}\n                            className={styledPlaceholder}\n                            htmlFor={id}\n                        >\n                            {placeLabel}\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        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","base","fallbackStatusMap","success","warning","error","getDynamicLabelClasses","props","focused","readOnly","label","labelPlacement","autoResize","rows","value","size","withFocusedOuterUpPlaceholder","undefined","withInnerPlaceholderUp","withHidePlaceholder","textAreaRoot","Root","forwardRef","innerRef","helperText","status","resize","rightHelper","leftHelper","contentRight","_props$autoResize","_props$minAuto","minAuto","maxAuto","_props$labelPlacement","placeholder","defaultValue","height","width","disabled","view","id","style","className","cols","onChange","rest","_excluded","_useState","useState","concat","_useState2","_slicedToArray","helperWidth","setHelperWidth","_useState3","_useState4","setFocused","_useState5","_useState6","uncontrolledValue","setUncontrolledValue","outerRef","createRef","hasHelper","Boolean","overriddenView","textareaHelperId","applyCustomWidth","placeLabel","useResizeObserver","currentElement","inlineWidth","_currentElement$getBo","getBoundingClientRect","elementWidth","ROOT_FONT_SIZE","useAutoResize","onFocusHandler","useCallback","onBlurHandler","onChangeHandler","event","target","dynamicLabelClasses","_objectSpread","React","createElement","StyledLabel","StyledContainer","cx","apply","_toConsumableArray","onFocus","onBlur","StyledContent","StyledTextAreaWrapper","StyledTextArea","_extends","hasContentRight","ref","StyledHelpers","StyledLeftHelper","StyledRightHelper","StyledPlaceholder","htmlFor","textAreaConfig","name","tag","layout","variations","css","sizeCSS","viewCSS","disabledCSS","attrs","defaults"],"mappings":";;;;;;;;;;;;AA0BA,IACIA,kBAAkB,GAQlBC,OAAO,CARPD,kBAAkB;EAClBE,4BAA4B,GAO5BD,OAAO,CAPPC,4BAA4B;EAC5BC,eAAe,GAMfF,OAAO,CANPE,eAAe;EACfC,eAAe,GAKfH,OAAO,CALPG,eAAe;EACfC,cAAc,GAIdJ,OAAO,CAJPI,cAAc;EACdC,qBAAqB,GAGrBL,OAAO,CAHPK,qBAAqB;EACrBC,iBAAiB,GAEjBN,OAAO,CAFPM,iBAAiB;EACjBC,aAAAA,GACAP,OAAO,CADPO,aAAAA,CAAAA;AAGJ,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,GAA2DF,KAAK,CAAxEE,QAAQ;IAAEC,KAAK,GAAoDH,KAAK,CAA9DG,KAAK;IAAEC,cAAc,GAAoCJ,KAAK,CAAvDI,cAAc;IAAEC,UAAU,GAAwBL,KAAK,CAAvCK,UAAU;IAAEC,IAAI,GAAkBN,KAAK,CAA3BM,IAAI;IAAEC,KAAK,GAAWP,KAAK,CAArBO,KAAK;IAAEC,IAAAA,GAASR,KAAK,CAAdQ,IAAAA,CAAAA;;AAElE;AACA,EAAA,IAAMC,6BAA6B,GAC/B,CAACP,QAAQ,IAAID,OAAO,KAAK,CAACE,KAAK,IAAIC,cAAc,KAAK,OAAO,CAAC,GAAGjB,4BAA4B,GAAGuB,SAAS,CAAA;;AAE7G;AACA,EAAA,IAAMC,sBAAsB,GACxBP,cAAc,KAAK,OAAO,IAC1BD,KAAK,IACL,CAACE,UAAU,IACX,CAACC,IAAI,IACLE,IAAI,KAAK,IAAI,KACX,CAACN,QAAQ,KAAKK,KAAK,IAAIN,OAAO,CAAC,IAAMC,QAAQ,IAAIK,KAAM,CAAC,GACpDtB,kBAAkB,GAClByB,SAAS,CAAA;;AAEnB;EACA,IAAME,mBAAmB,GACpBL,KAAK,IAAI,CAACJ,KAAK,IACfC,cAAc,KAAK,OAAO,KAAMH,OAAO,IAAI,CAACC,QAAQ,IAAKK,KAAK,CAAC,IAAIJ,KAAK,KAAKG,IAAI,IAAID,UAAU,CAAE,IACjGD,cAAc,KAAK,OAAO,IAAIG,KAAM,IACpCH,cAAc,KAAK,OAAO,IAAII,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,UAAU,CAAqC,UAACf,KAAK,EAAEgB,QAAQ,EAAK;AAChE,IAAA,IACIC,UAAU,GA2BVjB,KAAK,CA3BLiB,UAAU;MACVC,MAAM,GA0BNlB,KAAK,CA1BLkB,MAAM;MACNC,MAAM,GAyBNnB,KAAK,CAzBLmB,MAAM;MACNC,WAAW,GAwBXpB,KAAK,CAxBLoB,WAAW;MACXC,UAAU,GAuBVrB,KAAK,CAvBLqB,UAAU;MACVC,YAAY,GAsBZtB,KAAK,CAtBLsB,YAAY;MAAAC,iBAAA,GAsBZvB,KAAK,CArBLK,UAAU;AAAVA,MAAAA,UAAU,GAAAkB,iBAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,iBAAA;MAAAC,cAAA,GAqBlBxB,KAAK,CApBLyB,OAAO;AAAPA,MAAAA,OAAO,GAAAD,cAAA,KAAG,KAAA,CAAA,GAAA,CAAC,GAAAA,cAAA;MACXE,OAAO,GAmBP1B,KAAK,CAnBL0B,OAAO;MACPvB,KAAK,GAkBLH,KAAK,CAlBLG,KAAK;MAAAwB,qBAAA,GAkBL3B,KAAK,CAjBLI,cAAc;AAAdA,MAAAA,cAAc,GAAAuB,qBAAA,KAAG,KAAA,CAAA,GAAA,OAAO,GAAAA,qBAAA;MACxBC,WAAW,GAgBX5B,KAAK,CAhBL4B,WAAW;MACXC,YAAY,GAeZ7B,KAAK,CAfL6B,YAAY;MACZC,MAAM,GAcN9B,KAAK,CAdL8B,MAAM;MACNC,KAAK,GAaL/B,KAAK,CAbL+B,KAAK;MACLxB,KAAK,GAYLP,KAAK,CAZLO,KAAK;MACLyB,QAAQ,GAWRhC,KAAK,CAXLgC,QAAQ;MACRxB,IAAI,GAUJR,KAAK,CAVLQ,IAAI;MACJyB,IAAI,GASJjC,KAAK,CATLiC,IAAI;MACJC,EAAE,GAQFlC,KAAK,CARLkC,EAAE;MACFC,KAAK,GAOLnC,KAAK,CAPLmC,KAAK;MACLC,SAAS,GAMTpC,KAAK,CANLoC,SAAS;MACTlC,QAAQ,GAKRF,KAAK,CALLE,QAAQ;MACRI,IAAI,GAIJN,KAAK,CAJLM,IAAI;MACJ+B,IAAI,GAGJrC,KAAK,CAHLqC,IAAI;MACJC,QAAQ,GAERtC,KAAK,CAFLsC,QAAQ;AACLC,MAAAA,IAAAA,GAAAA,wBAAAA,CACHvC,KAAK,EAAAwC,SAAA,CAAA,CAAA;IAET,IAAAC,SAAA,GAAsCC,QAAQ,CAASX,KAAK,GAAAY,EAAAA,CAAAA,MAAA,CAAMZ,KAAM,EAAO,KAAA,CAAA,GAAA,MAAM,CAAC;MAAAa,UAAA,GAAAC,cAAA,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,QAAQ,CAAC,KAAK,CAAC;MAAAO,UAAA,GAAAJ,cAAA,CAAAG,UAAA,EAAA,CAAA,CAAA;AAAtC/C,MAAAA,OAAO,GAAAgD,UAAA,CAAA,CAAA,CAAA;AAAEC,MAAAA,UAAU,GAAAD,UAAA,CAAA,CAAA,CAAA,CAAA;AAC1B,IAAA,IAAAE,UAAA,GAAkDT,QAAQ,EAAsB;MAAAU,UAAA,GAAAP,cAAA,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,GAAGvC,QAAQ,IAAI,SAAS,IAAIA,QAAQ,GAAGA,QAAQ,gBAAGwC,SAAS,EAAuB,CAAA;IAChG,IAAMC,SAAS,GAAGC,OAAO,CAACrC,UAAU,IAAID,WAAW,IAAIH,UAAU,CAAC,CAAA;IAClE,IAAM0C,cAAc,GAAGzC,MAAM,KAAKR,SAAS,GAAGf,iBAAiB,CAACuB,MAAM,CAAC,GAAGe,IAAI,CAAA;IAC9E,IAAM2B,gBAAgB,GAAG1B,EAAE,GAAA,EAAA,CAAAS,MAAA,CAAMT,EAAG,eAAWxB,SAAS,CAAA;IACxD,IAAMmD,gBAAgB,GAAG1C,MAAM,KAAK,YAAY,IAAIA,MAAM,KAAK,MAAM,IAAI,CAACkB,IAAI,CAAA;AAC9E,IAAA,IAAMyB,UAAU,GAAG1D,cAAc,KAAK,OAAO,IAAID,KAAK,IAAIK,IAAI,KAAK,IAAI,GAAGL,KAAK,GAAGyB,WAAW,CAAA;AAE7FmC,IAAAA,iBAAiB,CAACR,QAAQ,EAAGS,UAAAA,cAAc,EAAK;AAC5C,MAAA,IAAeC,WAAAA,GAAgBD,cAAc,CAAC7B,KAAK,CAA3CJ,KAAK,CAAA;MAEb,IAAIkC,WAAW,IAAI5B,IAAI,EAAE;AACrB,QAAA,IAAA6B,qBAAA,GAAgCF,cAAc,CAACG,qBAAqB,EAAE;UAAvDC,YAAAA,GAAAA,qBAAAA,CAAPrC,KAAK,CAAA;AACbgB,QAAAA,cAAc,IAAAJ,MAAA,CAAIyB,YAAY,GAAGC,cAAe,QAAI,CAAC,CAAA;AACzD,OAAA;AACJ,KAAC,CAAC,CAAA;IAEFC,aAAa,CAACjE,UAAU,EAAEkD,QAAQ,EAAEhD,KAAK,EAAEkB,OAAO,EAAEC,OAAO,CAAC,CAAA;AAE5D,IAAA,IAAM6C,cAAc,GAAGC,WAAW,CAAC,YAAM;MACrCtB,UAAU,CAAC,IAAI,CAAC,CAAA;KACnB,EAAE,EAAE,CAAC,CAAA;AACN,IAAA,IAAMuB,aAAa,GAAGD,WAAW,CAAC,YAAM;MACpCtB,UAAU,CAAC,KAAK,CAAC,CAAA;KACpB,EAAE,EAAE,CAAC,CAAA;AAEN,IAAA,IAAMwB,eAAe,GAAGF,WAAW,CAC/B,UAACG,KAA6C,EAAK;AAC/C;MACA,IAAIpE,KAAK,KAAKG,SAAS,EAAE;QACrB4C,oBAAoB,CAACqB,KAAK,KAAA,IAAA,IAALA,KAAK,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAALA,KAAK,CAAEC,MAAM,CAACrE,KAAK,CAAC,CAAA;AAC7C,OAAA;AAEA+B,MAAAA,QAAQ,aAARA,QAAQ,KAAA,KAAA,CAAA,IAARA,QAAQ,CAAGqC,KAAK,CAAC,CAAA;AACrB,KAAC,EACD,CAACpE,KAAK,EAAE+B,QAAQ,CACpB,CAAC,CAAA;AAED,IAAA,IAAMuC,mBAAmB,GAAG9E,sBAAsB,CAAA+E,cAAA,CAAA;AAE1CtE,MAAAA,IAAI,EAAJA,IAAI;AACJN,MAAAA,QAAQ,EAARA,QAAQ;AACRC,MAAAA,KAAK,EAALA,KAAK;AACLC,MAAAA,cAAc,EAAdA,cAAc;AACdG,MAAAA,KAAK,EAAEA,KAAK,IAAI8C,iBAAiB,IAAIxB,YAAAA;AAAY,KAAA,EAC7CvB,IAAI,GAAG;AAAEA,MAAAA,IAAAA,EAAAA,IAAAA;AAAK,KAAC,GAAG;AAAED,MAAAA,UAAAA,EAAAA,UAAAA;KAAY,CAAA,EAExCJ,OACJ,CAAC,CAAA;AAED,IAAA,oBACI8E,KAAA,CAAAC,aAAA,CAAClE,IAAI,EAAA;AACDmB,MAAAA,IAAI,EAAE0B,cAAe;AACrBnD,MAAAA,IAAI,EAAEA,IAAK;AACXwB,MAAAA,QAAQ,EAAEA,QAAS;AACnB9B,MAAAA,QAAQ,EAAEA,QAAS;AACnBiC,MAAAA,KAAK,EAAA2C,cAAA,CAAA;AAAI/C,QAAAA,KAAK,EAAEe,WAAAA;AAAW,OAAA,EAAKX,KAAAA,CAAQ;AACxCC,MAAAA,SAAS,EAAEA,SAAAA;AAAU,KAAA,EAEpBjC,KAAK,IAAIC,cAAc,KAAK,OAAO,iBAAI2E,KAAA,CAAAC,aAAA,CAACC,WAAW,EAAA,IAAA,EAAE9E,KAAmB,CAAC,eAC1E4E,KAAA,CAAAC,aAAA,CAACE,eAAe,EAAA;AACZ9C,MAAAA,SAAS,EAAE+C,EAAE,CAAAC,KAAA,CAAC/F,KAAAA,CAAAA,EAAAA,CAAAA,eAAe,CAAAsD,CAAAA,MAAA,CAAA0C,kBAAA,CAAKR,mBAAmB,CAAE,CAAA,CAAA;AACvD9C,MAAAA,KAAK,EAAEe,WAAY;AACnBwC,MAAAA,OAAO,EAAEf,cAAe;AACxBgB,MAAAA,MAAM,EAAEd,aAAAA;AAAc,KAAA,EAErBnD,YAAY,iBAAIyD,KAAA,CAAAC,aAAA,CAACQ,aAAa,EAAElE,IAAAA,EAAAA,YAA4B,CAAC,eAC9DyD,KAAA,CAAAC,aAAA,CAACS,qBAAqB,EAAA;AAACrD,MAAAA,SAAS,EAAE7C,qBAAsB;AAACkE,MAAAA,SAAS,EAAEA,SAAAA;AAAU,KAAA,eAC1EsB,KAAA,CAAAC,aAAA,CAACU,cAAc,EAAAC,QAAA,CAAA;AACXvD,MAAAA,SAAS,EAAE9C,cAAe;AAC1B4C,MAAAA,EAAE,EAAEA,EAAG;AACP0D,MAAAA,eAAe,EAAElC,OAAO,CAACpC,YAAY,CAAE;AACvCmC,MAAAA,SAAS,EAAEA,SAAU;AACrBI,MAAAA,gBAAgB,EAAEA,gBAAiB;AACnCgC,MAAAA,GAAG,EAAEtC,QAAS;AACdvB,MAAAA,QAAQ,EAAEA,QAAS;AACnBF,MAAAA,MAAM,EAAEzB,UAAU,GAAGoB,OAAO,GAAGK,MAAO;AACtCC,MAAAA,KAAK,EAAEA,KAAM;AACbH,MAAAA,WAAW,EAAEkC,UAAW;AACxB,MAAA,kBAAA,EAAkBF,gBAAiB;AACnCrD,MAAAA,KAAK,EAAEA,KAAM;AACbL,MAAAA,QAAQ,EAAEA,QAAS;AACnBI,MAAAA,IAAI,EAAEA,IAAK;AACX+B,MAAAA,IAAI,EAAEA,IAAK;AACXlB,MAAAA,MAAM,EAAEA,MAAO;AACfU,MAAAA,YAAY,EAAEA,YAAa;AAC3BS,MAAAA,QAAQ,EAAEoC,eAAAA;KACNnC,EAAAA,IAAI,CAAC,CAEM,CAAA,EACtBkB,SAAS,iBACNsB,KAAA,CAAAC,aAAA,CAACc,aAAa,EAAA;AAAC1D,MAAAA,SAAS,EAAE3C,aAAc;AAACyC,MAAAA,EAAE,EAAE0B,gBAAAA;AAAiB,KAAA,EACzD,CAACvC,UAAU,IAAIJ,UAAU,kBACtB8D,KAAA,CAAAC,aAAA,CAACe,gBAAgB,EAAE1E,IAAAA,EAAAA,UAAU,IAAIJ,UAA6B,CACjE,EACAG,WAAW,iBAAI2D,KAAA,CAAAC,aAAA,CAACgB,iBAAiB,QAAE5E,WAA+B,CACxD,CAClB,EACA0C,UAAU,iBACPiB,KAAA,CAAAC,aAAA,CAACiB,iBAAiB,EAAA;AACdL,MAAAA,eAAe,EAAElC,OAAO,CAACpC,YAAY,CAAE;AACvCc,MAAAA,SAAS,EAAE5C,iBAAkB;AAC7B0G,MAAAA,OAAO,EAAEhE,EAAAA;KAER4B,EAAAA,UACc,CAEV,CACf,CAAC,CAAA;AAEf,GAAC,CAAC,CAAA;AAAA,EAAA;AAEC,IAAMqC,cAAc,GAAG;AAC1BC,EAAAA,IAAI,EAAE,UAAU;AAChBC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAEzF,YAAY;AACpBnB,EAAAA,IAAI,EAAJA,IAAI;AACJ6G,EAAAA,UAAU,EAAE;AACR/F,IAAAA,IAAI,EAAE;AACFgG,MAAAA,GAAG,EAAEC,MAAAA;KACR;AACDxE,IAAAA,IAAI,EAAE;AACFuE,MAAAA,GAAG,EAAEE,MAAAA;KACR;AACD1E,IAAAA,QAAQ,EAAE;AACNwE,MAAAA,GAAG,EAAEG,MAAW;AAChBC,MAAAA,KAAK,EAAE,IAAA;KACV;AACD1G,IAAAA,QAAQ,EAAE;AACN0G,MAAAA,KAAK,EAAE,IAAA;AACX,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACNrG,IAAAA,IAAI,EAAE,GAAG;AACTyB,IAAAA,IAAI,EAAE,SAAA;AACV,GAAA;AACJ;;;;"}

package/es/components/TextArea/TextArea.styles.js

@@ -1,4 +1,4 @@
-import './TextArea.styles_wt773g.css';
+import './TextArea.styles_1bv40vw.css';
 import { styled } from '@linaria/react';
 import { tokens } from './TextArea.tokens.js';
 
@@ -143,11 +143,6 @@ var StyledPlaceholder = /*#__PURE__*/styled('label')({
     "sfype23-0": [/*#__PURE__*/_exp61()]
   }
 });
-var StyledIndicator = /*#__PURE__*/styled('div')({
-  name: "StyledIndicator",
-  "class": "s3wsw3p",
-  propsAsIs: false
-});
 
-export { StyledContainer, StyledContent, StyledHelpers, StyledIndicator, StyledLabel, StyledLeftHelper, StyledPlaceholder, StyledRightHelper, StyledTextArea, StyledTextAreaWrapper };
+export { StyledContainer, StyledContent, StyledHelpers, StyledLabel, StyledLeftHelper, StyledPlaceholder, StyledRightHelper, StyledTextArea, StyledTextAreaWrapper };
 //# sourceMappingURL=TextArea.styles.js.map

package/es/components/TextArea/TextArea.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextArea.styles.js","sources":["../../../src/components/TextArea/TextArea.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { applyEllipsis } from '../../mixins';\n\nimport { tokens } from './TextArea.tokens';\n\nexport const StyledLabel = styled.div`\n    position: relative;\n    display: inline-block;\n    margin-bottom: var(${tokens.labelMarginBottom});\n\n    font-family: var(${tokens.inputFontFamily});\n    font-size: var(${tokens.inputFontSize});\n    font-style: var(${tokens.inputFontStyle});\n    font-weight: var(${tokens.inputFontWeight});\n    letter-spacing: var(${tokens.inputLetterSpacing});\n    line-height: var(${tokens.inputLineHeight});\n`;\n\nexport const StyledTextAreaWrapper = styled.div<{\n    hasHelper: boolean;\n}>`\n    background-color: var(${tokens.inputBackgroundColor});\n\n    padding-top: var(${tokens.inputPaddingTop});\n    padding-bottom: ${({ hasHelper }) =>\n        hasHelper ? `var(${tokens.inputPaddingBottomWithHelpers})` : `var(${tokens.inputPaddingBottom})`};\n\n    border-radius: ${({ hasHelper }) =>\n        hasHelper ? `var(${tokens.borderRadiusWithHelpers})` : `var(${tokens.borderRadius})`};\n`;\n\nexport const StyledContent = styled.div`\n    position: absolute;\n    display: flex;\n    align-items: center;\n    bottom: 0;\n    z-index: 1;\n\n    top: var(${tokens.rightContentTop});\n    right: var(${tokens.rightContentRight});\n\n    height: var(${tokens.rightContentHeight});\n`;\n\nexport const StyledContainer = styled.div<{ width: string }>`\n    display: inline-flex;\n    flex-direction: column;\n\n    width: ${({ width }) => width};\n\n    position: relative;\n`;\n\nexport const StyledTextArea = styled.textarea<{\n    hasHelper: boolean;\n    hasContentRight: boolean;\n    applyCustomWidth: boolean;\n    width?: string | number;\n    height?: string | number;\n    resize?: string;\n}>`\n    display: block;\n    box-sizing: border-box;\n    outline: none;\n    border: none;\n    -webkit-appearance: none; /* для отображение рамок на iOS */\n    background-color: transparent;\n\n    color: var(${tokens.inputColor});\n    caret-color: var(${tokens.inputCaretColor});\n\n    resize: ${({ resize }) => resize || 'none'};\n\n    --plasma_private-textarea-height: ${({ height }) =>\n        !Number.isNaN(Number(height)) ? `calc(${height}rem - 0.875rem)` : height || `var(${tokens.inputHeight})`};\n\n    --plasma_private-textarea-width: ${({ width }) =>\n        !Number.isNaN(Number(width)) ? `${width}rem` : width || `var(${tokens.inputWidth})`};\n\n    --plasma_private-textarea-computed-height: ${({ rows }) =>\n        rows ? 'unset' : 'var(--plasma_private-textarea-height)'};\n    --plasma_private-textarea-computed-width: ${({ cols }) =>\n        cols ? 'unset' : 'var(--plasma_private-textarea-width)'};\n\n    height: var(--plasma_private-textarea-computed-height);\n    width: var(--plasma_private-textarea-computed-width);\n\n    min-width: ${({ applyCustomWidth }) => (applyCustomWidth ? 'var(--plasma_private-textarea-width)' : 'auto')};\n    max-width: ${({ applyCustomWidth }) => (applyCustomWidth ? 'var(--plasma_private-textarea-width)' : 'auto')};\n\n    min-height: var(${tokens.inputMinHeight});\n\n    padding-right: ${({ hasContentRight }) =>\n        hasContentRight ? `var(${tokens.inputPaddingRightWithRightContent})` : `var(${tokens.inputPaddingRight})`};\n    padding-left: var(${tokens.inputPaddingLeft});\n    padding-top: 0;\n    padding-bottom: 0;\n\n    /* INFO: Высчитываем высоту блока с подсказками */\n    --plasma_private-textarea-helpers-computed-height: calc(\n        var(${tokens.helpersPaddingTop}) + var(${tokens.helpersPaddingBottom}) + var(${tokens.helpersLineHeight})\n    );\n\n    --plasma_private-textarea-input-with-helpers-height: calc(\n        var(--plasma_private-textarea-height) - var(--plasma_private-textarea-helpers-computed-height) +\n            var(${tokens.helpersOffset})\n    );\n    --plasma_private-textarea-input-without-helpers-height: calc(\n        var(--plasma_private-textarea-computed-height) - var(${tokens.inputPaddingBottom})\n    );\n\n    --plasma_private-textarea-input-actual-height: ${({ hasHelper, rows }) =>\n        hasHelper && !rows\n            ? 'var(--plasma_private-textarea-input-with-helpers-height)'\n            : 'var(--plasma_private-textarea-input-without-helpers-height)'};\n\n    height: var(--plasma_private-textarea-input-actual-height);\n\n    font-family: var(${tokens.inputFontFamily});\n    font-size: var(${tokens.inputFontSize});\n    font-style: var(${tokens.inputFontStyle});\n    font-weight: var(${tokens.inputFontWeight});\n    letter-spacing: var(${tokens.inputLetterSpacing});\n    line-height: var(${tokens.inputLineHeight});\n\n    &::placeholder {\n        opacity: 0;\n    }\n\n    &:read-only {\n        cursor: default;\n    }\n\n    &:focus:not(:disabled) {\n        color: var(${tokens.inputColorFocus});\n    }\n`;\n\nexport const StyledHelpers = styled.div`\n    box-sizing: border-box;\n    display: flex;\n    justify-content: space-between;\n\n    transition: background-color 0.1s ease-in-out;\n\n    background-color: var(${tokens.helpersBackgroundColor});\n\n    padding-top: var(${tokens.helpersPaddingTop});\n    padding-right: var(${tokens.helpersPaddingRight});\n    padding-bottom: var(${tokens.helpersPaddingBottom});\n    padding-left: var(${tokens.helpersPaddingLeft});\n\n    border-bottom-left-radius: var(${tokens.borderRadius});\n    border-bottom-right-radius: var(${tokens.borderRadius});\n`;\n\nexport const StyledLeftHelper = styled.span`\n    ${applyEllipsis()};\n\n    display: block;\n\n    font-family: var(${tokens.helpersFontFamily});\n    font-size: var(${tokens.helpersFontSize});\n    font-style: var(${tokens.helpersFontStyle});\n    font-weight: var(${tokens.helpersFontWeight});\n    letter-spacing: var(${tokens.helpersLetterSpacing});\n    line-height: var(${tokens.helpersLineHeight});\n\n    color: var(${tokens.leftHelperColor});\n`;\n\nexport const StyledRightHelper = styled(StyledLeftHelper)`\n    color: var(${tokens.rightHelperColor});\n    margin-left: auto;\n`;\n\nexport const StyledPlaceholder = styled.label<{\n    hasContentRight: boolean;\n}>`\n    box-sizing: border-box;\n    position: absolute;\n    pointer-events: none;\n    display: inline-flex;\n    align-items: center;\n\n    transition: all 0.1s ease-in-out;\n    transform-origin: top left;\n\n    color: var(${tokens.placeholderColor});\n\n    width: 100%;\n    height: auto;\n\n    top: var(${tokens.inputPaddingTop});\n    padding-left: var(${tokens.inputPaddingLeft});\n    padding-right: ${({ hasContentRight }) =>\n        hasContentRight ? `var(${tokens.inputPaddingRightWithRightContent})` : `var(${tokens.inputPaddingRight})`};\n\n    font-family: var(${tokens.inputFontFamily});\n    font-size: var(${tokens.inputFontSize});\n    font-style: var(${tokens.inputFontStyle});\n    font-weight: var(${tokens.inputFontWeight});\n    letter-spacing: var(${tokens.inputLetterSpacing});\n    line-height: var(${tokens.inputLineHeight});\n`;\n\nexport const StyledIndicator = styled.div`\n    position: absolute;\n    border-radius: 50%;\n\n    background-color: var(${tokens.indicatorColor});\n\n    &.placement-outer {\n        width: var(${tokens.indicatorSizeOuter});\n        height: var(${tokens.indicatorSizeOuter});\n        inset: var(${tokens.indicatorLabelPlacementOuter});\n\n        &.align-right {\n            inset: var(${tokens.indicatorLabelPlacementOuterRight});\n        }\n    }\n\n    &.placement-inner {\n        width: var(${tokens.indicatorSizeInner});\n        height: var(${tokens.indicatorSizeInner});\n        inset: var(${tokens.indicatorLabelPlacementInner});\n\n        &.align-right {\n            inset: var(${tokens.indicatorLabelPlacementInnerRight});\n        }\n    }\n`;\n"],"names":["StyledLabel","styled","name","class","propsAsIs","_exp10","_ref","hasHelper","concat","tokens","inputPaddingBottomWithHelpers","inputPaddingBottom","_exp11","_ref2","borderRadiusWithHelpers","borderRadius","StyledTextAreaWrapper","vars","StyledContent","_exp15","_ref3","width","StyledContainer","_exp18","_ref4","resize","_exp19","_ref5","height","Number","isNaN","inputHeight","_exp20","_ref6","inputWidth","_exp21","_ref7","rows","_exp22","_ref8","cols","_exp24","_ref9","applyCustomWidth","_exp26","_ref10","hasContentRight","inputPaddingRightWithRightContent","inputPaddingRight","_exp33","_ref11","StyledTextArea","StyledHelpers","StyledLeftHelper","_exp56","StyledRightHelper","_exp61","_ref12","StyledPlaceholder","StyledIndicator"],"mappings":";;;AAMO,IAAMA,WAAW,gBAAGC,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAWhC,EAAA;AAAC,IAAAC,MAAA,GAhBgBA,SAgBhBA,MAAAA,GAAA;AAAA,EAAA,OAQoB,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,SAAAA,GAAAA,IAAAA,CAAAA,SAAAA,CAAAA;AAAAA,IAAAA,OACjBA,SAAS,GAAA,MAAA,CAAAC,MAAA,CAAUC,MAAM,CAACC,6BAA8B,EAAA,GAAA,CAAA,GAAA,MAAA,CAAAF,MAAA,CAAYC,MAAM,CAACE,kBAAmB,EAAE,GAAA,CAAA,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,MAAA,GAzBtFA,SAyBsFA,MAAAA,GAAA;AAAA,EAAA,OAEnF,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGN,SAAAA,GAAAA,KAAAA,CAAAA,SAAAA,CAAAA;AAAAA,IAAAA,OAChBA,SAAS,GAAA,MAAA,CAAAC,MAAA,CAAUC,MAAM,CAACK,uBAAwB,EAAA,GAAA,CAAA,GAAA,MAAA,CAAAN,MAAA,CAAYC,MAAM,CAACM,YAAa,EAAE,GAAA,CAAA,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAVrF,IAAMC,qBAAqB,gBAAGf,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,uBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAa,EAAAA,IAAA,EAAA;AAAA,IAAA,YAAA,EAAA,cAMrBZ,MACkF,EAAA,CAAA;AAAA,IAAA,YAAA,EAAA,cAEnFO,MACuE,EAAA,CAAA;AAAA,GAAA;AAAA,CAC3F,EAAA;AAEM,IAAMM,aAAa,gBAAGjB,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAWlC,EAAA;AAAC,IAAAe,MAAA,GA1CgBA,SA0ChBA,MAAAA,GAAA;AAAA,EAAA,OAMW,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,KAAAA,GAAAA,KAAAA,CAAAA,KAAAA,CAAAA;AAAAA,IAAAA,OAAYA,KAAK,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAJ1B,IAAMC,eAAe,gBAAGrB,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,iBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAa,EAAAA,IAAA,EAAA;AAAA,IAAA,YAAA,EAAA,cAIxBE,MAAoB,EAAA,CAAA;AAAA,GAAA;AAAA,CAGhC,EAAA;AAAC,IAAAI,MAAA,GAnDgBA,SAmDhBA,MAAAA,GAAA;AAAA,EAAA,OAoBY,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,MAAAA,GAAAA,KAAAA,CAAAA,MAAAA,CAAAA;IAAAA,OAAaA,MAAM,IAAI,MAAM,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,MAAA,GAvE5BA,SAuE4BA,MAAAA,GAAA;AAAA,EAAA,OAEN,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,MAAAA,GAAAA,KAAAA,CAAAA,MAAAA,CAAAA;IAAAA,OACnC,CAACC,MAAM,CAACC,KAAK,CAACD,MAAM,CAACD,MAAM,CAAC,CAAC,GAAA,OAAA,CAAApB,MAAA,CAAWoB,MAAO,uBAAmBA,MAAM,IAAA,MAAA,CAAApB,MAAA,CAAWC,MAAM,CAACsB,WAAY,EAAE,GAAA,CAAA,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,MAAA,GA1E9FA,SA0E8FA,MAAAA,GAAA;AAAA,EAAA,OAEzE,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGZ,KAAAA,GAAAA,KAAAA,CAAAA,KAAAA,CAAAA;IAAAA,OAClC,CAACQ,MAAM,CAACC,KAAK,CAACD,MAAM,CAACR,KAAK,CAAC,CAAC,GAAA,EAAA,CAAAb,MAAA,CAAMa,KAAM,WAAOA,KAAK,IAAA,MAAA,CAAAb,MAAA,CAAWC,MAAM,CAACyB,UAAW,EAAE,GAAA,CAAA,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,MAAA,GA7EzEA,SA6EyEA,MAAAA,GAAA;AAAA,EAAA,OAE1C,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,IAAAA,GAAAA,KAAAA,CAAAA,IAAAA,CAAAA;AAAAA,IAAAA,OAC5CA,IAAI,GAAG,OAAO,GAAG,uCAAuC,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,MAAA,GAhF9CA,SAgF8CA,MAAAA,GAAA;AAAA,EAAA,OAChB,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,IAAAA,GAAAA,KAAAA,CAAAA,IAAAA,CAAAA;AAAAA,IAAAA,OAC3CA,IAAI,GAAG,OAAO,GAAG,sCAAsC,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,MAAA,GAlF7CA,SAkF6CA,MAAAA,GAAA;AAAA,EAAA,OAM9C,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,gBAAAA,GAAAA,KAAAA,CAAAA,gBAAAA,CAAAA;AAAAA,IAAAA,OAAwBA,gBAAgB,GAAG,sCAAsC,GAAG,MAAO,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,MAAA,GAxF7FA,SAwF6FA,MAAAA,GAAA;AAAA,EAAA,OAI1F,UAAAC,MAAA,EAAA;AAAA,IAAA,IAAGC,eAAAA,GAAAA,MAAAA,CAAAA,eAAAA,CAAAA;AAAAA,IAAAA,OAChBA,eAAe,GAAA,MAAA,CAAAtC,MAAA,CAAUC,MAAM,CAACsC,iCAAkC,EAAA,GAAA,CAAA,GAAA,MAAA,CAAAvC,MAAA,CAAYC,MAAM,CAACuC,iBAAkB,EAAE,GAAA,CAAA,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,MAAA,GA7F/FA,SA6F+FA,MAAAA,GAAA;AAAA,EAAA,OAkB5D,UAAAC,MAAA,EAAA;AAAA,IAAA,IAAG3C,SAAS,GAAA2C,MAAA,CAAT3C,SAAS;MAAE8B,IAAAA,GAAAA,MAAAA,CAAAA,IAAAA,CAAAA;AAAAA,IAAAA,OAC3D9B,SAAS,IAAI,CAAC8B,IAAI,GACZ,0DAA0D,GAC1D,6DAA6D,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AA7DpE,IAAMc,cAAc,gBAAGlD,MAAM,CAAA,UAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,gBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAa,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,cAkBtBM,MAAgC,EAAA,CAAA;AAAA,IAAA,WAAA,EAAA,cAENG,MACwE,EAAA,CAAA;AAAA,IAAA,WAAA,EAAA,cAEzEM,MACoD,EAAA,CAAA;AAAA,IAAA,WAAA,EAAA,cAE1CG,MACe,EAAA,CAAA;AAAA,IAAA,WAAA,EAAA,cAChBG,MACe,EAAA,CAAA;AAAA,IAAA,WAAA,EAAA,cAM9CG,MAA8F,EAAA,CAAA;AAAA,IAAA,WAAA,EAAA,cAI1FG,MAC4F,EAAA,CAAA;AAAA,IAAA,WAAA,EAAA,cAkB5DK,MAGsB,EAAA,CAAA;AAAA,GAAA;AAAA,CAsB1E,EAAA;AAEM,IAAMG,aAAa,gBAAGnD,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAgBlC,EAAA;AAEM,IAAMiD,gBAAgB,gBAAGpD,MAAM,CAAA,MAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,kBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAarC,EAAA;AAAC,IAAAkD,MAAA,GAzKgBA,SAyKhBA,MAAAA,GAAA;AAAA,EAAA,OAEsCD,gBAAgB,CAAA;AAAA,CAAA,CAAA;AAAjD,IAAME,iBAAiB,gBAAGtD,MAAM,CAAAqD,MAAA,EAAA,CAAA,CAAA;AAAApD,EAAAA,IAAA,EAAA,mBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAGtC,EAAA;AAAC,IAAAoD,MAAA,GA9KgBA,SA8KhBA,MAAAA,GAAA;AAAA,EAAA,OAqBmB,UAAAC,MAAA,EAAA;AAAA,IAAA,IAAGX,eAAAA,GAAAA,MAAAA,CAAAA,eAAAA,CAAAA;AAAAA,IAAAA,OAChBA,eAAe,GAAA,MAAA,CAAAtC,MAAA,CAAUC,MAAM,CAACsC,iCAAkC,EAAA,GAAA,CAAA,GAAA,MAAA,CAAAvC,MAAA,CAAYC,MAAM,CAACuC,iBAAkB,EAAE,GAAA,CAAA,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AApB1G,IAAMU,iBAAiB,gBAAGzD,MAAM,CAAA,OAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,mBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAa,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,cAmBlBuC,MAC4F,EAAA,CAAA;AAAA,GAAA;AAAA,CAQhH,EAAA;AAEM,IAAMG,eAAe,gBAAG1D,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,iBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAyBpC;;;;"}
+{"version":3,"file":"TextArea.styles.js","sources":["../../../src/components/TextArea/TextArea.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { applyEllipsis } from '../../mixins';\n\nimport { tokens } from './TextArea.tokens';\n\nexport const StyledLabel = styled.div`\n    margin-bottom: var(${tokens.labelMarginBottom});\n\n    font-family: var(${tokens.inputFontFamily});\n    font-size: var(${tokens.inputFontSize});\n    font-style: var(${tokens.inputFontStyle});\n    font-weight: var(${tokens.inputFontWeight});\n    letter-spacing: var(${tokens.inputLetterSpacing});\n    line-height: var(${tokens.inputLineHeight});\n`;\n\nexport const StyledTextAreaWrapper = styled.div<{\n    hasHelper: boolean;\n}>`\n    background-color: var(${tokens.inputBackgroundColor});\n\n    padding-top: var(${tokens.inputPaddingTop});\n    padding-bottom: ${({ hasHelper }) =>\n        hasHelper ? `var(${tokens.inputPaddingBottomWithHelpers})` : `var(${tokens.inputPaddingBottom})`};\n\n    border-radius: ${({ hasHelper }) =>\n        hasHelper ? `var(${tokens.borderRadiusWithHelpers})` : `var(${tokens.borderRadius})`};\n`;\n\nexport const StyledContent = styled.div`\n    position: absolute;\n    display: flex;\n    align-items: center;\n    bottom: 0;\n    z-index: 1;\n\n    top: var(${tokens.rightContentTop});\n    right: var(${tokens.rightContentRight});\n\n    height: var(${tokens.rightContentHeight});\n`;\n\nexport const StyledContainer = styled.div<{ width: string }>`\n    display: inline-flex;\n    flex-direction: column;\n\n    width: ${({ width }) => width};\n\n    position: relative;\n`;\n\nexport const StyledTextArea = styled.textarea<{\n    hasHelper: boolean;\n    hasContentRight: boolean;\n    applyCustomWidth: boolean;\n    width?: string | number;\n    height?: string | number;\n    resize?: string;\n}>`\n    display: block;\n    box-sizing: border-box;\n    outline: none;\n    border: none;\n    -webkit-appearance: none; /* для отображение рамок на iOS */\n    background-color: transparent;\n\n    color: var(${tokens.inputColor});\n    caret-color: var(${tokens.inputCaretColor});\n\n    resize: ${({ resize }) => resize || 'none'};\n\n    --plasma_private-textarea-height: ${({ height }) =>\n        !Number.isNaN(Number(height)) ? `calc(${height}rem - 0.875rem)` : height || `var(${tokens.inputHeight})`};\n\n    --plasma_private-textarea-width: ${({ width }) =>\n        !Number.isNaN(Number(width)) ? `${width}rem` : width || `var(${tokens.inputWidth})`};\n\n    --plasma_private-textarea-computed-height: ${({ rows }) =>\n        rows ? 'unset' : 'var(--plasma_private-textarea-height)'};\n    --plasma_private-textarea-computed-width: ${({ cols }) =>\n        cols ? 'unset' : 'var(--plasma_private-textarea-width)'};\n\n    height: var(--plasma_private-textarea-computed-height);\n    width: var(--plasma_private-textarea-computed-width);\n\n    min-width: ${({ applyCustomWidth }) => (applyCustomWidth ? 'var(--plasma_private-textarea-width)' : 'auto')};\n    max-width: ${({ applyCustomWidth }) => (applyCustomWidth ? 'var(--plasma_private-textarea-width)' : 'auto')};\n\n    min-height: var(${tokens.inputMinHeight});\n\n    padding-right: ${({ hasContentRight }) =>\n        hasContentRight ? `var(${tokens.inputPaddingRightWithRightContent})` : `var(${tokens.inputPaddingRight})`};\n    padding-left: var(${tokens.inputPaddingLeft});\n    padding-top: 0;\n    padding-bottom: 0;\n\n    /* INFO: Высчитываем высоту блока с подсказками */\n    --plasma_private-textarea-helpers-computed-height: calc(\n        var(${tokens.helpersPaddingTop}) + var(${tokens.helpersPaddingBottom}) + var(${tokens.helpersLineHeight})\n    );\n\n    --plasma_private-textarea-input-with-helpers-height: calc(\n        var(--plasma_private-textarea-height) - var(--plasma_private-textarea-helpers-computed-height) +\n            var(${tokens.helpersOffset})\n    );\n    --plasma_private-textarea-input-without-helpers-height: calc(\n        var(--plasma_private-textarea-computed-height) - var(${tokens.inputPaddingBottom})\n    );\n\n    --plasma_private-textarea-input-actual-height: ${({ hasHelper, rows }) =>\n        hasHelper && !rows\n            ? 'var(--plasma_private-textarea-input-with-helpers-height)'\n            : 'var(--plasma_private-textarea-input-without-helpers-height)'};\n\n    height: var(--plasma_private-textarea-input-actual-height);\n\n    font-family: var(${tokens.inputFontFamily});\n    font-size: var(${tokens.inputFontSize});\n    font-style: var(${tokens.inputFontStyle});\n    font-weight: var(${tokens.inputFontWeight});\n    letter-spacing: var(${tokens.inputLetterSpacing});\n    line-height: var(${tokens.inputLineHeight});\n\n    &::placeholder {\n        opacity: 0;\n    }\n\n    &:read-only {\n        cursor: default;\n    }\n\n    &:focus:not(:disabled) {\n        color: var(${tokens.inputColorFocus});\n    }\n`;\n\nexport const StyledHelpers = styled.div`\n    box-sizing: border-box;\n    display: flex;\n    justify-content: space-between;\n\n    transition: background-color 0.1s ease-in-out;\n\n    background-color: var(${tokens.helpersBackgroundColor});\n\n    padding-top: var(${tokens.helpersPaddingTop});\n    padding-right: var(${tokens.helpersPaddingRight});\n    padding-bottom: var(${tokens.helpersPaddingBottom});\n    padding-left: var(${tokens.helpersPaddingLeft});\n\n    border-bottom-left-radius: var(${tokens.borderRadius});\n    border-bottom-right-radius: var(${tokens.borderRadius});\n`;\n\nexport const StyledLeftHelper = styled.span`\n    ${applyEllipsis()};\n\n    display: block;\n\n    font-family: var(${tokens.helpersFontFamily});\n    font-size: var(${tokens.helpersFontSize});\n    font-style: var(${tokens.helpersFontStyle});\n    font-weight: var(${tokens.helpersFontWeight});\n    letter-spacing: var(${tokens.helpersLetterSpacing});\n    line-height: var(${tokens.helpersLineHeight});\n\n    color: var(${tokens.leftHelperColor});\n`;\n\nexport const StyledRightHelper = styled(StyledLeftHelper)`\n    color: var(${tokens.rightHelperColor});\n    margin-left: auto;\n`;\n\nexport const StyledPlaceholder = styled.label<{\n    hasContentRight: boolean;\n}>`\n    box-sizing: border-box;\n    position: absolute;\n    pointer-events: none;\n    display: inline-flex;\n    align-items: center;\n\n    transition: all 0.1s ease-in-out;\n    transform-origin: top left;\n\n    color: var(${tokens.placeholderColor});\n\n    width: 100%;\n    height: auto;\n\n    top: var(${tokens.inputPaddingTop});\n    padding-left: var(${tokens.inputPaddingLeft});\n    padding-right: ${({ hasContentRight }) =>\n        hasContentRight ? `var(${tokens.inputPaddingRightWithRightContent})` : `var(${tokens.inputPaddingRight})`};\n\n    font-family: var(${tokens.inputFontFamily});\n    font-size: var(${tokens.inputFontSize});\n    font-style: var(${tokens.inputFontStyle});\n    font-weight: var(${tokens.inputFontWeight});\n    letter-spacing: var(${tokens.inputLetterSpacing});\n    line-height: var(${tokens.inputLineHeight});\n`;\n"],"names":["StyledLabel","styled","name","class","propsAsIs","_exp10","_ref","hasHelper","concat","tokens","inputPaddingBottomWithHelpers","inputPaddingBottom","_exp11","_ref2","borderRadiusWithHelpers","borderRadius","StyledTextAreaWrapper","vars","StyledContent","_exp15","_ref3","width","StyledContainer","_exp18","_ref4","resize","_exp19","_ref5","height","Number","isNaN","inputHeight","_exp20","_ref6","inputWidth","_exp21","_ref7","rows","_exp22","_ref8","cols","_exp24","_ref9","applyCustomWidth","_exp26","_ref10","hasContentRight","inputPaddingRightWithRightContent","inputPaddingRight","_exp33","_ref11","StyledTextArea","StyledHelpers","StyledLeftHelper","_exp56","StyledRightHelper","_exp61","_ref12","StyledPlaceholder"],"mappings":"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"}

package/es/components/TextArea/{TextArea.styles_wt773g.css → TextArea.styles_1bv40vw.css}

@@ -1,4 +1,4 @@
-.s1luq7vd{position:relative;display:inline-block;margin-bottom:var(--plasma-textarea-label-margin-bottom);font-family:var(--plasma-textarea-input-font-family);font-size:var(--plasma-textarea-input-font-size);font-style:var(--plasma-textarea-input-font-style);font-weight:var(--plasma-textarea-input-font-weight);-webkit-letter-spacing:var(--plasma-textarea-input-letter-spacing);-moz-letter-spacing:var(--plasma-textarea-input-letter-spacing);-ms-letter-spacing:var(--plasma-textarea-input-letter-spacing);letter-spacing:var(--plasma-textarea-input-letter-spacing);line-height:var(--plasma-textarea-input-line-height);}
+.s1luq7vd{margin-bottom:var(--plasma-textarea-label-margin-bottom);font-family:var(--plasma-textarea-input-font-family);font-size:var(--plasma-textarea-input-font-size);font-style:var(--plasma-textarea-input-font-style);font-weight:var(--plasma-textarea-input-font-weight);-webkit-letter-spacing:var(--plasma-textarea-input-letter-spacing);-moz-letter-spacing:var(--plasma-textarea-input-letter-spacing);-ms-letter-spacing:var(--plasma-textarea-input-letter-spacing);letter-spacing:var(--plasma-textarea-input-letter-spacing);line-height:var(--plasma-textarea-input-line-height);}
 .s1r1fvk8{background-color:var(--plasma-textarea-input-background-color);padding-top:var(--plasma-textarea-input-padding-top);padding-bottom:var(--s1r1fvk8-0);border-radius:var(--s1r1fvk8-1);}
 .surmvwq{position:absolute;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;bottom:0;z-index:1;top:var(--plasma-textarea-right-content-top);right:var(--plasma-textarea-right-content-right);height:var(--plasma-textarea-right-content-height);}
 .s18bd513{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:var(--s18bd513-0);position:relative;}
@@ -7,4 +7,3 @@
 .s18tpn65{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;font-family:var(--plasma-textarea-helpers-font-family);font-size:var(--plasma-textarea-helpers-font-size);font-style:var(--plasma-textarea-helpers-font-style);font-weight:var(--plasma-textarea-helpers-font-weight);-webkit-letter-spacing:var(--plasma-textarea-helpers-letter-spacing);-moz-letter-spacing:var(--plasma-textarea-helpers-letter-spacing);-ms-letter-spacing:var(--plasma-textarea-helpers-letter-spacing);letter-spacing:var(--plasma-textarea-helpers-letter-spacing);line-height:var(--plasma-textarea-helpers-line-height);color:var(--plasma-textarea-left-helper-color);}
 .s19sfsrt.s18tpn65{color:var(--plasma-textarea-right-helper-color);margin-left:auto;}
 .sfype23{box-sizing:border-box;position:absolute;pointer-events:none;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:all 0.1s ease-in-out;transition:all 0.1s ease-in-out;-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;color:var(--plasma-textarea-placeholder-color);width:100%;height:auto;top:var(--plasma-textarea-input-padding-top);padding-left:var(--plasma-textarea-input-padding-left);padding-right:var(--sfype23-0);font-family:var(--plasma-textarea-input-font-family);font-size:var(--plasma-textarea-input-font-size);font-style:var(--plasma-textarea-input-font-style);font-weight:var(--plasma-textarea-input-font-weight);-webkit-letter-spacing:var(--plasma-textarea-input-letter-spacing);-moz-letter-spacing:var(--plasma-textarea-input-letter-spacing);-ms-letter-spacing:var(--plasma-textarea-input-letter-spacing);letter-spacing:var(--plasma-textarea-input-letter-spacing);line-height:var(--plasma-textarea-input-line-height);}
-.s3wsw3p{position:absolute;border-radius:50%;background-color:var(--plasma-textarea-indicator-color);}.s3wsw3p.placement-outer{width:var(--plasma-textarea-indicator-size-outer);height:var(--plasma-textarea-indicator-size-outer);inset:var(--plasma-textarea-indicator-placement-outer);}.s3wsw3p.placement-outer.align-right{inset:var(--plasma-textarea-indicator-placement-outer-right);}.s3wsw3p.placement-inner{width:var(--plasma-textarea-indicator-size-inner);height:var(--plasma-textarea-indicator-size-inner);inset:var(--plasma-textarea-indicator-placement-inner);}.s3wsw3p.placement-inner.align-right{inset:var(--plasma-textarea-indicator-placement-inner-right);}

package/es/components/TextArea/TextArea.tokens.js

@@ -146,14 +146,7 @@ var tokens = {
   /** Прозрачность для всего компонента в состоянии disabled */
   disabledOpacity: '--plasma-textarea-disabled-opacity',
   /** Цвет текста для элемента textarea в состоянии disabled */
-  inputColorDisabled: '--plasma-textarea-input-color-disabled',
-  indicatorColor: '--plasma-textarea-indicator-color',
-  indicatorSizeInner: '--plasma-textarea-indicator-size-inner',
-  indicatorSizeOuter: '--plasma-textarea-indicator-size-outer',
-  indicatorLabelPlacementInner: '--plasma-textarea-indicator-placement-inner',
-  indicatorLabelPlacementOuter: '--plasma-textarea-indicator-placement-outer',
-  indicatorLabelPlacementInnerRight: '--plasma-textarea-indicator-placement-inner-right',
-  indicatorLabelPlacementOuterRight: '--plasma-textarea-indicator-placement-outer-right'
+  inputColorDisabled: '--plasma-textarea-input-color-disabled'
 };
 
 export { classes, tokens };

package/es/components/TextArea/TextArea.tokens.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextArea.tokens.js","sources":["../../../src/components/TextArea/TextArea.tokens.ts"],"sourcesContent":["export const classes = {\n    /** Класс отвечающий за поднятие и уменьшение плейсхолдера */\n    innerPlaceholderUp: 'inner-placeholder-up',\n    /** Класс отвечающий за изменение цвета плейсхолдера при фокусе */\n    focusedOuterPlaceholderColor: 'focused-outer-placeholder-color',\n    /** Класс отвечающий за скрытие плейсхолдера */\n    hidePlaceHolder: 'hide-placeholder',\n    /** Класс для компонента `StyledContainer` */\n    styledContainer: 'textarea-container',\n    /** Класс для компонента `StyledTextArea` */\n    styledTextArea: 'textarea',\n    /** Класс для компонента `StyledTextAreaWrapper` */\n    styledTextAreaWrapper: 'textarea-wrapper',\n    /** Класс для компонента `StyledPlaceholder` */\n    styledPlaceholder: 'textarea-placeholder',\n    /** Класс для компонента `StyledHelpers` */\n    styledHelpers: 'textarea-helpers',\n};\n\nexport const tokens = {\n    /** Цвет фона для элемента textarea */\n    inputBackgroundColor: '--plasma-textarea-input-background-color',\n    /** Цвет фона для элемента textarea в состоянии hover */\n    inputBackgroundColorHover: '--plasma-textarea-input-background-color-hover',\n    /** Цвет фона для элемента textarea в состоянии active */\n    inputBackgroundColorActive: '--plasma-textarea-input-background-color-active',\n    /** Цвет фона для элемента textarea в состоянии focus */\n    inputBackgroundColorFocus: '--plasma-textarea-input-background-color-focus',\n    /** Цвета границы для элемента textarea */\n    inputBorderColor: '--plasma-textarea-input-border-color',\n    /** Цвета границы для элемента textarea в состоянии hover */\n    inputBorderColorHover: '--plasma-textarea-input-border-color-hover',\n    /** Цвета границы для элемента textarea в состоянии active */\n    inputBorderColorActive: '--plasma-textarea-input-border-color-active',\n    /** Цвета границы для элемента textarea в состоянии focus */\n    inputBorderColorFocus: '--plasma-textarea-input-border-color-focus',\n    /** Цвет фона для блока подписей снизу */\n    helpersBackgroundColor: '--plasma-textarea-helpers-background-color',\n    /** Цвет фона для блока подписей снизу в состоянии hover */\n    helpersBackgroundColorHover: '--plasma-textarea-helpers-background-color-hover',\n    /** Цвет фона для блока подписей снизу в состоянии active */\n    helpersBackgroundColorActive: '--plasma-textarea-helpers-background-color-active',\n    /** Цвет фона для блока подписей снизу в состоянии focus */\n    helpersBackgroundColorFocus: '--plasma-textarea-helpers-background-color-focus',\n    /** Цвет текста для элемента textarea */\n    inputColor: '--plasma-textarea-input-color',\n    /** Цвет текста для элемента textarea в состоянии focus */\n    inputColorFocus: '--plasma-textarea-input-color-focus',\n    /** Цвет каретки для элемента textarea */\n    inputCaretColor: '--plasma-textarea-input-caret-color',\n    /** Цвет элемента placeholder */\n    placeholderColor: '--plasma-textarea-placeholder-color',\n    /** Цвет элемента placeholder в состоянии focus */\n    placeholderColorFocus: '--plasma-textarea-placeholder-color-focus',\n    /** Цвет текста для левой подписи снизу */\n    leftHelperColor: '--plasma-textarea-left-helper-color',\n    /** Цвет текста для правой подписи снизу */\n    rightHelperColor: '--plasma-textarea-right-helper-color',\n    /** Цвета границы для всего компонента */\n    borderColor: '--plasma-textarea-border-color',\n    /** Цвета границы для всего компонента в состоянии hover */\n    borderColorHover: '--plasma-textarea-border-color-hover',\n    /** Цвета границы для всего компонента в состоянии focus */\n    borderColorFocus: '--plasma-textarea-border-color-focus',\n\n    /** Ширина элемента textarea */\n    inputWidth: '--plasma-textarea-input-width',\n    /** Высота элемента textarea */\n    inputHeight: '--plasma-textarea-input-height',\n    /** Минимальная высота элемента textarea */\n    inputMinHeight: '--plasma-textarea-input-min-height',\n    /** Толщина рамки всего компонента */\n    borderSize: '--plasma-textarea-border-size',\n    /** Размер скругления рамки всего компонента */\n    borderRadius: '--plasma-textarea-border-radius',\n    /** Размер скругления рамки всего компонента, когда есть блок подписей и у него нет рамки */\n    borderRadiusWithHelpers: '--plasma-textarea-border-radius-with-helpers',\n    /** Отступ сверху для элемента textarea */\n    inputPaddingTop: '--plasma-textarea-input-padding-top',\n    /** Отступ справа для элемента textarea */\n    inputPaddingRight: '--plasma-textarea-input-padding-right',\n    /** Отступ справа для элемента textarea, когда есть контент справа */\n    inputPaddingRightWithRightContent: '--plasma-textarea-input-padding-right-with-right-content',\n    /** Отступ снизу для элемента textarea */\n    inputPaddingBottom: '--plasma-textarea-input-padding-bottom',\n    /** Отступ снизу для элемента textarea, когда есть блок подписей */\n    inputPaddingBottomWithHelpers: '--plasma-textarea-input-padding-bottom-with-helpers',\n    /** Отступ слева для элемента textarea */\n    inputPaddingLeft: '--plasma-textarea-input-padding-left',\n    /** Отступ сверху для блока подписей */\n    helpersPaddingTop: '--plasma-textarea-helpers-padding-top',\n    /** Отступ справа для блока подписей */\n    helpersPaddingRight: '--plasma-textarea-helpers-padding-right',\n    /** Отступ снизу для блока подписей */\n    helpersPaddingBottom: '--plasma-textarea-helpers-padding-bottom',\n    /** Отступ слева для блока подписей */\n    helpersPaddingLeft: '--plasma-textarea-helpers-padding-left',\n    /** Вспомогательная высота для всего компонента, когда есть блок подписей и у него нет рамки */\n    helpersOffset: '--plasma-textarea-helpers-offset',\n    /** Отступ сверху для контента справа */\n    rightContentTop: '--plasma-textarea-right-content-top',\n    /** Отступ справа для контента справа */\n    rightContentRight: '--plasma-textarea-right-content-right',\n    /** Высота контента справа */\n    rightContentHeight: '--plasma-textarea-right-content-height',\n    /** Отступ сверху для элемента label, когда он внутри и уменьшен */\n    labelMarginBottom: '--plasma-textarea-label-margin-bottom',\n    /** Шрифт для элемента label, когда он внутри и уменьшен */\n    labelInnerFontFamily: '--plasma-textarea-label-inner-font-family',\n    /** Размер шрифта для элемента label, когда он внутри и уменьшен */\n    labelInnerFontSize: '--plasma-textarea-label-inner-font-size',\n    /** Стиль шрифта для элемента label, когда он внутри и уменьшен */\n    labelInnerFontStyle: '--plasma-textarea-label-inner-font-style',\n    /** Начертание шрифта для элемента label, когда он внутри и уменьшен */\n    labelInnerFontWeight: '--plasma-textarea-label-inner-font-weight',\n    /** Межсимвольное расстояние для элемента label, когда он внутри и уменьшен */\n    labelInnerLetterSpacing: '--plasma-textarea-label-inner-letter-spacing',\n    /** Высота строки для элемента label, когда он внутри и уменьшен */\n    labelInnerLineHeight: '--plasma-textarea-label-inner-line-height',\n    /** Отступ сверху для элемента textarea при фокусе */\n    labelInnerTop: '--plasma-textarea-label-inner-top',\n    /** Отступ между Label и TextArea */\n    labelInnerMarginBottom: '--plasma-textarea-label-inner-margin-bottom',\n    /** Шрифт для элемента textarea */\n    inputFontFamily: '--plasma-textarea-input-font-family',\n    /** Размер шрифта для элемента textarea */\n    inputFontSize: '--plasma-textarea-input-font-size',\n    /** Стиль шрифта для элемента textarea */\n    inputFontStyle: '--plasma-textarea-input-font-style',\n    /** Начертание шрифта для элемента textarea */\n    inputFontWeight: '--plasma-textarea-input-font-weight',\n    /** Межсимвольное расстояние шрифта для элемента textarea */\n    inputLetterSpacing: '--plasma-textarea-input-letter-spacing',\n    /** Высота строки шрифта для элемента textarea */\n    inputLineHeight: '--plasma-textarea-input-line-height',\n    /** Шрифт для элемента блока подписей снизу */\n    helpersFontFamily: '--plasma-textarea-helpers-font-family',\n    /** Размер шрифта для элемента блока подписей снизу */\n    helpersFontSize: '--plasma-textarea-helpers-font-size',\n    /** Стиль шрифта для элемента блока подписей снизу */\n    helpersFontStyle: '--plasma-textarea-helpers-font-style',\n    /** Начертание шрифта для элемента блока подписей снизу */\n    helpersFontWeight: '--plasma-textarea-helpers-font-weight',\n    /** Межсимвольное расстояние для элемента блока подписей снизу */\n    helpersLetterSpacing: '--plasma-textarea-helpers-letter-spacing',\n    /** Высота строки для элемента блока подписей снизу */\n    helpersLineHeight: '--plasma-textarea-helpers-line-height',\n\n    /** Прозрачность для всего компонента в состоянии disabled */\n    disabledOpacity: '--plasma-textarea-disabled-opacity',\n    /** Цвет текста для элемента textarea в состоянии disabled */\n    inputColorDisabled: '--plasma-textarea-input-color-disabled',\n\n    indicatorColor: '--plasma-textarea-indicator-color',\n    indicatorSizeInner: '--plasma-textarea-indicator-size-inner',\n    indicatorSizeOuter: '--plasma-textarea-indicator-size-outer',\n    indicatorLabelPlacementInner: '--plasma-textarea-indicator-placement-inner',\n    indicatorLabelPlacementOuter: '--plasma-textarea-indicator-placement-outer',\n    indicatorLabelPlacementInnerRight: '--plasma-textarea-indicator-placement-inner-right',\n    indicatorLabelPlacementOuterRight: '--plasma-textarea-indicator-placement-outer-right',\n};\n"],"names":["classes","innerPlaceholderUp","focusedOuterPlaceholderColor","hidePlaceHolder","styledContainer","styledTextArea","styledTextAreaWrapper","styledPlaceholder","styledHelpers","tokens","inputBackgroundColor","inputBackgroundColorHover","inputBackgroundColorActive","inputBackgroundColorFocus","inputBorderColor","inputBorderColorHover","inputBorderColorActive","inputBorderColorFocus","helpersBackgroundColor","helpersBackgroundColorHover","helpersBackgroundColorActive","helpersBackgroundColorFocus","inputColor","inputColorFocus","inputCaretColor","placeholderColor","placeholderColorFocus","leftHelperColor","rightHelperColor","borderColor","borderColorHover","borderColorFocus","inputWidth","inputHeight","inputMinHeight","borderSize","borderRadius","borderRadiusWithHelpers","inputPaddingTop","inputPaddingRight","inputPaddingRightWithRightContent","inputPaddingBottom","inputPaddingBottomWithHelpers","inputPaddingLeft","helpersPaddingTop","helpersPaddingRight","helpersPaddingBottom","helpersPaddingLeft","helpersOffset","rightContentTop","rightContentRight","rightContentHeight","labelMarginBottom","labelInnerFontFamily","labelInnerFontSize","labelInnerFontStyle","labelInnerFontWeight","labelInnerLetterSpacing","labelInnerLineHeight","labelInnerTop","labelInnerMarginBottom","inputFontFamily","inputFontSize","inputFontStyle","inputFontWeight","inputLetterSpacing","inputLineHeight","helpersFontFamily","helpersFontSize","helpersFontStyle","helpersFontWeight","helpersLetterSpacing","helpersLineHeight","disabledOpacity","inputColorDisabled","indicatorColor","indicatorSizeInner","indicatorSizeOuter","indicatorLabelPlacementInner","indicatorLabelPlacementOuter","indicatorLabelPlacementInnerRight","indicatorLabelPlacementOuterRight"],"mappings":"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"}
+{"version":3,"file":"TextArea.tokens.js","sources":["../../../src/components/TextArea/TextArea.tokens.ts"],"sourcesContent":["export const classes = {\n    /** Класс отвечающий за поднятие и уменьшение плейсхолдера */\n    innerPlaceholderUp: 'inner-placeholder-up',\n    /** Класс отвечающий за изменение цвета плейсхолдера при фокусе */\n    focusedOuterPlaceholderColor: 'focused-outer-placeholder-color',\n    /** Класс отвечающий за скрытие плейсхолдера */\n    hidePlaceHolder: 'hide-placeholder',\n    /** Класс для компонента `StyledContainer` */\n    styledContainer: 'textarea-container',\n    /** Класс для компонента `StyledTextArea` */\n    styledTextArea: 'textarea',\n    /** Класс для компонента `StyledTextAreaWrapper` */\n    styledTextAreaWrapper: 'textarea-wrapper',\n    /** Класс для компонента `StyledPlaceholder` */\n    styledPlaceholder: 'textarea-placeholder',\n    /** Класс для компонента `StyledHelpers` */\n    styledHelpers: 'textarea-helpers',\n};\n\nexport const tokens = {\n    /** Цвет фона для элемента textarea */\n    inputBackgroundColor: '--plasma-textarea-input-background-color',\n    /** Цвет фона для элемента textarea в состоянии hover */\n    inputBackgroundColorHover: '--plasma-textarea-input-background-color-hover',\n    /** Цвет фона для элемента textarea в состоянии active */\n    inputBackgroundColorActive: '--plasma-textarea-input-background-color-active',\n    /** Цвет фона для элемента textarea в состоянии focus */\n    inputBackgroundColorFocus: '--plasma-textarea-input-background-color-focus',\n    /** Цвета границы для элемента textarea */\n    inputBorderColor: '--plasma-textarea-input-border-color',\n    /** Цвета границы для элемента textarea в состоянии hover */\n    inputBorderColorHover: '--plasma-textarea-input-border-color-hover',\n    /** Цвета границы для элемента textarea в состоянии active */\n    inputBorderColorActive: '--plasma-textarea-input-border-color-active',\n    /** Цвета границы для элемента textarea в состоянии focus */\n    inputBorderColorFocus: '--plasma-textarea-input-border-color-focus',\n    /** Цвет фона для блока подписей снизу */\n    helpersBackgroundColor: '--plasma-textarea-helpers-background-color',\n    /** Цвет фона для блока подписей снизу в состоянии hover */\n    helpersBackgroundColorHover: '--plasma-textarea-helpers-background-color-hover',\n    /** Цвет фона для блока подписей снизу в состоянии active */\n    helpersBackgroundColorActive: '--plasma-textarea-helpers-background-color-active',\n    /** Цвет фона для блока подписей снизу в состоянии focus */\n    helpersBackgroundColorFocus: '--plasma-textarea-helpers-background-color-focus',\n    /** Цвет текста для элемента textarea */\n    inputColor: '--plasma-textarea-input-color',\n    /** Цвет текста для элемента textarea в состоянии focus */\n    inputColorFocus: '--plasma-textarea-input-color-focus',\n    /** Цвет каретки для элемента textarea */\n    inputCaretColor: '--plasma-textarea-input-caret-color',\n    /** Цвет элемента placeholder */\n    placeholderColor: '--plasma-textarea-placeholder-color',\n    /** Цвет элемента placeholder в состоянии focus */\n    placeholderColorFocus: '--plasma-textarea-placeholder-color-focus',\n    /** Цвет текста для левой подписи снизу */\n    leftHelperColor: '--plasma-textarea-left-helper-color',\n    /** Цвет текста для правой подписи снизу */\n    rightHelperColor: '--plasma-textarea-right-helper-color',\n    /** Цвета границы для всего компонента */\n    borderColor: '--plasma-textarea-border-color',\n    /** Цвета границы для всего компонента в состоянии hover */\n    borderColorHover: '--plasma-textarea-border-color-hover',\n    /** Цвета границы для всего компонента в состоянии focus */\n    borderColorFocus: '--plasma-textarea-border-color-focus',\n\n    /** Ширина элемента textarea */\n    inputWidth: '--plasma-textarea-input-width',\n    /** Высота элемента textarea */\n    inputHeight: '--plasma-textarea-input-height',\n    /** Минимальная высота элемента textarea */\n    inputMinHeight: '--plasma-textarea-input-min-height',\n    /** Толщина рамки всего компонента */\n    borderSize: '--plasma-textarea-border-size',\n    /** Размер скругления рамки всего компонента */\n    borderRadius: '--plasma-textarea-border-radius',\n    /** Размер скругления рамки всего компонента, когда есть блок подписей и у него нет рамки */\n    borderRadiusWithHelpers: '--plasma-textarea-border-radius-with-helpers',\n    /** Отступ сверху для элемента textarea */\n    inputPaddingTop: '--plasma-textarea-input-padding-top',\n    /** Отступ справа для элемента textarea */\n    inputPaddingRight: '--plasma-textarea-input-padding-right',\n    /** Отступ справа для элемента textarea, когда есть контент справа */\n    inputPaddingRightWithRightContent: '--plasma-textarea-input-padding-right-with-right-content',\n    /** Отступ снизу для элемента textarea */\n    inputPaddingBottom: '--plasma-textarea-input-padding-bottom',\n    /** Отступ снизу для элемента textarea, когда есть блок подписей */\n    inputPaddingBottomWithHelpers: '--plasma-textarea-input-padding-bottom-with-helpers',\n    /** Отступ слева для элемента textarea */\n    inputPaddingLeft: '--plasma-textarea-input-padding-left',\n    /** Отступ сверху для блока подписей */\n    helpersPaddingTop: '--plasma-textarea-helpers-padding-top',\n    /** Отступ справа для блока подписей */\n    helpersPaddingRight: '--plasma-textarea-helpers-padding-right',\n    /** Отступ снизу для блока подписей */\n    helpersPaddingBottom: '--plasma-textarea-helpers-padding-bottom',\n    /** Отступ слева для блока подписей */\n    helpersPaddingLeft: '--plasma-textarea-helpers-padding-left',\n    /** Вспомогательная высота для всего компонента, когда есть блок подписей и у него нет рамки */\n    helpersOffset: '--plasma-textarea-helpers-offset',\n    /** Отступ сверху для контента справа */\n    rightContentTop: '--plasma-textarea-right-content-top',\n    /** Отступ справа для контента справа */\n    rightContentRight: '--plasma-textarea-right-content-right',\n    /** Высота контента справа */\n    rightContentHeight: '--plasma-textarea-right-content-height',\n    /** Отступ сверху для элемента label, когда он внутри и уменьшен */\n    labelMarginBottom: '--plasma-textarea-label-margin-bottom',\n    /** Шрифт для элемента label, когда он внутри и уменьшен */\n    labelInnerFontFamily: '--plasma-textarea-label-inner-font-family',\n    /** Размер шрифта для элемента label, когда он внутри и уменьшен */\n    labelInnerFontSize: '--plasma-textarea-label-inner-font-size',\n    /** Стиль шрифта для элемента label, когда он внутри и уменьшен */\n    labelInnerFontStyle: '--plasma-textarea-label-inner-font-style',\n    /** Начертание шрифта для элемента label, когда он внутри и уменьшен */\n    labelInnerFontWeight: '--plasma-textarea-label-inner-font-weight',\n    /** Межсимвольное расстояние для элемента label, когда он внутри и уменьшен */\n    labelInnerLetterSpacing: '--plasma-textarea-label-inner-letter-spacing',\n    /** Высота строки для элемента label, когда он внутри и уменьшен */\n    labelInnerLineHeight: '--plasma-textarea-label-inner-line-height',\n    /** Отступ сверху для элемента textarea при фокусе */\n    labelInnerTop: '--plasma-textarea-label-inner-top',\n    /** Отступ между Label и TextArea */\n    labelInnerMarginBottom: '--plasma-textarea-label-inner-margin-bottom',\n    /** Шрифт для элемента textarea */\n    inputFontFamily: '--plasma-textarea-input-font-family',\n    /** Размер шрифта для элемента textarea */\n    inputFontSize: '--plasma-textarea-input-font-size',\n    /** Стиль шрифта для элемента textarea */\n    inputFontStyle: '--plasma-textarea-input-font-style',\n    /** Начертание шрифта для элемента textarea */\n    inputFontWeight: '--plasma-textarea-input-font-weight',\n    /** Межсимвольное расстояние шрифта для элемента textarea */\n    inputLetterSpacing: '--plasma-textarea-input-letter-spacing',\n    /** Высота строки шрифта для элемента textarea */\n    inputLineHeight: '--plasma-textarea-input-line-height',\n    /** Шрифт для элемента блока подписей снизу */\n    helpersFontFamily: '--plasma-textarea-helpers-font-family',\n    /** Размер шрифта для элемента блока подписей снизу */\n    helpersFontSize: '--plasma-textarea-helpers-font-size',\n    /** Стиль шрифта для элемента блока подписей снизу */\n    helpersFontStyle: '--plasma-textarea-helpers-font-style',\n    /** Начертание шрифта для элемента блока подписей снизу */\n    helpersFontWeight: '--plasma-textarea-helpers-font-weight',\n    /** Межсимвольное расстояние для элемента блока подписей снизу */\n    helpersLetterSpacing: '--plasma-textarea-helpers-letter-spacing',\n    /** Высота строки для элемента блока подписей снизу */\n    helpersLineHeight: '--plasma-textarea-helpers-line-height',\n\n    /** Прозрачность для всего компонента в состоянии disabled */\n    disabledOpacity: '--plasma-textarea-disabled-opacity',\n    /** Цвет текста для элемента textarea в состоянии disabled */\n    inputColorDisabled: '--plasma-textarea-input-color-disabled',\n};\n"],"names":["classes","innerPlaceholderUp","focusedOuterPlaceholderColor","hidePlaceHolder","styledContainer","styledTextArea","styledTextAreaWrapper","styledPlaceholder","styledHelpers","tokens","inputBackgroundColor","inputBackgroundColorHover","inputBackgroundColorActive","inputBackgroundColorFocus","inputBorderColor","inputBorderColorHover","inputBorderColorActive","inputBorderColorFocus","helpersBackgroundColor","helpersBackgroundColorHover","helpersBackgroundColorActive","helpersBackgroundColorFocus","inputColor","inputColorFocus","inputCaretColor","placeholderColor","placeholderColorFocus","leftHelperColor","rightHelperColor","borderColor","borderColorHover","borderColorFocus","inputWidth","inputHeight","inputMinHeight","borderSize","borderRadius","borderRadiusWithHelpers","inputPaddingTop","inputPaddingRight","inputPaddingRightWithRightContent","inputPaddingBottom","inputPaddingBottomWithHelpers","inputPaddingLeft","helpersPaddingTop","helpersPaddingRight","helpersPaddingBottom","helpersPaddingLeft","helpersOffset","rightContentTop","rightContentRight","rightContentHeight","labelMarginBottom","labelInnerFontFamily","labelInnerFontSize","labelInnerFontStyle","labelInnerFontWeight","labelInnerLetterSpacing","labelInnerLineHeight","labelInnerTop","labelInnerMarginBottom","inputFontFamily","inputFontSize","inputFontStyle","inputFontWeight","inputLetterSpacing","inputLineHeight","helpersFontFamily","helpersFontSize","helpersFontStyle","helpersFontWeight","helpersLetterSpacing","helpersLineHeight","disabledOpacity","inputColorDisabled"],"mappings":"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"}

package/es/components/TextField/TextField.js

@@ -1,4 +1,4 @@
-import './TextField_1lzb2r1.css';
+import './TextField_wctd2m.css';
 import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React, { forwardRef, useRef, useState, useEffect } from 'react';
 import { useForkRef, safeUseId } from '@salutejs/plasma-core';
@@ -7,14 +7,13 @@ import { base as base$2 } from './variations/_size/base.js';
 import { base as base$1 } from './variations/_view/base.js';
 import { base as base$3 } from './variations/_disabled/base.js';
 import { base as base$4 } from './variations/_read-only/base.js';
-import { base as base$5 } from './variations/_required/base.js';
-import { base as base$6 } from './variations/_label-placement/base.js';
-import { Label, StyledIndicator, InputWrapper, StyledContentLeft, InputLabelWrapper, StyledTextBefore, StyledChips, Input, StyledTextAfter, StyledContentRight, LeftHelper } from './TextField.styles.js';
+import { base as base$5 } from './variations/_label-placement/base.js';
+import { Label, InputWrapper, StyledContentLeft, InputLabelWrapper, StyledTextBefore, StyledChips, Input, StyledTextAfter, StyledContentRight, LeftHelper } from './TextField.styles.js';
 import { classes } from './TextField.tokens.js';
 import { TextFieldChip } from './ui/TextFieldChip/TextFieldChip.js';
 import { useKeyNavigation } from './hooks/useKeyNavigation.js';
 
-var _excluded = ["id", "className", "style", "contentLeft", "contentRight", "label", "labelPlacement", "textBefore", "textAfter", "placeholder", "leftHelper", "enumerationType", "requiredAlign", "view", "size", "readOnly", "disabled", "required", "chips", "onChange", "onChangeChips", "onSearch", "onKeyDown"];
+var _excluded = ["id", "className", "style", "contentLeft", "contentRight", "label", "labelPlacement", "textBefore", "textAfter", "placeholder", "leftHelper", "enumerationType", "view", "size", "readOnly", "disabled", "chips", "onChange", "onChangeChips", "onSearch", "onKeyDown"];
 var base = "bpunezx";
 var textFieldRoot = function textFieldRoot(Root) {
   return /*#__PURE__*/forwardRef(function (_ref, ref) {
@@ -31,16 +30,12 @@ var textFieldRoot = function textFieldRoot(Root) {
       leftHelper = _ref.leftHelper,
       _ref$enumerationType = _ref.enumerationType,
       enumerationType = _ref$enumerationType === void 0 ? 'plain' : _ref$enumerationType,
-      _ref$requiredAlign = _ref.requiredAlign,
-      requiredAlign = _ref$requiredAlign === void 0 ? 'left' : _ref$requiredAlign,
       view = _ref.view,
       size = _ref.size,
       _ref$readOnly = _ref.readOnly,
       readOnly = _ref$readOnly === void 0 ? false : _ref$readOnly,
       _ref$disabled = _ref.disabled,
       disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-      _ref$required = _ref.required,
-      required = _ref$required === void 0 ? false : _ref$required,
       values = _ref.chips,
       onChange = _ref.onChange,
       onChangeChips = _ref.onChangeChips,
@@ -70,8 +65,6 @@ var textFieldRoot = function textFieldRoot(Root) {
     var innerLabelPlacementValue = hideLabel ? 'outer' : labelPlacement;
     var innerPlaceholderValue = hideLabel ? label : placeholder;
     var innerLabelValue = hideLabel ? undefined : label;
-    var hasOuterLabel = Boolean(!labelInside && innerLabelValue);
-    var requiredAlignClass = requiredAlign === 'right' ? 'align-right ' : undefined;
     var hideLabelClass = hideLabel && label ? classes.hideLabel : undefined;
     var labelPlacementClass = classes["".concat(labelPlacement, "LabelPlacement")];
     var isChipsVisible = isChipEnumeration && (chips === null || chips === void 0 ? void 0 : chips.length);
@@ -147,22 +140,17 @@ var textFieldRoot = function textFieldRoot(Root) {
       view: view,
       size: size,
       disabled: disabled,
-      required: required,
       readOnly: !disabled && readOnly,
       labelPlacement: innerLabelPlacementValue,
       onClick: handleInputFocus,
       className: cx(labelPlacementClass, hideLabelClass, className),
       style: style
-    }, hasOuterLabel && /*#__PURE__*/React.createElement(Label, {
+    }, labelInside || innerLabelValue && /*#__PURE__*/React.createElement(Label, {
       id: labelId,
       htmlFor: id
-    }, required && /*#__PURE__*/React.createElement(StyledIndicator, {
-      className: cx('placement-outer', requiredAlignClass)
-    }), innerLabelValue), /*#__PURE__*/React.createElement(InputWrapper, {
+    }, innerLabelValue), /*#__PURE__*/React.createElement(InputWrapper, {
       className: cx(withHasChips, wrapperWithoutLeftContent, wrapperWithoutRightContent)
-    }, !hasOuterLabel && required && /*#__PURE__*/React.createElement(StyledIndicator, {
-      className: cx('placement-inner', requiredAlignClass)
-    }), contentLeft && /*#__PURE__*/React.createElement(StyledContentLeft, null, contentLeft), /*#__PURE__*/React.createElement(InputLabelWrapper, {
+    }, contentLeft && /*#__PURE__*/React.createElement(StyledContentLeft, null, contentLeft), /*#__PURE__*/React.createElement(InputLabelWrapper, {
       tabIndex: -1,
       ref: contentRef,
       onKeyDown: handleContentKeyDown,
@@ -226,12 +214,8 @@ var textFieldConfig = {
       css: base$4,
       attrs: true
     },
-    required: {
-      css: base$5,
-      attrs: true
-    },
     labelPlacement: {
-      css: base$6
+      css: base$5
     }
   },
   defaults: {