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

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

@@ -38,120 +38,97 @@ var classes = {
     leftHelperFocus: 'textarea-left-helper-focus'
 };
 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',
@@ -161,12 +138,13 @@ 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',
@@ -189,6 +167,22 @@ 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: _utils.TOUR_BORDER_RADIUS_TOKEN
 };

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

@@ -10,20 +10,10 @@ Object.defineProperty(exports, "base", {
 });
 var _styledcomponents = require("styled-components");
 var _TextAreatokens = require("../../TextArea.tokens");
-var _TextAreastyles = require("../../TextArea.styles");
 var styledTextArea = _TextAreatokens.classes.styledTextArea;
 var base = (0, _styledcomponents.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(",
     ");}}"
-], _TextAreastyles.StyledLabel, _TextAreastyles.StyledIndicator, _TextAreastyles.StyledOptionalText, _TextAreastyles.TitleCaption, _TextAreastyles.StyledContent, _TextAreastyles.StyledTextAreaWrapper, _TextAreastyles.StyledHelpers, _TextAreastyles.StyledPlaceholder, _TextAreastyles.StyledOutsideHelpersWrapper, _TextAreatokens.tokens.disabledOpacity, styledTextArea, _TextAreatokens.tokens.inputColorDisabled);
+], _TextAreatokens.tokens.disabledOpacity, styledTextArea, _TextAreatokens.tokens.inputColorDisabled);

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

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

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

@@ -10,8 +10,15 @@ Object.defineProperty(exports, "base", {
 });
 var _styledcomponents = require("styled-components");
 var _TextAreatokens = require("../../TextArea.tokens");
+var _TextAreastyles = require("../../TextArea.styles");
 var base = (0, _styledcomponents.css)([
     "",
     ":var(",
-    ");"
-], _TextAreatokens.tokens.tourBorderRadius, _TextAreatokens.tokens.borderRadius);
+    ");&.",
+    ".",
+    "{",
+    "{&.",
+    ".",
+    "{inset:var(",
+    ");}}}"
+], _TextAreatokens.tokens.tourBorderRadius, _TextAreatokens.tokens.borderRadius, _TextAreatokens.classes.hasHint, _TextAreatokens.classes.clear, _TextAreastyles.StyledIndicator, _TextAreatokens.classes.innerLabelPlacement, _TextAreatokens.classes.requiredAlignRight, _TextAreatokens.tokens.clearIndicatorHintInnerRight);

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

@@ -64,5 +64,14 @@ var base = (0, _styledcomponents.css)([
     " .",
     " + .",
     "{background-color:var(",
-    ");}"
-], _TextAreastyles.TitleCaption, _TextAreatokens.tokens.titleCaptionColor, styledContainer, _TextAreatokens.tokens.backgroundColor, _TextAreatokens.tokens.borderRadius, _TextAreatokens.tokens.borderSize, _TextAreatokens.tokens.borderColor, _TextAreatokens.tokens.boxShadow, styledTextAreaWrapper, _TextAreatokens.tokens.borderSize, _TextAreatokens.tokens.inputBorderColor, _TextAreatokens.tokens.borderSize, styledTextAreaWrapper, _TextAreatokens.tokens.inputBackgroundColorFocus, _TextAreatokens.tokens.borderSize, _TextAreatokens.tokens.inputBorderColorFocus, styledContainer, _TextAreatokens.tokens.backgroundColorFocus, _TextAreatokens.tokens.borderSize, _TextAreatokens.tokens.borderColorFocus, _TextAreatokens.tokens.boxShadow, styledHelpers, _TextAreatokens.tokens.helpersBackgroundColorFocus, exclusionSelectors, styledContainer, _TextAreatokens.tokens.backgroundColorHover, _TextAreatokens.tokens.borderSize, _TextAreatokens.tokens.borderColorHover, _TextAreatokens.tokens.boxShadow, exclusionSelectors, styledTextAreaWrapper, _TextAreatokens.tokens.borderSize, _TextAreatokens.tokens.inputBorderColorHover, _TextAreatokens.tokens.inputBackgroundColorHover, exclusionSelectors, styledTextAreaWrapper, styledHelpers, _TextAreatokens.tokens.helpersBackgroundColorHover, exclusionSelectors, styledTextAreaWrapper, _TextAreatokens.tokens.borderSize, _TextAreatokens.tokens.inputBorderColorActive, _TextAreatokens.tokens.inputBackgroundColorActive, exclusionSelectors, styledContainer, _TextAreatokens.tokens.backgroundColorActive, exclusionSelectors, styledTextAreaWrapper, styledHelpers, _TextAreatokens.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(",
+    ") );}}"
+], _TextAreastyles.TitleCaption, _TextAreatokens.tokens.titleCaptionColor, styledContainer, _TextAreatokens.tokens.backgroundColor, _TextAreatokens.tokens.borderRadius, _TextAreatokens.tokens.borderSize, _TextAreatokens.tokens.borderColor, _TextAreatokens.tokens.boxShadow, styledTextAreaWrapper, _TextAreatokens.tokens.borderSize, _TextAreatokens.tokens.inputBorderColor, _TextAreatokens.tokens.borderSize, styledTextAreaWrapper, _TextAreatokens.tokens.inputBackgroundColorFocus, _TextAreatokens.tokens.borderSize, _TextAreatokens.tokens.inputBorderColorFocus, styledContainer, _TextAreatokens.tokens.backgroundColorFocus, _TextAreatokens.tokens.borderSize, _TextAreatokens.tokens.borderColorFocus, _TextAreatokens.tokens.boxShadow, styledHelpers, _TextAreatokens.tokens.helpersBackgroundColorFocus, exclusionSelectors, styledContainer, _TextAreatokens.tokens.backgroundColorHover, _TextAreatokens.tokens.borderSize, _TextAreatokens.tokens.borderColorHover, _TextAreatokens.tokens.boxShadow, exclusionSelectors, styledTextAreaWrapper, _TextAreatokens.tokens.borderSize, _TextAreatokens.tokens.inputBorderColorHover, _TextAreatokens.tokens.inputBackgroundColorHover, exclusionSelectors, styledTextAreaWrapper, styledHelpers, _TextAreatokens.tokens.helpersBackgroundColorHover, exclusionSelectors, styledTextAreaWrapper, _TextAreatokens.tokens.borderSize, _TextAreatokens.tokens.inputBorderColorActive, _TextAreatokens.tokens.inputBackgroundColorActive, exclusionSelectors, styledContainer, _TextAreatokens.tokens.backgroundColorActive, exclusionSelectors, styledTextAreaWrapper, styledHelpers, _TextAreatokens.tokens.helpersBackgroundColorActive, _TextAreatokens.classes.hasDivider, _TextAreastyles.StyledTextAreaWrapper, _TextAreatokens.tokens.dividerColor, _TextAreastyles.StyledTextAreaWrapper, _TextAreatokens.tokens.dividerColorHover, _TextAreatokens.tokens.dividerColor, _TextAreastyles.StyledTextAreaWrapper, _TextAreatokens.tokens.dividerColorFocus, _TextAreatokens.tokens.dividerColor);

package/dist/styled-components/cjs/examples/components/Combobox/Combobox.js

@@ -1 +1,16 @@
 "use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Combobox", {
+    enumerable: true,
+    get: function() {
+        return Combobox;
+    }
+});
+var _engines = require("../../../engines");
+var _ = require("../../..");
+var _Comboboxconfig = require("./Combobox.config");
+var mergedConfig = (0, _engines.mergeConfig)(_.comboboxNewConfig, _Comboboxconfig.config);
+var ComboboxComponent = (0, _engines.component)(mergedConfig);
+var Combobox = ComboboxComponent;