npm - @salutejs/plasma-new-hope - Versions diffs - 0.269.0-canary.1770.13380403901.0 → 0.269.0-dev.0 - Mend

@salutejs/plasma-new-hope 0.269.0-canary.1770.13380403901.0 → 0.269.0-dev.0

Files changed (259) hide show

package/es/components/TextArea/variations/_clear/base.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"base.js","sources":["../../../../../src/components/TextArea/variations/_clear/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes, tokens } from '../../TextArea.tokens';\nimport {\n OuterLabelWrapper,\n StyledContainer,\n StyledContent,\n StyledHelpers,\n StyledHintWrapper,\n StyledIndicator,\n StyledPlaceholder,\n StyledTextArea,\n StyledTextAreaWrapper,\n} from '../../TextArea.styles';\n\nexport const base = css`\n &.${classes.clear} {\n border: unset;\n\n ${StyledTextAreaWrapper} {\n box-shadow: unset;\n background-color: unset;\n border-radius: 0;\n padding-bottom: var(${tokens.inputPaddingTop});\n }\n\n ${OuterLabelWrapper} {\n margin-bottom: var(${tokens.clearLabelMarginBottom});\n }\n\n ${StyledContent} {\n right: 0;\n bottom: unset;\n }\n\n ${StyledTextArea}, ${StyledHelpers} {\n padding-left: 0;\n }\n\n ${StyledHelpers} {\n background-color: unset;\n border-radius: 0;\n padding-top: var(${tokens.clearHelpersPaddingTop});\n padding-right: 0;\n }\n\n ${StyledTextArea} {\n color: var(${tokens.clearInputColor});\n padding-right: 0;\n\n &.${classes.hasRightContent} {\n padding-right: var(${tokens.clearInputPaddingRightWithRightContent});\n }\n }\n\n ${StyledContainer} {\n &:not(.${classes.innerPlaceholderUp}) {\n ${StyledPlaceholder} {\n color: var(${tokens.clearPlaceholderColor});\n }\n\n &.${classes.focusedOuterPlaceholderColor} ${StyledPlaceholder} {\n color: var(${tokens.clearPlaceholderColorFocus});\n }\n }\n\n &.${classes.innerPlaceholderUp} {\n color: var(${tokens.placeholderColor});\n }\n }\n\n ${StyledPlaceholder} {\n padding-left: 0;\n }\n\n ${StyledIndicator} {\n &.${classes.innerLabelPlacement} {\n inset: var(${tokens.clearIndicatorLabelPlacementInner});\n\n &.${classes.requiredAlignRight} {\n inset: var(${tokens.clearIndicatorLabelPlacementInnerRight});\n }\n }\n }\n\n &.${classes.hasHint} {\n ${StyledHintWrapper} {\n &.${classes.innerLabelPlacement} {\n inset: var(${tokens.clearHintInnerLabelPlacementOffset});\n }\n }\n\n ${StyledIndicator} {\n &.${classes.innerLabelPlacement}.${classes.requiredAlignRight} {\n inset: var(${tokens.clearIndicatorHintInnerRight});\n }\n }\n }\n\n .${classes.styledContainer} {\n border: unset;\n border-radius: 0;\n }\n\n &:focus-within:not([readonly]) .${classes.styledTextAreaWrapper} {\n background-color: unset;\n box-shadow: unset;\n }\n\n &:focus-within:not([readonly]) .${classes.styledContainer} {\n border: unset;\n }\n\n &:focus-within:not([readonly]) .${classes.styledHelpers} {\n background-color: unset;\n }\n\n &.${classes.hasDivider} {\n ${StyledTextAreaWrapper} {\n position: relative;\n\n --plasma_private-textarea-divider-color: var(${String(tokens.dividerColor)});\n\n &:before {\n content: '';\n position: absolute;\n height: 0.063rem;\n width: 100%;\n bottom: 0;\n left: 0;\n background-color: var(--plasma_private-textarea-divider-color);\n transition: background-color 0.1s ease-in;\n }\n }\n\n &:not([readonly]) ${StyledTextAreaWrapper}:hover {\n --plasma_private-textarea-divider-color: var(\n ${tokens.dividerColorHover},\n var(${String(tokens.dividerColor)})\n );\n }\n\n &:not([readonly]) ${StyledTextAreaWrapper}:focus-within {\n --plasma_private-textarea-divider-color: var(\n ${tokens.dividerColorFocus},\n var(${String(tokens.dividerColor)})\n );\n }\n }\n }\n`;\n"],"names":["base"],"mappings":"AAeO,IAAMA,IAAI,~~GAuIhB~~;;;;"}
1	+ {"version":3,"file":"base.js","sources":["../../../../../src/components/TextArea/variations/_clear/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes, tokens } from '../../TextArea.tokens';\nimport {\n OuterLabelWrapper,\n StyledContainer,\n StyledContent,\n StyledHelpers,\n StyledHintWrapper,\n StyledIndicator,\n StyledPlaceholder,\n StyledTextArea,\n StyledTextAreaWrapper,\n} from '../../TextArea.styles';\n\nexport const base = css`\n &.${classes.clear} {\n border: unset;\n\n ${StyledTextAreaWrapper} {\n box-shadow: unset;\n background-color: unset;\n border-radius: 0;\n padding-bottom: var(${tokens.inputPaddingTop});\n }\n\n ${OuterLabelWrapper} {\n margin-bottom: var(${tokens.clearLabelMarginBottom});\n }\n\n ${StyledContent} {\n right: 0;\n bottom: unset;\n }\n\n ${StyledTextArea}, ${StyledHelpers} {\n padding-left: 0;\n }\n\n ${StyledHelpers} {\n background-color: unset;\n border-radius: 0;\n padding-top: var(${tokens.clearHelpersPaddingTop});\n padding-right: 0;\n }\n\n ${StyledTextArea} {\n color: var(${tokens.clearInputColor});\n padding-right: 0;\n\n &.${classes.hasRightContent} {\n padding-right: var(${tokens.clearInputPaddingRightWithRightContent});\n }\n }\n\n ${StyledContainer} {\n &:not(.${classes.innerPlaceholderUp}) {\n ${StyledPlaceholder} {\n color: var(${tokens.clearPlaceholderColor});\n }\n\n &.${classes.focusedOuterPlaceholderColor} ${StyledPlaceholder} {\n color: var(${tokens.clearPlaceholderColorFocus});\n }\n }\n\n &.${classes.innerPlaceholderUp} {\n color: var(${tokens.placeholderColor});\n }\n }\n\n ${StyledPlaceholder} {\n padding-left: 0;\n }\n\n ${StyledIndicator} {\n &.${classes.innerLabelPlacement} {\n inset: var(${tokens.clearIndicatorLabelPlacementInner});\n &.${classes.requiredAlignRight} {\n inset: var(${tokens.clearIndicatorLabelPlacementInnerRight});\n }\n }\n }\n\n &.${classes.hasHint} {\n ${StyledHintWrapper} {\n &.${classes.innerLabelPlacement} {\n inset: var(${tokens.clearHintInnerLabelPlacementOffset});\n }\n }\n\n ${StyledIndicator} {\n &.${classes.innerLabelPlacement}.${classes.requiredAlignRight} {\n inset: var(${tokens.clearIndicatorHintInnerRight});\n }\n }\n }\n\n .${classes.styledContainer} {\n border: unset;\n border-radius: 0;\n }\n\n &:focus-within:not([readonly]) .${classes.styledTextAreaWrapper} {\n background-color: unset;\n box-shadow: unset;\n }\n\n &:focus-within:not([readonly]) .${classes.styledContainer} {\n border: unset;\n }\n\n &:focus-within:not([readonly]) .${classes.styledHelpers} {\n background-color: unset;\n }\n\n &.${classes.hasDivider} {\n ${StyledTextAreaWrapper} {\n position: relative;\n\n --plasma_private-textarea-divider-color: var(${String(tokens.dividerColor)});\n\n &:before {\n content: '';\n position: absolute;\n height: 0.063rem;\n width: 100%;\n bottom: 0;\n left: 0;\n background-color: var(--plasma_private-textarea-divider-color);\n transition: background-color 0.1s ease-in;\n }\n }\n &:not([readonly]) ${StyledTextAreaWrapper}:hover {\n --plasma_private-textarea-divider-color: var(\n ${tokens.dividerColorHover},\n var(${String(tokens.dividerColor)})\n );\n }\n &:not([readonly]) ${StyledTextAreaWrapper}:focus-within {\n --plasma_private-textarea-divider-color: var(\n ${tokens.dividerColorFocus},\n var(${String(tokens.dividerColor)})\n );\n }\n }\n }\n`;\n"],"names":["base"],"mappings":"AAeO,IAAMA,IAAI,GAoIhB;;;;"}

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

@@ -112,7 +112,6 @@ 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 CHANGED Viewed

	@@ -1 +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 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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"}
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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"}

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

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

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

	@@ -1 +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 {\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~~;;;;"}
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;;;;"}

package/es/components/TextField/variations/_read-only/base_oizdmx.css ADDED Viewed

@@ -0,0 +1 @@

+ .b1w985rt[readonly] .iq39zt5{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);}.b1w985rt[readonly].textfield-has-divider .iq39zt5:before{background-color:var(--plasma-textfield-divider-color-readonly);}.b1w985rt[readonly] .iq39zt5:hover{background-color:var(--plasma-textfield-bg-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].label-placement-outer .luk2zst{color:var(--plasma-textfield__label-color-readonly);}

package/es/index.css CHANGED Viewed

@@ -156,8 +156,6 @@
 .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);}
@@ -174,7 +172,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_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_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_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);}
@@ -720,7 +718,7 @@
 .base_1ufizo4_brz2a7__2efb673d[disabled]{opacity:var(--plasma-range-disabled-opacity);cursor:not-allowed;}
-.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);}
+.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);}
 .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 CHANGED Viewed

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

package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.js CHANGED Viewed

@@ -264,7 +264,7 @@ var comboboxRoot = exports.comboboxRoot = function comboboxRoot(Root) {
       var checkedCopy = new Map(checked);
       if (!checkedCopy.get(item.value)) {
         checkedCopy.set(item.value, true);
-        (0, _utils3.updateDescendants)(item, checkedCopy, true);
+        (0, _utils3.updateDescendants)(item, checkedCopy, true, valueToItemMap);
       } else {
         checkedCopy.set(item.value, false);
         (0, _utils3.updateDescendants)(item, checkedCopy, false);

package/styled-components/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.js CHANGED Viewed

@@ -89,6 +89,7 @@ var Item = exports.Item = function Item(_ref) {
       return e.stopPropagation();
     }
   }, /*#__PURE__*/_react["default"].createElement(_Item.StyledCheckbox, {
+    disabled: disabled,
     checked: Boolean(checked.get(item.value)),
     indeterminate: checked.get(item.value) === 'indeterminate',
     onChange: handleChange

package/styled-components/cjs/components/Combobox/ComboboxNew/utils/updateDescendants.js CHANGED Viewed

@@ -4,14 +4,17 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.updateDescendants = void 0;
-var updateDescendants = exports.updateDescendants = function updateDescendants(node, checkedMap, isChecked) {
+var updateDescendants = exports.updateDescendants = function updateDescendants(node, checkedMap, isChecked, valueToItemMap) {
   if (!(node !== null && node !== void 0 && node.items)) {
     return;
   }
   node.items.forEach(function (item) {
-    checkedMap.set(item.value, isChecked);
+    var _valueToItemMap$get;
+    if (!(valueToItemMap !== null && valueToItemMap !== void 0 && (_valueToItemMap$get = valueToItemMap.get(item.value)) !== null && _valueToItemMap$get !== void 0 && _valueToItemMap$get.disabled)) {
+      checkedMap.set(item.value, isChecked);
+    }
     if (item.items) {
-      updateDescendants(item, checkedMap, isChecked);
+      updateDescendants(item, checkedMap, isChecked, valueToItemMap);
     }
   });
 };

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

@@ -26,7 +26,6 @@ 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',
@@ -37,7 +36,6 @@ 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 CHANGED Viewed

@@ -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(", ");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);
+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);

package/styled-components/cjs/components/Select/Select.js CHANGED Viewed

@@ -183,7 +183,7 @@ var selectRoot = exports.selectRoot = function selectRoot(Root) {
       var checkedCopy = new Map(checked);
       if (!checkedCopy.get(item.value)) {
         checkedCopy.set(item.value, true);
-        (0, _utils2.updateDescendants)(item, checkedCopy, true);
+        (0, _utils2.updateDescendants)(item, checkedCopy, true, valueToItemMap);
       } else {
         checkedCopy.set(item.value, false);
         (0, _utils2.updateDescendants)(item, checkedCopy, false);

package/styled-components/cjs/components/Select/ui/Inner/ui/Item/Item.js CHANGED Viewed

@@ -91,6 +91,7 @@ var Item = exports.Item = function Item(_ref) {
       return e.stopPropagation();
     }
   }, /*#__PURE__*/_react["default"].createElement(_Item.StyledCheckbox, {
+    disabled: itemDisabled,
     checked: Boolean(checked.get(item.value)),
     indeterminate: checked.get(item.value) === 'indeterminate',
     onChange: handleChange

package/styled-components/cjs/components/Select/utils/updateDescendants.js CHANGED Viewed

@@ -4,14 +4,17 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.updateDescendants = void 0;
-var updateDescendants = exports.updateDescendants = function updateDescendants(node, checkedMap, isChecked) {
+var updateDescendants = exports.updateDescendants = function updateDescendants(node, checkedMap, isChecked, valueToItemMap) {
   if (!(node !== null && node !== void 0 && node.items)) {
     return;
   }
   node.items.forEach(function (item) {
-    checkedMap.set(item.value, isChecked);
+    var _valueToItemMap$get;
+    if (!(valueToItemMap !== null && valueToItemMap !== void 0 && (_valueToItemMap$get = valueToItemMap.get(item.value)) !== null && _valueToItemMap$get !== void 0 && _valueToItemMap$get.disabled)) {
+      checkedMap.set(item.value, isChecked);
+    }
     if (item.items) {
-      updateDescendants(item, checkedMap, isChecked);
+      updateDescendants(item, checkedMap, isChecked, valueToItemMap);
     }
   });
 };

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

@@ -17,10 +17,9 @@ 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/_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 _base4 = /*#__PURE__*/require("./variations/_disabled/base");
+var _base5 = /*#__PURE__*/require("./variations/_hint-view/base");
+var _base6 = /*#__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); }
@@ -359,19 +358,18 @@ var textAreaConfig = exports.textAreaConfig = {
       css: _base3.base,
       attrs: true
     },
-    readOnly: {
+    disabled: {
       css: _base4.base,
       attrs: true
     },
-    disabled: {
-      css: _base5.base,
+    readOnly: {
       attrs: true
     },
     hintView: {
-      css: _base6.base
+      css: _base5.base
     },
     hintSize: {
-      css: _base7.base
+      css: _base6.base
     }
   },
   defaults: {

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

@@ -66,9 +66,6 @@ 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/TextField/TextField.tokens.js CHANGED Viewed

@@ -118,7 +118,6 @@ 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 CHANGED Viewed

@@ -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]{: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);
+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);

package/styled-components/cjs/components/_Icon/Icons/IconChevronLeft.js CHANGED Viewed

@@ -7,23 +7,18 @@ exports.IconChevronLeft = void 0;
 var _react = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("react"));
 var _ChevronLeft = /*#__PURE__*/require("../Icon.assets/ChevronLeft");
 var _IconRoot = /*#__PURE__*/require("../IconRoot");
-var _excluded = ["size", "color", "className", "sizeCustomProperty"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 var IconChevronLeft = exports.IconChevronLeft = function IconChevronLeft(_ref) {
   var _ref$size = _ref.size,
     size = _ref$size === void 0 ? 's' : _ref$size,
     color = _ref.color,
     className = _ref.className,
-    sizeCustomProperty = _ref.sizeCustomProperty,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/_react["default"].createElement(_IconRoot.IconRoot, _extends({
+    sizeCustomProperty = _ref.sizeCustomProperty;
+  return /*#__PURE__*/_react["default"].createElement(_IconRoot.IconRoot, {
     className: className,
     size: size,
     color: color,
     icon: _ChevronLeft.ChevronLeft,
     sizeCustomProperty: sizeCustomProperty
-  }, rest));
+  });
 };

package/styled-components/cjs/components/_Icon/index.js CHANGED Viewed

@@ -159,12 +159,6 @@ Object.defineProperty(exports, "IconInfoCircleOutline", {
     return _IconInfoCircleOutline.IconInfoCircleOutline;
   }
 });
-Object.defineProperty(exports, "IconLock", {
-  enumerable: true,
-  get: function get() {
-    return _IconLock.IconLock;
-  }
-});
 Object.defineProperty(exports, "IconMic", {
   enumerable: true,
   get: function get() {
@@ -250,7 +244,6 @@ var _IconDisclosureRightWithOffset = /*#__PURE__*/require("./Icons/IconDisclosur
 var _IconDisclosureDownFill = /*#__PURE__*/require("./Icons/IconDisclosureDownFill");
 var _IconDisclosureDownWithOffset = /*#__PURE__*/require("./Icons/IconDisclosureDownWithOffset");
 var _IconDisclosureUpWithOffset = /*#__PURE__*/require("./Icons/IconDisclosureUpWithOffset");
-var _IconLock = /*#__PURE__*/require("./Icons/IconLock");
 var _IconMic = /*#__PURE__*/require("./Icons/IconMic");
 var _IconChevronLeft = /*#__PURE__*/require("./Icons/IconChevronLeft");
 var _IconChevronDoubleLeft = /*#__PURE__*/require("./Icons/IconChevronDoubleLeft");

package/styled-components/cjs/examples/plasma_b2c/components/Combobox/Combobox.stories.tsx CHANGED Viewed

@@ -246,6 +246,7 @@ const items = [
                     {
                         value: 'rio_de_janeiro',
                         label: 'Рио-де-Жанейро',
+                        disabled: true,
                     },
                     {
                         value: 'sao_paulo',

package/styled-components/cjs/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx CHANGED Viewed

@@ -1,7 +1,7 @@
 import React, { ComponentProps, useEffect, useRef, useState } from 'react';
 import type { StoryObj, Meta } from '@storybook/react';
 import { action } from '@storybook/addon-actions';
-import { disableProps, IconPlaceholder } from '@salutejs/plasma-sb-utils';
+import { IconPlaceholder } from '@salutejs/plasma-sb-utils';
 import { WithTheme } from '../../../_helpers';
 import { IconButton } from '../IconButton/IconButton';

package/styled-components/cjs/examples/plasma_b2c/components/Range/Range.config.js CHANGED Viewed

@@ -25,7 +25,7 @@ var config = exports.config = {
       "true": /*#__PURE__*/(0, _styledComponents.css)(["", ":0.4;"], _Range.rangeTokens.disabledOpacity)
     },
     readOnly: {
-      "true": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--surface-transparent-primary);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--text-secondary);", ":0.4;", ":0.4;", ":var(--text-primary);", ":transparent;", ":var(--text-secondary);"], _Range.rangeTokens.backgroundReadOnly, _Range.rangeTokens.labelColorReadOnly, _Range.rangeTokens.leftHelperColorReadOnly, _Range.rangeTokens.dividerColorReadOnly, _Range.rangeTokens.dividerOpacityReadOnly, _Range.rangeTokens.rightContentOpacityReadOnly, _Range.rangeTokens.textFieldColorReadOnly, _Range.rangeTokens.textFieldBackgroundColorReadOnly, _Range.rangeTokens.textFieldPlaceholderColorReadOnly)
+      "true": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--surface-transparent-primary);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);"], _Range.rangeTokens.backgroundReadOnly, _Range.rangeTokens.labelColorReadOnly, _Range.rangeTokens.leftHelperColorReadOnly, _Range.rangeTokens.dividerColorReadOnly, _Range.rangeTokens.textFieldColorReadOnly, _Range.rangeTokens.textFieldBackgroundColorReadOnly, _Range.rangeTokens.textFieldPlaceholderColorReadOnly)
     }
   }
 };

package/styled-components/cjs/examples/plasma_b2c/components/Range/Range.stories.tsx CHANGED Viewed

@@ -1,7 +1,7 @@
 import React, { ChangeEvent, ComponentProps, Dispatch, SetStateAction, useState } from 'react';
 import type { StoryObj, Meta } from '@storybook/react';
 import { action } from '@storybook/addon-actions';
-import { disableProps, IconPlaceholder } from '@salutejs/plasma-sb-utils';
+import { IconPlaceholder } from '@salutejs/plasma-sb-utils';
 import { WithTheme } from '../../../_helpers';
 import { IconChevronLeft } from '../../../../components/_Icon';
@@ -45,10 +45,7 @@ const meta: Meta<typeof Range> = {
             control: {
                 type: 'select',
             },
-            if: {
-                arg: 'required',
-                truthy: true,
-            },
+            if: { arg: 'required', truthy: true },
         },
         ...disableProps(['view']),
     },
@@ -79,14 +76,10 @@ const getSizeForIcon = (size) => {
     return size;
 };
-const ActionButton = ({ size, readOnly }) => {
+const ActionButton = ({ size }) => {
     return (
-        <IconButton view="clear" size={size} disabled={readOnly}>
-            <IconChevronLeft
-                color={readOnly ? 'var(--text-secondary)' : 'inherit'}
-                size={getSizeForIcon(size)}
-                style={{ transform: 'rotate(180deg)' }}
-            />
+        <IconButton view="clear" size={size}>
+            <IconChevronLeft color="inherit" size={getSizeForIcon(size)} />
         </IconButton>
     );
 };
@@ -122,7 +115,7 @@ const StoryDefault = ({
             firstValue={firstValue}
             secondValue={secondValue}
             contentLeft={enableContentLeft ? <IconPlaceholder size={iconSize} /> : undefined}
-            contentRight={enableContentRight ? <ActionButton size={size} readOnly={rest.readOnly} /> : undefined}
+            contentRight={enableContentRight ? <ActionButton size={size} /> : undefined}
             firstTextfieldContentLeft={
                 enableFirstTextfieldContentLeft ? <IconPlaceholder size={iconSize} /> : undefined
             }
@@ -273,7 +266,7 @@ const StoryDemo = ({ enableContentLeft, enableContentRight, size, ...rest }: Sto
             firstValueSuccess={firstValueSuccess}
             secondValueSuccess={secondValueSuccess}
             contentLeft={enableContentLeft ? <IconPlaceholder size={iconSize} /> : undefined}
-            contentRight={enableContentRight ? <ActionButton size={size} readOnly={rest.readOnly} /> : undefined}
+            contentRight={enableContentRight ? <ActionButton size={size} /> : undefined}
             onChangeFirstValue={(e) => {
                 handleChangeValue(
                     e,

package/styled-components/cjs/examples/plasma_b2c/components/TextArea/TextArea.config.js CHANGED Viewed

@@ -35,9 +35,6 @@ var config = exports.config = {
     clear: {
       "true": /*#__PURE__*/(0, _styledComponents.css)([""])
     },
-    readOnly: {
-      "true": /*#__PURE__*/(0, _styledComponents.css)(["", ":0.4;", ":var(--surface-transparent-primary);", ":var(--text-primary);"], _TextArea.textAreaTokens.readOnlyOpacity, _TextArea.textAreaTokens.backgroundColorReadOnly, _TextArea.textAreaTokens.inputColorReadOnly)
-    },
     disabled: {
       "true": /*#__PURE__*/(0, _styledComponents.css)(["", ":0.4;", ":var(--text-secondary);", ":var(--surface-transparent-primary);", ":var(--text-secondary);"], _TextArea.textAreaTokens.disabledOpacity, _TextArea.textAreaTokens.inputColorDisabled, _TextArea.textAreaTokens.dividerColorReadOnly, _TextArea.textAreaTokens.titleCaptionColorReadOnly)
     }