@salutejs/plasma-new-hope 0.268.2-canary.1780.13373736245.0 → 0.269.0-canary.1770.13380403901.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"base.js","sources":["../../../../../src/components/TextArea/variations/_read-only/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { StyledHelpers, StyledTextArea, StyledTextAreaWrapper } from '../../TextArea.styles';\nimport { classes, tokens } from '../../TextArea.tokens';\n\nexport const base = css`\n    &[readonly] {\n        ${StyledTextArea} {\n            color: var(${tokens.inputColorReadOnly});\n        }\n\n        :not(&.${classes.clear}) {\n            ${StyledTextAreaWrapper}, ${StyledHelpers} {\n                background: transparent;\n                position: relative;\n\n                :before {\n                    position: absolute;\n                    content: '';\n                    top: 0;\n                    left: 0;\n                    right: 0;\n                    bottom: 0;\n\n                    background: var(${tokens.backgroundColorReadOnly});\n                    opacity: var(${tokens.readOnlyOpacity});\n\n                    z-index: -1;\n                }\n\n                :hover {\n                    background: transparent;\n                }\n            }\n\n            ${StyledTextAreaWrapper}:before {\n                border-radius: var(${tokens.borderRadiusWithHelpers});\n            }\n\n            ${StyledHelpers}:before {\n                border-bottom-left-radius: var(${tokens.borderRadius});\n                border-bottom-right-radius: var(${tokens.borderRadius});\n            }\n        }\n    }\n`;\n"],"names":["base"],"mappings":"AAKO,IAAMA,IAAI,GAwChB;;;;"}

package/es/components/TextArea/variations/_read-only/base_om8eo9.css

@@ -0,0 +1 @@
+.b1xxdrt2[readonly] .s18lndvq{color:var(--plasma-textarea-input-color-read-only);}.b1xxdrt2[readonly]:not(.b1xxdrt2[readonly].textarea-clear) .s3wsw3p,.b1xxdrt2[readonly]:not(.b1xxdrt2[readonly].textarea-clear) .snf439a{background:transparent;position:relative;}.b1xxdrt2[readonly]:not(.b1xxdrt2[readonly].textarea-clear) .s3wsw3p:before,.b1xxdrt2[readonly]:not(.b1xxdrt2[readonly].textarea-clear) .snf439a:before{position:absolute;content:'';top:0;left:0;right:0;bottom:0;background:var(--plasma-textarea-background-color-read-only);opacity:var(--plasma-textarea-read-only-opacity);z-index:-1;}.b1xxdrt2[readonly]:not(.b1xxdrt2[readonly].textarea-clear) .s3wsw3p:hover,.b1xxdrt2[readonly]:not(.b1xxdrt2[readonly].textarea-clear) .snf439a:hover{background:transparent;}.b1xxdrt2[readonly]:not(.b1xxdrt2[readonly].textarea-clear) .s3wsw3p:before{border-radius:var(--plasma-textarea-border-radius-with-helpers);}.b1xxdrt2[readonly]:not(.b1xxdrt2[readonly].textarea-clear) .snf439a:before{border-bottom-left-radius:var(--plasma-textarea-border-radius);border-bottom-right-radius:var(--plasma-textarea-border-radius);}

package/es/components/TextField/TextField.tokens.js

@@ -112,6 +112,7 @@ var tokens = {
   textAfterMargin: '--plasma-textfield__after-text-margin',
   /** Прозрачность для всего компонента в состоянии disabled */
   disabledOpacity: '--plasma-textfield-disabled-opacity',
+  readOnlyOpacity: '--plasma-textfield-readonly-opacity',
   /** Токены для tooltip */
   hintMargin: '--plasma-textfield__hint-margin',
   hintTargetSize: '--plasma-textfield__hint-target-size',

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

@@ -1 +1 @@
-{"version":3,"file":"TextField.tokens.js","sources":["../../../src/components/TextField/TextField.tokens.ts"],"sourcesContent":["export const classes = {\n    hasChips: 'has-chips',\n    chipsWrapper: 'chips-wrapper',\n    hasValue: 'has-value',\n    keepPlaceholder: 'keep-placeholder',\n    hasEmptyContentLeft: 'has-empty-content-left',\n    hasEmptyContentRight: 'has-empty-content-right',\n    innerLabelPlacement: 'label-placement-inner',\n    outerLabelPlacement: 'label-placement-outer',\n    hideLabel: 'hide-label',\n    clear: 'textfield-clear',\n    hasDivider: 'textfield-has-divider',\n    hasHint: 'textfield-has-hint',\n    textFieldGroupItem: 'text-field-group-item',\n    requiredAlignRight: 'required-align-right',\n    inputWrapper: 'input-wrapper',\n    contentRightCompensationMargin: 'textfield-content-right-compensation-margin',\n};\n\nexport const tokens = {\n    color: '--plasma-textfield-color',\n    clearColor: '--plasma-textfield-clear-color',\n    boxShadow: '--plasma-textfield-box-shadow',\n\n    backgroundColor: '--plasma-textfield-bg-color',\n    backgroundColorHover: '--plasma-textfield-bg-color-hover',\n    backgroundColorFocus: '--plasma-textfield-bg-color-focus',\n\n    borderColor: '--plasma-textfield-border-color',\n    borderColorHover: '--plasma-textfield-border-color-hover',\n    borderColorFocus: '--plasma-textfield-border-color-focus',\n\n    dividerColor: '--plasma-textfield-divider-color',\n    dividerColorHover: '--plasma-textfield-divider-color-hover',\n    dividerColorFocus: '--plasma-textfield-divider-color-focus',\n\n    /** Цвета для read-only состояния */\n    colorReadOnly: '--plasma-textfield-color-readonly',\n    backgroundColorReadOnly: '--plasma-textfield-bg-color-readonly',\n    borderColorReadOnly: '--plasma-textfield-border-color-readonly',\n    placeholderColorReadOnly: '--plasma-textfield__placeholder-color-readonly',\n    dividerColorReadOnly: '--plasma-textfield-divider-color-readonly',\n\n    /** Цвет каретки */\n    caretColor: '--plasma-textfield__caret-color',\n    placeholderColor: '--plasma-textfield__placeholder-color',\n    placeholderColorFocus: '--plasma-textfield__placeholder-color-focus',\n    clearPlaceholderColor: '--plasma-textfield__clear-placeholder-color',\n    clearPlaceholderColorFocus: '--plasma-textfield__clear-placeholder-color-focus',\n    optionalColor: '--plasma-textfield__optional-color',\n\n    height: '--plasma-textfield-height',\n    borderWidth: '--plasma-textfield-border-width',\n    borderRadius: '--plasma-textfield-border-radius',\n\n    /** Отступ от границы ТextField */\n    padding: '--plasma-textfield-padding',\n    paddingWithChips: '--plasma-textfield-padding-with-chips',\n\n    /* Токены для input */\n    leftContentMargin: '--plasma-textfield__left-content-margin',\n    rightContentMargin: '--plasma-textfield__right-content-margin',\n    rightContentWithHintMargin: '--plasma-textfield__right-content-with-hint-margin',\n\n    fontFamily: '--plasma-textfield-font-family',\n    fontStyle: '--plasma-textfield-font-style',\n    fontSize: '--plasma-textfield-font-size',\n    fontWeight: '--plasma-textfield-font-weight',\n    letterSpacing: '--plasma-textfield-letter-spacing',\n    lineHeight: '--plasma-textfield-line-height',\n\n    /* Tokens for content slot */\n    contentSlotColor: '--plasma-textfield-content-slot-color',\n    contentSlotColorHover: '--plasma-textfield-content-slot-color-hover',\n    contentSlotColorActive: '--plasma-textfield-content-slot-color-active',\n\n    contentSlotRightColor: '--plasma-textfield-content-right-slot-color',\n    contentSlotRightColorHover: '--plasma-textfield-content-right-slot-color-hover',\n    contentSlotRightColorActive: '--plasma-textfield-content-right-slot-color-active',\n\n    contentRightWrapperGap: '--plasma-textfield-content-right-wrapper-gap',\n    contentRightWrapperMargin: '--plasma-textfield-content-right-wrapper-margin',\n\n    /** Токены лейбла */\n    labelColor: '--plasma-textfield__label-color',\n    labelColorReadOnly: '--plasma-textfield__label-color-readonly',\n    labelOffset: '--plasma-textfield__label-offset',\n    clearLabelOffset: '--plasma-textfield__clear-label-offset',\n\n    labelFontFamily: '--plasma-textfield__label-font-family',\n    labelFontStyle: '--plasma-textfield__label-font-style',\n    labelFontSize: '--plasma-textfield__label-font-size',\n    labelFontWeight: '--plasma-textfield__label-font-weight',\n    labelLetterSpacing: '--plasma-textfield__label-letter-spacing',\n    labelLineHeight: '--plasma-textfield__label-line-height',\n\n    /* label-placement-inner */\n    labelInnerFontFamily: '--plasma-textfield-placement_inner__label-font-family',\n    labelInnerFontStyle: '--plasma-textfield-placement_inner__label-font-style',\n    labelInnerFontSize: '--plasma-textfield-placement_inner__label-font-size',\n    labelInnerFontWeight: '--plasma-textfield-placement_inner__label-font-weight',\n    labelInnerLetterSpacing: '--plasma-textfield-placement_inner__label-letter-spacing',\n    labelInnerLineHeight: '--plasma-textfield-placement_inner__label-line-height',\n\n    labelInnerPadding: '--plasma-textfield-placement_inner__label-padding',\n    contentLabelInnerPadding: '--plasma-textfield-placement_inner__content-padding',\n\n    titleCaptionColor: '--plasma-textfield__title-caption-color',\n    titleCaptionColorReadOnly: '--plasma-textfield__title-caption-color-readonly',\n    titleCaptionInnerLabelOffset: '--plasma-textfield__title-caption-label-inner-offset',\n\n    titleCaptionFontFamily: '--plasma-textfield__title-caption-font-family',\n    titleCaptionFontStyle: '--plasma-textfield__title-caption-font-style',\n    titleCaptionFontSize: '--plasma-textfield__title-caption-font-size',\n    titleCaptionFontWeight: '--plasma-textfield__title-caption-font-weight',\n    titleCaptionLetterSpacing: '--plasma-textfield__title-caption-letter-spacing',\n    titleCaptionLineHeight: '--plasma-textfield__title-caption-line-height',\n\n    leftHelperColor: '--plasma-textfield__left-helper-color',\n    leftHelperColorReadOnly: '--plasma-textfield__left-helper-color-readonly',\n    leftHelperOffset: '--plasma-textfield__left-helper-offset',\n\n    leftHelperFontFamily: '--plasma-textfield__left-helper-font-family',\n    leftHelperFontStyle: '--plasma-textfield__left-helper-font-style',\n    leftHelperFontSize: '--plasma-textfield__left-helper-font-size',\n    leftHelperFontWeight: '--plasma-textfield__left-helper-font-weight',\n    leftHelperLetterSpacing: '--plasma-textfield__left-helper-letter-spacing',\n    leftHelperLineHeight: '--plasma-textfield__left-helper-line-height',\n\n    /** Токены вспомогательного текста */\n    textBeforeColor: '--plasma-textfield__before-text-color',\n    textAfterColor: '--plasma-textfield__after-text-color',\n    textBeforeMargin: '--plasma-textfield__before-text-margin',\n    textAfterMargin: '--plasma-textfield__after-text-margin',\n\n    /** Прозрачность для всего компонента в состоянии disabled */\n    disabledOpacity: '--plasma-textfield-disabled-opacity',\n\n    /** Токены для tooltip */\n    hintMargin: '--plasma-textfield__hint-margin',\n    hintTargetSize: '--plasma-textfield__hint-target-size',\n    hintCustomIconTargetSize: '--plasma-textfield__hint-custom-icon-target-size',\n    hintIconColor: '--plasma-textfield__hint-icon-color',\n    hintInnerLabelPlacementOffset: '--plasma-textfield__hint-inner-label-placement-offset',\n    clearHintInnerLabelPlacementOffset: '--plasma-textfield__clear-hint-inner-label-placement-offset',\n\n    tooltipBackgroundColor: '--plasma-textfield__tooltip-background-color',\n    tooltipBoxShadow: '--plasma-textfield__tooltip-box-shadow',\n    tooltipColor: '--plasma-textfield__tooltip-color',\n\n    tooltipPaddingTop: '--plasma-textfield__tooltip-padding-top',\n    tooltipPaddingRight: '--plasma-textfield__tooltip-padding-right',\n    tooltipPaddingBottom: '--plasma-textfield__tooltip-padding-bottom',\n    tooltipPaddingLeft: '--plasma-textfield__tooltip-padding-left',\n    tooltipMinHeight: '--plasma-textfield__tooltip-min-height',\n    tooltipBorderRadius: '--plasma-textfield__tooltip-border-radius',\n    tooltipTextFontFamily: '--plasma-textfield__tooltip-text-font-family',\n    tooltipTextFontSize: '--plasma-textfield__tooltip-text-font-size',\n    tooltipTextFontStyle: '--plasma-textfield__tooltip-text-font-style',\n    tooltipTextFontWeight: '--plasma-textfield__tooltip-text-font-weight',\n    tooltipTextFontLetterSpacing: '--plasma-textfield__tooltip-text-font-letter-spacing',\n    tooltipTextFontLineHeight: '--plasma-textfield__tooltip-text-font-line-height',\n    tooltipContentLeftMargin: '--plasma-textfield__tooltip-content-left-margin',\n    tooltipArrowMaskWidth: '--plasma-textfield__tooltip-arrow-mask-width',\n    tooltipArrowMaskHeight: '--plasma-textfield__tooltip-arrow-mask-height',\n    tooltipArrowMaskImage: '--plasma-textfield__tooltip-arrow-mask-image',\n    tooltipArrowHeight: '--plasma-textfield__tooltip-arrow-height',\n    tooltipArrowEdgeMargin: '--plasma-textfield__tooltip-arrow-edge-margin',\n    tooltipArrowBackground: '--plasma-textfield__tooltip-arrow-background',\n\n    /** Токены чипа */\n    chipHeight: '--plasma-textfield__chip-height',\n    chipBorderRadius: '--plasma-textfield__chip-border-radius',\n    chipGap: '--plasma-textfield__chip-gap',\n    chipMarginRight: '--plasma-textfield__chip-margin-right',\n    chipBackground: '--plasma-textfield__chip-background',\n    chipColor: '--plasma-textfield__chip-color',\n    chipBackgroundHover: '--plasma-textfield__chip-background-hover',\n    chipColorHover: '--plasma-textfield__chip-color-hover',\n    chipScaleHover: '--plasma-textfield__chip-scale-hover',\n    chipBackgroundReadOnly: '--plasma-textfield__chip-background-readonly',\n    chipColorReadOnly: '--plasma-textfield__chip-color-readonly',\n    chipBackgroundReadOnlyHover: '--plasma-textfield__chip-background-readonly-hover',\n    chipColorReadOnlyHover: '--plasma-textfield__chip-color-readonly-hover',\n    chipBackgroundActive: '--plasma-textfield__chip-background-active',\n    chipColorActive: '--plasma-textfield__chip-color-active',\n    chipScaleActive: '--plasma-textfield__chip-scale-active',\n    chipFocusColor: '--plasma-textfield__chip-focus-color',\n    chipCloseIconColor: '--plasma-textfield__chip-close-icon-color',\n    chipOutlineSize: '--plasma-textfield__chip-outline-size',\n    chipWidth: '--plasma-textfield__chip-width',\n    chipPadding: '--plasma-textfield__chip-padding',\n    chipCloseIconSize: '--plasma-textfield__chip-close-icon-size',\n    chipFontFamily: '--plasma-textfield__chip-font-family',\n    chipFontSize: '--plasma-textfield__chip-font-size',\n    chipFontStyle: '--plasma-textfield__chip-font-style',\n    chipFontWeight: '--plasma-textfield__chip-font-weight',\n    chipLetterSpacing: '--plasma-textfield__chip-letter-spacing',\n    chipLineHeight: '--plasma-textfield__chip-line-height',\n    chipClearContentMarginLeft: '--plasma-textfield__chip-clear-content-margin-left',\n    chipClearContentMarginRight: '--plasma-textfield__chip-clear-content-margin-right',\n    chipOpacityReadonly: '--plasma-textfield__chip-opacity-readonly',\n\n    focusColor: '--plasma-textfield-focus-color',\n\n    indicatorColor: '--plasma-textfield__indicator-color',\n    indicatorSizeInner: '--plasma-textfield__indicator-size-inner',\n    indicatorSizeOuter: '--plasma-textfield__indicator-size-outer',\n    indicatorLabelPlacementInner: '--plasma-textfield__indicator-placement-inner',\n    indicatorLabelPlacementOuter: '--plasma-textfield__indicator-placement-outer',\n    indicatorLabelPlacementInnerRight: '--plasma-textfield__indicator-placement-inner-right',\n    indicatorLabelPlacementOuterRight: '--plasma-textfield__indicator-placement-outer-right',\n    indicatorLabelPlacementHintOuterRight: '--plasma-textfield__indicator-hint-placement-outer-right',\n    clearIndicatorLabelPlacementInner: '--plasma-textfield__clear-indicator-placement-inner',\n    clearIndicatorLabelPlacementInnerRight: '--plasma-textfield__clear-indicator-placement-inner-right',\n    clearIndicatorHintInnerRight: '--plasma-textfield__clear-indicator-hint-placement-inner-right',\n};\n"],"names":["classes","hasChips","chipsWrapper","hasValue","keepPlaceholder","hasEmptyContentLeft","hasEmptyContentRight","innerLabelPlacement","outerLabelPlacement","hideLabel","clear","hasDivider","hasHint","textFieldGroupItem","requiredAlignRight","inputWrapper","contentRightCompensationMargin","tokens","color","clearColor","boxShadow","backgroundColor","backgroundColorHover","backgroundColorFocus","borderColor","borderColorHover","borderColorFocus","dividerColor","dividerColorHover","dividerColorFocus","colorReadOnly","backgroundColorReadOnly","borderColorReadOnly","placeholderColorReadOnly","dividerColorReadOnly","caretColor","placeholderColor","placeholderColorFocus","clearPlaceholderColor","clearPlaceholderColorFocus","optionalColor","height","borderWidth","borderRadius","padding","paddingWithChips","leftContentMargin","rightContentMargin","rightContentWithHintMargin","fontFamily","fontStyle","fontSize","fontWeight","letterSpacing","lineHeight","contentSlotColor","contentSlotColorHover","contentSlotColorActive","contentSlotRightColor","contentSlotRightColorHover","contentSlotRightColorActive","contentRightWrapperGap","contentRightWrapperMargin","labelColor","labelColorReadOnly","labelOffset","clearLabelOffset","labelFontFamily","labelFontStyle","labelFontSize","labelFontWeight","labelLetterSpacing","labelLineHeight","labelInnerFontFamily","labelInnerFontStyle","labelInnerFontSize","labelInnerFontWeight","labelInnerLetterSpacing","labelInnerLineHeight","labelInnerPadding","contentLabelInnerPadding","titleCaptionColor","titleCaptionColorReadOnly","titleCaptionInnerLabelOffset","titleCaptionFontFamily","titleCaptionFontStyle","titleCaptionFontSize","titleCaptionFontWeight","titleCaptionLetterSpacing","titleCaptionLineHeight","leftHelperColor","leftHelperColorReadOnly","leftHelperOffset","leftHelperFontFamily","leftHelperFontStyle","leftHelperFontSize","leftHelperFontWeight","leftHelperLetterSpacing","leftHelperLineHeight","textBeforeColor","textAfterColor","textBeforeMargin","textAfterMargin","disabledOpacity","hintMargin","hintTargetSize","hintCustomIconTargetSize","hintIconColor","hintInnerLabelPlacementOffset","clearHintInnerLabelPlacementOffset","tooltipBackgroundColor","tooltipBoxShadow","tooltipColor","tooltipPaddingTop","tooltipPaddingRight","tooltipPaddingBottom","tooltipPaddingLeft","tooltipMinHeight","tooltipBorderRadius","tooltipTextFontFamily","tooltipTextFontSize","tooltipTextFontStyle","tooltipTextFontWeight","tooltipTextFontLetterSpacing","tooltipTextFontLineHeight","tooltipContentLeftMargin","tooltipArrowMaskWidth","tooltipArrowMaskHeight","tooltipArrowMaskImage","tooltipArrowHeight","tooltipArrowEdgeMargin","tooltipArrowBackground","chipHeight","chipBorderRadius","chipGap","chipMarginRight","chipBackground","chipColor","chipBackgroundHover","chipColorHover","chipScaleHover","chipBackgroundReadOnly","chipColorReadOnly","chipBackgroundReadOnlyHover","chipColorReadOnlyHover","chipBackgroundActive","chipColorActive","chipScaleActive","chipFocusColor","chipCloseIconColor","chipOutlineSize","chipWidth","chipPadding","chipCloseIconSize","chipFontFamily","chipFontSize","chipFontStyle","chipFontWeight","chipLetterSpacing","chipLineHeight","chipClearContentMarginLeft","chipClearContentMarginRight","chipOpacityReadonly","focusColor","indicatorColor","indicatorSizeInner","indicatorSizeOuter","indicatorLabelPlacementInner","indicatorLabelPlacementOuter","indicatorLabelPlacementInnerRight","indicatorLabelPlacementOuterRight","indicatorLabelPlacementHintOuterRight","clearIndicatorLabelPlacementInner","clearIndicatorLabelPlacementInnerRight","clearIndicatorHintInnerRight"],"mappings":"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"}
+{"version":3,"file":"TextField.tokens.js","sources":["../../../src/components/TextField/TextField.tokens.ts"],"sourcesContent":["export const classes = {\n    hasChips: 'has-chips',\n    chipsWrapper: 'chips-wrapper',\n    hasValue: 'has-value',\n    keepPlaceholder: 'keep-placeholder',\n    hasEmptyContentLeft: 'has-empty-content-left',\n    hasEmptyContentRight: 'has-empty-content-right',\n    innerLabelPlacement: 'label-placement-inner',\n    outerLabelPlacement: 'label-placement-outer',\n    hideLabel: 'hide-label',\n    clear: 'textfield-clear',\n    hasDivider: 'textfield-has-divider',\n    hasHint: 'textfield-has-hint',\n    textFieldGroupItem: 'text-field-group-item',\n    requiredAlignRight: 'required-align-right',\n    inputWrapper: 'input-wrapper',\n    contentRightCompensationMargin: 'textfield-content-right-compensation-margin',\n};\n\nexport const tokens = {\n    color: '--plasma-textfield-color',\n    clearColor: '--plasma-textfield-clear-color',\n    boxShadow: '--plasma-textfield-box-shadow',\n\n    backgroundColor: '--plasma-textfield-bg-color',\n    backgroundColorHover: '--plasma-textfield-bg-color-hover',\n    backgroundColorFocus: '--plasma-textfield-bg-color-focus',\n\n    borderColor: '--plasma-textfield-border-color',\n    borderColorHover: '--plasma-textfield-border-color-hover',\n    borderColorFocus: '--plasma-textfield-border-color-focus',\n\n    dividerColor: '--plasma-textfield-divider-color',\n    dividerColorHover: '--plasma-textfield-divider-color-hover',\n    dividerColorFocus: '--plasma-textfield-divider-color-focus',\n\n    /** Цвета для read-only состояния */\n    colorReadOnly: '--plasma-textfield-color-readonly',\n    backgroundColorReadOnly: '--plasma-textfield-bg-color-readonly',\n    borderColorReadOnly: '--plasma-textfield-border-color-readonly',\n    placeholderColorReadOnly: '--plasma-textfield__placeholder-color-readonly',\n    dividerColorReadOnly: '--plasma-textfield-divider-color-readonly',\n\n    /** Цвет каретки */\n    caretColor: '--plasma-textfield__caret-color',\n    placeholderColor: '--plasma-textfield__placeholder-color',\n    placeholderColorFocus: '--plasma-textfield__placeholder-color-focus',\n    clearPlaceholderColor: '--plasma-textfield__clear-placeholder-color',\n    clearPlaceholderColorFocus: '--plasma-textfield__clear-placeholder-color-focus',\n    optionalColor: '--plasma-textfield__optional-color',\n\n    height: '--plasma-textfield-height',\n    borderWidth: '--plasma-textfield-border-width',\n    borderRadius: '--plasma-textfield-border-radius',\n\n    /** Отступ от границы ТextField */\n    padding: '--plasma-textfield-padding',\n    paddingWithChips: '--plasma-textfield-padding-with-chips',\n\n    /* Токены для input */\n    leftContentMargin: '--plasma-textfield__left-content-margin',\n    rightContentMargin: '--plasma-textfield__right-content-margin',\n    rightContentWithHintMargin: '--plasma-textfield__right-content-with-hint-margin',\n\n    fontFamily: '--plasma-textfield-font-family',\n    fontStyle: '--plasma-textfield-font-style',\n    fontSize: '--plasma-textfield-font-size',\n    fontWeight: '--plasma-textfield-font-weight',\n    letterSpacing: '--plasma-textfield-letter-spacing',\n    lineHeight: '--plasma-textfield-line-height',\n\n    /* Tokens for content slot */\n    contentSlotColor: '--plasma-textfield-content-slot-color',\n    contentSlotColorHover: '--plasma-textfield-content-slot-color-hover',\n    contentSlotColorActive: '--plasma-textfield-content-slot-color-active',\n\n    contentSlotRightColor: '--plasma-textfield-content-right-slot-color',\n    contentSlotRightColorHover: '--plasma-textfield-content-right-slot-color-hover',\n    contentSlotRightColorActive: '--plasma-textfield-content-right-slot-color-active',\n\n    contentRightWrapperGap: '--plasma-textfield-content-right-wrapper-gap',\n    contentRightWrapperMargin: '--plasma-textfield-content-right-wrapper-margin',\n\n    /** Токены лейбла */\n    labelColor: '--plasma-textfield__label-color',\n    labelColorReadOnly: '--plasma-textfield__label-color-readonly',\n    labelOffset: '--plasma-textfield__label-offset',\n    clearLabelOffset: '--plasma-textfield__clear-label-offset',\n\n    labelFontFamily: '--plasma-textfield__label-font-family',\n    labelFontStyle: '--plasma-textfield__label-font-style',\n    labelFontSize: '--plasma-textfield__label-font-size',\n    labelFontWeight: '--plasma-textfield__label-font-weight',\n    labelLetterSpacing: '--plasma-textfield__label-letter-spacing',\n    labelLineHeight: '--plasma-textfield__label-line-height',\n\n    /* label-placement-inner */\n    labelInnerFontFamily: '--plasma-textfield-placement_inner__label-font-family',\n    labelInnerFontStyle: '--plasma-textfield-placement_inner__label-font-style',\n    labelInnerFontSize: '--plasma-textfield-placement_inner__label-font-size',\n    labelInnerFontWeight: '--plasma-textfield-placement_inner__label-font-weight',\n    labelInnerLetterSpacing: '--plasma-textfield-placement_inner__label-letter-spacing',\n    labelInnerLineHeight: '--plasma-textfield-placement_inner__label-line-height',\n\n    labelInnerPadding: '--plasma-textfield-placement_inner__label-padding',\n    contentLabelInnerPadding: '--plasma-textfield-placement_inner__content-padding',\n\n    titleCaptionColor: '--plasma-textfield__title-caption-color',\n    titleCaptionColorReadOnly: '--plasma-textfield__title-caption-color-readonly',\n    titleCaptionInnerLabelOffset: '--plasma-textfield__title-caption-label-inner-offset',\n\n    titleCaptionFontFamily: '--plasma-textfield__title-caption-font-family',\n    titleCaptionFontStyle: '--plasma-textfield__title-caption-font-style',\n    titleCaptionFontSize: '--plasma-textfield__title-caption-font-size',\n    titleCaptionFontWeight: '--plasma-textfield__title-caption-font-weight',\n    titleCaptionLetterSpacing: '--plasma-textfield__title-caption-letter-spacing',\n    titleCaptionLineHeight: '--plasma-textfield__title-caption-line-height',\n\n    leftHelperColor: '--plasma-textfield__left-helper-color',\n    leftHelperColorReadOnly: '--plasma-textfield__left-helper-color-readonly',\n    leftHelperOffset: '--plasma-textfield__left-helper-offset',\n\n    leftHelperFontFamily: '--plasma-textfield__left-helper-font-family',\n    leftHelperFontStyle: '--plasma-textfield__left-helper-font-style',\n    leftHelperFontSize: '--plasma-textfield__left-helper-font-size',\n    leftHelperFontWeight: '--plasma-textfield__left-helper-font-weight',\n    leftHelperLetterSpacing: '--plasma-textfield__left-helper-letter-spacing',\n    leftHelperLineHeight: '--plasma-textfield__left-helper-line-height',\n\n    /** Токены вспомогательного текста */\n    textBeforeColor: '--plasma-textfield__before-text-color',\n    textAfterColor: '--plasma-textfield__after-text-color',\n    textBeforeMargin: '--plasma-textfield__before-text-margin',\n    textAfterMargin: '--plasma-textfield__after-text-margin',\n\n    /** Прозрачность для всего компонента в состоянии disabled */\n    disabledOpacity: '--plasma-textfield-disabled-opacity',\n    readOnlyOpacity: '--plasma-textfield-readonly-opacity',\n\n    /** Токены для tooltip */\n    hintMargin: '--plasma-textfield__hint-margin',\n    hintTargetSize: '--plasma-textfield__hint-target-size',\n    hintCustomIconTargetSize: '--plasma-textfield__hint-custom-icon-target-size',\n    hintIconColor: '--plasma-textfield__hint-icon-color',\n    hintInnerLabelPlacementOffset: '--plasma-textfield__hint-inner-label-placement-offset',\n    clearHintInnerLabelPlacementOffset: '--plasma-textfield__clear-hint-inner-label-placement-offset',\n\n    tooltipBackgroundColor: '--plasma-textfield__tooltip-background-color',\n    tooltipBoxShadow: '--plasma-textfield__tooltip-box-shadow',\n    tooltipColor: '--plasma-textfield__tooltip-color',\n\n    tooltipPaddingTop: '--plasma-textfield__tooltip-padding-top',\n    tooltipPaddingRight: '--plasma-textfield__tooltip-padding-right',\n    tooltipPaddingBottom: '--plasma-textfield__tooltip-padding-bottom',\n    tooltipPaddingLeft: '--plasma-textfield__tooltip-padding-left',\n    tooltipMinHeight: '--plasma-textfield__tooltip-min-height',\n    tooltipBorderRadius: '--plasma-textfield__tooltip-border-radius',\n    tooltipTextFontFamily: '--plasma-textfield__tooltip-text-font-family',\n    tooltipTextFontSize: '--plasma-textfield__tooltip-text-font-size',\n    tooltipTextFontStyle: '--plasma-textfield__tooltip-text-font-style',\n    tooltipTextFontWeight: '--plasma-textfield__tooltip-text-font-weight',\n    tooltipTextFontLetterSpacing: '--plasma-textfield__tooltip-text-font-letter-spacing',\n    tooltipTextFontLineHeight: '--plasma-textfield__tooltip-text-font-line-height',\n    tooltipContentLeftMargin: '--plasma-textfield__tooltip-content-left-margin',\n    tooltipArrowMaskWidth: '--plasma-textfield__tooltip-arrow-mask-width',\n    tooltipArrowMaskHeight: '--plasma-textfield__tooltip-arrow-mask-height',\n    tooltipArrowMaskImage: '--plasma-textfield__tooltip-arrow-mask-image',\n    tooltipArrowHeight: '--plasma-textfield__tooltip-arrow-height',\n    tooltipArrowEdgeMargin: '--plasma-textfield__tooltip-arrow-edge-margin',\n    tooltipArrowBackground: '--plasma-textfield__tooltip-arrow-background',\n\n    /** Токены чипа */\n    chipHeight: '--plasma-textfield__chip-height',\n    chipBorderRadius: '--plasma-textfield__chip-border-radius',\n    chipGap: '--plasma-textfield__chip-gap',\n    chipMarginRight: '--plasma-textfield__chip-margin-right',\n    chipBackground: '--plasma-textfield__chip-background',\n    chipColor: '--plasma-textfield__chip-color',\n    chipBackgroundHover: '--plasma-textfield__chip-background-hover',\n    chipColorHover: '--plasma-textfield__chip-color-hover',\n    chipScaleHover: '--plasma-textfield__chip-scale-hover',\n    chipBackgroundReadOnly: '--plasma-textfield__chip-background-readonly',\n    chipColorReadOnly: '--plasma-textfield__chip-color-readonly',\n    chipBackgroundReadOnlyHover: '--plasma-textfield__chip-background-readonly-hover',\n    chipColorReadOnlyHover: '--plasma-textfield__chip-color-readonly-hover',\n    chipBackgroundActive: '--plasma-textfield__chip-background-active',\n    chipColorActive: '--plasma-textfield__chip-color-active',\n    chipScaleActive: '--plasma-textfield__chip-scale-active',\n    chipFocusColor: '--plasma-textfield__chip-focus-color',\n    chipCloseIconColor: '--plasma-textfield__chip-close-icon-color',\n    chipOutlineSize: '--plasma-textfield__chip-outline-size',\n    chipWidth: '--plasma-textfield__chip-width',\n    chipPadding: '--plasma-textfield__chip-padding',\n    chipCloseIconSize: '--plasma-textfield__chip-close-icon-size',\n    chipFontFamily: '--plasma-textfield__chip-font-family',\n    chipFontSize: '--plasma-textfield__chip-font-size',\n    chipFontStyle: '--plasma-textfield__chip-font-style',\n    chipFontWeight: '--plasma-textfield__chip-font-weight',\n    chipLetterSpacing: '--plasma-textfield__chip-letter-spacing',\n    chipLineHeight: '--plasma-textfield__chip-line-height',\n    chipClearContentMarginLeft: '--plasma-textfield__chip-clear-content-margin-left',\n    chipClearContentMarginRight: '--plasma-textfield__chip-clear-content-margin-right',\n    chipOpacityReadonly: '--plasma-textfield__chip-opacity-readonly',\n\n    focusColor: '--plasma-textfield-focus-color',\n\n    indicatorColor: '--plasma-textfield__indicator-color',\n    indicatorSizeInner: '--plasma-textfield__indicator-size-inner',\n    indicatorSizeOuter: '--plasma-textfield__indicator-size-outer',\n    indicatorLabelPlacementInner: '--plasma-textfield__indicator-placement-inner',\n    indicatorLabelPlacementOuter: '--plasma-textfield__indicator-placement-outer',\n    indicatorLabelPlacementInnerRight: '--plasma-textfield__indicator-placement-inner-right',\n    indicatorLabelPlacementOuterRight: '--plasma-textfield__indicator-placement-outer-right',\n    indicatorLabelPlacementHintOuterRight: '--plasma-textfield__indicator-hint-placement-outer-right',\n    clearIndicatorLabelPlacementInner: '--plasma-textfield__clear-indicator-placement-inner',\n    clearIndicatorLabelPlacementInnerRight: '--plasma-textfield__clear-indicator-placement-inner-right',\n    clearIndicatorHintInnerRight: '--plasma-textfield__clear-indicator-hint-placement-inner-right',\n};\n"],"names":["classes","hasChips","chipsWrapper","hasValue","keepPlaceholder","hasEmptyContentLeft","hasEmptyContentRight","innerLabelPlacement","outerLabelPlacement","hideLabel","clear","hasDivider","hasHint","textFieldGroupItem","requiredAlignRight","inputWrapper","contentRightCompensationMargin","tokens","color","clearColor","boxShadow","backgroundColor","backgroundColorHover","backgroundColorFocus","borderColor","borderColorHover","borderColorFocus","dividerColor","dividerColorHover","dividerColorFocus","colorReadOnly","backgroundColorReadOnly","borderColorReadOnly","placeholderColorReadOnly","dividerColorReadOnly","caretColor","placeholderColor","placeholderColorFocus","clearPlaceholderColor","clearPlaceholderColorFocus","optionalColor","height","borderWidth","borderRadius","padding","paddingWithChips","leftContentMargin","rightContentMargin","rightContentWithHintMargin","fontFamily","fontStyle","fontSize","fontWeight","letterSpacing","lineHeight","contentSlotColor","contentSlotColorHover","contentSlotColorActive","contentSlotRightColor","contentSlotRightColorHover","contentSlotRightColorActive","contentRightWrapperGap","contentRightWrapperMargin","labelColor","labelColorReadOnly","labelOffset","clearLabelOffset","labelFontFamily","labelFontStyle","labelFontSize","labelFontWeight","labelLetterSpacing","labelLineHeight","labelInnerFontFamily","labelInnerFontStyle","labelInnerFontSize","labelInnerFontWeight","labelInnerLetterSpacing","labelInnerLineHeight","labelInnerPadding","contentLabelInnerPadding","titleCaptionColor","titleCaptionColorReadOnly","titleCaptionInnerLabelOffset","titleCaptionFontFamily","titleCaptionFontStyle","titleCaptionFontSize","titleCaptionFontWeight","titleCaptionLetterSpacing","titleCaptionLineHeight","leftHelperColor","leftHelperColorReadOnly","leftHelperOffset","leftHelperFontFamily","leftHelperFontStyle","leftHelperFontSize","leftHelperFontWeight","leftHelperLetterSpacing","leftHelperLineHeight","textBeforeColor","textAfterColor","textBeforeMargin","textAfterMargin","disabledOpacity","readOnlyOpacity","hintMargin","hintTargetSize","hintCustomIconTargetSize","hintIconColor","hintInnerLabelPlacementOffset","clearHintInnerLabelPlacementOffset","tooltipBackgroundColor","tooltipBoxShadow","tooltipColor","tooltipPaddingTop","tooltipPaddingRight","tooltipPaddingBottom","tooltipPaddingLeft","tooltipMinHeight","tooltipBorderRadius","tooltipTextFontFamily","tooltipTextFontSize","tooltipTextFontStyle","tooltipTextFontWeight","tooltipTextFontLetterSpacing","tooltipTextFontLineHeight","tooltipContentLeftMargin","tooltipArrowMaskWidth","tooltipArrowMaskHeight","tooltipArrowMaskImage","tooltipArrowHeight","tooltipArrowEdgeMargin","tooltipArrowBackground","chipHeight","chipBorderRadius","chipGap","chipMarginRight","chipBackground","chipColor","chipBackgroundHover","chipColorHover","chipScaleHover","chipBackgroundReadOnly","chipColorReadOnly","chipBackgroundReadOnlyHover","chipColorReadOnlyHover","chipBackgroundActive","chipColorActive","chipScaleActive","chipFocusColor","chipCloseIconColor","chipOutlineSize","chipWidth","chipPadding","chipCloseIconSize","chipFontFamily","chipFontSize","chipFontStyle","chipFontWeight","chipLetterSpacing","chipLineHeight","chipClearContentMarginLeft","chipClearContentMarginRight","chipOpacityReadonly","focusColor","indicatorColor","indicatorSizeInner","indicatorSizeOuter","indicatorLabelPlacementInner","indicatorLabelPlacementOuter","indicatorLabelPlacementInnerRight","indicatorLabelPlacementOuterRight","indicatorLabelPlacementHintOuterRight","clearIndicatorLabelPlacementInner","clearIndicatorLabelPlacementInnerRight","clearIndicatorHintInnerRight"],"mappings":"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"}

package/es/components/TextField/variations/_read-only/base.js

@@ -1,4 +1,4 @@
-import './base_oizdmx.css';
+import './base_sr3to2.css';
 var base = "b1w985rt";
 
 export { base };

package/es/components/TextField/variations/_read-only/base.js.map

@@ -1 +1 @@
-{"version":3,"file":"base.js","sources":["../../../../../src/components/TextField/variations/_read-only/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes, tokens } from '../../TextField.tokens';\nimport { Input, InputPlaceholder, InputWrapper, Label, LeftHelper, TitleCaption } from '../../TextField.styles';\n\nexport const base = css`\n    &[readonly] {\n        ${InputWrapper} {\n            color: var(${tokens.colorReadOnly});\n            background-color: var(${String(tokens.backgroundColorReadOnly)});\n            box-shadow: inset 0 0 0 var(${String(tokens.borderWidth)}) var(${String(tokens.borderColorReadOnly)});\n        }\n\n        &.${classes.hasDivider} ${InputWrapper} {\n            &:before {\n                background-color: var(${String(tokens.dividerColorReadOnly)});\n            }\n        }\n\n        ${InputWrapper}:hover {\n            background-color: var(${tokens.backgroundColorReadOnly});\n        }\n\n        ${InputWrapper}:focus-within ${InputPlaceholder}, ${InputPlaceholder} {\n            color: var(${tokens.placeholderColorReadOnly});\n        }\n\n        ${Input} {\n            color: var(${tokens.colorReadOnly});\n            cursor: default;\n            min-width: unset;\n        }\n\n        ${TitleCaption} {\n            color: var(${tokens.titleCaptionColorReadOnly});\n        }\n\n        ${LeftHelper} {\n            color: var(${tokens.leftHelperColorReadOnly});\n        }\n\n        &.${classes.outerLabelPlacement} ${Label} {\n            color: var(${tokens.labelColorReadOnly});\n        }\n    }\n`;\n"],"names":["base"],"mappings":"AAKO,IAAMA,IAAI,GAwChB;;;;"}
+{"version":3,"file":"base.js","sources":["../../../../../src/components/TextField/variations/_read-only/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes, tokens } from '../../TextField.tokens';\nimport {\n    Input,\n    InputPlaceholder,\n    InputWrapper,\n    Label,\n    LeftHelper,\n    StyledContentRight,\n    TitleCaption,\n} from '../../TextField.styles';\n\nexport const base = css`\n    &[readonly] {\n        :not(&.${classes.clear}) {\n            ${InputWrapper} {\n                position: relative;\n\n                color: var(${tokens.colorReadOnly});\n                background-color: transparent;\n                box-shadow: inset 0 0 0 var(${String(tokens.borderWidth)}) var(${String(tokens.borderColorReadOnly)});\n\n                :before {\n                    position: absolute;\n                    content: '';\n                    top: 0;\n                    left: 0;\n                    right: 0;\n                    bottom: 0;\n                    border-radius: var(${tokens.borderRadius});\n                    background-color: var(${tokens.backgroundColorReadOnly});\n                    opacity: var(${tokens.readOnlyOpacity});\n                    z-index: -1;\n                }\n\n                :hover {\n                    background-color: transparent;\n                }\n            }\n        }\n\n        &.${classes.hasDivider} ${InputWrapper} {\n            &:before {\n                background-color: var(${String(tokens.dividerColorReadOnly)});\n            }\n        }\n\n        ${InputWrapper}:focus-within ${InputPlaceholder}, ${InputPlaceholder} {\n            color: var(${tokens.placeholderColorReadOnly});\n        }\n\n        ${Input} {\n            color: var(${tokens.colorReadOnly});\n            cursor: default;\n            min-width: unset;\n        }\n\n        ${TitleCaption} {\n            color: var(${tokens.titleCaptionColorReadOnly});\n        }\n\n        ${LeftHelper} {\n            color: var(${tokens.leftHelperColorReadOnly});\n        }\n\n        ${StyledContentRight}:hover, ${StyledContentRight}:active {\n            cursor: default;\n            color: var(${tokens.contentSlotRightColor}, var(${tokens.contentSlotColor}));\n        }\n\n        &.${classes.outerLabelPlacement} ${Label} {\n            color: var(${tokens.labelColorReadOnly});\n        }\n    }\n`;\n"],"names":["base"],"mappings":"AAaO,IAAMA,IAAI,GA8DhB;;;;"}

package/es/components/TextField/variations/_read-only/base_sr3to2.css

@@ -0,0 +1 @@
+.b1w985rt[readonly]:not(.b1w985rt[readonly].textfield-clear) .iq39zt5{position:relative;color:var(--plasma-textfield-color-readonly);background-color:transparent;box-shadow:inset 0 0 0 var(--plasma-textfield-border-width) var(--plasma-textfield-border-color-readonly);}.b1w985rt[readonly]:not(.b1w985rt[readonly].textfield-clear) .iq39zt5:before{position:absolute;content:'';top:0;left:0;right:0;bottom:0;border-radius:var(--plasma-textfield-border-radius);background-color:var(--plasma-textfield-bg-color-readonly);opacity:var(--plasma-textfield-readonly-opacity);z-index:-1;}.b1w985rt[readonly]:not(.b1w985rt[readonly].textfield-clear) .iq39zt5:hover{background-color:transparent;}.b1w985rt[readonly].textfield-has-divider .iq39zt5:before{background-color:var(--plasma-textfield-divider-color-readonly);}.b1w985rt[readonly] .iq39zt5:focus-within .i19ry60d,.b1w985rt[readonly] .i19ry60d{color:var(--plasma-textfield__placeholder-color-readonly);}.b1w985rt[readonly] .io4bpie{color:var(--plasma-textfield-color-readonly);cursor:default;min-width:unset;}.b1w985rt[readonly] .tlv9av6{color:var(--plasma-textfield__title-caption-color-readonly);}.b1w985rt[readonly] .lb3k3v1{color:var(--plasma-textfield__left-helper-color-readonly);}.b1w985rt[readonly] .s190z894:hover,.b1w985rt[readonly] .s190z894:active{cursor:default;color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.b1w985rt[readonly].label-placement-outer .luk2zst{color:var(--plasma-textfield__label-color-readonly);}

package/es/index.css

@@ -156,6 +156,8 @@
 
 .base_kgm261_b1x0cx6o__f2a5cb59.base_kgm261_textareaClear__f2a5cb59{border:unset;}.base_kgm261_b1x0cx6o__f2a5cb59.base_kgm261_textareaClear__f2a5cb59 .base_kgm261_s3wsw3p__f2a5cb59{box-shadow:unset;background-color:unset;border-radius:0;padding-bottom:var(--plasma-textarea-input-padding-top);}.base_kgm261_b1x0cx6o__f2a5cb59.base_kgm261_textareaClear__f2a5cb59 .base_kgm261_o1r1fvk8__f2a5cb59{margin-bottom:var(--plasma-textarea-clear-label-margin-bottom);}.base_kgm261_b1x0cx6o__f2a5cb59.base_kgm261_textareaClear__f2a5cb59 .base_kgm261_stc5t23__f2a5cb59{right:0;bottom:unset;}.base_kgm261_b1x0cx6o__f2a5cb59.base_kgm261_textareaClear__f2a5cb59 .base_kgm261_s18lndvq__f2a5cb59,.base_kgm261_b1x0cx6o__f2a5cb59.base_kgm261_textareaClear__f2a5cb59 .base_kgm261_snf439a__f2a5cb59{padding-left:0;}.base_kgm261_b1x0cx6o__f2a5cb59.base_kgm261_textareaClear__f2a5cb59 .base_kgm261_snf439a__f2a5cb59{background-color:unset;border-radius:0;padding-top:var(--plasma-textarea-clear-helpers-padding-top);padding-right:0;}.base_kgm261_b1x0cx6o__f2a5cb59.base_kgm261_textareaClear__f2a5cb59 .base_kgm261_s18lndvq__f2a5cb59{color:var(--plasma-textarea-input-clear-color);padding-right:0;}.base_kgm261_b1x0cx6o__f2a5cb59.base_kgm261_textareaClear__f2a5cb59 .base_kgm261_s18lndvq__f2a5cb59.base_kgm261_textareaHasRightContent__f2a5cb59{padding-right:var(--plasma-textarea-clear-input-padding-right-with-right-content);}.base_kgm261_b1x0cx6o__f2a5cb59.base_kgm261_textareaClear__f2a5cb59 .base_kgm261_salwx57__f2a5cb59:not(.base_kgm261_innerPlaceholderUp__f2a5cb59) .base_kgm261_s14zw9ik__f2a5cb59{color:var(--plasma-textarea-clear-placeholder-color);}.base_kgm261_b1x0cx6o__f2a5cb59.base_kgm261_textareaClear__f2a5cb59 .base_kgm261_salwx57__f2a5cb59:not(.base_kgm261_innerPlaceholderUp__f2a5cb59).base_kgm261_focusedOuterPlaceholderColor__f2a5cb59 .base_kgm261_s14zw9ik__f2a5cb59{color:var(--plasma-textarea-clear-placeholder-color-focus);}.base_kgm261_b1x0cx6o__f2a5cb59.base_kgm261_textareaClear__f2a5cb59 .base_kgm261_salwx57__f2a5cb59.base_kgm261_innerPlaceholderUp__f2a5cb59{color:var(--plasma-textarea-placeholder-color);}.base_kgm261_b1x0cx6o__f2a5cb59.base_kgm261_textareaClear__f2a5cb59 .base_kgm261_s14zw9ik__f2a5cb59{padding-left:0;}.base_kgm261_b1x0cx6o__f2a5cb59.base_kgm261_textareaClear__f2a5cb59 .base_kgm261_sgr5lml__f2a5cb59.base_kgm261_labelPlacementInner__f2a5cb59{inset:var(--plasma-textarea__clear-indicator-placement-inner);}.base_kgm261_b1x0cx6o__f2a5cb59.base_kgm261_textareaClear__f2a5cb59 .base_kgm261_sgr5lml__f2a5cb59.base_kgm261_labelPlacementInner__f2a5cb59.base_kgm261_requiredAlignRight__f2a5cb59{inset:var(--plasma-textarea__clear-indicator-placement-inner-right);}.base_kgm261_b1x0cx6o__f2a5cb59.base_kgm261_textareaClear__f2a5cb59.base_kgm261_textareaHasHint__f2a5cb59 .base_kgm261_s18tpn65__f2a5cb59.base_kgm261_labelPlacementInner__f2a5cb59{inset:var(--plasma-textarea__clear-hint-inner-label-placement-offset);}.base_kgm261_b1x0cx6o__f2a5cb59.base_kgm261_textareaClear__f2a5cb59.base_kgm261_textareaHasHint__f2a5cb59 .base_kgm261_sgr5lml__f2a5cb59.base_kgm261_labelPlacementInner__f2a5cb59.base_kgm261_requiredAlignRight__f2a5cb59{inset:var(--plasma-textarea__clear-indicator-hint-placement-inner-right);}.base_kgm261_b1x0cx6o__f2a5cb59.base_kgm261_textareaClear__f2a5cb59 .base_kgm261_textareaContainer__f2a5cb59{border:unset;border-radius:0;}.base_kgm261_b1x0cx6o__f2a5cb59.base_kgm261_textareaClear__f2a5cb59:focus-within:not([readonly]) .base_kgm261_textareaWrapper__f2a5cb59{background-color:unset;box-shadow:unset;}.base_kgm261_b1x0cx6o__f2a5cb59.base_kgm261_textareaClear__f2a5cb59:focus-within:not([readonly]) .base_kgm261_textareaContainer__f2a5cb59{border:unset;}.base_kgm261_b1x0cx6o__f2a5cb59.base_kgm261_textareaClear__f2a5cb59:focus-within:not([readonly]) .base_kgm261_textareaHelpers__f2a5cb59{background-color:unset;}.base_kgm261_b1x0cx6o__f2a5cb59.base_kgm261_textareaClear__f2a5cb59.base_kgm261_textareaHasDivider__f2a5cb59 .base_kgm261_s3wsw3p__f2a5cb59{position:relative;--plasma_private-textarea-divider-color:var(--plasma-textarea-divider-color);}.base_kgm261_b1x0cx6o__f2a5cb59.base_kgm261_textareaClear__f2a5cb59.base_kgm261_textareaHasDivider__f2a5cb59 .base_kgm261_s3wsw3p__f2a5cb59:before{content:'';position:absolute;height:0.063rem;width:100%;bottom:0;left:0;background-color:var(--plasma_private-textarea-divider-color);-webkit-transition:background-color 0.1s ease-in;transition:background-color 0.1s ease-in;}.base_kgm261_b1x0cx6o__f2a5cb59.base_kgm261_textareaClear__f2a5cb59.base_kgm261_textareaHasDivider__f2a5cb59:not([readonly]) .base_kgm261_s3wsw3p__f2a5cb59:hover{--plasma_private-textarea-divider-color:var( --plasma-textarea-divider-color-hover, var(--plasma-textarea-divider-color) );}.base_kgm261_b1x0cx6o__f2a5cb59.base_kgm261_textareaClear__f2a5cb59.base_kgm261_textareaHasDivider__f2a5cb59:not([readonly]) .base_kgm261_s3wsw3p__f2a5cb59:focus-within{--plasma_private-textarea-divider-color:var( --plasma-textarea-divider-color-focus, var(--plasma-textarea-divider-color) );}
 
+.base_om8eo9_b1xxdrt2__1ba9f117[readonly] .base_om8eo9_s18lndvq__1ba9f117{color:var(--plasma-textarea-input-color-read-only);}.base_om8eo9_b1xxdrt2__1ba9f117[readonly]:not(.base_om8eo9_b1xxdrt2__1ba9f117[readonly].base_om8eo9_textareaClear__1ba9f117) .base_om8eo9_s3wsw3p__1ba9f117,.base_om8eo9_b1xxdrt2__1ba9f117[readonly]:not(.base_om8eo9_b1xxdrt2__1ba9f117[readonly].base_om8eo9_textareaClear__1ba9f117) .base_om8eo9_snf439a__1ba9f117{background:transparent;position:relative;}.base_om8eo9_b1xxdrt2__1ba9f117[readonly]:not(.base_om8eo9_b1xxdrt2__1ba9f117[readonly].base_om8eo9_textareaClear__1ba9f117) .base_om8eo9_s3wsw3p__1ba9f117:before,.base_om8eo9_b1xxdrt2__1ba9f117[readonly]:not(.base_om8eo9_b1xxdrt2__1ba9f117[readonly].base_om8eo9_textareaClear__1ba9f117) .base_om8eo9_snf439a__1ba9f117:before{position:absolute;content:'';top:0;left:0;right:0;bottom:0;background:var(--plasma-textarea-background-color-read-only);opacity:var(--plasma-textarea-read-only-opacity);z-index:-1;}.base_om8eo9_b1xxdrt2__1ba9f117[readonly]:not(.base_om8eo9_b1xxdrt2__1ba9f117[readonly].base_om8eo9_textareaClear__1ba9f117) .base_om8eo9_s3wsw3p__1ba9f117:hover,.base_om8eo9_b1xxdrt2__1ba9f117[readonly]:not(.base_om8eo9_b1xxdrt2__1ba9f117[readonly].base_om8eo9_textareaClear__1ba9f117) .base_om8eo9_snf439a__1ba9f117:hover{background:transparent;}.base_om8eo9_b1xxdrt2__1ba9f117[readonly]:not(.base_om8eo9_b1xxdrt2__1ba9f117[readonly].base_om8eo9_textareaClear__1ba9f117) .base_om8eo9_s3wsw3p__1ba9f117:before{border-radius:var(--plasma-textarea-border-radius-with-helpers);}.base_om8eo9_b1xxdrt2__1ba9f117[readonly]:not(.base_om8eo9_b1xxdrt2__1ba9f117[readonly].base_om8eo9_textareaClear__1ba9f117) .base_om8eo9_snf439a__1ba9f117:before{border-bottom-left-radius:var(--plasma-textarea-border-radius);border-bottom-right-radius:var(--plasma-textarea-border-radius);}
+
 .base_1bn0zc9_b1w9g1pa__29fe1634[disabled] .base_1bn0zc9_surmvwq__29fe1634,.base_1bn0zc9_b1w9g1pa__29fe1634[disabled] .base_1bn0zc9_sgr5lml__29fe1634,.base_1bn0zc9_b1w9g1pa__29fe1634[disabled] .base_1bn0zc9_si9oz50__29fe1634,.base_1bn0zc9_b1w9g1pa__29fe1634[disabled] .base_1bn0zc9_t18bd513__29fe1634,.base_1bn0zc9_b1w9g1pa__29fe1634[disabled] .base_1bn0zc9_stc5t23__29fe1634,.base_1bn0zc9_b1w9g1pa__29fe1634[disabled] .base_1bn0zc9_s3wsw3p__29fe1634,.base_1bn0zc9_b1w9g1pa__29fe1634[disabled] .base_1bn0zc9_snf439a__29fe1634,.base_1bn0zc9_b1w9g1pa__29fe1634[disabled] .base_1bn0zc9_s14zw9ik__29fe1634,.base_1bn0zc9_b1w9g1pa__29fe1634[disabled] .base_1bn0zc9_suev9vb__29fe1634{opacity:var(--plasma-textarea-disabled-opacity);cursor:not-allowed;}.base_1bn0zc9_b1w9g1pa__29fe1634[disabled] .base_1bn0zc9_surmvwq__29fe1634:hover,.base_1bn0zc9_b1w9g1pa__29fe1634[disabled] .base_1bn0zc9_sgr5lml__29fe1634:hover,.base_1bn0zc9_b1w9g1pa__29fe1634[disabled] .base_1bn0zc9_si9oz50__29fe1634:hover,.base_1bn0zc9_b1w9g1pa__29fe1634[disabled] .base_1bn0zc9_t18bd513__29fe1634:hover,.base_1bn0zc9_b1w9g1pa__29fe1634[disabled] .base_1bn0zc9_stc5t23__29fe1634:hover,.base_1bn0zc9_b1w9g1pa__29fe1634[disabled] .base_1bn0zc9_s3wsw3p__29fe1634:hover,.base_1bn0zc9_b1w9g1pa__29fe1634[disabled] .base_1bn0zc9_snf439a__29fe1634:hover,.base_1bn0zc9_b1w9g1pa__29fe1634[disabled] .base_1bn0zc9_s14zw9ik__29fe1634:hover,.base_1bn0zc9_b1w9g1pa__29fe1634[disabled] .base_1bn0zc9_suev9vb__29fe1634:hover,.base_1bn0zc9_b1w9g1pa__29fe1634[disabled] .base_1bn0zc9_surmvwq__29fe1634:active,.base_1bn0zc9_b1w9g1pa__29fe1634[disabled] .base_1bn0zc9_sgr5lml__29fe1634:active,.base_1bn0zc9_b1w9g1pa__29fe1634[disabled] .base_1bn0zc9_si9oz50__29fe1634:active,.base_1bn0zc9_b1w9g1pa__29fe1634[disabled] .base_1bn0zc9_t18bd513__29fe1634:active,.base_1bn0zc9_b1w9g1pa__29fe1634[disabled] .base_1bn0zc9_stc5t23__29fe1634:active,.base_1bn0zc9_b1w9g1pa__29fe1634[disabled] .base_1bn0zc9_s3wsw3p__29fe1634:active,.base_1bn0zc9_b1w9g1pa__29fe1634[disabled] .base_1bn0zc9_snf439a__29fe1634:active,.base_1bn0zc9_b1w9g1pa__29fe1634[disabled] .base_1bn0zc9_s14zw9ik__29fe1634:active,.base_1bn0zc9_b1w9g1pa__29fe1634[disabled] .base_1bn0zc9_suev9vb__29fe1634:active{-webkit-transform:none;-ms-transform:none;transform:none;}.base_1bn0zc9_b1w9g1pa__29fe1634 .base_1bn0zc9_textarea__29fe1634:disabled{cursor:not-allowed;color:var(--plasma-textarea-input-color-disabled);}
 
 .base_111a0qe_b193dn9j__86c7166a .base_111a0qe_h1luq7vd__86c7166a{--plasma-tooltip-background-color:var(--plasma-textarea__tooltip-background-color);--plasma-tooltip-box-shadow:var(--plasma-textarea__tooltip-box-shadow);--plasma-tooltip-color:var(--plasma-textarea__tooltip-color);}
@@ -172,7 +174,7 @@
 
 .base_2tv0nz_b15zsg4z__045faf03[disabled]{pointer-events:none;opacity:var(--plasma-textfield-disabled-opacity);cursor:not-allowed;}.base_2tv0nz_b15zsg4z__045faf03[disabled] .base_2tv0nz_io4bpie__045faf03{cursor:not-allowed;min-width:unset;}
 
-.base_oizdmx_b1w985rt__677e5348[readonly] .base_oizdmx_iq39zt5__677e5348{color:var(--plasma-textfield-color-readonly);background-color:var(--plasma-textfield-bg-color-readonly);box-shadow:inset 0 0 0 var(--plasma-textfield-border-width) var(--plasma-textfield-border-color-readonly);}.base_oizdmx_b1w985rt__677e5348[readonly].base_oizdmx_textfieldHasDivider__677e5348 .base_oizdmx_iq39zt5__677e5348:before{background-color:var(--plasma-textfield-divider-color-readonly);}.base_oizdmx_b1w985rt__677e5348[readonly] .base_oizdmx_iq39zt5__677e5348:hover{background-color:var(--plasma-textfield-bg-color-readonly);}.base_oizdmx_b1w985rt__677e5348[readonly] .base_oizdmx_iq39zt5__677e5348:focus-within .base_oizdmx_i19ry60d__677e5348,.base_oizdmx_b1w985rt__677e5348[readonly] .base_oizdmx_i19ry60d__677e5348{color:var(--plasma-textfield__placeholder-color-readonly);}.base_oizdmx_b1w985rt__677e5348[readonly] .base_oizdmx_io4bpie__677e5348{color:var(--plasma-textfield-color-readonly);cursor:default;min-width:unset;}.base_oizdmx_b1w985rt__677e5348[readonly] .base_oizdmx_tlv9av6__677e5348{color:var(--plasma-textfield__title-caption-color-readonly);}.base_oizdmx_b1w985rt__677e5348[readonly] .base_oizdmx_lb3k3v1__677e5348{color:var(--plasma-textfield__left-helper-color-readonly);}.base_oizdmx_b1w985rt__677e5348[readonly].base_oizdmx_labelPlacementOuter__677e5348 .base_oizdmx_luk2zst__677e5348{color:var(--plasma-textfield__label-color-readonly);}
+.base_sr3to2_b1w985rt__b33aa171[readonly]:not(.base_sr3to2_b1w985rt__b33aa171[readonly].base_sr3to2_textfieldClear__b33aa171) .base_sr3to2_iq39zt5__b33aa171{position:relative;color:var(--plasma-textfield-color-readonly);background-color:transparent;box-shadow:inset 0 0 0 var(--plasma-textfield-border-width) var(--plasma-textfield-border-color-readonly);}.base_sr3to2_b1w985rt__b33aa171[readonly]:not(.base_sr3to2_b1w985rt__b33aa171[readonly].base_sr3to2_textfieldClear__b33aa171) .base_sr3to2_iq39zt5__b33aa171:before{position:absolute;content:'';top:0;left:0;right:0;bottom:0;border-radius:var(--plasma-textfield-border-radius);background-color:var(--plasma-textfield-bg-color-readonly);opacity:var(--plasma-textfield-readonly-opacity);z-index:-1;}.base_sr3to2_b1w985rt__b33aa171[readonly]:not(.base_sr3to2_b1w985rt__b33aa171[readonly].base_sr3to2_textfieldClear__b33aa171) .base_sr3to2_iq39zt5__b33aa171:hover{background-color:transparent;}.base_sr3to2_b1w985rt__b33aa171[readonly].base_sr3to2_textfieldHasDivider__b33aa171 .base_sr3to2_iq39zt5__b33aa171:before{background-color:var(--plasma-textfield-divider-color-readonly);}.base_sr3to2_b1w985rt__b33aa171[readonly] .base_sr3to2_iq39zt5__b33aa171:focus-within .base_sr3to2_i19ry60d__b33aa171,.base_sr3to2_b1w985rt__b33aa171[readonly] .base_sr3to2_i19ry60d__b33aa171{color:var(--plasma-textfield__placeholder-color-readonly);}.base_sr3to2_b1w985rt__b33aa171[readonly] .base_sr3to2_io4bpie__b33aa171{color:var(--plasma-textfield-color-readonly);cursor:default;min-width:unset;}.base_sr3to2_b1w985rt__b33aa171[readonly] .base_sr3to2_tlv9av6__b33aa171{color:var(--plasma-textfield__title-caption-color-readonly);}.base_sr3to2_b1w985rt__b33aa171[readonly] .base_sr3to2_lb3k3v1__b33aa171{color:var(--plasma-textfield__left-helper-color-readonly);}.base_sr3to2_b1w985rt__b33aa171[readonly] .base_sr3to2_s190z894__b33aa171:hover,.base_sr3to2_b1w985rt__b33aa171[readonly] .base_sr3to2_s190z894__b33aa171:active{cursor:default;color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.base_sr3to2_b1w985rt__b33aa171[readonly].base_sr3to2_labelPlacementOuter__b33aa171 .base_sr3to2_luk2zst__b33aa171{color:var(--plasma-textfield__label-color-readonly);}
 
 .base_jfnl8i_b15d3bnf__f1019e0f.base_jfnl8i_labelPlacementOuter__f1019e0f .base_jfnl8i_luk2zst__f1019e0f{position:relative;display:inline-block;color:var(--plasma-textfield__label-color);}.base_jfnl8i_b15d3bnf__f1019e0f.base_jfnl8i_labelPlacementInner__f1019e0f .base_jfnl8i_i13qvwoy__f1019e0f{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_jfnl8i_b15d3bnf__f1019e0f.base_jfnl8i_labelPlacementInner__f1019e0f .base_jfnl8i_io4bpie__f1019e0f:focus ~ .base_jfnl8i_luk2zst__f1019e0f,.base_jfnl8i_b15d3bnf__f1019e0f.base_jfnl8i_labelPlacementInner__f1019e0f .base_jfnl8i_io4bpie__f1019e0f.base_jfnl8i_hasValue__f1019e0f ~ .base_jfnl8i_luk2zst__f1019e0f,.base_jfnl8i_b15d3bnf__f1019e0f.base_jfnl8i_labelPlacementInner__f1019e0f .base_jfnl8i_io4bpie__f1019e0f.base_jfnl8i_keepPlaceholder__f1019e0f ~ .base_jfnl8i_luk2zst__f1019e0f{color:var(--plasma-textfield__placeholder-color);-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;padding:var(--plasma-textfield-placement_inner__label-padding);font-family:var(--plasma-textfield-placement_inner__label-font-family);font-size:var(--plasma-textfield-placement_inner__label-font-size);font-style:var(--plasma-textfield-placement_inner__label-font-style);font-weight:var(--plasma-textfield-placement_inner__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);line-height:var(--plasma-textfield-placement_inner__label-line-height);}.base_jfnl8i_b15d3bnf__f1019e0f.base_jfnl8i_labelPlacementInner__f1019e0f .base_jfnl8i_luk2zst__f1019e0f{color:var(--plasma-textfield__placeholder-color);pointer-events:none;position:absolute;top:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;height:100%;}.base_jfnl8i_b15d3bnf__f1019e0f.base_jfnl8i_labelPlacementInner__f1019e0f.base_jfnl8i_textfieldClear__f1019e0f .base_jfnl8i_luk2zst__f1019e0f{color:var(--plasma-textfield__clear-placeholder-color);}
 
@@ -718,7 +720,7 @@
 
 .base_1ufizo4_brz2a7__2efb673d[disabled]{opacity:var(--plasma-range-disabled-opacity);cursor:not-allowed;}
 
-.base_8q1gx8_b1l9fpln__a910018b[readonly]{cursor:default;}.base_8q1gx8_b1l9fpln__a910018b[readonly] .base_8q1gx8_cfxtxl2__a910018b{background:var(--plasma-range-background-readonly);}.base_8q1gx8_b1l9fpln__a910018b[readonly] .base_8q1gx8_s14q3826__a910018b{display:block;color:var(--plasma-range__label-color-readonly);}.base_8q1gx8_b1l9fpln__a910018b[readonly] .base_8q1gx8_l1e6rwfy__a910018b{color:var(--plasma-range__left-helper-color-readonly);}.base_8q1gx8_b1l9fpln__a910018b[readonly] .base_8q1gx8_s1hiyoiq__a910018b{color:var(--plasma-range__divider-color-readonly);}.base_8q1gx8_b1l9fpln__a910018b[readonly] .base_8q1gx8_s15y5ylz__a910018b,.base_8q1gx8_b1l9fpln__a910018b[readonly] .base_8q1gx8_suha98b__a910018b{color:var(--plasma-range-textfield-color-readonly);}
+.base_1jlqwtc_b1l9fpln__86a36108[readonly]{cursor:default;}.base_1jlqwtc_b1l9fpln__86a36108[readonly] .base_1jlqwtc_cfxtxl2__86a36108{background:var(--plasma-range-background-readonly);}.base_1jlqwtc_b1l9fpln__86a36108[readonly] .base_1jlqwtc_s14q3826__86a36108{display:block;color:var(--plasma-range__label-color-readonly);}.base_1jlqwtc_b1l9fpln__86a36108[readonly] .base_1jlqwtc_l1e6rwfy__86a36108{color:var(--plasma-range__left-helper-color-readonly);}.base_1jlqwtc_b1l9fpln__86a36108[readonly] .base_1jlqwtc_s1hiyoiq__86a36108{color:var(--plasma-range__divider-color-readonly);opacity:var(--plasma-range__divider-opacity-readonly);}.base_1jlqwtc_b1l9fpln__86a36108[readonly] .base_1jlqwtc_s15y5ylz__86a36108,.base_1jlqwtc_b1l9fpln__86a36108[readonly] .base_1jlqwtc_suha98b__86a36108{color:var(--plasma-range-textfield-color-readonly);}.base_1jlqwtc_b1l9fpln__86a36108[readonly] .base_1jlqwtc_suha98b__86a36108{opacity:var(--plasma-range__right-content-opacity-readonly);}
 
 .Range_styles_pk9346_s1k2erwt__4887fc13{width:100%;--plasma-textfield-color:var(--plasma-range-textfield-color);--plasma-textfield__placeholder-color:var(--plasma-range-textfield-placeholder-color);--plasma-textfield__placeholder-color-focus:var(--plasma-range-textfield__placeholder-color-focus);--plasma-textfield__caret-color:var(--plasma-range-textfield-caret-color);--plasma-textfield-focus-color:var(--plasma-range-textfield-focus-color);--plasma-textfield-bg-color:var(--plasma-range-textfield-background-color);--plasma-textfield-bg-color-hover:var(--plasma-range-textfield-background-color-hover);--plasma-textfield-bg-color-focus:var(--plasma-range-textfield-background-color-focus);--plasma-textfield-border-color:var(--plasma-range-textfield-border-color);--plasma-textfield-border-color-hover:var(--plasma-range-textfield-border-color-hover);--plasma-textfield-border-color-focus:var(--plasma-range-textfield-border-color-focus);--plasma-textfield-color-readonly:var(--plasma-range-textfield-color-readonly);--plasma-textfield-bg-color-readonly:var(--plasma-range-textfield-background-color-readonly);--plasma-textfield-border-color-readonly:var(--plasma-range-textfield-border-color-readonly);--plasma-textfield__placeholder-color-readonly:var(--plasma-range-textfield-placeholder-color-readonly);--plasma-textfield-height:var(--plasma-range-textfield-height);--plasma-textfield-border-width:var(--plasma-range-textfield-border-width);--plasma-textfield-border-radius:var(--plasma-range-textfield-border-radius);--plasma-textfield-padding:var(--plasma-range-textfield-padding);--plasma-textfield__left-content-margin:var(--plasma-range-textfield__left-content-margin);--plasma-textfield__right-content-margin:var(--plasma-range-textfield__right-content-margin);--plasma-textfield-font-family:var(--plasma-range-textfield-font-family);--plasma-textfield-font-size:var(--plasma-range-textfield-font-size);--plasma-textfield-font-style:var(--plasma-range-textfield-font-style);--plasma-textfield-font-weight:var(--plasma-range-textfield-font-weight);--plasma-textfield-letter-spacing:var(--plasma-range-textfield-letter-spacing);--plasma-textfield-line-height:var(--plasma-range-textfield-line-height);--plasma-textfield-disabled-opacity:var(--plasma-range-disabled-opacity);--plasma-textfield__before-text-color:var(--plasma-range-textfield__before-text-color);--plasma-textfield__after-text-color:var(--plasma-range-textfield__after-text-color);--plasma-textfield__before-text-margin:var(--plasma-range-textfield__before-text-margin);--plasma-textfield__after-text-margin:var(--plasma-range-textfield__after-text-margin);}.Range_styles_pk9346_s1k2erwt__4887fc13.Range_styles_pk9346_rangeValueError__4887fc13{--plasma-textfield-bg-color:var(--plasma-range-textfield-background-color-error);--plasma-textfield-bg-color-hover:var(--plasma-range-textfield-background-color-error-hover);--plasma-textfield-bg-color-focus:var(--plasma-range-textfield-background-color-error-focus);--plasma-textfield-border-color:var(--plasma-range-textfield-border-color-error);--plasma-textfield-border-color-hover:var(--plasma-range-textfield-border-color-error-hover);--plasma-textfield-border-color-focus:var(--plasma-range-textfield-border-color-error-focus);}.Range_styles_pk9346_s1k2erwt__4887fc13.Range_styles_pk9346_rangeValueSuccess__4887fc13{--plasma-textfield-bg-color:var(--plasma-range-textfield-background-color-success);--plasma-textfield-bg-color-hover:var(--plasma-range-textfield-background-color-success-hover);--plasma-textfield-bg-color-focus:var(--plasma-range-textfield-background-color-success-focus);--plasma-textfield-border-color:var(--plasma-range-textfield-border-color-success);--plasma-textfield-border-color-hover:var(--plasma-range-textfield-border-color-success-hover);--plasma-textfield-border-color-focus:var(--plasma-range-textfield-border-color-success-focus);}
 .Range_styles_pk9346_b16kyj37__4887fc13{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salutejs/plasma-new-hope",
-  "version": "0.268.2-canary.1780.13373736245.0",
+  "version": "0.269.0-canary.1770.13380403901.0",
   "description": "Salute Design System blueprint",
   "main": "cjs/index.js",
   "module": "es/index.js",
@@ -132,5 +132,5 @@
   "sideEffects": [
     "*.css"
   ],
-  "gitHead": "585e27500065b56fd2c91f35bb82eda6e7c59c39"
+  "gitHead": "e098ff2b348b59df6eb4d02c5b1bc7526b0e93a7"
 }

package/styled-components/cjs/components/Range/Range.tokens.js

@@ -26,6 +26,7 @@ var tokens = exports.tokens = {
   /** Токены разделителя */
   dividerColor: '--plasma-range__divider-color',
   dividerColorReadOnly: '--plasma-range__divider-color-readonly',
+  dividerOpacityReadOnly: '--plasma-range__divider-opacity-readonly',
   dividerPadding: '--plasma-range__divider-padding',
   dividerFontFamily: '--plasma-range__divider-font-family',
   dividerFontStyle: '--plasma-range__divider-font-style',
@@ -36,6 +37,7 @@ var tokens = exports.tokens = {
   /** Токены слотов для контента */
   leftContentMargin: '--plasma-range__left-content-margin',
   rightContentMargin: '--plasma-range__right-content-margin',
+  rightContentOpacityReadOnly: '--plasma-range__right-content-opacity-readonly',
   /** Токены лейбла */
   labelColor: '--plasma-range__label-color',
   labelColorReadOnly: '--plasma-range__label-color-readonly',

package/styled-components/cjs/components/Range/variations/_readonly/base.js

@@ -7,4 +7,4 @@ exports.base = void 0;
 var _styledComponents = /*#__PURE__*/require("styled-components");
 var _Range = /*#__PURE__*/require("../../Range.tokens");
 var _Range2 = /*#__PURE__*/require("../../Range.styles");
-var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["&[readonly]{cursor:default;", "{background:var(", ");}", "{display:block;color:var(", ");}", "{color:var(", ");}", "{color:var(", ");}", ",", "{color:var(", ");}}"], _Range2.ContentWrapper, _Range.tokens.backgroundReadOnly, _Range2.StyledLabel, _Range.tokens.labelColorReadOnly, _Range2.LeftHelper, _Range.tokens.leftHelperColorReadOnly, _Range2.StyledDivider, _Range.tokens.dividerColorReadOnly, _Range2.StyledContentLeft, _Range2.StyledContentRight, _Range.tokens.textFieldColorReadOnly);
+var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["&[readonly]{cursor:default;", "{background:var(", ");}", "{display:block;color:var(", ");}", "{color:var(", ");}", "{color:var(", ");opacity:var(", ");}", ",", "{color:var(", ");}", "{opacity:var(", ");}}"], _Range2.ContentWrapper, _Range.tokens.backgroundReadOnly, _Range2.StyledLabel, _Range.tokens.labelColorReadOnly, _Range2.LeftHelper, _Range.tokens.leftHelperColorReadOnly, _Range2.StyledDivider, _Range.tokens.dividerColorReadOnly, _Range.tokens.dividerOpacityReadOnly, _Range2.StyledContentLeft, _Range2.StyledContentRight, _Range.tokens.textFieldColorReadOnly, _Range2.StyledContentRight, _Range.tokens.rightContentOpacityReadOnly);

package/styled-components/cjs/components/Tabs/Tabs.template-doc.mdx

@@ -97,21 +97,18 @@ export function App() {
 ```
 
 ### Пример с прокруткой
-При выборе таба происходит прокрутка до выбранного таба.
 
 ```tsx live
 import React, { useState } from 'react';
-import { Tabs, TabItem, Button } from '@salutejs/plasma-web';
+import { Tabs, TabItem } from '@salutejs/{{ package }}';
 import { IconClock } from '@salutejs/plasma-icons';
 
 export function App() {
     const items = Array(8).fill(0);
     const [index, setIndex] = useState(0);
 
-    const specificIndex = 6;
-
     return (
-        <div style=\{{ display:'flex', flexDirection: 'column', gap: '1rem' }}>
+        <div>
             <Tabs view="divider" size="xs" style=\{{ width: '15rem' }}>
                 {items.map((_, i) => (
                     <TabItem
@@ -127,8 +124,6 @@ export function App() {
                     </TabItem>
                 ))}
             </Tabs>
-
-            <Button onClick={() => setIndex(specificIndex)}>{`Выбрать элемент ${specificIndex + 1}`}</Button>
         </div>
     );
 }

package/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js

@@ -70,16 +70,6 @@ var horizontalTabItemRoot = exports.horizontalTabItemRoot = function horizontalT
         return refs.unregister(innerRef);
       };
     }, [refs]);
-    (0, _react.useLayoutEffect)(function () {
-      var _innerRef$current;
-      if (!selected) {
-        return;
-      }
-      (_innerRef$current = innerRef.current) === null || _innerRef$current === void 0 || _innerRef$current.scrollIntoView({
-        block: 'nearest',
-        inline: 'nearest'
-      });
-    }, [selected]);
     var onItemFocus = (0, _react.useCallback)(function (event) {
       if (disabled) {
         return;
@@ -105,6 +95,10 @@ var horizontalTabItemRoot = exports.horizontalTabItemRoot = function horizontalT
       refs.setCurrent(focusIndex);
     }, [refs, innerRef, onIndexChange, disabled]);
     var handleClick = function handleClick(event) {
+      event.currentTarget.scrollIntoView({
+        block: 'nearest',
+        inline: 'nearest'
+      });
       if (!onClick) {
         return;
       }

package/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js

@@ -11,7 +11,6 @@ var _Icon = /*#__PURE__*/require("../../../../_Icon");
 var _tokens = /*#__PURE__*/require("../../../tokens");
 var _utils = /*#__PURE__*/require("../../../../../utils");
 var _TabsContext = /*#__PURE__*/require("../../../TabsContext");
-var _utils2 = /*#__PURE__*/require("../../../utils");
 var _base = /*#__PURE__*/require("./variations/_size/base");
 var _base2 = /*#__PURE__*/require("./variations/_view/base");
 var _base3 = /*#__PURE__*/require("./variations/_disabled/base");
@@ -92,7 +91,13 @@ var horizontalTabsRoot = exports.horizontalTabsRoot = function horizontalTabsRoo
         return;
       }
       var scrollLeft = Math.round(scrollRef.current.scrollLeft);
-      var firstOverflowingTab = (0, _utils2.getFirstOverflowingTab)(refs.items.slice().reverse(), scrollLeft);
+      var firstOverflowingTab = refs.items.slice().reverse().find(function (item) {
+        if (!item.current || item.current.offsetLeft === undefined) {
+          return;
+        }
+        var tabStartX = item.current.offsetLeft;
+        return tabStartX < scrollLeft;
+      });
       firstOverflowingTab === null || firstOverflowingTab === void 0 || (_firstOverflowingTab$ = firstOverflowingTab.current) === null || _firstOverflowingTab$ === void 0 || _firstOverflowingTab$.scrollIntoView({
         block: 'nearest',
         inline: 'start'
@@ -104,7 +109,13 @@ var horizontalTabsRoot = exports.horizontalTabsRoot = function horizontalTabsRoo
         return;
       }
       var scrollRight = Math.round(scrollRef.current.scrollLeft + scrollRef.current.clientWidth);
-      var lastOverflowingTab = (0, _utils2.getLastOverflowingTab)(refs.items, scrollRight);
+      var lastOverflowingTab = refs.items.find(function (item) {
+        if (!item.current || item.current.offsetLeft === undefined) {
+          return;
+        }
+        var tabEndX = item.current.offsetLeft + item.current.offsetWidth;
+        return tabEndX > scrollRight;
+      });
       lastOverflowingTab === null || lastOverflowingTab === void 0 || (_lastOverflowingTab$c = lastOverflowingTab.current) === null || _lastOverflowingTab$c === void 0 || _lastOverflowingTab$c.scrollIntoView({
         block: 'nearest',
         inline: 'end'
@@ -179,22 +190,18 @@ var horizontalTabsRoot = exports.horizontalTabsRoot = function horizontalTabsRoo
         });
       }
     }, [index]);
-    (0, _react.useLayoutEffect)(function () {
+    (0, _react.useEffect)(function () {
       var _scrollRef$current, _scrollRef$current2;
       setLastItemVisible(((_scrollRef$current = scrollRef.current) === null || _scrollRef$current === void 0 ? void 0 : _scrollRef$current.scrollWidth) === ((_scrollRef$current2 = scrollRef.current) === null || _scrollRef$current2 === void 0 ? void 0 : _scrollRef$current2.clientWidth));
     }, []);
 
     // Этот хук компенсирует появление левой стрелки при прокрутке
-    (0, _react.useLayoutEffect)(function () {
-      var _lastOverflowingTab$c2;
+    (0, _react.useEffect)(function () {
       if (firstItemVisible || !scrollRef.current || !leftArrowRef.current) {
         return;
       }
-      var scrollRight = Math.round(scrollRef.current.scrollLeft + scrollRef.current.clientWidth);
-      var lastOverflowingTab = (0, _utils2.getLastOverflowingTab)(refs.items, scrollRight);
-      lastOverflowingTab === null || lastOverflowingTab === void 0 || (_lastOverflowingTab$c2 = lastOverflowingTab.current) === null || _lastOverflowingTab$c2 === void 0 || _lastOverflowingTab$c2.scrollIntoView({
-        block: 'nearest',
-        inline: 'end'
+      scrollRef.current.scrollTo({
+        left: Math.round(scrollRef.current.scrollLeft + leftArrowRef.current.clientWidth)
       });
     }, [firstItemVisible, scrollRef, leftArrowRef]);
     return /*#__PURE__*/_react["default"].createElement(_TabsContext.TabsContext.Provider, {

package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js

@@ -61,16 +61,6 @@ var verticalTabItemRoot = exports.verticalTabItemRoot = function verticalTabItem
         return refs.unregister(innerRef);
       };
     }, [refs]);
-    (0, _react.useLayoutEffect)(function () {
-      var _innerRef$current;
-      if (!selected) {
-        return;
-      }
-      (_innerRef$current = innerRef.current) === null || _innerRef$current === void 0 || _innerRef$current.scrollIntoView({
-        block: 'nearest',
-        inline: 'nearest'
-      });
-    }, [selected]);
     var onItemFocus = (0, _react.useCallback)(function (event) {
       if (disabled) {
         return;
@@ -95,6 +85,10 @@ var verticalTabItemRoot = exports.verticalTabItemRoot = function verticalTabItem
       refs.setCurrent(focusIndex);
     }, [refs, innerRef, onIndexChange, disabled]);
     var handleClick = function handleClick(event) {
+      event.currentTarget.scrollIntoView({
+        block: 'nearest',
+        inline: 'nearest'
+      });
       if (!onClick) {
         return;
       }

package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js

@@ -11,7 +11,6 @@ var _tokens = /*#__PURE__*/require("../../../tokens");
 var _utils = /*#__PURE__*/require("../../../../../utils");
 var _TabsContext = /*#__PURE__*/require("../../../TabsContext");
 var _Icon = /*#__PURE__*/require("../../../../_Icon");
-var _utils2 = /*#__PURE__*/require("../../../utils");
 var _VerticalTabs = /*#__PURE__*/require("./VerticalTabs.styles");
 var _base = /*#__PURE__*/require("./variations/_size/base");
 var _base2 = /*#__PURE__*/require("./variations/_view/base");
@@ -79,7 +78,13 @@ var verticalTabsRoot = exports.verticalTabsRoot = function verticalTabsRoot(Root
         return;
       }
       var scrollTop = Math.round(scrollRef.current.scrollTop);
-      var firstOverflowingTab = (0, _utils2.getFirstOverflowingTab)(refs.items.slice().reverse(), scrollTop);
+      var firstOverflowingTab = refs.items.slice().reverse().find(function (item) {
+        if (!item.current || item.current.offsetTop === undefined) {
+          return;
+        }
+        var tabStartY = item.current.offsetTop;
+        return tabStartY < scrollTop;
+      });
       firstOverflowingTab === null || firstOverflowingTab === void 0 || (_firstOverflowingTab$ = firstOverflowingTab.current) === null || _firstOverflowingTab$ === void 0 || _firstOverflowingTab$.scrollIntoView({
         block: 'start',
         inline: 'nearest'
@@ -91,7 +96,13 @@ var verticalTabsRoot = exports.verticalTabsRoot = function verticalTabsRoot(Root
         return;
       }
       var scrollBottom = Math.round(scrollRef.current.scrollTop + scrollRef.current.clientHeight);
-      var lastOverflowingTab = (0, _utils2.getLastOverflowingTab)(refs.items, scrollBottom);
+      var lastOverflowingTab = refs.items.find(function (item) {
+        if (!item.current || item.current.offsetTop === undefined) {
+          return;
+        }
+        var tabEndY = item.current.offsetTop + item.current.offsetHeight;
+        return tabEndY > scrollBottom;
+      });
       lastOverflowingTab === null || lastOverflowingTab === void 0 || (_lastOverflowingTab$c = lastOverflowingTab.current) === null || _lastOverflowingTab$c === void 0 || _lastOverflowingTab$c.scrollIntoView({
         block: 'end',
         inline: 'nearest'
@@ -157,22 +168,18 @@ var verticalTabsRoot = exports.verticalTabsRoot = function verticalTabsRoot(Root
         });
       }
     }, [index]);
-    (0, _react.useLayoutEffect)(function () {
+    (0, _react.useEffect)(function () {
       var _scrollRef$current, _scrollRef$current2;
       setLastItemVisible(((_scrollRef$current = scrollRef.current) === null || _scrollRef$current === void 0 ? void 0 : _scrollRef$current.scrollHeight) === ((_scrollRef$current2 = scrollRef.current) === null || _scrollRef$current2 === void 0 ? void 0 : _scrollRef$current2.clientHeight));
     }, []);
 
     // Этот хук компенсирует появление верхней стрелки при прокрутке
-    (0, _react.useLayoutEffect)(function () {
-      var _lastOverflowingTab$c2;
+    (0, _react.useEffect)(function () {
       if (firstItemVisible || !scrollRef.current || !upArrowRef.current) {
         return;
       }
-      var scrollBottom = Math.round(scrollRef.current.scrollTop + scrollRef.current.clientHeight);
-      var lastOverflowingTab = (0, _utils2.getLastOverflowingTab)(refs.items, scrollBottom);
-      lastOverflowingTab === null || lastOverflowingTab === void 0 || (_lastOverflowingTab$c2 = lastOverflowingTab.current) === null || _lastOverflowingTab$c2 === void 0 || _lastOverflowingTab$c2.scrollIntoView({
-        block: 'end',
-        inline: 'nearest'
+      scrollRef.current.scrollTo({
+        top: Math.round(scrollRef.current.scrollTop + upArrowRef.current.clientHeight)
       });
     }, [firstItemVisible, scrollRef, upArrowRef]);
     return /*#__PURE__*/_react["default"].createElement(_TabsContext.TabsContext.Provider, {

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

@@ -17,9 +17,10 @@ var _TextArea2 = /*#__PURE__*/require("./TextArea.tokens");
 var _base = /*#__PURE__*/require("./variations/_view/base");
 var _base2 = /*#__PURE__*/require("./variations/_size/base");
 var _base3 = /*#__PURE__*/require("./variations/_clear/base");
-var _base4 = /*#__PURE__*/require("./variations/_disabled/base");
-var _base5 = /*#__PURE__*/require("./variations/_hint-view/base");
-var _base6 = /*#__PURE__*/require("./variations/_hint-size/base");
+var _base4 = /*#__PURE__*/require("./variations/_read-only/base");
+var _base5 = /*#__PURE__*/require("./variations/_disabled/base");
+var _base6 = /*#__PURE__*/require("./variations/_hint-view/base");
+var _base7 = /*#__PURE__*/require("./variations/_hint-size/base");
 var _Hint = /*#__PURE__*/require("./ui/Hint/Hint");
 var _excluded = ["helperText", "status", "resize", "rightHelper", "leftHelper", "leftHelperPlacement", "contentRight", "autoResize", "minAuto", "maxAuto", "label", "labelPlacement", "titleCaption", "placeholder", "defaultValue", "height", "width", "value", "disabled", "required", "requiredPlacement", "optional", "clear", "hasDivider", "size", "view", "id", "style", "className", "readOnly", "rows", "cols", "hintTrigger", "hintText", "hintView", "hintSize", "hintTargetIcon", "hintPlacement", "hintHasArrow", "hintOffset", "hintWidth", "hintContentLeft", "onChange"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
@@ -358,18 +359,19 @@ var textAreaConfig = exports.textAreaConfig = {
       css: _base3.base,
       attrs: true
     },
-    disabled: {
+    readOnly: {
       css: _base4.base,
       attrs: true
     },
-    readOnly: {
+    disabled: {
+      css: _base5.base,
       attrs: true
     },
     hintView: {
-      css: _base5.base
+      css: _base6.base
     },
     hintSize: {
-      css: _base6.base
+      css: _base7.base
     }
   },
   defaults: {

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

@@ -66,6 +66,9 @@ var tokens = exports.tokens = {
   /** Цвет текста для элемента textarea */
   inputColor: '--plasma-textarea-input-color',
   clearInputColor: '--plasma-textarea-input-clear-color',
+  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 */

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

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.base = void 0;
+var _styledComponents = /*#__PURE__*/require("styled-components");
+var _TextArea = /*#__PURE__*/require("../../TextArea.styles");
+var _TextArea2 = /*#__PURE__*/require("../../TextArea.tokens");
+var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["&[readonly]{", "{color:var(", ");}:not(&.", "){", ",", "{background:transparent;position:relative;:before{position:absolute;content:'';top:0;left:0;right:0;bottom:0;background:var(", ");opacity:var(", ");z-index:-1;}:hover{background:transparent;}}", ":before{border-radius:var(", ");}", ":before{border-bottom-left-radius:var(", ");border-bottom-right-radius:var(", ");}}}"], _TextArea.StyledTextArea, _TextArea2.tokens.inputColorReadOnly, _TextArea2.classes.clear, _TextArea.StyledTextAreaWrapper, _TextArea.StyledHelpers, _TextArea2.tokens.backgroundColorReadOnly, _TextArea2.tokens.readOnlyOpacity, _TextArea.StyledTextAreaWrapper, _TextArea2.tokens.borderRadiusWithHelpers, _TextArea.StyledHelpers, _TextArea2.tokens.borderRadius, _TextArea2.tokens.borderRadius);

package/styled-components/cjs/components/TextArea/variations/_read-only/tokens.json

@@ -0,0 +1 @@
+[]

package/styled-components/cjs/components/TextField/TextField.tokens.js

@@ -118,6 +118,7 @@ var tokens = exports.tokens = {
   textAfterMargin: '--plasma-textfield__after-text-margin',
   /** Прозрачность для всего компонента в состоянии disabled */
   disabledOpacity: '--plasma-textfield-disabled-opacity',
+  readOnlyOpacity: '--plasma-textfield-readonly-opacity',
   /** Токены для tooltip */
   hintMargin: '--plasma-textfield__hint-margin',
   hintTargetSize: '--plasma-textfield__hint-target-size',

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

@@ -7,4 +7,4 @@ exports.base = void 0;
 var _styledComponents = /*#__PURE__*/require("styled-components");
 var _TextField = /*#__PURE__*/require("../../TextField.tokens");
 var _TextField2 = /*#__PURE__*/require("../../TextField.styles");
-var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["&[readonly]{", "{color:var(", ");background-color:var(", ");box-shadow:inset 0 0 0 var(", ") var(", ");}&.", " ", "{&:before{background-color:var(", ");}}", ":hover{background-color:var(", ");}", ":focus-within ", ",", "{color:var(", ");}", "{color:var(", ");cursor:default;min-width:unset;}", "{color:var(", ");}", "{color:var(", ");}&.", " ", "{color:var(", ");}}"], _TextField2.InputWrapper, _TextField.tokens.colorReadOnly, /*#__PURE__*/String(_TextField.tokens.backgroundColorReadOnly), /*#__PURE__*/String(_TextField.tokens.borderWidth), /*#__PURE__*/String(_TextField.tokens.borderColorReadOnly), _TextField.classes.hasDivider, _TextField2.InputWrapper, /*#__PURE__*/String(_TextField.tokens.dividerColorReadOnly), _TextField2.InputWrapper, _TextField.tokens.backgroundColorReadOnly, _TextField2.InputWrapper, _TextField2.InputPlaceholder, _TextField2.InputPlaceholder, _TextField.tokens.placeholderColorReadOnly, _TextField2.Input, _TextField.tokens.colorReadOnly, _TextField2.TitleCaption, _TextField.tokens.titleCaptionColorReadOnly, _TextField2.LeftHelper, _TextField.tokens.leftHelperColorReadOnly, _TextField.classes.outerLabelPlacement, _TextField2.Label, _TextField.tokens.labelColorReadOnly);
+var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["&[readonly]{:not(&.", "){", "{position:relative;color:var(", ");background-color:transparent;box-shadow:inset 0 0 0 var(", ") var(", ");:before{position:absolute;content:'';top:0;left:0;right:0;bottom:0;border-radius:var(", ");background-color:var(", ");opacity:var(", ");z-index:-1;}:hover{background-color:transparent;}}}&.", " ", "{&:before{background-color:var(", ");}}", ":focus-within ", ",", "{color:var(", ");}", "{color:var(", ");cursor:default;min-width:unset;}", "{color:var(", ");}", "{color:var(", ");}", ":hover,", ":active{cursor:default;color:var(", ",var(", "));}&.", " ", "{color:var(", ");}}"], _TextField.classes.clear, _TextField2.InputWrapper, _TextField.tokens.colorReadOnly, /*#__PURE__*/String(_TextField.tokens.borderWidth), /*#__PURE__*/String(_TextField.tokens.borderColorReadOnly), _TextField.tokens.borderRadius, _TextField.tokens.backgroundColorReadOnly, _TextField.tokens.readOnlyOpacity, _TextField.classes.hasDivider, _TextField2.InputWrapper, /*#__PURE__*/String(_TextField.tokens.dividerColorReadOnly), _TextField2.InputWrapper, _TextField2.InputPlaceholder, _TextField2.InputPlaceholder, _TextField.tokens.placeholderColorReadOnly, _TextField2.Input, _TextField.tokens.colorReadOnly, _TextField2.TitleCaption, _TextField.tokens.titleCaptionColorReadOnly, _TextField2.LeftHelper, _TextField.tokens.leftHelperColorReadOnly, _TextField2.StyledContentRight, _TextField2.StyledContentRight, _TextField.tokens.contentSlotRightColor, _TextField.tokens.contentSlotColor, _TextField.classes.outerLabelPlacement, _TextField2.Label, _TextField.tokens.labelColorReadOnly);