@salutejs/plasma-new-hope 0.345.0-canary.2422.20906430475.0 → 0.345.0-canary.2423.20988873450.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);