@salutejs/plasma-new-hope 0.324.0-canary.1971.15108751783.0 → 0.324.0-canary.1975.15178599766.0

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    inputTextEllipsis: 'textfield-input-text-ellipsis',\n    contentRightCompensationMargin: 'textfield-content-right-compensation-margin',\n    readOnly: 'textfield-readonly-input',\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","inputTextEllipsis","contentRightCompensationMargin","readOnly","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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"}
+{"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    inputTextEllipsis: 'textfield-input-text-ellipsis',\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","inputTextEllipsis","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/_label-placement/base.js

@@ -1,4 +1,4 @@
-import './base_18kkeb9.css';
+import './base_jfnl8i.css';
 var base = "b15d3bnf";
 
 export { base };

package/es/components/TextField/variations/_label-placement/base.js.map

@@ -1 +1 @@
-{"version":3,"file":"base.js","sources":["../../../../../src/components/TextField/variations/_label-placement/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes, tokens } from '../../TextField.tokens';\nimport { Input, InputContainer, Label } from '../../TextField.styles';\n\nexport const base = css`\n    &.${classes.outerLabelPlacement} {\n        ${Label} {\n            position: relative;\n            display: inline-block;\n            color: var(${tokens.labelColor});\n        }\n    }\n\n    &.${classes.innerLabelPlacement} {\n        ${InputContainer} {\n            padding: var(${tokens.contentLabelInnerPadding});\n        }\n\n        /* поднимает label вверх при фокусе, наличии значения */\n        ${Input}:not(.${classes.readOnly}):focus ~ ${Label}, ${Input}.${classes.hasValue} ~ ${Label}, ${Input}.${classes.keepPlaceholder} ~ ${Label} {\n            color: var(${tokens.placeholderColor});\n            align-items: flex-start;\n            padding: var(${tokens.labelInnerPadding});\n\n            font-family: var(${tokens.labelInnerFontFamily});\n            font-size: var(${tokens.labelInnerFontSize});\n            font-style: var(${tokens.labelInnerFontStyle});\n            font-weight: var(${tokens.labelInnerFontWeight});\n            letter-spacing: var(${tokens.labelInnerLetterSpacing});\n            line-height: var(${tokens.labelInnerLineHeight});\n        }\n\n        ${Label} {\n            color: var(${tokens.placeholderColor});\n\n            pointer-events: none;\n            position: absolute;\n            top: 0;\n\n            display: flex;\n            align-items: center;\n\n            box-sizing: border-box;\n\n            height: 100%;\n        }\n\n        &.${classes.clear} ${Label} {\n            color: var(${tokens.clearPlaceholderColor});\n        }\n    }\n`;\n"],"names":["base"],"mappings":"AAKO,IAAMA,IAAI,GA+ChB;;;;"}
+{"version":3,"file":"base.js","sources":["../../../../../src/components/TextField/variations/_label-placement/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes, tokens } from '../../TextField.tokens';\nimport { Input, InputContainer, Label } from '../../TextField.styles';\n\nexport const base = css`\n    &.${classes.outerLabelPlacement} {\n        ${Label} {\n            position: relative;\n            display: inline-block;\n            color: var(${tokens.labelColor});\n        }\n    }\n\n    &.${classes.innerLabelPlacement} {\n        ${InputContainer} {\n            padding: var(${tokens.contentLabelInnerPadding});\n        }\n\n        /* поднимает label вверх при фокусе, наличии значения */\n        ${Input}:focus ~ ${Label}, ${Input}.${classes.hasValue} ~ ${Label}, ${Input}.${classes.keepPlaceholder} ~ ${Label} {\n            color: var(${tokens.placeholderColor});\n            align-items: flex-start;\n            padding: var(${tokens.labelInnerPadding});\n\n            font-family: var(${tokens.labelInnerFontFamily});\n            font-size: var(${tokens.labelInnerFontSize});\n            font-style: var(${tokens.labelInnerFontStyle});\n            font-weight: var(${tokens.labelInnerFontWeight});\n            letter-spacing: var(${tokens.labelInnerLetterSpacing});\n            line-height: var(${tokens.labelInnerLineHeight});\n        }\n\n        ${Label} {\n            color: var(${tokens.placeholderColor});\n\n            pointer-events: none;\n            position: absolute;\n            top: 0;\n\n            display: flex;\n            align-items: center;\n\n            box-sizing: border-box;\n\n            height: 100%;\n        }\n\n        &.${classes.clear} ${Label} {\n            color: var(${tokens.clearPlaceholderColor});\n        }\n    }\n`;\n"],"names":["base"],"mappings":"AAKO,IAAMA,IAAI,GA+ChB;;;;"}

package/es/components/TextField/variations/_label-placement/base_jfnl8i.css

@@ -0,0 +1 @@
+.b15d3bnf.label-placement-outer .luk2zst{position:relative;display:inline-block;color:var(--plasma-textfield__label-color);}.b15d3bnf.label-placement-inner .i13qvwoy{padding:var(--plasma-textfield-placement_inner__content-padding);}.b15d3bnf.label-placement-inner .io4bpie:focus ~ .luk2zst,.b15d3bnf.label-placement-inner .io4bpie.has-value ~ .luk2zst,.b15d3bnf.label-placement-inner .io4bpie.keep-placeholder ~ .luk2zst{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);}.b15d3bnf.label-placement-inner .luk2zst{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%;}.b15d3bnf.label-placement-inner.textfield-clear .luk2zst{color:var(--plasma-textfield__clear-placeholder-color);}

package/es/engines/linaria.js

@@ -10,7 +10,8 @@ var _component = function _component(componentConfig) {
   var tag = componentConfig.tag,
     base = componentConfig.base,
     name = componentConfig.name,
-    intersections = componentConfig.intersections;
+    intersections = componentConfig.intersections,
+    invariants = componentConfig.invariants;
   var staticVariants = getStaticVariants(componentConfig);
   var dynamicVariants = getDynamicVariants(componentConfig);
   var component = /*#__PURE__*/forwardRef(function (props, ref) {
@@ -20,7 +21,7 @@ var _component = function _component(componentConfig) {
       rest = _objectWithoutProperties(props, _excluded);
     var variants = dynamicVariants(rest);
     var intersectionStyles = getIntersectionStyles(rest, intersections);
-    var cls = cx.apply(void 0, [className, base].concat(_toConsumableArray(staticVariants), _toConsumableArray(variants), _toConsumableArray(intersectionStyles)));
+    var cls = cx.apply(void 0, [className, base].concat(_toConsumableArray(staticVariants), _toConsumableArray(variants), _toConsumableArray(intersectionStyles), [invariants]));
 
     // styled-components do it inside
     // filter props

package/es/engines/linaria.js.map

@@ -1 +1 @@
-{"version":3,"file":"linaria.js","sources":["../../src/engines/linaria.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { cx } from '@linaria/core';\n\n// TODO: #1008 Избавиться от импортов и переделать addFocus\nimport 'focus-visible';\nimport { getStaticVariants, getDynamicVariants, getIntersectionStyles } from './utils';\nimport { ComponentConfig, HTMLAnyAttributes } from './types';\n\n/* eslint-disable no-underscore-dangle */\nexport const _component = (componentConfig: ComponentConfig) => {\n    const { tag, base, name, intersections } = componentConfig;\n    const staticVariants = getStaticVariants(componentConfig);\n    const dynamicVariants = getDynamicVariants(componentConfig);\n\n    const component = forwardRef<HTMLElement, HTMLAnyAttributes>((props, ref) => {\n        const { className, as, forwardedAs, ...rest } = props;\n        const variants = dynamicVariants(rest);\n        const intersectionStyles = getIntersectionStyles(rest, intersections) as string[];\n\n        const cls = cx(className, base as string, ...(staticVariants as string[]), ...variants, ...intersectionStyles);\n\n        // styled-components do it inside\n        // filter props\n        const baseProps: HTMLAnyAttributes = {};\n        for (const key in rest) {\n            if (!(key in componentConfig.variations)) {\n                baseProps[key] = rest[key];\n            }\n        }\n\n        baseProps.ref = ref;\n\n        // styled-components do it inside\n        // add props that should be attr( disabled for example)\n        const htmlAttrs: HTMLAnyAttributes = {};\n        for (const key in componentConfig.variations || {}) {\n            if (key in rest) {\n                const variant = componentConfig.variations[key];\n\n                const { attrs } = variant;\n                if (typeof attrs === 'boolean') {\n                    htmlAttrs[key] = rest[key];\n                }\n            }\n        }\n\n        const Root = as || forwardedAs || (tag as React.ElementType);\n\n        return <Root className={cls} {...htmlAttrs} {...baseProps} />;\n    });\n    if (name) {\n        component.displayName = name;\n    }\n    return component;\n};\n"],"names":["_component","componentConfig","tag","base","name","intersections","staticVariants","getStaticVariants","dynamicVariants","getDynamicVariants","component","forwardRef","props","ref","className","as","forwardedAs","rest","_objectWithoutProperties","_excluded","variants","intersectionStyles","getIntersectionStyles","cls","cx","apply","concat","_toConsumableArray","baseProps","key","variations","htmlAttrs","variant","attrs","Root","React","createElement","_extends","displayName"],"mappings":";;;;;;;AAQA;IACaA,UAAU,GAAG,SAAbA,UAAUA,CAAIC,eAAgC,EAAK;AAC5D,EAAA,IAAQC,GAAG,GAAgCD,eAAe,CAAlDC,GAAG;IAAEC,IAAI,GAA0BF,eAAe,CAA7CE,IAAI;IAAEC,IAAI,GAAoBH,eAAe,CAAvCG,IAAI;IAAEC,aAAa,GAAKJ,eAAe,CAAjCI,aAAa,CAAA;AACtC,EAAA,IAAMC,cAAc,GAAGC,iBAAiB,CAACN,eAAe,CAAC,CAAA;AACzD,EAAA,IAAMO,eAAe,GAAGC,kBAAkB,CAACR,eAAe,CAAC,CAAA;EAE3D,IAAMS,SAAS,gBAAGC,UAAU,CAAiC,UAACC,KAAK,EAAEC,GAAG,EAAK;AACzE,IAAA,IAAQC,SAAS,GAA+BF,KAAK,CAA7CE,SAAS;MAAEC,EAAE,GAA2BH,KAAK,CAAlCG,EAAE;MAAEC,WAAW,GAAcJ,KAAK,CAA9BI,WAAW;AAAKC,MAAAA,IAAI,GAAAC,wBAAA,CAAKN,KAAK,EAAAO,SAAA,CAAA,CAAA;AACrD,IAAA,IAAMC,QAAQ,GAAGZ,eAAe,CAACS,IAAI,CAAC,CAAA;AACtC,IAAA,IAAMI,kBAAkB,GAAGC,qBAAqB,CAACL,IAAI,EAAEZ,aAAa,CAAa,CAAA;IAEjF,IAAMkB,GAAG,GAAGC,EAAE,CAAAC,KAAA,CAACX,KAAAA,CAAAA,EAAAA,CAAAA,SAAS,EAAEX,IAAI,CAAAuB,CAAAA,MAAA,CAAAC,kBAAA,CAAgBrB,cAAc,CAAA,EAAAqB,kBAAA,CAAkBP,QAAQ,CAAAO,EAAAA,kBAAA,CAAKN,kBAAkB,CAAC,CAAA,CAAA,CAAA;;AAE9G;AACA;IACA,IAAMO,SAA4B,GAAG,EAAE,CAAA;AACvC,IAAA,KAAK,IAAMC,GAAG,IAAIZ,IAAI,EAAE;AACpB,MAAA,IAAI,EAAEY,GAAG,IAAI5B,eAAe,CAAC6B,UAAU,CAAC,EAAE;AACtCF,QAAAA,SAAS,CAACC,GAAG,CAAC,GAAGZ,IAAI,CAACY,GAAG,CAAC,CAAA;AAC9B,OAAA;AACJ,KAAA;IAEAD,SAAS,CAACf,GAAG,GAAGA,GAAG,CAAA;;AAEnB;AACA;IACA,IAAMkB,SAA4B,GAAG,EAAE,CAAA;IACvC,KAAK,IAAMF,IAAG,IAAI5B,eAAe,CAAC6B,UAAU,IAAI,EAAE,EAAE;MAChD,IAAID,IAAG,IAAIZ,IAAI,EAAE;AACb,QAAA,IAAMe,OAAO,GAAG/B,eAAe,CAAC6B,UAAU,CAACD,IAAG,CAAC,CAAA;AAE/C,QAAA,IAAQI,KAAK,GAAKD,OAAO,CAAjBC,KAAK,CAAA;AACb,QAAA,IAAI,OAAOA,KAAK,KAAK,SAAS,EAAE;AAC5BF,UAAAA,SAAS,CAACF,IAAG,CAAC,GAAGZ,IAAI,CAACY,IAAG,CAAC,CAAA;AAC9B,SAAA;AACJ,OAAA;AACJ,KAAA;AAEA,IAAA,IAAMK,IAAI,GAAGnB,EAAE,IAAIC,WAAW,IAAKd,GAAyB,CAAA;AAE5D,IAAA,oBAAOiC,KAAA,CAAAC,aAAA,CAACF,IAAI,EAAAG,QAAA,CAAA;AAACvB,MAAAA,SAAS,EAAES,GAAAA;AAAI,KAAA,EAAKQ,SAAS,EAAMH,SAAS,CAAG,CAAC,CAAA;AACjE,GAAC,CAAC,CAAA;AACF,EAAA,IAAIxB,IAAI,EAAE;IACNM,SAAS,CAAC4B,WAAW,GAAGlC,IAAI,CAAA;AAChC,GAAA;AACA,EAAA,OAAOM,SAAS,CAAA;AACpB;;;;"}
+{"version":3,"file":"linaria.js","sources":["../../src/engines/linaria.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { cx } from '@linaria/core';\n\n// TODO: #1008 Избавиться от импортов и переделать addFocus\nimport 'focus-visible';\nimport { getStaticVariants, getDynamicVariants, getIntersectionStyles } from './utils';\nimport { ComponentConfig, HTMLAnyAttributes } from './types';\n\n/* eslint-disable no-underscore-dangle */\nexport const _component = (componentConfig: ComponentConfig) => {\n    const { tag, base, name, intersections, invariants } = componentConfig;\n\n    const staticVariants = getStaticVariants(componentConfig);\n    const dynamicVariants = getDynamicVariants(componentConfig);\n\n    const component = forwardRef<HTMLElement, HTMLAnyAttributes>((props, ref) => {\n        const { className, as, forwardedAs, ...rest } = props;\n        const variants = dynamicVariants(rest);\n        const intersectionStyles = getIntersectionStyles(rest, intersections) as string[];\n\n        const cls = cx(\n            className,\n            base as string,\n            ...(staticVariants as string[]),\n            ...variants,\n            ...intersectionStyles,\n            invariants as string,\n        );\n\n        // styled-components do it inside\n        // filter props\n        const baseProps: HTMLAnyAttributes = {};\n        for (const key in rest) {\n            if (!(key in componentConfig.variations)) {\n                baseProps[key] = rest[key];\n            }\n        }\n\n        baseProps.ref = ref;\n\n        // styled-components do it inside\n        // add props that should be attr( disabled for example)\n        const htmlAttrs: HTMLAnyAttributes = {};\n        for (const key in componentConfig.variations || {}) {\n            if (key in rest) {\n                const variant = componentConfig.variations[key];\n\n                const { attrs } = variant;\n                if (typeof attrs === 'boolean') {\n                    htmlAttrs[key] = rest[key];\n                }\n            }\n        }\n\n        const Root = as || forwardedAs || (tag as React.ElementType);\n\n        return <Root className={cls} {...htmlAttrs} {...baseProps} />;\n    });\n    if (name) {\n        component.displayName = name;\n    }\n    return component;\n};\n"],"names":["_component","componentConfig","tag","base","name","intersections","invariants","staticVariants","getStaticVariants","dynamicVariants","getDynamicVariants","component","forwardRef","props","ref","className","as","forwardedAs","rest","_objectWithoutProperties","_excluded","variants","intersectionStyles","getIntersectionStyles","cls","cx","apply","concat","_toConsumableArray","baseProps","key","variations","htmlAttrs","variant","attrs","Root","React","createElement","_extends","displayName"],"mappings":";;;;;;;AAQA;IACaA,UAAU,GAAG,SAAbA,UAAUA,CAAIC,eAAgC,EAAK;AAC5D,EAAA,IAAQC,GAAG,GAA4CD,eAAe,CAA9DC,GAAG;IAAEC,IAAI,GAAsCF,eAAe,CAAzDE,IAAI;IAAEC,IAAI,GAAgCH,eAAe,CAAnDG,IAAI;IAAEC,aAAa,GAAiBJ,eAAe,CAA7CI,aAAa;IAAEC,UAAU,GAAKL,eAAe,CAA9BK,UAAU,CAAA;AAElD,EAAA,IAAMC,cAAc,GAAGC,iBAAiB,CAACP,eAAe,CAAC,CAAA;AACzD,EAAA,IAAMQ,eAAe,GAAGC,kBAAkB,CAACT,eAAe,CAAC,CAAA;EAE3D,IAAMU,SAAS,gBAAGC,UAAU,CAAiC,UAACC,KAAK,EAAEC,GAAG,EAAK;AACzE,IAAA,IAAQC,SAAS,GAA+BF,KAAK,CAA7CE,SAAS;MAAEC,EAAE,GAA2BH,KAAK,CAAlCG,EAAE;MAAEC,WAAW,GAAcJ,KAAK,CAA9BI,WAAW;AAAKC,MAAAA,IAAI,GAAAC,wBAAA,CAAKN,KAAK,EAAAO,SAAA,CAAA,CAAA;AACrD,IAAA,IAAMC,QAAQ,GAAGZ,eAAe,CAACS,IAAI,CAAC,CAAA;AACtC,IAAA,IAAMI,kBAAkB,GAAGC,qBAAqB,CAACL,IAAI,EAAEb,aAAa,CAAa,CAAA;IAEjF,IAAMmB,GAAG,GAAGC,EAAE,CAAAC,KAAA,CACVX,KAAAA,CAAAA,EAAAA,CAAAA,SAAS,EACTZ,IAAI,CAAAwB,CAAAA,MAAA,CAAAC,kBAAA,CACArB,cAAc,CAAA,EAAAqB,kBAAA,CACfP,QAAQ,CAAA,EAAAO,kBAAA,CACRN,kBAAkB,CAAA,EAAA,CACrBhB,UAAU,CAAA,CACd,CAAC,CAAA;;AAED;AACA;IACA,IAAMuB,SAA4B,GAAG,EAAE,CAAA;AACvC,IAAA,KAAK,IAAMC,GAAG,IAAIZ,IAAI,EAAE;AACpB,MAAA,IAAI,EAAEY,GAAG,IAAI7B,eAAe,CAAC8B,UAAU,CAAC,EAAE;AACtCF,QAAAA,SAAS,CAACC,GAAG,CAAC,GAAGZ,IAAI,CAACY,GAAG,CAAC,CAAA;AAC9B,OAAA;AACJ,KAAA;IAEAD,SAAS,CAACf,GAAG,GAAGA,GAAG,CAAA;;AAEnB;AACA;IACA,IAAMkB,SAA4B,GAAG,EAAE,CAAA;IACvC,KAAK,IAAMF,IAAG,IAAI7B,eAAe,CAAC8B,UAAU,IAAI,EAAE,EAAE;MAChD,IAAID,IAAG,IAAIZ,IAAI,EAAE;AACb,QAAA,IAAMe,OAAO,GAAGhC,eAAe,CAAC8B,UAAU,CAACD,IAAG,CAAC,CAAA;AAE/C,QAAA,IAAQI,KAAK,GAAKD,OAAO,CAAjBC,KAAK,CAAA;AACb,QAAA,IAAI,OAAOA,KAAK,KAAK,SAAS,EAAE;AAC5BF,UAAAA,SAAS,CAACF,IAAG,CAAC,GAAGZ,IAAI,CAACY,IAAG,CAAC,CAAA;AAC9B,SAAA;AACJ,OAAA;AACJ,KAAA;AAEA,IAAA,IAAMK,IAAI,GAAGnB,EAAE,IAAIC,WAAW,IAAKf,GAAyB,CAAA;AAE5D,IAAA,oBAAOkC,KAAA,CAAAC,aAAA,CAACF,IAAI,EAAAG,QAAA,CAAA;AAACvB,MAAAA,SAAS,EAAES,GAAAA;AAAI,KAAA,EAAKQ,SAAS,EAAMH,SAAS,CAAG,CAAC,CAAA;AACjE,GAAC,CAAC,CAAA;AACF,EAAA,IAAIzB,IAAI,EAAE;IACNO,SAAS,CAAC4B,WAAW,GAAGnC,IAAI,CAAA;AAChC,GAAA;AACA,EAAA,OAAOO,SAAS,CAAA;AACpB;;;;"}

package/es/index.css

@@ -183,7 +183,7 @@
 
 .base_156fjoi_b1w985rt__2d3175c1[readonly]:not(.base_156fjoi_b1w985rt__2d3175c1[readonly].base_156fjoi_textfieldClear__2d3175c1) .base_156fjoi_iq39zt5__2d3175c1{position:relative;z-index:0;color:var(--plasma-textfield-color-readonly);background:transparent;box-shadow:none;}.base_156fjoi_b1w985rt__2d3175c1[readonly]:not(.base_156fjoi_b1w985rt__2d3175c1[readonly].base_156fjoi_textfieldClear__2d3175c1) .base_156fjoi_iq39zt5__2d3175c1: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);box-shadow:inset 0 0 0 var(--plasma-textfield-border-width) var(--plasma-textfield-border-color-readonly);z-index:-1;}.base_156fjoi_b1w985rt__2d3175c1[readonly]:not(.base_156fjoi_b1w985rt__2d3175c1[readonly].base_156fjoi_textfieldClear__2d3175c1) .base_156fjoi_iq39zt5__2d3175c1:hover{background-color:transparent;}.base_156fjoi_b1w985rt__2d3175c1[readonly].base_156fjoi_textfieldHasDivider__2d3175c1 .base_156fjoi_iq39zt5__2d3175c1:before{background-color:var(--plasma-textfield-divider-color-readonly);}.base_156fjoi_b1w985rt__2d3175c1[readonly] .base_156fjoi_iq39zt5__2d3175c1:focus-within .base_156fjoi_i19ry60d__2d3175c1,.base_156fjoi_b1w985rt__2d3175c1[readonly] .base_156fjoi_i19ry60d__2d3175c1{color:var(--plasma-textfield__placeholder-color-readonly);}.base_156fjoi_b1w985rt__2d3175c1[readonly] .base_156fjoi_io4bpie__2d3175c1{color:var(--plasma-textfield-color-readonly);cursor:default;min-width:unset;}.base_156fjoi_b1w985rt__2d3175c1[readonly] .base_156fjoi_tlv9av6__2d3175c1{color:var(--plasma-textfield__title-caption-color-readonly);}.base_156fjoi_b1w985rt__2d3175c1[readonly] .base_156fjoi_lb3k3v1__2d3175c1{color:var(--plasma-textfield__left-helper-color-readonly);}.base_156fjoi_b1w985rt__2d3175c1[readonly] .base_156fjoi_s190z894__2d3175c1:hover,.base_156fjoi_b1w985rt__2d3175c1[readonly] .base_156fjoi_s190z894__2d3175c1:active{cursor:default;color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.base_156fjoi_b1w985rt__2d3175c1[readonly].base_156fjoi_labelPlacementOuter__2d3175c1 .base_156fjoi_luk2zst__2d3175c1{color:var(--plasma-textfield__label-color-readonly);}.base_156fjoi_b1w985rt__2d3175c1[readonly] .base_156fjoi_s190z894__2d3175c1:hover{cursor:default;}
 
-.base_18kkeb9_b15d3bnf__b6d5484f.base_18kkeb9_labelPlacementOuter__b6d5484f .base_18kkeb9_luk2zst__b6d5484f{position:relative;display:inline-block;color:var(--plasma-textfield__label-color);}.base_18kkeb9_b15d3bnf__b6d5484f.base_18kkeb9_labelPlacementInner__b6d5484f .base_18kkeb9_i13qvwoy__b6d5484f{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_18kkeb9_b15d3bnf__b6d5484f.base_18kkeb9_labelPlacementInner__b6d5484f .base_18kkeb9_io4bpie__b6d5484f:not(.base_18kkeb9_textfieldReadonlyInput__b6d5484f):focus ~ .base_18kkeb9_luk2zst__b6d5484f,.base_18kkeb9_b15d3bnf__b6d5484f.base_18kkeb9_labelPlacementInner__b6d5484f .base_18kkeb9_io4bpie__b6d5484f.base_18kkeb9_hasValue__b6d5484f ~ .base_18kkeb9_luk2zst__b6d5484f,.base_18kkeb9_b15d3bnf__b6d5484f.base_18kkeb9_labelPlacementInner__b6d5484f .base_18kkeb9_io4bpie__b6d5484f.base_18kkeb9_keepPlaceholder__b6d5484f ~ .base_18kkeb9_luk2zst__b6d5484f{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_18kkeb9_b15d3bnf__b6d5484f.base_18kkeb9_labelPlacementInner__b6d5484f .base_18kkeb9_luk2zst__b6d5484f{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_18kkeb9_b15d3bnf__b6d5484f.base_18kkeb9_labelPlacementInner__b6d5484f.base_18kkeb9_textfieldClear__b6d5484f .base_18kkeb9_luk2zst__b6d5484f{color:var(--plasma-textfield__clear-placeholder-color);}
+.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);}
 
 .base_1htnb8e_bbsd6t5__6d144702 .base_1htnb8e_hgy0im1__6d144702{--plasma-tooltip-background-color:var(--plasma-textfield__tooltip-background-color);--plasma-tooltip-box-shadow:var(--plasma-textfield__tooltip-box-shadow);--plasma-tooltip-color:var(--plasma-textfield__tooltip-color);}
 
@@ -691,12 +691,12 @@
 .SliderBase_styles_wld555_fdg7yhg__d313173d{position:absolute;width:0;height:100%;top:0;left:0;border-radius:var(--plasma-slider-rail-border-radius);background:var(--plasma-slider-fill-color);}
 .SliderBase_styles_wld555_i17ya4q3__d313173d{visibility:hidden;width:0;height:0;opacity:0;margin:0;padding:0;border:none;}
 
-.Single_styles_e0wk24_l1p4kc08__35f62990{color:var(--plasma-slider-label-color);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-slider-label-wrapper-gap);}
-.Single_styles_e0wk24_ly2gexi__35f62990{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
-.Single_styles_e0wk24_lozb535__35f62990{font-family:var(--plasma-slider-label-font-family);font-size:var(--plasma-slider-label-font-size);font-style:var(--plasma-slider-label-font-style);font-weight:var(--plasma-slider-label-font-weight);-webkit-letter-spacing:var(--plasma-slider-label-letter-spacing);-moz-letter-spacing:var(--plasma-slider-label-letter-spacing);-ms-letter-spacing:var(--plasma-slider-label-letter-spacing);letter-spacing:var(--plasma-slider-label-letter-spacing);line-height:var(--plasma-slider-label-line-height);}
-.Single_styles_e0wk24_s1w9icbd__35f62990{color:var(--plasma-slider-range-value-color);font-family:var(--plasma-slider-value-font-family);font-size:var(--plasma-slider-value-font-size);font-style:var(--plasma-slider-value-font-style);font-weight:var(--plasma-slider-value-font-weight);-webkit-letter-spacing:var(--plasma-slider-value-letter-spacing);-moz-letter-spacing:var(--plasma-slider-value-letter-spacing);-ms-letter-spacing:var(--plasma-slider-value-letter-spacing);letter-spacing:var(--plasma-slider-value-letter-spacing);line-height:var(--plasma-slider-value-line-height);-webkit-transition:opacity 0.1s ease-in-out;transition:opacity 0.1s ease-in-out;}.Single_styles_e0wk24_s1w9icbd__35f62990.Single_styles_e0wk24_sliderHideMinValue__35f62990,.Single_styles_e0wk24_s1w9icbd__35f62990.Single_styles_e0wk24_sliderHideMaxValue__35f62990{opacity:0;}.Single_styles_e0wk24_s1w9icbd__35f62990.Single_styles_e0wk24_sliderActiveRangeValue__35f62990{color:var(--plasma-slider-label-color);}
-.Single_styles_e0wk24_s1d2sfgl__35f62990{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1;-ms-flex:1;flex:1;position:relative;}.Single_styles_e0wk24_s1d2sfgl__35f62990.Single_styles_e0wk24_sliderRangeValuesPlacementOuter__35f62990{display:grid;grid-template-areas: 'a a' 'b c';}.Single_styles_e0wk24_s1d2sfgl__35f62990.Single_styles_e0wk24_sliderRangeValuesPlacementOuter__35f62990 .Single_styles_e0wk24_snaoqfb__35f62990{grid-area:a;}.Single_styles_e0wk24_s1d2sfgl__35f62990.Single_styles_e0wk24_sliderRangeValuesPlacementOuter__35f62990 .Single_styles_e0wk24_s1w9icbd__35f62990{grid-area:b;}.Single_styles_e0wk24_s1d2sfgl__35f62990.Single_styles_e0wk24_sliderRangeValuesPlacementOuter__35f62990 .Single_styles_e0wk24_s1w9icbd__35f62990.Single_styles_e0wk24_sliderMaxRangeValue__35f62990{grid-area:c;justify-self:end;}.Single_styles_e0wk24_s1d2sfgl__35f62990.Single_styles_e0wk24_sliderRangeValuesPlacementInner__35f62990{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.Single_styles_e0wk24_s1d2sfgl__35f62990.Single_styles_e0wk24_sliderRangeValuesPlacementInner__35f62990 .Single_styles_e0wk24_s1w9icbd__35f62990{margin-right:var(--plasma-slider-range-value-horizontal-margin);}.Single_styles_e0wk24_s1d2sfgl__35f62990.Single_styles_e0wk24_sliderRangeValuesPlacementInner__35f62990 .Single_styles_e0wk24_s1w9icbd__35f62990.Single_styles_e0wk24_sliderMaxRangeValue__35f62990{margin-right:0;margin-left:var(--plasma-slider-range-value-horizontal-margin);}
-.Single_styles_e0wk24_ss3ujqx__35f62990{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;opacity:var(--plasma-slider-disabled-opacity);}.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderLabelPlacementOuter__35f62990{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderLabelPlacementOuter__35f62990 .Single_styles_e0wk24_l1p4kc08__35f62990{margin-bottom:var(--plasma-slider-label-wrapper-margin-bottom);}.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderLabelPlacementInner__35f62990 .Single_styles_e0wk24_l1p4kc08__35f62990{margin-right:var(--plasma-slider-label-wrapper-margin-right);}.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderLabelPlacementInner__35f62990 .Single_styles_e0wk24_l1p4kc08__35f62990:not(:has(.Single_styles_e0wk24_lozb535__35f62990)):has(.Single_styles_e0wk24_ly2gexi__35f62990){margin-right:var(--plasma-slider-label-wrapper-only-icon-margin-right);}.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderLabelPlacementInner__35f62990 .Single_styles_e0wk24_l1p4kc08__35f62990:has(.Single_styles_e0wk24_lozb535__35f62990){margin-right:var(--plasma-slider-label-wrapper-margin-right);}.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990.Single_styles_e0wk24_sliderLabelAlignCenter__35f62990 .Single_styles_e0wk24_l1p4kc08__35f62990{-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;}.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990.Single_styles_e0wk24_sliderLabelAlignCenter__35f62990.Single_styles_e0wk24_sliderLabelPlacementBottom__35f62990 .Single_styles_e0wk24_l1p4kc08__35f62990{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990.Single_styles_e0wk24_sliderLabelAlignCenter__35f62990.Single_styles_e0wk24_sliderLabelPlacementBottom__35f62990.Single_styles_e0wk24_sliderLabelContentReversed__35f62990 .Single_styles_e0wk24_l1p4kc08__35f62990{-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;}.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990.Single_styles_e0wk24_sliderLabelAlignCenter__35f62990.Single_styles_e0wk24_sliderLabelContentReversed__35f62990 .Single_styles_e0wk24_l1p4kc08__35f62990{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990 .Single_styles_e0wk24_l1p4kc08__35f62990{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990 .Single_styles_e0wk24_s1d2sfgl__35f62990{width:var(--plasma-slider-size);}.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990.Single_styles_e0wk24_sliderLabelPlacementInner__35f62990 .Single_styles_e0wk24_l1p4kc08__35f62990{margin-right:0;margin-bottom:var(--plasma-slider-label-wrapper-vertical-margin);}.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990.Single_styles_e0wk24_sliderLabelAlignLeft__35f62990{-webkit-align-items:flex-end;-webkit-box-align:flex-end;-ms-flex-align:flex-end;align-items:flex-end;}.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990.Single_styles_e0wk24_sliderLabelAlignLeft__35f62990 .Single_styles_e0wk24_l1p4kc08__35f62990{-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;}.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990.Single_styles_e0wk24_sliderLabelAlignRight__35f62990{-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;}.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990.Single_styles_e0wk24_sliderLabelPlacementBottom__35f62990{-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;}.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990.Single_styles_e0wk24_sliderLabelPlacementBottom__35f62990 .Single_styles_e0wk24_l1p4kc08__35f62990{margin-top:var(--plasma-slider-label-wrapper-vertical-margin);margin-right:0;margin-bottom:0;}.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990 .Single_styles_e0wk24_s1d2sfgl__35f62990{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990.Single_styles_e0wk24_sliderLabelAlignCenter__35f62990 .Single_styles_e0wk24_s1w9icbd__35f62990{position:static;bottom:0;left:0;margin-bottom:var(--plasma-slider-range-value-vertical-margin);}.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990.Single_styles_e0wk24_sliderLabelAlignCenter__35f62990 .Single_styles_e0wk24_s1w9icbd__35f62990.Single_styles_e0wk24_sliderMaxRangeValue__35f62990{left:0;right:0;bottom:0;margin-top:var(--plasma-slider-range-value-vertical-margin);margin-bottom:0;}.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990.Single_styles_e0wk24_sliderLabelAlignLeft__35f62990 .Single_styles_e0wk24_s1d2sfgl__35f62990,.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990.Single_styles_e0wk24_sliderLabelAlignRight__35f62990 .Single_styles_e0wk24_s1d2sfgl__35f62990{display:grid;grid-template-areas: 'b a' 'c a';-webkit-flex-direction:unset;-ms-flex-direction:unset;flex-direction:unset;-webkit-align-items:unset;-webkit-box-align:unset;-ms-flex-align:unset;align-items:unset;-webkit-box-pack:unset;-webkit-justify-content:unset;-ms-flex-pack:unset;justify-content:unset;width:unset;}.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990.Single_styles_e0wk24_sliderLabelAlignLeft__35f62990 .Single_styles_e0wk24_snaoqfb__35f62990,.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990.Single_styles_e0wk24_sliderLabelAlignRight__35f62990 .Single_styles_e0wk24_snaoqfb__35f62990{grid-area:a;}.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990.Single_styles_e0wk24_sliderLabelAlignLeft__35f62990 .Single_styles_e0wk24_s1w9icbd__35f62990,.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990.Single_styles_e0wk24_sliderLabelAlignRight__35f62990 .Single_styles_e0wk24_s1w9icbd__35f62990{grid-area:b;-webkit-align-self:start;-ms-flex-item-align:start;align-self:start;justify-self:end;}.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990.Single_styles_e0wk24_sliderLabelAlignLeft__35f62990 .Single_styles_e0wk24_s1w9icbd__35f62990.Single_styles_e0wk24_sliderMaxRangeValue__35f62990,.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990.Single_styles_e0wk24_sliderLabelAlignRight__35f62990 .Single_styles_e0wk24_s1w9icbd__35f62990.Single_styles_e0wk24_sliderMaxRangeValue__35f62990{grid-area:c;-webkit-align-self:end;-ms-flex-item-align:end;align-self:end;}.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990.Single_styles_e0wk24_sliderLabelAlignRight__35f62990 .Single_styles_e0wk24_s1d2sfgl__35f62990{grid-template-areas: 'a b' 'a c';}.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990.Single_styles_e0wk24_sliderLabelAlignRight__35f62990 .Single_styles_e0wk24_s1w9icbd__35f62990{justify-self:start;}
+.Single_styles_1h9lsl3_l1p4kc08__faf36ea7{color:var(--plasma-slider-label-color);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-slider-label-wrapper-gap);}
+.Single_styles_1h9lsl3_ly2gexi__faf36ea7{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
+.Single_styles_1h9lsl3_lozb535__faf36ea7{font-family:var(--plasma-slider-label-font-family);font-size:var(--plasma-slider-label-font-size);font-style:var(--plasma-slider-label-font-style);font-weight:var(--plasma-slider-label-font-weight);-webkit-letter-spacing:var(--plasma-slider-label-letter-spacing);-moz-letter-spacing:var(--plasma-slider-label-letter-spacing);-ms-letter-spacing:var(--plasma-slider-label-letter-spacing);letter-spacing:var(--plasma-slider-label-letter-spacing);line-height:var(--plasma-slider-label-line-height);}
+.Single_styles_1h9lsl3_s1w9icbd__faf36ea7{color:var(--plasma-slider-range-value-color);font-family:var(--plasma-slider-value-font-family);font-size:var(--plasma-slider-value-font-size);font-style:var(--plasma-slider-value-font-style);font-weight:var(--plasma-slider-value-font-weight);-webkit-letter-spacing:var(--plasma-slider-value-letter-spacing);-moz-letter-spacing:var(--plasma-slider-value-letter-spacing);-ms-letter-spacing:var(--plasma-slider-value-letter-spacing);letter-spacing:var(--plasma-slider-value-letter-spacing);line-height:var(--plasma-slider-value-line-height);-webkit-transition:opacity 0.1s ease-in-out;transition:opacity 0.1s ease-in-out;}.Single_styles_1h9lsl3_s1w9icbd__faf36ea7.Single_styles_1h9lsl3_sliderHideMinValue__faf36ea7,.Single_styles_1h9lsl3_s1w9icbd__faf36ea7.Single_styles_1h9lsl3_sliderHideMaxValue__faf36ea7{opacity:0;}.Single_styles_1h9lsl3_s1w9icbd__faf36ea7.Single_styles_1h9lsl3_sliderActiveRangeValue__faf36ea7{color:var(--plasma-slider-label-color);}
+.Single_styles_1h9lsl3_s1d2sfgl__faf36ea7{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1;-ms-flex:1;flex:1;position:relative;}.Single_styles_1h9lsl3_s1d2sfgl__faf36ea7.Single_styles_1h9lsl3_sliderRangeValuesPlacementOuter__faf36ea7{display:grid;grid-template-areas: 'a a' 'b c';}.Single_styles_1h9lsl3_s1d2sfgl__faf36ea7.Single_styles_1h9lsl3_sliderRangeValuesPlacementOuter__faf36ea7 .Single_styles_1h9lsl3_snaoqfb__faf36ea7{grid-area:a;}.Single_styles_1h9lsl3_s1d2sfgl__faf36ea7.Single_styles_1h9lsl3_sliderRangeValuesPlacementOuter__faf36ea7 .Single_styles_1h9lsl3_s1w9icbd__faf36ea7{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;grid-area:b;}.Single_styles_1h9lsl3_s1d2sfgl__faf36ea7.Single_styles_1h9lsl3_sliderRangeValuesPlacementOuter__faf36ea7 .Single_styles_1h9lsl3_s1w9icbd__faf36ea7.Single_styles_1h9lsl3_sliderMaxRangeValue__faf36ea7{grid-area:c;justify-self:end;}.Single_styles_1h9lsl3_s1d2sfgl__faf36ea7.Single_styles_1h9lsl3_sliderRangeValuesPlacementInner__faf36ea7{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.Single_styles_1h9lsl3_s1d2sfgl__faf36ea7.Single_styles_1h9lsl3_sliderRangeValuesPlacementInner__faf36ea7 .Single_styles_1h9lsl3_s1w9icbd__faf36ea7{margin-right:var(--plasma-slider-range-value-horizontal-margin);}.Single_styles_1h9lsl3_s1d2sfgl__faf36ea7.Single_styles_1h9lsl3_sliderRangeValuesPlacementInner__faf36ea7 .Single_styles_1h9lsl3_s1w9icbd__faf36ea7.Single_styles_1h9lsl3_sliderMaxRangeValue__faf36ea7{margin-right:0;margin-left:var(--plasma-slider-range-value-horizontal-margin);}
+.Single_styles_1h9lsl3_ss3ujqx__faf36ea7{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;opacity:var(--plasma-slider-disabled-opacity);}.Single_styles_1h9lsl3_ss3ujqx__faf36ea7.Single_styles_1h9lsl3_sliderLabelPlacementOuter__faf36ea7{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.Single_styles_1h9lsl3_ss3ujqx__faf36ea7.Single_styles_1h9lsl3_sliderLabelPlacementOuter__faf36ea7 .Single_styles_1h9lsl3_l1p4kc08__faf36ea7{margin-bottom:var(--plasma-slider-label-wrapper-margin-bottom);}.Single_styles_1h9lsl3_ss3ujqx__faf36ea7.Single_styles_1h9lsl3_sliderLabelPlacementInner__faf36ea7 .Single_styles_1h9lsl3_l1p4kc08__faf36ea7{margin-right:var(--plasma-slider-label-wrapper-margin-right);}.Single_styles_1h9lsl3_ss3ujqx__faf36ea7.Single_styles_1h9lsl3_sliderLabelPlacementInner__faf36ea7 .Single_styles_1h9lsl3_l1p4kc08__faf36ea7:not(:has(.Single_styles_1h9lsl3_lozb535__faf36ea7)):has(.Single_styles_1h9lsl3_ly2gexi__faf36ea7){margin-right:var(--plasma-slider-label-wrapper-only-icon-margin-right);}.Single_styles_1h9lsl3_ss3ujqx__faf36ea7.Single_styles_1h9lsl3_sliderLabelPlacementInner__faf36ea7 .Single_styles_1h9lsl3_l1p4kc08__faf36ea7:has(.Single_styles_1h9lsl3_lozb535__faf36ea7){margin-right:var(--plasma-slider-label-wrapper-margin-right);}.Single_styles_1h9lsl3_ss3ujqx__faf36ea7.Single_styles_1h9lsl3_sliderVerticalOrientation__faf36ea7{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.Single_styles_1h9lsl3_ss3ujqx__faf36ea7.Single_styles_1h9lsl3_sliderVerticalOrientation__faf36ea7.Single_styles_1h9lsl3_sliderLabelAlignCenter__faf36ea7 .Single_styles_1h9lsl3_l1p4kc08__faf36ea7{-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;}.Single_styles_1h9lsl3_ss3ujqx__faf36ea7.Single_styles_1h9lsl3_sliderVerticalOrientation__faf36ea7.Single_styles_1h9lsl3_sliderLabelAlignCenter__faf36ea7.Single_styles_1h9lsl3_sliderLabelPlacementBottom__faf36ea7 .Single_styles_1h9lsl3_l1p4kc08__faf36ea7{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.Single_styles_1h9lsl3_ss3ujqx__faf36ea7.Single_styles_1h9lsl3_sliderVerticalOrientation__faf36ea7.Single_styles_1h9lsl3_sliderLabelAlignCenter__faf36ea7.Single_styles_1h9lsl3_sliderLabelPlacementBottom__faf36ea7.Single_styles_1h9lsl3_sliderLabelContentReversed__faf36ea7 .Single_styles_1h9lsl3_l1p4kc08__faf36ea7{-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;}.Single_styles_1h9lsl3_ss3ujqx__faf36ea7.Single_styles_1h9lsl3_sliderVerticalOrientation__faf36ea7.Single_styles_1h9lsl3_sliderLabelAlignCenter__faf36ea7.Single_styles_1h9lsl3_sliderLabelContentReversed__faf36ea7 .Single_styles_1h9lsl3_l1p4kc08__faf36ea7{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.Single_styles_1h9lsl3_ss3ujqx__faf36ea7.Single_styles_1h9lsl3_sliderVerticalOrientation__faf36ea7 .Single_styles_1h9lsl3_l1p4kc08__faf36ea7{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.Single_styles_1h9lsl3_ss3ujqx__faf36ea7.Single_styles_1h9lsl3_sliderVerticalOrientation__faf36ea7 .Single_styles_1h9lsl3_s1d2sfgl__faf36ea7{width:var(--plasma-slider-size);}.Single_styles_1h9lsl3_ss3ujqx__faf36ea7.Single_styles_1h9lsl3_sliderVerticalOrientation__faf36ea7.Single_styles_1h9lsl3_sliderLabelPlacementInner__faf36ea7 .Single_styles_1h9lsl3_l1p4kc08__faf36ea7{margin-right:0;margin-bottom:var(--plasma-slider-label-wrapper-vertical-margin);}.Single_styles_1h9lsl3_ss3ujqx__faf36ea7.Single_styles_1h9lsl3_sliderVerticalOrientation__faf36ea7.Single_styles_1h9lsl3_sliderLabelAlignLeft__faf36ea7{-webkit-align-items:flex-end;-webkit-box-align:flex-end;-ms-flex-align:flex-end;align-items:flex-end;}.Single_styles_1h9lsl3_ss3ujqx__faf36ea7.Single_styles_1h9lsl3_sliderVerticalOrientation__faf36ea7.Single_styles_1h9lsl3_sliderLabelAlignLeft__faf36ea7 .Single_styles_1h9lsl3_l1p4kc08__faf36ea7{-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;}.Single_styles_1h9lsl3_ss3ujqx__faf36ea7.Single_styles_1h9lsl3_sliderVerticalOrientation__faf36ea7.Single_styles_1h9lsl3_sliderLabelAlignRight__faf36ea7{-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;}.Single_styles_1h9lsl3_ss3ujqx__faf36ea7.Single_styles_1h9lsl3_sliderVerticalOrientation__faf36ea7.Single_styles_1h9lsl3_sliderLabelPlacementBottom__faf36ea7{-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;}.Single_styles_1h9lsl3_ss3ujqx__faf36ea7.Single_styles_1h9lsl3_sliderVerticalOrientation__faf36ea7.Single_styles_1h9lsl3_sliderLabelPlacementBottom__faf36ea7 .Single_styles_1h9lsl3_l1p4kc08__faf36ea7{margin-top:var(--plasma-slider-label-wrapper-vertical-margin);margin-right:0;margin-bottom:0;}.Single_styles_1h9lsl3_ss3ujqx__faf36ea7.Single_styles_1h9lsl3_sliderVerticalOrientation__faf36ea7{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}.Single_styles_1h9lsl3_ss3ujqx__faf36ea7.Single_styles_1h9lsl3_sliderVerticalOrientation__faf36ea7 .Single_styles_1h9lsl3_s1d2sfgl__faf36ea7{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}.Single_styles_1h9lsl3_ss3ujqx__faf36ea7.Single_styles_1h9lsl3_sliderVerticalOrientation__faf36ea7.Single_styles_1h9lsl3_sliderLabelAlignCenter__faf36ea7 .Single_styles_1h9lsl3_s1w9icbd__faf36ea7{position:static;bottom:0;left:0;margin-bottom:var(--plasma-slider-range-value-vertical-margin);}.Single_styles_1h9lsl3_ss3ujqx__faf36ea7.Single_styles_1h9lsl3_sliderVerticalOrientation__faf36ea7.Single_styles_1h9lsl3_sliderLabelAlignCenter__faf36ea7 .Single_styles_1h9lsl3_s1w9icbd__faf36ea7.Single_styles_1h9lsl3_sliderMaxRangeValue__faf36ea7{left:0;right:0;bottom:0;margin-top:var(--plasma-slider-range-value-vertical-margin);margin-bottom:0;}.Single_styles_1h9lsl3_ss3ujqx__faf36ea7.Single_styles_1h9lsl3_sliderVerticalOrientation__faf36ea7.Single_styles_1h9lsl3_sliderLabelAlignLeft__faf36ea7 .Single_styles_1h9lsl3_s1d2sfgl__faf36ea7,.Single_styles_1h9lsl3_ss3ujqx__faf36ea7.Single_styles_1h9lsl3_sliderVerticalOrientation__faf36ea7.Single_styles_1h9lsl3_sliderLabelAlignRight__faf36ea7 .Single_styles_1h9lsl3_s1d2sfgl__faf36ea7{display:grid;grid-template-areas: 'b a' 'c a';-webkit-flex-direction:unset;-ms-flex-direction:unset;flex-direction:unset;-webkit-align-items:unset;-webkit-box-align:unset;-ms-flex-align:unset;align-items:unset;-webkit-box-pack:unset;-webkit-justify-content:unset;-ms-flex-pack:unset;justify-content:unset;width:unset;}.Single_styles_1h9lsl3_ss3ujqx__faf36ea7.Single_styles_1h9lsl3_sliderVerticalOrientation__faf36ea7.Single_styles_1h9lsl3_sliderLabelAlignLeft__faf36ea7 .Single_styles_1h9lsl3_snaoqfb__faf36ea7,.Single_styles_1h9lsl3_ss3ujqx__faf36ea7.Single_styles_1h9lsl3_sliderVerticalOrientation__faf36ea7.Single_styles_1h9lsl3_sliderLabelAlignRight__faf36ea7 .Single_styles_1h9lsl3_snaoqfb__faf36ea7{grid-area:a;}.Single_styles_1h9lsl3_ss3ujqx__faf36ea7.Single_styles_1h9lsl3_sliderVerticalOrientation__faf36ea7.Single_styles_1h9lsl3_sliderLabelAlignLeft__faf36ea7 .Single_styles_1h9lsl3_s1w9icbd__faf36ea7,.Single_styles_1h9lsl3_ss3ujqx__faf36ea7.Single_styles_1h9lsl3_sliderVerticalOrientation__faf36ea7.Single_styles_1h9lsl3_sliderLabelAlignRight__faf36ea7 .Single_styles_1h9lsl3_s1w9icbd__faf36ea7{grid-area:b;-webkit-align-self:start;-ms-flex-item-align:start;align-self:start;justify-self:end;}.Single_styles_1h9lsl3_ss3ujqx__faf36ea7.Single_styles_1h9lsl3_sliderVerticalOrientation__faf36ea7.Single_styles_1h9lsl3_sliderLabelAlignLeft__faf36ea7 .Single_styles_1h9lsl3_s1w9icbd__faf36ea7.Single_styles_1h9lsl3_sliderMaxRangeValue__faf36ea7,.Single_styles_1h9lsl3_ss3ujqx__faf36ea7.Single_styles_1h9lsl3_sliderVerticalOrientation__faf36ea7.Single_styles_1h9lsl3_sliderLabelAlignRight__faf36ea7 .Single_styles_1h9lsl3_s1w9icbd__faf36ea7.Single_styles_1h9lsl3_sliderMaxRangeValue__faf36ea7{grid-area:c;-webkit-align-self:end;-ms-flex-item-align:end;align-self:end;}.Single_styles_1h9lsl3_ss3ujqx__faf36ea7.Single_styles_1h9lsl3_sliderVerticalOrientation__faf36ea7.Single_styles_1h9lsl3_sliderLabelAlignRight__faf36ea7 .Single_styles_1h9lsl3_s1d2sfgl__faf36ea7{grid-template-areas: 'a b' 'a c';}.Single_styles_1h9lsl3_ss3ujqx__faf36ea7.Single_styles_1h9lsl3_sliderVerticalOrientation__faf36ea7.Single_styles_1h9lsl3_sliderLabelAlignRight__faf36ea7 .Single_styles_1h9lsl3_s1w9icbd__faf36ea7{justify-self:start;}
 
 .Double_styles_t3pnic_lcs82cd__4e228b01{color:var(--plasma-slider-label-color);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-slider-label-wrapper-gap);margin-bottom:var(--plasma-slider-label-wrapper-margin-bottom);}
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salutejs/plasma-new-hope",
-  "version": "0.324.0-canary.1971.15108751783.0",
+  "version": "0.324.0-canary.1975.15178599766.0",
   "description": "Salute Design System blueprint",
   "main": "cjs/index.js",
   "module": "es/index.js",
@@ -137,5 +137,5 @@
   "sideEffects": [
     "*.css"
   ],
-  "gitHead": "d89aba32cd0c6e898ea71f5ba4ae39a23ba38ecc"
+  "gitHead": "5b722113d3c7393084202cc057a24ab1e5c1a063"
 }

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

@@ -504,7 +504,7 @@ type SuggestionItem = {
         import { Select, Cell } from '@salutejs/{{ package }}';
 
         export function App() {
-            const mockData = [
+            const items = [
                 { label: 'Алексей Смирнов' },
                 { label: 'Екатерина Иванова' },
             ];

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

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.composeMask = void 0;
 var _react = /*#__PURE__*/_interopRequireWildcard(/*#__PURE__*/require("react"));
 var _reactMaskinput = /*#__PURE__*/_interopRequireDefault(/*#__PURE__*/require("@salutejs/react-maskinput"));
-var _excluded = ["maskFormat"];
+var _excluded = ["mask", "maskFormat"];
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
 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); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
@@ -36,7 +36,8 @@ var defaultFormatChars = [{
 var composeMask = exports.composeMask = function composeMask(InputComponent) {
   var MaskedInput = (0, _reactMaskinput["default"])(InputComponent);
   return /*#__PURE__*/(0, _react.forwardRef)(function (_ref, outerRef) {
-    var _ref$maskFormat = _ref.maskFormat,
+    var mask = _ref.mask,
+      _ref$maskFormat = _ref.maskFormat,
       maskFormat = _ref$maskFormat === void 0 ? defaultFormatChars : _ref$maskFormat,
       rest = _objectWithoutProperties(_ref, _excluded);
     // TODO: replace inside react-maskinput 'getReference' on 'forwardRef'
@@ -47,8 +48,14 @@ var composeMask = exports.composeMask = function composeMask(InputComponent) {
     (0, _react.useImperativeHandle)(outerRef, function () {
       return ref;
     }, [ref]);
+    if (!mask) {
+      return /*#__PURE__*/_react["default"].createElement(InputComponent, _extends({
+        ref: setRef
+      }, rest));
+    }
     return /*#__PURE__*/_react["default"].createElement(MaskedInput, _extends({
       getReference: setRef,
+      mask: mask,
       maskFormat: maskFormat
     }, rest));
   });

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

@@ -17,6 +17,7 @@ import { PropsTable, Description } from '@site/src/components';
 + `"primary"` – основная;
 + `"secondary"` – вторичная;
 + `"accent"` – акцентная;
++ `"info"` – информирующая;
 + `"success"` – успешное завершение;
 + `"warning"` – предупреждение;
 + `"error"` – ошибка;

package/styled-components/cjs/components/Slider/components/Single/Single.styles.js

@@ -22,7 +22,7 @@ var StyledRangeValue = exports.StyledRangeValue = /*#__PURE__*/_styledComponents
 })(["color:var(", ");font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");transition:opacity 0.1s ease-in-out;&.", ",&.", "{opacity:0;}&.", "{color:var(", ");}"], _Slider.tokens.rangeValueColor, _Slider.tokens.valueFontFamily, _Slider.tokens.valueFontSize, _Slider.tokens.valueFontStyle, _Slider.tokens.valueFontWeight, _Slider.tokens.valueLetterSpacing, _Slider.tokens.valueLineHeight, _Slider.classes.hideMinValue, _Slider.classes.hideMaxValue, _Slider.classes.activeRangeValue, _Slider.tokens.labelColor);
 var SliderBaseWrapper = exports.SliderBaseWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   componentId: "plasma-new-hope__sc-1qm4elt-4"
-})(["display:flex;flex:1;position:relative;&.", "{display:grid;grid-template-areas:'a a' 'b c';", "{grid-area:a;}", "{grid-area:b;&.", "{grid-area:c;justify-self:end;}}}&.", "{align-items:center;", "{margin-right:var(", ");&.", "{margin-right:0;margin-left:var(", ");}}}"], _Slider.classes.rangeValuesPlacementOuter, _SliderBase.Slider, StyledRangeValue, _Slider.classes.maxRangeValue, _Slider.classes.rangeValuesPlacementInner, StyledRangeValue, _Slider.tokens.rangeValueHorizontalMargin, _Slider.classes.maxRangeValue, _Slider.tokens.rangeValueHorizontalMargin);
+})(["display:flex;flex:1;position:relative;&.", "{display:grid;grid-template-areas:'a a' 'b c';", "{grid-area:a;}", "{width:fit-content;grid-area:b;&.", "{grid-area:c;justify-self:end;}}}&.", "{align-items:center;", "{margin-right:var(", ");&.", "{margin-right:0;margin-left:var(", ");}}}"], _Slider.classes.rangeValuesPlacementOuter, _SliderBase.Slider, StyledRangeValue, _Slider.classes.maxRangeValue, _Slider.classes.rangeValuesPlacementInner, StyledRangeValue, _Slider.tokens.rangeValueHorizontalMargin, _Slider.classes.maxRangeValue, _Slider.tokens.rangeValueHorizontalMargin);
 var SingleWrapper = exports.SingleWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   componentId: "plasma-new-hope__sc-1qm4elt-5"
 })(["display:flex;opacity:var(", ");&.", "{flex-direction:column;", "{margin-bottom:var(", ");}}&.", "{", "{margin-right:var(", ");}", ":not(:has(", ")):has(", "){margin-right:var(", ");}", ":has(", "){margin-right:var(", ");}}&.", "{flex-direction:column;align-items:center;&.", "{", "{flex-direction:column-reverse;}&.", "{", "{flex-direction:column;}&.", "{", "{flex-direction:column-reverse;}}}&.", "{", "{flex-direction:column;}}}", "{align-items:center;}", "{width:var(", ");}&.", "{", "{margin-right:0;margin-bottom:var(", ");}}&.", "{align-items:flex-end;", "{flex-direction:row-reverse;}}&.", "{align-items:flex-start;}&.", "{flex-direction:column-reverse;", "{margin-top:var(", ");margin-right:0;margin-bottom:0;}}}&.", "{flex-direction:column;align-items:center;justify-content:center;", "{flex-direction:column;align-items:center;justify-content:center;}&.", "{", "{position:static;bottom:0;left:0;margin-bottom:var(", ");&.", "{left:0;right:0;bottom:0;margin-top:var(", ");margin-bottom:0;}}}&.", ",&.", "{", "{display:grid;grid-template-areas:'b a' 'c a';flex-direction:unset;align-items:unset;justify-content:unset;width:unset;}", "{grid-area:a;}", "{grid-area:b;align-self:start;justify-self:end;&.", "{grid-area:c;align-self:end;}}}&.", "{", "{grid-template-areas:'a b' 'a c';}", "{justify-self:start;}}}"], _Slider.tokens.disabledOpacity, _Slider.classes.labelPlacementOuter, LabelWrapper, _Slider.tokens.labelWrapperMarginBottom, _Slider.classes.labelPlacementInner, LabelWrapper, _Slider.tokens.labelWrapperMarginRight, LabelWrapper, Label, LabelContent, _Slider.tokens.labelWrapperOnlyIconMarginRight, LabelWrapper, Label, _Slider.tokens.labelWrapperMarginRight, _Slider.classes.verticalOrientation, _Slider.classes.labelAlignCenter, LabelWrapper, _Slider.classes.labelPlacementBottom, LabelWrapper, _Slider.classes.labelContentReversed, LabelWrapper, _Slider.classes.labelContentReversed, LabelWrapper, LabelWrapper, SliderBaseWrapper, _Slider.tokens.size, _Slider.classes.labelPlacementInner, LabelWrapper, _Slider.tokens.labelWrapperVerticalMargin, _Slider.classes.labelAlignLeft, LabelWrapper, _Slider.classes.labelAlignRight, _Slider.classes.labelPlacementBottom, LabelWrapper, _Slider.tokens.labelWrapperVerticalMargin, _Slider.classes.verticalOrientation, SliderBaseWrapper, _Slider.classes.labelAlignCenter, StyledRangeValue, _Slider.tokens.rangeValueVerticalMargin, _Slider.classes.maxRangeValue, _Slider.tokens.rangeValueVerticalMargin, _Slider.classes.labelAlignLeft, _Slider.classes.labelAlignRight, SliderBaseWrapper, _SliderBase.Slider, StyledRangeValue, _Slider.classes.maxRangeValue, _Slider.classes.labelAlignRight, SliderBaseWrapper, StyledRangeValue);

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

@@ -413,7 +413,7 @@ var textFieldRoot = exports.textFieldRoot = function textFieldRoot(Root) {
       "aria-labelledby": labelId,
       "aria-describedby": helperTextId,
       placeholder: innerPlaceholderValue,
-      className: (0, _utils.cx)(hasValueClass, keepPlaceholderClass, classTextEllipsis, readOnly && _TextField2.classes.readOnly),
+      className: (0, _utils.cx)(hasValueClass, keepPlaceholderClass, classTextEllipsis),
       disabled: disabled,
       readOnly: !disabled && readOnly,
       onInput: handleInput,

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

@@ -21,8 +21,7 @@ var classes = exports.classes = {
   requiredAlignRight: 'required-align-right',
   inputWrapper: 'input-wrapper',
   inputTextEllipsis: 'textfield-input-text-ellipsis',
-  contentRightCompensationMargin: 'textfield-content-right-compensation-margin',
-  readOnly: 'textfield-readonly-input'
+  contentRightCompensationMargin: 'textfield-content-right-compensation-margin'
 };
 var tokens = exports.tokens = {
   color: '--plasma-textfield-color',

package/styled-components/cjs/components/TextField/variations/_label-placement/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)(["&.", "{", "{position:relative;display:inline-block;color:var(", ");}}&.", "{", "{padding:var(", ");}", ":not(.", "):focus ~ ", ",", ".", " ~ ", ",", ".", " ~ ", "{color:var(", ");align-items:flex-start;padding:var(", ");font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");}", "{color:var(", ");pointer-events:none;position:absolute;top:0;display:flex;align-items:center;box-sizing:border-box;height:100%;}&.", " ", "{color:var(", ");}}"], _TextField.classes.outerLabelPlacement, _TextField2.Label, _TextField.tokens.labelColor, _TextField.classes.innerLabelPlacement, _TextField2.InputContainer, _TextField.tokens.contentLabelInnerPadding, _TextField2.Input, _TextField.classes.readOnly, _TextField2.Label, _TextField2.Input, _TextField.classes.hasValue, _TextField2.Label, _TextField2.Input, _TextField.classes.keepPlaceholder, _TextField2.Label, _TextField.tokens.placeholderColor, _TextField.tokens.labelInnerPadding, _TextField.tokens.labelInnerFontFamily, _TextField.tokens.labelInnerFontSize, _TextField.tokens.labelInnerFontStyle, _TextField.tokens.labelInnerFontWeight, _TextField.tokens.labelInnerLetterSpacing, _TextField.tokens.labelInnerLineHeight, _TextField2.Label, _TextField.tokens.placeholderColor, _TextField.classes.clear, _TextField2.Label, _TextField.tokens.clearPlaceholderColor);
+var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["&.", "{", "{position:relative;display:inline-block;color:var(", ");}}&.", "{", "{padding:var(", ");}", ":focus ~ ", ",", ".", " ~ ", ",", ".", " ~ ", "{color:var(", ");align-items:flex-start;padding:var(", ");font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");}", "{color:var(", ");pointer-events:none;position:absolute;top:0;display:flex;align-items:center;box-sizing:border-box;height:100%;}&.", " ", "{color:var(", ");}}"], _TextField.classes.outerLabelPlacement, _TextField2.Label, _TextField.tokens.labelColor, _TextField.classes.innerLabelPlacement, _TextField2.InputContainer, _TextField.tokens.contentLabelInnerPadding, _TextField2.Input, _TextField2.Label, _TextField2.Input, _TextField.classes.hasValue, _TextField2.Label, _TextField2.Input, _TextField.classes.keepPlaceholder, _TextField2.Label, _TextField.tokens.placeholderColor, _TextField.tokens.labelInnerPadding, _TextField.tokens.labelInnerFontFamily, _TextField.tokens.labelInnerFontSize, _TextField.tokens.labelInnerFontStyle, _TextField.tokens.labelInnerFontWeight, _TextField.tokens.labelInnerLetterSpacing, _TextField.tokens.labelInnerLineHeight, _TextField2.Label, _TextField.tokens.placeholderColor, _TextField.classes.clear, _TextField2.Label, _TextField.tokens.clearPlaceholderColor);

package/styled-components/cjs/examples/plasma_b2c/components/IconButton/IconButton.config.js

@@ -36,12 +36,17 @@ var config = exports.config = {
       sr: /*#__PURE__*/(0, _styledComponents.css)(["", ":2.5rem;", ":2.5rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-bold-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":1.375rem;", ":inherit;"], _IconButton.iconButtonTokens.iconButtonHeight, _IconButton.iconButtonTokens.iconButtonWidth, _IconButton.iconButtonTokens.iconButtonFontFamily, _IconButton.iconButtonTokens.iconButtonFontSize, _IconButton.iconButtonTokens.iconButtonFontStyle, _IconButton.iconButtonTokens.iconButtonFontWeight, _IconButton.iconButtonTokens.iconButtonLetterSpacing, _IconButton.iconButtonTokens.iconButtonLineHeight, _IconButton.iconButtonTokens.iconButtonSpinnerSize, _IconButton.iconButtonTokens.iconButtonSpinnerColor),
       xs: /*#__PURE__*/(0, _styledComponents.css)(["", ":2rem;", ":2rem;", ":0.75rem;", ":0.5rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-bold-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":1rem;", ":inherit;"], _IconButton.iconButtonTokens.iconButtonHeight, _IconButton.iconButtonTokens.iconButtonWidth, _IconButton.iconButtonTokens.iconButtonPadding, _IconButton.iconButtonTokens.iconButtonRadius, _IconButton.iconButtonTokens.iconButtonFontFamily, _IconButton.iconButtonTokens.iconButtonFontSize, _IconButton.iconButtonTokens.iconButtonFontStyle, _IconButton.iconButtonTokens.iconButtonFontWeight, _IconButton.iconButtonTokens.iconButtonLetterSpacing, _IconButton.iconButtonTokens.iconButtonLineHeight, _IconButton.iconButtonTokens.iconButtonSpinnerSize, _IconButton.iconButtonTokens.iconButtonSpinnerColor),
       xsr: /*#__PURE__*/(0, _styledComponents.css)(["", ":2rem;", ":2rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-bold-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":1rem;", ":inherit;"], _IconButton.iconButtonTokens.iconButtonHeight, _IconButton.iconButtonTokens.iconButtonWidth, _IconButton.iconButtonTokens.iconButtonFontFamily, _IconButton.iconButtonTokens.iconButtonFontSize, _IconButton.iconButtonTokens.iconButtonFontStyle, _IconButton.iconButtonTokens.iconButtonFontWeight, _IconButton.iconButtonTokens.iconButtonLetterSpacing, _IconButton.iconButtonTokens.iconButtonLineHeight, _IconButton.iconButtonTokens.iconButtonSpinnerSize, _IconButton.iconButtonTokens.iconButtonSpinnerColor)
-    },
-    disabled: {
-      "true": /*#__PURE__*/(0, _styledComponents.css)(["", ":0.4;"], _IconButton.iconButtonTokens.iconButtonDisabledOpacity)
-    },
-    focused: {
-      "true": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--surface-accent);"], _IconButton.iconButtonTokens.iconButtonFocusColor)
     }
-  }
+    // disabled: {
+    //     true: css`
+    //         ${iconButtonTokens.iconButtonDisabledOpacity}: 0.4;
+    //     `,
+    // },
+    // focused: {
+    //     true: css`
+    //         ${iconButtonTokens.iconButtonFocusColor}: var(--surface-accent);
+    //     `,
+    // },
+  },
+  invariants: /*#__PURE__*/(0, _styledComponents.css)(["", ":0.4;", ":var(--surface-accent);"], _IconButton.iconButtonTokens.iconButtonDisabledOpacity, _IconButton.iconButtonTokens.iconButtonFocusColor)
 };

package/styled-components/es/components/Autocomplete/Autocomplete.template-doc.mdx

@@ -504,7 +504,7 @@ type SuggestionItem = {
         import { Select, Cell } from '@salutejs/{{ package }}';
 
         export function App() {
-            const mockData = [
+            const items = [
                 { label: 'Алексей Смирнов' },
                 { label: 'Екатерина Иванова' },
             ];

package/styled-components/es/components/Mask/Mask.js

@@ -1,4 +1,4 @@
-var _excluded = ["maskFormat"];
+var _excluded = ["mask", "maskFormat"];
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -26,7 +26,8 @@ var defaultFormatChars = [{
 export var composeMask = function composeMask(InputComponent) {
   var MaskedInput = maskInputCompose(InputComponent);
   return /*#__PURE__*/forwardRef(function (_ref, outerRef) {
-    var _ref$maskFormat = _ref.maskFormat,
+    var mask = _ref.mask,
+      _ref$maskFormat = _ref.maskFormat,
       maskFormat = _ref$maskFormat === void 0 ? defaultFormatChars : _ref$maskFormat,
       rest = _objectWithoutProperties(_ref, _excluded);
     // TODO: replace inside react-maskinput 'getReference' on 'forwardRef'
@@ -37,8 +38,14 @@ export var composeMask = function composeMask(InputComponent) {
     useImperativeHandle(outerRef, function () {
       return ref;
     }, [ref]);
+    if (!mask) {
+      return /*#__PURE__*/React.createElement(InputComponent, _extends({
+        ref: setRef
+      }, rest));
+    }
     return /*#__PURE__*/React.createElement(MaskedInput, _extends({
       getReference: setRef,
+      mask: mask,
       maskFormat: maskFormat
     }, rest));
   });

package/styled-components/es/components/Progress/Progress.template-doc.mdx

@@ -17,6 +17,7 @@ import { PropsTable, Description } from '@site/src/components';
 + `"primary"` – основная;
 + `"secondary"` – вторичная;
 + `"accent"` – акцентная;
++ `"info"` – информирующая;
 + `"success"` – успешное завершение;
 + `"warning"` – предупреждение;
 + `"error"` – ошибка;

package/styled-components/es/components/Slider/components/Single/Single.styles.js

@@ -15,7 +15,7 @@ export var StyledRangeValue = /*#__PURE__*/styled.span.withConfig({
 })(["color:var(", ");font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");transition:opacity 0.1s ease-in-out;&.", ",&.", "{opacity:0;}&.", "{color:var(", ");}"], tokens.rangeValueColor, tokens.valueFontFamily, tokens.valueFontSize, tokens.valueFontStyle, tokens.valueFontWeight, tokens.valueLetterSpacing, tokens.valueLineHeight, classes.hideMinValue, classes.hideMaxValue, classes.activeRangeValue, tokens.labelColor);
 export var SliderBaseWrapper = /*#__PURE__*/styled.div.withConfig({
   componentId: "plasma-new-hope__sc-1qm4elt-4"
-})(["display:flex;flex:1;position:relative;&.", "{display:grid;grid-template-areas:'a a' 'b c';", "{grid-area:a;}", "{grid-area:b;&.", "{grid-area:c;justify-self:end;}}}&.", "{align-items:center;", "{margin-right:var(", ");&.", "{margin-right:0;margin-left:var(", ");}}}"], classes.rangeValuesPlacementOuter, Slider, StyledRangeValue, classes.maxRangeValue, classes.rangeValuesPlacementInner, StyledRangeValue, tokens.rangeValueHorizontalMargin, classes.maxRangeValue, tokens.rangeValueHorizontalMargin);
+})(["display:flex;flex:1;position:relative;&.", "{display:grid;grid-template-areas:'a a' 'b c';", "{grid-area:a;}", "{width:fit-content;grid-area:b;&.", "{grid-area:c;justify-self:end;}}}&.", "{align-items:center;", "{margin-right:var(", ");&.", "{margin-right:0;margin-left:var(", ");}}}"], classes.rangeValuesPlacementOuter, Slider, StyledRangeValue, classes.maxRangeValue, classes.rangeValuesPlacementInner, StyledRangeValue, tokens.rangeValueHorizontalMargin, classes.maxRangeValue, tokens.rangeValueHorizontalMargin);
 export var SingleWrapper = /*#__PURE__*/styled.div.withConfig({
   componentId: "plasma-new-hope__sc-1qm4elt-5"
 })(["display:flex;opacity:var(", ");&.", "{flex-direction:column;", "{margin-bottom:var(", ");}}&.", "{", "{margin-right:var(", ");}", ":not(:has(", ")):has(", "){margin-right:var(", ");}", ":has(", "){margin-right:var(", ");}}&.", "{flex-direction:column;align-items:center;&.", "{", "{flex-direction:column-reverse;}&.", "{", "{flex-direction:column;}&.", "{", "{flex-direction:column-reverse;}}}&.", "{", "{flex-direction:column;}}}", "{align-items:center;}", "{width:var(", ");}&.", "{", "{margin-right:0;margin-bottom:var(", ");}}&.", "{align-items:flex-end;", "{flex-direction:row-reverse;}}&.", "{align-items:flex-start;}&.", "{flex-direction:column-reverse;", "{margin-top:var(", ");margin-right:0;margin-bottom:0;}}}&.", "{flex-direction:column;align-items:center;justify-content:center;", "{flex-direction:column;align-items:center;justify-content:center;}&.", "{", "{position:static;bottom:0;left:0;margin-bottom:var(", ");&.", "{left:0;right:0;bottom:0;margin-top:var(", ");margin-bottom:0;}}}&.", ",&.", "{", "{display:grid;grid-template-areas:'b a' 'c a';flex-direction:unset;align-items:unset;justify-content:unset;width:unset;}", "{grid-area:a;}", "{grid-area:b;align-self:start;justify-self:end;&.", "{grid-area:c;align-self:end;}}}&.", "{", "{grid-template-areas:'a b' 'a c';}", "{justify-self:start;}}}"], tokens.disabledOpacity, classes.labelPlacementOuter, LabelWrapper, tokens.labelWrapperMarginBottom, classes.labelPlacementInner, LabelWrapper, tokens.labelWrapperMarginRight, LabelWrapper, Label, LabelContent, tokens.labelWrapperOnlyIconMarginRight, LabelWrapper, Label, tokens.labelWrapperMarginRight, classes.verticalOrientation, classes.labelAlignCenter, LabelWrapper, classes.labelPlacementBottom, LabelWrapper, classes.labelContentReversed, LabelWrapper, classes.labelContentReversed, LabelWrapper, LabelWrapper, SliderBaseWrapper, tokens.size, classes.labelPlacementInner, LabelWrapper, tokens.labelWrapperVerticalMargin, classes.labelAlignLeft, LabelWrapper, classes.labelAlignRight, classes.labelPlacementBottom, LabelWrapper, tokens.labelWrapperVerticalMargin, classes.verticalOrientation, SliderBaseWrapper, classes.labelAlignCenter, StyledRangeValue, tokens.rangeValueVerticalMargin, classes.maxRangeValue, tokens.rangeValueVerticalMargin, classes.labelAlignLeft, classes.labelAlignRight, SliderBaseWrapper, Slider, StyledRangeValue, classes.maxRangeValue, classes.labelAlignRight, SliderBaseWrapper, StyledRangeValue);

package/styled-components/es/components/TextField/TextField.js

@@ -404,7 +404,7 @@ export var textFieldRoot = function textFieldRoot(Root) {
       "aria-labelledby": labelId,
       "aria-describedby": helperTextId,
       placeholder: innerPlaceholderValue,
-      className: cx(hasValueClass, keepPlaceholderClass, classTextEllipsis, readOnly && classes.readOnly),
+      className: cx(hasValueClass, keepPlaceholderClass, classTextEllipsis),
       disabled: disabled,
       readOnly: !disabled && readOnly,
       onInput: handleInput,

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

@@ -15,8 +15,7 @@ export var classes = {
   requiredAlignRight: 'required-align-right',
   inputWrapper: 'input-wrapper',
   inputTextEllipsis: 'textfield-input-text-ellipsis',
-  contentRightCompensationMargin: 'textfield-content-right-compensation-margin',
-  readOnly: 'textfield-readonly-input'
+  contentRightCompensationMargin: 'textfield-content-right-compensation-margin'
 };
 export var tokens = {
   color: '--plasma-textfield-color',

package/styled-components/es/components/TextField/variations/_label-placement/base.js

@@ -1,4 +1,4 @@
 import { css } from 'styled-components';
 import { classes, tokens } from "../../TextField.tokens";
 import { Input, InputContainer, Label } from "../../TextField.styles";
-export var base = /*#__PURE__*/css(["&.", "{", "{position:relative;display:inline-block;color:var(", ");}}&.", "{", "{padding:var(", ");}", ":not(.", "):focus ~ ", ",", ".", " ~ ", ",", ".", " ~ ", "{color:var(", ");align-items:flex-start;padding:var(", ");font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");}", "{color:var(", ");pointer-events:none;position:absolute;top:0;display:flex;align-items:center;box-sizing:border-box;height:100%;}&.", " ", "{color:var(", ");}}"], classes.outerLabelPlacement, Label, tokens.labelColor, classes.innerLabelPlacement, InputContainer, tokens.contentLabelInnerPadding, Input, classes.readOnly, Label, Input, classes.hasValue, Label, Input, classes.keepPlaceholder, Label, tokens.placeholderColor, tokens.labelInnerPadding, tokens.labelInnerFontFamily, tokens.labelInnerFontSize, tokens.labelInnerFontStyle, tokens.labelInnerFontWeight, tokens.labelInnerLetterSpacing, tokens.labelInnerLineHeight, Label, tokens.placeholderColor, classes.clear, Label, tokens.clearPlaceholderColor);
+export var base = /*#__PURE__*/css(["&.", "{", "{position:relative;display:inline-block;color:var(", ");}}&.", "{", "{padding:var(", ");}", ":focus ~ ", ",", ".", " ~ ", ",", ".", " ~ ", "{color:var(", ");align-items:flex-start;padding:var(", ");font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");}", "{color:var(", ");pointer-events:none;position:absolute;top:0;display:flex;align-items:center;box-sizing:border-box;height:100%;}&.", " ", "{color:var(", ");}}"], classes.outerLabelPlacement, Label, tokens.labelColor, classes.innerLabelPlacement, InputContainer, tokens.contentLabelInnerPadding, Input, Label, Input, classes.hasValue, Label, Input, classes.keepPlaceholder, Label, tokens.placeholderColor, tokens.labelInnerPadding, tokens.labelInnerFontFamily, tokens.labelInnerFontSize, tokens.labelInnerFontStyle, tokens.labelInnerFontWeight, tokens.labelInnerLetterSpacing, tokens.labelInnerLineHeight, Label, tokens.placeholderColor, classes.clear, Label, tokens.clearPlaceholderColor);

package/styled-components/es/examples/plasma_b2c/components/IconButton/IconButton.config.js

@@ -30,12 +30,17 @@ export var config = {
       sr: /*#__PURE__*/css(["", ":2.5rem;", ":2.5rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-bold-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":1.375rem;", ":inherit;"], iconButtonTokens.iconButtonHeight, iconButtonTokens.iconButtonWidth, iconButtonTokens.iconButtonFontFamily, iconButtonTokens.iconButtonFontSize, iconButtonTokens.iconButtonFontStyle, iconButtonTokens.iconButtonFontWeight, iconButtonTokens.iconButtonLetterSpacing, iconButtonTokens.iconButtonLineHeight, iconButtonTokens.iconButtonSpinnerSize, iconButtonTokens.iconButtonSpinnerColor),
       xs: /*#__PURE__*/css(["", ":2rem;", ":2rem;", ":0.75rem;", ":0.5rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-bold-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":1rem;", ":inherit;"], iconButtonTokens.iconButtonHeight, iconButtonTokens.iconButtonWidth, iconButtonTokens.iconButtonPadding, iconButtonTokens.iconButtonRadius, iconButtonTokens.iconButtonFontFamily, iconButtonTokens.iconButtonFontSize, iconButtonTokens.iconButtonFontStyle, iconButtonTokens.iconButtonFontWeight, iconButtonTokens.iconButtonLetterSpacing, iconButtonTokens.iconButtonLineHeight, iconButtonTokens.iconButtonSpinnerSize, iconButtonTokens.iconButtonSpinnerColor),
       xsr: /*#__PURE__*/css(["", ":2rem;", ":2rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-bold-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":1rem;", ":inherit;"], iconButtonTokens.iconButtonHeight, iconButtonTokens.iconButtonWidth, iconButtonTokens.iconButtonFontFamily, iconButtonTokens.iconButtonFontSize, iconButtonTokens.iconButtonFontStyle, iconButtonTokens.iconButtonFontWeight, iconButtonTokens.iconButtonLetterSpacing, iconButtonTokens.iconButtonLineHeight, iconButtonTokens.iconButtonSpinnerSize, iconButtonTokens.iconButtonSpinnerColor)
-    },
-    disabled: {
-      "true": /*#__PURE__*/css(["", ":0.4;"], iconButtonTokens.iconButtonDisabledOpacity)
-    },
-    focused: {
-      "true": /*#__PURE__*/css(["", ":var(--surface-accent);"], iconButtonTokens.iconButtonFocusColor)
     }
-  }
+    // disabled: {
+    //     true: css`
+    //         ${iconButtonTokens.iconButtonDisabledOpacity}: 0.4;
+    //     `,
+    // },
+    // focused: {
+    //     true: css`
+    //         ${iconButtonTokens.iconButtonFocusColor}: var(--surface-accent);
+    //     `,
+    // },
+  },
+  invariants: /*#__PURE__*/css(["", ":0.4;", ":var(--surface-accent);"], iconButtonTokens.iconButtonDisabledOpacity, iconButtonTokens.iconButtonFocusColor)
 };