@salutejs/plasma-new-hope 0.345.0-canary.2416.20569157442.0 → 0.345.0-canary.2423.20958341938.0

package/dist/styled-components/es/components/TextArea/TextArea.tokens.js

@@ -20,120 +20,97 @@ export var classes = {
     leftHelperFocus: 'textarea-left-helper-focus'
 };
 export var tokens = {
-    /** Цвет фона для всего компонента */ backgroundColor: '--plasma-textarea-background-color',
-    /** Цвет фона для всего компонента в состоянии hover */ backgroundColorHover: '--plasma-textarea-background-color-hover',
-    /** Цвет фона для всего компонента в состоянии active */ backgroundColorActive: '--plasma-textarea-background-color-active',
-    /** Цвет фона для всего компонента в состоянии focus */ backgroundColorFocus: '--plasma-textarea-background-color-focus',
-    /** Цвет фона для элемента textarea */ inputBackgroundColor: '--plasma-textarea-input-background-color',
-    /** Цвет фона для элемента textarea в состоянии hover */ inputBackgroundColorHover: '--plasma-textarea-input-background-color-hover',
-    /** Цвет фона для элемента textarea в состоянии active */ inputBackgroundColorActive: '--plasma-textarea-input-background-color-active',
-    /** Цвет фона для элемента textarea в состоянии focus */ inputBackgroundColorFocus: '--plasma-textarea-input-background-color-focus',
-    /** Цвета границы для элемента textarea */ inputBorderColor: '--plasma-textarea-input-border-color',
-    /** Цвета границы для элемента textarea в состоянии hover */ inputBorderColorHover: '--plasma-textarea-input-border-color-hover',
-    /** Цвета границы для элемента textarea в состоянии active */ inputBorderColorActive: '--plasma-textarea-input-border-color-active',
-    /** Цвета границы для элемента textarea в состоянии focus */ inputBorderColorFocus: '--plasma-textarea-input-border-color-focus',
-    /** Цвет фона для блока подписей снизу */ helpersBackgroundColor: '--plasma-textarea-helpers-background-color',
-    /** Цвет фона для блока подписей снизу в состоянии hover */ helpersBackgroundColorHover: '--plasma-textarea-helpers-background-color-hover',
-    /** Цвет фона для блока подписей снизу в состоянии active */ helpersBackgroundColorActive: '--plasma-textarea-helpers-background-color-active',
-    /** Цвет фона для блока подписей снизу в состоянии focus */ helpersBackgroundColorFocus: '--plasma-textarea-helpers-background-color-focus',
-    /** Цвет текста для элемента textarea */ inputColor: '--plasma-textarea-input-color',
-    clearInputColor: '--plasma-textarea-input-clear-color',
-    inputColorReadOnly: '--plasma-textarea-input-color-read-only',
+    backgroundColor: '--plasma-textarea-background-color',
+    backgroundColorHover: '--plasma-textarea-background-color-hover',
+    backgroundColorActive: '--plasma-textarea-background-color-active',
+    backgroundColorFocus: '--plasma-textarea-background-color-focus',
+    inputBackgroundColor: '--plasma-textarea-input-background-color',
+    inputBackgroundColorHover: '--plasma-textarea-input-background-color-hover',
+    inputBackgroundColorActive: '--plasma-textarea-input-background-color-active',
+    inputBackgroundColorFocus: '--plasma-textarea-input-background-color-focus',
+    inputBorderColor: '--plasma-textarea-input-border-color',
+    inputBorderColorHover: '--plasma-textarea-input-border-color-hover',
+    inputBorderColorActive: '--plasma-textarea-input-border-color-active',
+    inputBorderColorFocus: '--plasma-textarea-input-border-color-focus',
+    helpersBackgroundColor: '--plasma-textarea-helpers-background-color',
+    helpersBackgroundColorHover: '--plasma-textarea-helpers-background-color-hover',
+    helpersBackgroundColorActive: '--plasma-textarea-helpers-background-color-active',
+    helpersBackgroundColorFocus: '--plasma-textarea-helpers-background-color-focus',
+    inputColor: '--plasma-textarea-input-color',
+    inputColorFocus: '--plasma-textarea-input-color-focus',
+    /** Цвет каретки */ inputCaretColor: '--plasma-textarea-input-caret-color',
+    placeholderColor: '--plasma-textarea-placeholder-color',
+    placeholderColorFocus: '--plasma-textarea-placeholder-color-focus',
+    optionalColor: '--plasma-textarea__optional-color',
+    leftHelperColor: '--plasma-textarea-left-helper-color',
+    leftHelperColorFocus: '--plasma-textarea-left-helper-color-focus',
+    rightHelperColor: '--plasma-textarea-right-helper-color',
+    /** Цвета для read-only состояния */ inputColorReadOnly: '--plasma-textarea-input-color-read-only',
     backgroundColorReadOnly: '--plasma-textarea-background-color-read-only',
-    readOnlyOpacity: '--plasma-textarea-read-only-opacity',
-    /** Цвет текста для элемента textarea в состоянии focus */ inputColorFocus: '--plasma-textarea-input-color-focus',
-    /** Цвет каретки для элемента textarea */ inputCaretColor: '--plasma-textarea-input-caret-color',
-    /** Цвет элемента placeholder */ placeholderColor: '--plasma-textarea-placeholder-color',
-    clearPlaceholderColor: '--plasma-textarea-clear-placeholder-color',
-    /** Цвет элемента placeholder в состоянии focus */ placeholderColorFocus: '--plasma-textarea-placeholder-color-focus',
-    clearPlaceholderColorFocus: '--plasma-textarea-clear-placeholder-color-focus',
-    /** Цвет элемента optional */ optionalColor: '--plasma-textarea__optional-color',
-    /** Цвет текста для левой подписи снизу */ leftHelperColor: '--plasma-textarea-left-helper-color',
-    /** Цвет текста для левой подписи снизу в состоянии focus */ leftHelperColorFocus: '--plasma-textarea-left-helper-color-focus',
-    /** Цвет текста для правой подписи снизу */ rightHelperColor: '--plasma-textarea-right-helper-color',
-    /** Цвета границы для всего компонента */ borderColor: '--plasma-textarea-border-color',
     borderColorReadOnly: '--plasma-textarea-border-color-readonly',
-    /** Цвета границы для всего компонента в состоянии hover */ borderColorHover: '--plasma-textarea-border-color-hover',
-    /** Цвета границы для всего компонента в состоянии focus */ borderColorFocus: '--plasma-textarea-border-color-focus',
-    /** Ширина элемента textarea */ inputWidth: '--plasma-textarea-input-width',
-    /** Высота элемента textarea */ inputHeight: '--plasma-textarea-input-height',
-    /** Минимальная высота элемента textarea */ inputMinHeight: '--plasma-textarea-input-min-height',
-    /** Толщина рамки всего компонента */ borderSize: '--plasma-textarea-border-size',
-    /** Размер скругления рамки всего компонента */ borderRadius: '--plasma-textarea-border-radius',
-    /** Размер скругления рамки всего компонента, когда есть блок подписей и у него нет рамки */ borderRadiusWithHelpers: '--plasma-textarea-border-radius-with-helpers',
-    /** Отступ сверху для элемента textarea */ inputPaddingTop: '--plasma-textarea-input-padding-top',
-    /** Отступ справа для элемента textarea */ inputPaddingRight: '--plasma-textarea-input-padding-right',
-    /** Отступ справа для элемента textarea, когда есть контент справа */ inputPaddingRightWithRightContent: '--plasma-textarea-input-padding-right-with-right-content',
-    clearInputPaddingRightWithRightContent: '--plasma-textarea-clear-input-padding-right-with-right-content',
-    /** Отступ снизу для элемента textarea */ inputPaddingBottom: '--plasma-textarea-input-padding-bottom',
-    /** Отступ снизу для элемента textarea, когда есть блок подписей */ inputPaddingBottomWithHelpers: '--plasma-textarea-input-padding-bottom-with-helpers',
-    /** Отступ слева для элемента textarea */ inputPaddingLeft: '--plasma-textarea-input-padding-left',
-    /** Отступ сверху для блока подписей */ helpersPaddingTop: '--plasma-textarea-helpers-padding-top',
-    clearHelpersPaddingTop: '--plasma-textarea-clear-helpers-padding-top',
-    /** Отступ справа для блока подписей */ helpersPaddingRight: '--plasma-textarea-helpers-padding-right',
-    /** Отступ снизу для блока подписей */ helpersPaddingBottom: '--plasma-textarea-helpers-padding-bottom',
-    /** Отступ слева для блока подписей */ helpersPaddingLeft: '--plasma-textarea-helpers-padding-left',
-    /** Вспомогательная высота для всего компонента, когда есть блок подписей и у него нет рамки */ helpersOffset: '--plasma-textarea-helpers-offset',
-    /** Отступ сверху для контента справа */ rightContentTop: '--plasma-textarea-right-content-top',
-    /** Отступ справа для контента справа */ rightContentRight: '--plasma-textarea-right-content-right',
-    /** Высота контента справа */ rightContentHeight: '--plasma-textarea-right-content-height',
-    /** Шрифт для элемента label, когда он внутри и уменьшен */ labelOuterColor: '--plasma-textarea-label-outer-color',
-    /** Шрифт для элемента label, когда он внутри и уменьшен */ labelOuterFontFamily: '--plasma-textarea-label-outer-font-family',
-    /** Размер шрифта для элемента label, когда он внутри и уменьшен */ labelOuterFontSize: '--plasma-textarea-label-outer-font-size',
-    /** Стиль шрифта для элемента label, когда он внутри и уменьшен */ labelOuterFontStyle: '--plasma-textarea-label-outer-font-style',
-    /** Начертание шрифта для элемента label, когда он внутри и уменьшен */ labelOuterFontWeight: '--plasma-textarea-label-outer-font-weight',
-    /** Межсимвольное расстояние для элемента label, когда он внутри и уменьшен */ labelOuterLetterSpacing: '--plasma-textarea-label-outer-letter-spacing',
-    /** Высота строки для элемента label, когда он внутри и уменьшен */ labelOuterLineHeight: '--plasma-textarea-label-outer-line-height',
-    /** Отступ сверху для элемента label, когда он внутри и уменьшен */ labelMarginBottom: '--plasma-textarea-label-margin-bottom',
-    clearLabelMarginBottom: '--plasma-textarea-clear-label-margin-bottom',
-    /** Шрифт для элемента label, когда он внутри и уменьшен */ labelInnerFontFamily: '--plasma-textarea-label-inner-font-family',
-    /** Размер шрифта для элемента label, когда он внутри и уменьшен */ labelInnerFontSize: '--plasma-textarea-label-inner-font-size',
-    /** Стиль шрифта для элемента label, когда он внутри и уменьшен */ labelInnerFontStyle: '--plasma-textarea-label-inner-font-style',
-    /** Начертание шрифта для элемента label, когда он внутри и уменьшен */ labelInnerFontWeight: '--plasma-textarea-label-inner-font-weight',
-    /** Межсимвольное расстояние для элемента label, когда он внутри и уменьшен */ labelInnerLetterSpacing: '--plasma-textarea-label-inner-letter-spacing',
-    /** Высота строки для элемента label, когда он внутри и уменьшен */ labelInnerLineHeight: '--plasma-textarea-label-inner-line-height',
-    /** Отступ сверху для элемента textarea при фокусе */ labelInnerTop: '--plasma-textarea-label-inner-top',
-    /** Вспомогательный отступ сверху для элемента textarea при фокусе для компенсации размеров */ labelInnerTopHelper: '--plasma-textarea-label-inner-top-helper',
-    /** Отступ между Label и TextArea */ labelInnerMarginBottom: '--plasma-textarea-label-inner-margin-bottom',
-    /** Шрифт для элемента textarea */ inputFontFamily: '--plasma-textarea-input-font-family',
-    /** Размер шрифта для элемента textarea */ inputFontSize: '--plasma-textarea-input-font-size',
-    /** Стиль шрифта для элемента textarea */ inputFontStyle: '--plasma-textarea-input-font-style',
-    /** Начертание шрифта для элемента textarea */ inputFontWeight: '--plasma-textarea-input-font-weight',
-    /** Межсимвольное расстояние шрифта для элемента textarea */ inputLetterSpacing: '--plasma-textarea-input-letter-spacing',
-    /** Высота строки шрифта для элемента textarea */ inputLineHeight: '--plasma-textarea-input-line-height',
-    /** Шрифт для элемента блока подписей снизу */ helpersFontFamily: '--plasma-textarea-helpers-font-family',
-    /** Размер шрифта для элемента блока подписей снизу */ helpersFontSize: '--plasma-textarea-helpers-font-size',
-    /** Стиль шрифта для элемента блока подписей снизу */ helpersFontStyle: '--plasma-textarea-helpers-font-style',
-    /** Начертание шрифта для элемента блока подписей снизу */ helpersFontWeight: '--plasma-textarea-helpers-font-weight',
-    /** Межсимвольное расстояние для элемента блока подписей снизу */ helpersLetterSpacing: '--plasma-textarea-helpers-letter-spacing',
-    /** Высота строки для элемента блока подписей снизу */ helpersLineHeight: '--plasma-textarea-helpers-line-height',
-    /** Тень */ boxShadow: '--plasma-textarea-box-shadow',
-    rightContentColor: '--plasma-textarea-right-content-color',
-    /** Прозрачность для всего компонента в состоянии 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',
-    indicatorLabelPlacementHintOuterRight: '--plasma-textfield__indicator-hint-placement-outer-right',
-    clearIndicatorLabelPlacementInner: '--plasma-textarea__clear-indicator-placement-inner',
-    clearIndicatorLabelPlacementInnerRight: '--plasma-textarea__clear-indicator-placement-inner-right',
-    clearIndicatorHintInnerRight: '--plasma-textarea__clear-indicator-hint-placement-inner-right',
-    scrollbarWidth: '--plasma-textarea-scrollbar-width',
-    scrollbarBorderWidth: '--plasma-textarea-scrollbar-border-width',
-    scrollbarThumbBackgroundColor: '--plasma-textarea-scrollbar-thumb-background-color',
-    scrollbarThumbBackgroundColorHover: '--plasma-textarea-scrollbar-thumb-background-color-hover',
-    scrollbarThumbBackgroundColorActive: '--plasma-textarea-scrollbar-thumb-background-color-active',
-    scrollbarTrackBackgroundColor: '--plasma-textarea-scrollbar-track-background-color',
-    scrollbarTrackBackgroundColorHover: '--plasma-textarea-scrollbar-track-background-color-hover',
-    scrollbarTrackBackgroundColorActive: '--plasma-textarea-scrollbar-track-background-color-active',
+    readOnlyOpacity: '--plasma-textarea-read-only-opacity',
+    borderColor: '--plasma-textarea-border-color',
+    borderColorHover: '--plasma-textarea-border-color-hover',
+    borderColorFocus: '--plasma-textarea-border-color-focus',
     dividerColor: '--plasma-textarea-divider-color',
     dividerColorHover: '--plasma-textarea-divider-color-hover',
     dividerColorFocus: '--plasma-textarea-divider-color-focus',
     dividerColorReadOnly: '--plasma-textarea-divider-color-readonly',
+    boxShadow: '--plasma-textarea-box-shadow',
+    inputWidth: '--plasma-textarea-input-width',
+    inputHeight: '--plasma-textarea-input-height',
+    inputMinHeight: '--plasma-textarea-input-min-height',
+    borderSize: '--plasma-textarea-border-size',
+    borderRadius: '--plasma-textarea-border-radius',
+    borderRadiusWithHelpers: '--plasma-textarea-border-radius-with-helpers',
+    /** Отступы для элемента textarea */ inputPaddingTop: '--plasma-textarea-input-padding-top',
+    inputPaddingRight: '--plasma-textarea-input-padding-right',
+    inputPaddingRightWithRightContent: '--plasma-textarea-input-padding-right-with-right-content',
+    inputPaddingBottom: '--plasma-textarea-input-padding-bottom',
+    inputPaddingBottomWithHelpers: '--plasma-textarea-input-padding-bottom-with-helpers',
+    inputPaddingLeft: '--plasma-textarea-input-padding-left',
+    /** Отступы для блока подписей */ helpersPaddingTop: '--plasma-textarea-helpers-padding-top',
+    clearHelpersPaddingTop: '--plasma-textarea-clear-helpers-padding-top',
+    helpersPaddingRight: '--plasma-textarea-helpers-padding-right',
+    helpersPaddingBottom: '--plasma-textarea-helpers-padding-bottom',
+    helpersPaddingLeft: '--plasma-textarea-helpers-padding-left',
+    helpersOffset: '--plasma-textarea-helpers-offset',
+    /** Позиционирование контента справа */ rightContentTop: '--plasma-textarea-right-content-top',
+    rightContentRight: '--plasma-textarea-right-content-right',
+    rightContentHeight: '--plasma-textarea-right-content-height',
+    /* Tokens for right content slot */ rightContentColor: '--plasma-textarea-right-content-color',
+    rightContentColorHover: '--plasma-textarea-right-content-color-hover',
+    rightContentColorActive: '--plasma-textarea-right-content-color-active',
+    contentSlotRightOpacityReadOnly: '--plasma-textarea-right-content-opacity-readonly',
+    /** Токены лейбла */ labelOuterColor: '--plasma-textarea-label-outer-color',
+    labelOuterFontFamily: '--plasma-textarea-label-outer-font-family',
+    labelOuterFontStyle: '--plasma-textarea-label-outer-font-style',
+    labelOuterFontSize: '--plasma-textarea-label-outer-font-size',
+    labelOuterFontWeight: '--plasma-textarea-label-outer-font-weight',
+    labelOuterLetterSpacing: '--plasma-textarea-label-outer-letter-spacing',
+    labelOuterLineHeight: '--plasma-textarea-label-outer-line-height',
+    labelMarginBottom: '--plasma-textarea-label-margin-bottom',
+    /* label-placement-inner */ labelInnerFontFamily: '--plasma-textarea-label-inner-font-family',
+    labelInnerFontStyle: '--plasma-textarea-label-inner-font-style',
+    labelInnerFontSize: '--plasma-textarea-label-inner-font-size',
+    labelInnerFontWeight: '--plasma-textarea-label-inner-font-weight',
+    labelInnerLetterSpacing: '--plasma-textarea-label-inner-letter-spacing',
+    labelInnerLineHeight: '--plasma-textarea-label-inner-line-height',
+    labelInnerTop: '--plasma-textarea-label-inner-top',
+    labelInnerTopHelper: '--plasma-textarea-label-inner-top-helper',
+    labelInnerMarginBottom: '--plasma-textarea-label-inner-margin-bottom',
+    /* Типографика для input */ inputFontFamily: '--plasma-textarea-input-font-family',
+    inputFontStyle: '--plasma-textarea-input-font-style',
+    inputFontSize: '--plasma-textarea-input-font-size',
+    inputFontWeight: '--plasma-textarea-input-font-weight',
+    inputLetterSpacing: '--plasma-textarea-input-letter-spacing',
+    inputLineHeight: '--plasma-textarea-input-line-height',
+    /* Типографика для блока подписей */ helpersFontFamily: '--plasma-textarea-helpers-font-family',
+    helpersFontStyle: '--plasma-textarea-helpers-font-style',
+    helpersFontSize: '--plasma-textarea-helpers-font-size',
+    helpersFontWeight: '--plasma-textarea-helpers-font-weight',
+    helpersLetterSpacing: '--plasma-textarea-helpers-letter-spacing',
+    helpersLineHeight: '--plasma-textarea-helpers-line-height',
     titleCaptionColor: '--plasma-textarea__title-caption-color',
     titleCaptionColorReadOnly: '--plasma-textarea__title-caption-color-readonly',
     titleCaptionInnerLabelOffset: '--plasma-textarea__title-caption-label-inner-offset',
@@ -143,12 +120,13 @@ export var tokens = {
     titleCaptionFontWeight: '--plasma-textarea__title-caption-font-weight',
     titleCaptionLetterSpacing: '--plasma-textarea__title-caption-letter-spacing',
     titleCaptionLineHeight: '--plasma-textarea__title-caption-line-height',
-    /** Токены для tooltip */ hintCustomIconTargetSize: '--plasma-textarea__hint-custom-icon-target-size',
-    hintMargin: '--plasma-textarea__hint-margin',
+    /** Прозрачность для всего компонента в состоянии disabled */ disabledOpacity: '--plasma-textarea-disabled-opacity',
+    inputColorDisabled: '--plasma-textarea-input-color-disabled',
+    /** Токены для tooltip */ hintMargin: '--plasma-textarea__hint-margin',
     hintTargetSize: '--plasma-textarea__hint-target-size',
+    hintCustomIconTargetSize: '--plasma-textarea__hint-custom-icon-target-size',
     hintIconColor: '--plasma-textarea__hint-icon-color',
     hintInnerLabelPlacementOffset: '--plasma-textarea__hint-inner-label-placement-offset',
-    clearHintInnerLabelPlacementOffset: '--plasma-textarea__clear-hint-inner-label-placement-offset',
     tooltipBackgroundColor: '--plasma-textarea__tooltip-background-color',
     tooltipBoxShadow: '--plasma-textarea__tooltip-box-shadow',
     tooltipColor: '--plasma-textarea__tooltip-color',
@@ -171,6 +149,22 @@ export var tokens = {
     tooltipArrowHeight: '--plasma-textarea__tooltip-arrow-height',
     tooltipArrowEdgeMargin: '--plasma-textarea__tooltip-arrow-edge-margin',
     tooltipArrowBackground: '--plasma-textarea__tooltip-arrow-background',
-    contentSlotRightOpacityReadOnly: '--plasma-textarea-right-content-opacity-readonly',
+    /** Токены скроллбара */ scrollbarWidth: '--plasma-textarea-scrollbar-width',
+    scrollbarBorderWidth: '--plasma-textarea-scrollbar-border-width',
+    scrollbarThumbBackgroundColor: '--plasma-textarea-scrollbar-thumb-background-color',
+    scrollbarThumbBackgroundColorHover: '--plasma-textarea-scrollbar-thumb-background-color-hover',
+    scrollbarThumbBackgroundColorActive: '--plasma-textarea-scrollbar-thumb-background-color-active',
+    scrollbarTrackBackgroundColor: '--plasma-textarea-scrollbar-track-background-color',
+    scrollbarTrackBackgroundColorHover: '--plasma-textarea-scrollbar-track-background-color-hover',
+    scrollbarTrackBackgroundColorActive: '--plasma-textarea-scrollbar-track-background-color-active',
+    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',
+    indicatorLabelPlacementHintOuterRight: '--plasma-textfield__indicator-hint-placement-outer-right',
+    clearIndicatorHintInnerRight: '--plasma-textarea__clear-indicator-hint-placement-inner-right',
     tourBorderRadius: TOUR_BORDER_RADIUS_TOKEN
 };

package/dist/styled-components/es/components/TextArea/variations/_disabled/base.js

@@ -1,19 +1,9 @@
 import { css } from "styled-components";
 import { tokens, classes } from "../../TextArea.tokens";
-import { StyledContent, StyledHelpers, StyledIndicator, StyledLabel, StyledOptionalText, StyledOutsideHelpersWrapper, StyledPlaceholder, StyledTextAreaWrapper, TitleCaption } from "../../TextArea.styles";
 var styledTextArea = classes.styledTextArea;
 export var base = css([
-    "&[disabled]{",
-    ",",
-    ",",
-    ",",
-    ",",
-    ",",
-    ",",
-    ",",
-    ",",
-    "{opacity:var(",
-    ");cursor:not-allowed;&:hover,&:active{transform:none;}}}.",
+    "&[disabled]{opacity:var(",
+    ");cursor:not-allowed;pointer-events:none;&:hover,&:active{transform:none;}}.",
     "{&:disabled{cursor:not-allowed;color:var(",
     ");}}"
-], StyledLabel, StyledIndicator, StyledOptionalText, TitleCaption, StyledContent, StyledTextAreaWrapper, StyledHelpers, StyledPlaceholder, StyledOutsideHelpersWrapper, tokens.disabledOpacity, styledTextArea, tokens.inputColorDisabled);
+], tokens.disabledOpacity, styledTextArea, tokens.inputColorDisabled);

package/dist/styled-components/es/components/TextArea/variations/_read-only/base.js

@@ -6,7 +6,9 @@ export var base = css([
     "{color:var(",
     ");}",
     "{opacity:var(",
-    ");}&.",
+    ");&:hover{color:var(",
+    ");}&:active{color:var(",
+    ");}}&.",
     "{",
     "{&:before{background-color:var(",
     ");}}}:not(&.",
@@ -21,4 +23,4 @@ export var base = css([
     ");border-radius:var(",
     ");opacity:var(",
     ");z-index:-1;}:hover{background:transparent;}}}}"
-], StyledTextArea, tokens.inputColorReadOnly, StyledContent, tokens.contentSlotRightOpacityReadOnly, classes.clear, StyledTextAreaWrapper, tokens.dividerColorReadOnly, classes.clear, StyledTextAreaWrapper, StyledHelpers, StyledTextAreaWrapper, tokens.borderSize, tokens.borderColorReadOnly, tokens.borderRadius, StyledContainer, tokens.backgroundColorReadOnly, tokens.borderRadius, tokens.readOnlyOpacity);
+], StyledTextArea, tokens.inputColorReadOnly, StyledContent, tokens.contentSlotRightOpacityReadOnly, tokens.rightContentColor, tokens.rightContentColor, classes.clear, StyledTextAreaWrapper, tokens.dividerColorReadOnly, classes.clear, StyledTextAreaWrapper, StyledHelpers, StyledTextAreaWrapper, tokens.borderSize, tokens.borderColorReadOnly, tokens.borderRadius, StyledContainer, tokens.backgroundColorReadOnly, tokens.borderRadius, tokens.readOnlyOpacity);

package/dist/styled-components/es/components/TextArea/variations/_size/base.js

@@ -1,7 +1,14 @@
 import { css } from "styled-components";
-import { tokens } from "../../TextArea.tokens";
+import { classes, tokens } from "../../TextArea.tokens";
+import { StyledIndicator } from "../../TextArea.styles";
 export var base = css([
     "",
     ":var(",
-    ");"
-], tokens.tourBorderRadius, tokens.borderRadius);
+    ");&.",
+    ".",
+    "{",
+    "{&.",
+    ".",
+    "{inset:var(",
+    ");}}}"
+], tokens.tourBorderRadius, tokens.borderRadius, classes.hasHint, classes.clear, StyledIndicator, classes.innerLabelPlacement, classes.requiredAlignRight, tokens.clearIndicatorHintInnerRight);

package/dist/styled-components/es/components/TextArea/variations/_view/base.js

@@ -1,6 +1,6 @@
 import { css } from "styled-components";
 import { tokens, classes } from "../../TextArea.tokens";
-import { TitleCaption } from "../../TextArea.styles";
+import { StyledTextAreaWrapper, TitleCaption } from "../../TextArea.styles";
 var styledContainer = classes.styledContainer, styledTextAreaWrapper = classes.styledTextAreaWrapper, styledHelpers = classes.styledHelpers;
 var exclusionSelectors = "not(.".concat(classes.clear, "):not([disabled]):not([readonly]):not(:focus-within)");
 export var base = css([
@@ -54,5 +54,14 @@ export var base = css([
     " .",
     " + .",
     "{background-color:var(",
-    ");}"
-], TitleCaption, tokens.titleCaptionColor, styledContainer, tokens.backgroundColor, tokens.borderRadius, tokens.borderSize, tokens.borderColor, tokens.boxShadow, styledTextAreaWrapper, tokens.borderSize, tokens.inputBorderColor, tokens.borderSize, styledTextAreaWrapper, tokens.inputBackgroundColorFocus, tokens.borderSize, tokens.inputBorderColorFocus, styledContainer, tokens.backgroundColorFocus, tokens.borderSize, tokens.borderColorFocus, tokens.boxShadow, styledHelpers, tokens.helpersBackgroundColorFocus, exclusionSelectors, styledContainer, tokens.backgroundColorHover, tokens.borderSize, tokens.borderColorHover, tokens.boxShadow, exclusionSelectors, styledTextAreaWrapper, tokens.borderSize, tokens.inputBorderColorHover, tokens.inputBackgroundColorHover, exclusionSelectors, styledTextAreaWrapper, styledHelpers, tokens.helpersBackgroundColorHover, exclusionSelectors, styledTextAreaWrapper, tokens.borderSize, tokens.inputBorderColorActive, tokens.inputBackgroundColorActive, exclusionSelectors, styledContainer, tokens.backgroundColorActive, exclusionSelectors, styledTextAreaWrapper, styledHelpers, tokens.helpersBackgroundColorActive);
+    ");}&.",
+    "{",
+    "{position:relative;--plasma_private-textarea-divider-color:var(",
+    ");&:before{content:'';position:absolute;height:0.063rem;width:100%;bottom:0;left:0;background-color:var(--plasma_private-textarea-divider-color);transition:background-color 0.1s ease-in;}}&:not([readonly]) ",
+    ":hover{--plasma_private-textarea-divider-color:var( ",
+    ",var(",
+    ") );}&:not([readonly]) ",
+    ":focus-within{--plasma_private-textarea-divider-color:var( ",
+    ",var(",
+    ") );}}"
+], TitleCaption, tokens.titleCaptionColor, styledContainer, tokens.backgroundColor, tokens.borderRadius, tokens.borderSize, tokens.borderColor, tokens.boxShadow, styledTextAreaWrapper, tokens.borderSize, tokens.inputBorderColor, tokens.borderSize, styledTextAreaWrapper, tokens.inputBackgroundColorFocus, tokens.borderSize, tokens.inputBorderColorFocus, styledContainer, tokens.backgroundColorFocus, tokens.borderSize, tokens.borderColorFocus, tokens.boxShadow, styledHelpers, tokens.helpersBackgroundColorFocus, exclusionSelectors, styledContainer, tokens.backgroundColorHover, tokens.borderSize, tokens.borderColorHover, tokens.boxShadow, exclusionSelectors, styledTextAreaWrapper, tokens.borderSize, tokens.inputBorderColorHover, tokens.inputBackgroundColorHover, exclusionSelectors, styledTextAreaWrapper, styledHelpers, tokens.helpersBackgroundColorHover, exclusionSelectors, styledTextAreaWrapper, tokens.borderSize, tokens.inputBorderColorActive, tokens.inputBackgroundColorActive, exclusionSelectors, styledContainer, tokens.backgroundColorActive, exclusionSelectors, styledTextAreaWrapper, styledHelpers, tokens.helpersBackgroundColorActive, classes.hasDivider, StyledTextAreaWrapper, tokens.dividerColor, StyledTextAreaWrapper, tokens.dividerColorHover, tokens.dividerColor, StyledTextAreaWrapper, tokens.dividerColorFocus, tokens.dividerColor);

package/dist/styled-components/es/components/_beta/Popover/Popover.js

@@ -133,10 +133,10 @@ import { Slot } from "../../_Slot/Slot";
 import { sizeToIconSize, matchPlacements } from "./utils";
 import { tokens, classes } from "./Popover.tokens";
 import { base, CloseButton, Wrapper } from "./Popover.styles";
-/* Ширина хвостика */ var ARROW_WIDTH = 20;
-/* Высота хвостика */ var ARROW_HEIGHT = 8;
-/* SVG хвостика */ var ARROW_POLYGON = 'M20 20L0 20C8.88889 20.0001 10 12.5714 10 12C10 12.5714 11.3273 20.006 20 20Z';
-/* Отступ хвостика по краям (чтобы избежать коллизии со скругленными углами) */ var ARROW_PADDING = 16;
+/* Ширина хвостика */ export var ARROW_WIDTH = 20;
+/* Высота хвостика */ export var ARROW_HEIGHT = 8;
+/* SVG хвостика */ export var ARROW_POLYGON = 'M20 20L0 20C8.88889 20.0001 10 12.5714 10 12C10 12.5714 11.3273 20.006 20 20Z';
+/* Отступ хвостика по краям (чтобы избежать коллизии со скругленными углами) */ export var ARROW_PADDING = 16;
 export var popoverRoot = function(Root) {
     return /*#__PURE__*/ forwardRef(function(_param, outerRootRef) {
         var _param_appearance = _param.appearance, appearance = _param_appearance === void 0 ? 'closeNone' : _param_appearance, children = _param.children, target = _param.target, outerOpened = _param.opened, _param_defaultOpened = _param.defaultOpened, defaultOpened = _param_defaultOpened === void 0 ? false : _param_defaultOpened, _param_trigger = _param.trigger, trigger = _param_trigger === void 0 ? 'click' : _param_trigger, _param_placement = _param.placement, placement = _param_placement === void 0 ? 'bottom' : _param_placement, _param_hasTail = _param.hasTail, hasTail = _param_hasTail === void 0 ? true : _param_hasTail, tmp = _param.flip, outsideFlip = tmp === void 0 ? false : tmp, tmp1 = _param.shift, outsideShift = tmp1 === void 0 ? false : tmp1, tmp2 = _param.offset, outerOffset = tmp2 === void 0 ? 0 : tmp2, _param_outsideClick = _param.outsideClick, outsideClick = _param_outsideClick === void 0 ? true : _param_outsideClick, _param_resizable = _param.resizable, resizable = _param_resizable === void 0 ? false : _param_resizable, onResizeStart = _param.onResizeStart, onResizeEnd = _param.onResizeEnd, onToggle = _param.onToggle, _param_delayOpen = _param.delayOpen, delayOpen = _param_delayOpen === void 0 ? 0 : _param_delayOpen, _param_delayClose = _param.delayClose, delayClose = _param_delayClose === void 0 ? 0 : _param_delayClose, _param_zIndex = _param.zIndex, zIndex = _param_zIndex === void 0 ? 1000 : _param_zIndex, className = _param.className, style = _param.style, size = _param.size, view = _param.view, rest = _object_without_properties(_param, [

package/dist/styled-components/es/components/_beta/Tooltip/Tooltip.js

@@ -0,0 +1,244 @@
+function _array_like_to_array(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
+    return arr2;
+}
+function _array_with_holes(arr) {
+    if (Array.isArray(arr)) return arr;
+}
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _iterable_to_array_limit(arr, i) {
+    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
+    if (_i == null) return;
+    var _arr = [];
+    var _n = true;
+    var _d = false;
+    var _s, _e;
+    try {
+        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
+            _arr.push(_s.value);
+            if (i && _arr.length === i) break;
+        }
+    } catch (err) {
+        _d = true;
+        _e = err;
+    } finally{
+        try {
+            if (!_n && _i["return"] != null) _i["return"]();
+        } finally{
+            if (_d) throw _e;
+        }
+    }
+    return _arr;
+}
+function _non_iterable_rest() {
+    throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+function _object_without_properties(source, excluded) {
+    if (source == null) return {};
+    var target = _object_without_properties_loose(source, excluded);
+    var key, i;
+    if (Object.getOwnPropertySymbols) {
+        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceSymbolKeys.length; i++){
+            key = sourceSymbolKeys[i];
+            if (excluded.indexOf(key) >= 0) continue;
+            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+            target[key] = source[key];
+        }
+    }
+    return target;
+}
+function _object_without_properties_loose(source, excluded) {
+    if (source == null) return {};
+    var target = {};
+    var sourceKeys = Object.keys(source);
+    var key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (excluded.indexOf(key) >= 0) continue;
+        target[key] = source[key];
+    }
+    return target;
+}
+function _sliced_to_array(arr, i) {
+    return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
+}
+function _unsupported_iterable_to_array(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _array_like_to_array(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
+}
+import React, { forwardRef, useState, useRef } from "react";
+import cls from "classnames";
+import { useFloating, useInteractions, useClick, useFocus, useDismiss, useRole, FloatingArrow, arrow, offset, useHover, safePolygon, FloatingPortal, autoUpdate } from "@floating-ui/react";
+import { css } from "styled-components";
+import { Slot } from "../../_Slot/Slot";
+import { ARROW_HEIGHT, ARROW_PADDING, ARROW_POLYGON, ARROW_WIDTH } from "../Popover/Popover";
+import { tokens, classes } from "./Tooltip.tokens";
+import { base, Wrapper, IconWrapper } from "./Tooltip.styles";
+export var tooltipRoot = function(Root) {
+    return /*#__PURE__*/ forwardRef(function(_param, outerRootRef) {
+        var children = _param.children, target = _param.target, iconSlot = _param.iconSlot, _param_trigger = _param.trigger, trigger = _param_trigger === void 0 ? 'click' : _param_trigger, _param_placement = _param.placement, placement = _param_placement === void 0 ? 'bottom' : _param_placement, _param_hasTail = _param.hasTail, hasTail = _param_hasTail === void 0 ? true : _param_hasTail, tmp = _param.offset, outerOffset = tmp === void 0 ? 0 : tmp, _param_delayOpen = _param.delayOpen, delayOpen = _param_delayOpen === void 0 ? 0 : _param_delayOpen, _param_delayClose = _param.delayClose, delayClose = _param_delayClose === void 0 ? 0 : _param_delayClose, _param_zIndex = _param.zIndex, zIndex = _param_zIndex === void 0 ? 1000 : _param_zIndex, className = _param.className, style = _param.style, size = _param.size, view = _param.view, rest = _object_without_properties(_param, [
+            "children",
+            "target",
+            "iconSlot",
+            "trigger",
+            "placement",
+            "hasTail",
+            "offset",
+            "delayOpen",
+            "delayClose",
+            "zIndex",
+            "className",
+            "style",
+            "size",
+            "view"
+        ]);
+        var _useState = _sliced_to_array(useState(false), 2), opened = _useState[0], setOpened = _useState[1];
+        var arrowRef = useRef(null);
+        var handleToggle = function(opened) {
+            setOpened(opened);
+        };
+        var _useFloating = useFloating({
+            whileElementsMounted: autoUpdate,
+            placement: placement,
+            open: opened,
+            onOpenChange: handleToggle,
+            middleware: [
+                hasTail && arrow({
+                    element: arrowRef,
+                    padding: ARROW_PADDING
+                }),
+                offset((hasTail ? ARROW_HEIGHT : 0) + outerOffset)
+            ]
+        }), refs = _useFloating.refs, floatingStyles = _useFloating.floatingStyles, context = _useFloating.context;
+        var click = useClick(context, {
+            enabled: trigger === 'click' || matchMedia('(hover: none)').matches
+        });
+        var focus = useFocus(context, {
+            enabled: trigger === 'focus'
+        });
+        var dismiss = useDismiss(context, {
+            enabled: true,
+            outsidePress: true
+        });
+        var role = useRole(context);
+        var hover = useHover(context, {
+            mouseOnly: true,
+            enabled: trigger === 'hover',
+            handleClose: safePolygon({
+                requireIntent: false
+            }),
+            delay: {
+                open: delayOpen,
+                close: delayClose
+            }
+        });
+        var _useInteractions = useInteractions([
+            dismiss,
+            role,
+            click,
+            hover,
+            focus
+        ]), getReferenceProps = _useInteractions.getReferenceProps, getFloatingProps = _useInteractions.getFloatingProps;
+        return /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement(Slot, _object_spread({
+            ref: refs.setReference
+        }, getReferenceProps()), target), opened && /*#__PURE__*/ React.createElement(FloatingPortal, null, /*#__PURE__*/ React.createElement(Root, _object_spread({
+            ref: refs.setFloating,
+            size: size,
+            view: view,
+            style: _object_spread_props(_object_spread({}, floatingStyles), {
+                zIndex: zIndex
+            })
+        }, getFloatingProps()), /*#__PURE__*/ React.createElement(Wrapper, _object_spread({
+            ref: outerRootRef,
+            className: cls(className, classes.tooltipRoot),
+            style: style,
+            "data-tooltip-open": opened
+        }, rest), iconSlot && /*#__PURE__*/ React.createElement(IconWrapper, null, iconSlot), children, hasTail && /*#__PURE__*/ React.createElement(FloatingArrow, {
+            ref: arrowRef,
+            context: context,
+            width: ARROW_WIDTH,
+            height: ARROW_HEIGHT,
+            fill: "var(".concat(tokens.backgroundColor, ")"),
+            d: ARROW_POLYGON
+        })))));
+    });
+};
+export var tooltipConfig = {
+    name: 'Tooltip',
+    tag: 'div',
+    layout: tooltipRoot,
+    base: base,
+    variations: {
+        view: {
+            css: css([
+                ""
+            ])
+        },
+        size: {
+            css: css([
+                ""
+            ])
+        }
+    },
+    defaults: {
+        view: 'default',
+        size: 'm'
+    }
+};