@salutejs/plasma-new-hope 0.344.0-canary.2397.20370453452.0 → 0.344.0-canary.2398.20426736662.0

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

@@ -17,17 +17,12 @@ _export(exports, {
     }
 });
 var classes = {
-    rangeInformationWrapper: 'range-information-wrapper',
     rangeError: 'range-error',
     rangeValueError: 'range-value-error',
     rangeSuccess: 'range-success',
     rangeValueSuccess: 'range-value-success',
     requiredAlignRight: 'required-align-right',
-    requiredOuterPlacement: 'required-placement-outer',
-    noCaptionAndLabel: 'range-no-caption-label',
-    clear: 'range-clear',
-    clearDivider: 'range-clear-divider',
-    clearHasOuterHint: 'range-clear-has-outer-hint'
+    requiredOuterPlacement: 'required-placement-outer'
 };
 var tokens = {
     background: '--plasma-range-background',
@@ -41,8 +36,7 @@ var tokens = {
     borderColorSuccess: '--plasma-range-border-color-success',
     borderColorReadOnly: '--plasma-range-border-color-readonly',
     shadow: '--plasma-range-shadow',
-    /** Токены разделителя */ clearDividerColor: '--plasma-range-clear__divider-color',
-    dividerColor: '--plasma-range__divider-color',
+    /** Токены разделителя */ dividerColor: '--plasma-range__divider-color',
     dividerColorReadOnly: '--plasma-range__divider-color-readonly',
     dividerOpacityReadOnly: '--plasma-range__divider-opacity-readonly',
     dividerPadding: '--plasma-range__divider-padding',
@@ -58,94 +52,44 @@ var tokens = {
     contentSlotColor: '--plasma-textfield-content-slot-color',
     contentSlotColorHover: '--plasma-textfield-content-slot-color-hover',
     contentSlotColorActive: '--plasma-textfield-content-slot-color-active',
-    contentSlotColorSuccess: '--plasma-textfield-content-slot-color-success',
-    contentSlotColorSuccessHover: '--plasma-textfield-content-slot-color-success-hover',
-    contentSlotColorSuccessActive: '--plasma-textfield-content-slot-color-success-active',
-    contentSlotColorError: '--plasma-textfield-content-slot-color-error',
-    contentSlotColorErrorHover: '--plasma-textfield-content-slot-color-error-hover',
-    contentSlotColorErrorActive: '--plasma-textfield-content-slot-color-error-active',
     contentSlotRightColor: '--plasma-textfield-content-right-slot-color',
     contentSlotRightColorHover: '--plasma-textfield-content-right-slot-color-hover',
     contentSlotRightColorActive: '--plasma-textfield-content-right-slot-color-active',
-    indicatorWrapperGap: '--plasma-range-info-wrapper-indicator-wrapper-gap',
-    labelWrapperOffset: '--plasma-range-info-wrapper-label-wrapper-offset',
-    labelWrapperTitleCaptionOffset: '--plasma-range-info-wrapper-label-wrapper-title-caption-offset',
-    labelFontFamily: '--plasma-range-info-wrapper-label-font-family',
-    labelFontStyle: '--plasma-range-info-wrapper-label-font-style',
-    labelFontSize: '--plasma-range-info-wrapper-label-font-size',
-    labelFontWeight: '--plasma-range-info-wrapper-label-font-weight',
-    labelLetterSpacing: '--plasma-range-info-wrapper-label-letter-spacing',
-    labelLineHeight: '--plasma-range-info-wrapper-label-line-height',
-    labelColor: '--plasma-range-info-wrapper-label-color',
-    contentGap: '--plasma-range-info-wrapper-content-gap',
-    titleCaptionOffset: '--plasma-range-info-wrapper-title-caption-offset',
-    titleCaptionColor: '--plasma-range-info-wrapper-title-caption-color',
-    titleCaptionFontFamily: '--plasma-range-info-wrapper-title-caption-font-family',
-    titleCaptionFontStyle: '--plasma-range-info-wrapper-title-caption-font-style',
-    titleCaptionFontSize: '--plasma-range-info-wrapper-title-caption-font-size',
-    titleCaptionFontWeight: '--plasma-range-info-wrapper-title-caption-font-weight',
-    titleCaptionLetterSpacing: '--plasma-range-info-wrapper-title-caption-letter-spacing',
-    titleCaptionLineHeight: '--plasma-range-info-wrapper-title-caption-line-height',
-    /** Токены для tooltip */ hintMargin: '--plasma-range-info-wrapper-hint-margin',
-    hintTargetSize: '--plasma-range-info-wrapper-hint-target-size',
-    hintCustomIconTargetSize: '--plasma-range-info-wrapper-hint-custom-icon-target-size',
-    hintIconColor: '--plasma-range-info-wrapper-hint-icon-color',
-    hintWithoutLabelPlacementOffset: '--plasma-range-info-wrapper-hint-without-label-placement-offset',
-    hintPlacementInnerMargin: '--plasma-range-info-wrapper-hint-placement-inner-offset',
-    tooltipBackgroundColor: '--plasma-range-info-wrapper-tooltip-background-color',
-    tooltipBoxShadow: '--plasma-range-info-wrapper-tooltip-box-shadow',
-    tooltipColor: '--plasma-range-info-wrapper-tooltip-color',
-    tooltipPaddingTop: '--plasma-range-info-wrapper-tooltip-padding-top',
-    tooltipPaddingRight: '--plasma-range-info-wrapper-tooltip-padding-right',
-    tooltipPaddingBottom: '--plasma-range-info-wrapper-tooltip-padding-bottom',
-    tooltipPaddingLeft: '--plasma-range-info-wrapper-tooltip-padding-left',
-    tooltipMinHeight: '--plasma-range-info-wrapper-tooltip-min-height',
-    tooltipBorderRadius: '--plasma-range-info-wrapper-tooltip-border-radius',
-    tooltipTextFontFamily: '--plasma-range-info-wrapper-tooltip-text-font-family',
-    tooltipTextFontSize: '--plasma-range-info-wrapper-tooltip-text-font-size',
-    tooltipTextFontStyle: '--plasma-range-info-wrapper-tooltip-text-font-style',
-    tooltipTextFontWeight: '--plasma-range-info-wrapper-tooltip-text-font-weight',
-    tooltipTextFontLetterSpacing: '--plasma-range-info-wrapper-tooltip-text-font-letter-spacing',
-    tooltipTextFontLineHeight: '--plasma-range-info-wrapper-tooltip-text-font-line-height',
-    tooltipContentLeftMargin: '--plasma-range-info-wrapper-tooltip-content-left-margin',
-    tooltipArrowMaskWidth: '--plasma-range-info-wrapper-tooltip-arrow-mask-width',
-    tooltipArrowMaskHeight: '--plasma-range-info-wrapper-tooltip-arrow-mask-height',
-    tooltipArrowMaskImage: '--plasma-range-info-wrapper-tooltip-arrow-mask-image',
-    tooltipArrowHeight: '--plasma-range-info-wrapper-tooltip-arrow-height',
-    tooltipArrowEdgeMargin: '--plasma-range-info-wrapper-tooltip-arrow-edge-margin',
-    tooltipArrowBackground: '--plasma-range-info-wrapper-tooltip-arrow-background',
-    /** Токены для required indicator */ indicatorColor: '--plasma-range-info-wrapper-indicator-color',
-    indicatorSizeInner: '--plasma-range-info-wrapper-indicator-size-inner',
-    indicatorSizeOuter: '--plasma-range-info-wrapper-indicator-size-outer',
-    indicatorMarginTop: '--plasma-range-info-wrapper-indicator-margin-top',
-    indicatorOuterLeft: '--plasma-range-info-wrapper-indicator-outer-left',
-    indicatorWithoutLabelInner: '--plasma-range-info-wrapper-indicator-without-label-inner',
-    indicatorWithoutLabelInnerLeft: '--plasma-range-info-wrapper-indicator-without-label-inner-left',
-    indicatorWithoutLabelOuterHint: '--plasma-range-info-wrapper-indicator-without-label-outer-hint',
-    /** Токены для подписей снизу */ leftHelperColor: '--plasma-range-info-wrapper-left-helper-color',
-    leftHelperColorError: '--plasma-range-info-wrapper-left-helper--error',
-    leftHelperColorSuccess: '--plasma-range-info-wrapper-left-helper--success',
-    helpersPadding: '--plasma-range-info-wrapper-helpers-padding-top',
-    helpersGap: '--plasma-range-info-wrapper-helpers-gap',
-    leftHelperFontFamily: '--plasma-range-info-wrapper-left-helper-font-family',
-    leftHelperFontStyle: '--plasma-range-info-wrapper-left-helper-font-style',
-    leftHelperFontSize: '--plasma-range-info-wrapper-left-helper-font-size',
-    leftHelperFontWeight: '--plasma-range-info-wrapper-left-helper-font-weight',
-    leftHelperLetterSpacing: '--plasma-range-info-wrapper-left-helper-letter-spacing',
-    leftHelperLineHeight: '--plasma-range-info-wrapper-left-helper-line-height',
+    /** Токены лейбла */ labelColor: '--plasma-range__label-color',
+    labelColorReadOnly: '--plasma-range__label-color-readonly',
+    labelOffset: '--plasma-range__label-offset',
+    labelFontFamily: '--plasma-range__label-font-family',
+    labelFontStyle: '--plasma-range__label-font-style',
+    labelFontSize: '--plasma-range__label-font-size',
+    labelFontWeight: '--plasma-range__label-font-weight',
+    labelLetterSpacing: '--plasma-range__label-letter-spacing',
+    labelLineHeight: '--plasma-range__label-line-height',
+    /** Токены индикатора */ indicatorColor: '--plasma-range__indicator-color',
+    indicatorSize: '--plasma-range__indicator-size',
+    indicatorSizeOuter: '--plasma-range__indicator-size-outer',
+    indicatorPlacement: '--plasma-range__indicator-placement',
+    indicatorPlacementRight: '--plasma-range__indicator-placement-right',
+    indicatorOuterPlacement: '--plasma-range__indicator-placement-outer',
+    indicatorOuterPlacementRight: '--plasma-range__indicator-placement-outer-right',
+    /** Токены вспомогательного текста */ leftHelperColor: '--plasma-range__left-helper-color',
+    leftHelperColorReadOnly: '--plasma-range__left-helper-color-readonly',
+    leftHelperOffset: '--plasma-range__left-helper-offset',
+    leftHelperColorError: '--plasma-range__left-helper-color-error',
+    leftHelperColorSuccess: '--plasma-range__left-helper-color-success',
+    leftHelperFontFamily: '--plasma-range__left-helper-font-family',
+    leftHelperFontStyle: '--plasma-range__left-helper-font-style',
+    leftHelperFontSize: '--plasma-range__left-helper-font-size',
+    leftHelperFontWeight: '--plasma-range__left-helper-font-weight',
+    leftHelperLetterSpacing: '--plasma-range__left-helper-letter-spacing',
+    leftHelperLineHeight: '--plasma-range__left-helper-line-height',
     /** Прозрачность для всего компонента в состоянии disabled */ disabledOpacity: '--plasma-range-disabled-opacity',
     readOnlyOpacity: '--plasma-range-readonly-opacity',
-    labelColorReadOnly: '--plasma-range-info-wrapper-label-color-readonly',
-    titleCaptionColorReadOnly: '--plasma-range-info-wrapper-title-caption-color-readonly',
-    leftHelperColorReadOnly: '--plasma-range-info-wrapper-left-helper-color-readonly',
-    rightHelperColorReadOnly: '--plasma-range-info-wrapper-right-helper-color-readonly',
     /** Цвет обводки поля ввода при фокусе */ focusColor: '--plasma-range-focus-color',
     /** Токены полей ввода */ textFieldColor: '--plasma-range-textfield-color',
     textFieldColorError: '--plasma-range-textfield-color-error',
     textFieldColorSuccess: '--plasma-range-textfield-color-success',
     textFieldFocusColor: '--plasma-range-textfield-focus-color',
     textFieldPlaceholderColor: '--plasma-range-textfield-placeholder-color',
-    textFieldClearPlaceholderColorFocus: '--plasma-range-textfield-clear-placeholder-color-focus',
     textFieldCaretColor: '--plasma-range-textfield-caret-color',
     textFieldBackgroundColor: '--plasma-range-textfield-background-color',
     textFieldBackgroundColorHover: '--plasma-range-textfield-background-color-hover',
@@ -185,9 +129,5 @@ var tokens = {
     textFieldTextBeforeColor: '--plasma-range-textfield__before-text-color',
     textFieldTextAfterColor: '--plasma-range-textfield__after-text-color',
     textFieldTextBeforeMargin: '--plasma-range-textfield__before-text-margin',
-    textFieldTextAfterMargin: '--plasma-range-textfield__after-text-margin',
-    textFieldDividerColorSuccess: '--plasma-range-textfield__divider-color-success',
-    textFieldDividerColorError: '--plasma-range-textfield__divider-color-error',
-    textFieldDividerColorHover: '--plasma-range-textfield__divider-color-hover',
-    textFieldDividerColorFocus: '--plasma-range-textfield__divider-color-focus'
+    textFieldTextAfterMargin: '--plasma-range-textfield__after-text-margin'
 };

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

@@ -19,6 +19,10 @@ var base = (0, _styledcomponents.css)([
     ");background:var(",
     ");opacity:var(",
     ");z-index:-1;}}",
+    "{display:block;color:var(",
+    ");}",
+    "{color:var(",
+    ");}",
     "{color:var(",
     ");opacity:var(",
     ");}",
@@ -28,4 +32,4 @@ var base = (0, _styledcomponents.css)([
     ");cursor:default;}}",
     "{opacity:var(",
     ");pointer-events:none;}}"
-], _Rangestyles.ContentWrapper, _Rangetokens.tokens.borderRadius, _Rangetokens.tokens.borderWidth, _Rangetokens.tokens.borderColorReadOnly, _Rangetokens.tokens.backgroundReadOnly, _Rangetokens.tokens.readOnlyOpacity, _Rangestyles.StyledDivider, _Rangetokens.tokens.dividerColorReadOnly, _Rangetokens.tokens.dividerOpacityReadOnly, _Rangestyles.StyledContentLeft, _Rangestyles.StyledContentRight, _Rangetokens.tokens.textFieldColorReadOnly, _Rangetokens.tokens.textFieldColorReadOnly, _Rangestyles.StyledContentRight, _Rangetokens.tokens.rightContentOpacityReadOnly);
+], _Rangestyles.ContentWrapper, _Rangetokens.tokens.borderRadius, _Rangetokens.tokens.borderWidth, _Rangetokens.tokens.borderColorReadOnly, _Rangetokens.tokens.backgroundReadOnly, _Rangetokens.tokens.readOnlyOpacity, _Rangestyles.StyledLabel, _Rangetokens.tokens.labelColorReadOnly, _Rangestyles.LeftHelper, _Rangetokens.tokens.leftHelperColorReadOnly, _Rangestyles.StyledDivider, _Rangetokens.tokens.dividerColorReadOnly, _Rangetokens.tokens.dividerOpacityReadOnly, _Rangestyles.StyledContentLeft, _Rangestyles.StyledContentRight, _Rangetokens.tokens.textFieldColorReadOnly, _Rangetokens.tokens.textFieldColorReadOnly, _Rangestyles.StyledContentRight, _Rangetokens.tokens.rightContentOpacityReadOnly);

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

@@ -9,12 +9,8 @@ Object.defineProperty(exports, "base", {
     }
 });
 var _styledcomponents = require("styled-components");
-var _Popover = require("../../../Popover");
-var _InformationWrapper = require("../../../InformationWrapper");
-var _InformationWrapperstyles = require("../../../InformationWrapper/InformationWrapper.styles");
 var _Rangetokens = require("../../Range.tokens");
 var _Rangestyles = require("../../Range.styles");
-var _ui = require("../../ui");
 var base = (0, _styledcomponents.css)([
     "",
     "{width:inherit;border-radius:var(",
@@ -29,20 +25,36 @@ var base = (0, _styledcomponents.css)([
     ");letter-spacing:var(",
     ");line-height:var(",
     ");}",
+    "{margin-bottom:var(",
+    ");font-family:var(",
+    ");font-size:var(",
+    ");font-style:var(",
+    ");font-weight:var(",
+    ");letter-spacing:var(",
+    ");line-height:var(",
+    ");}",
+    "{width:var(",
+    ");height:var(",
+    ");inset:var(",
+    ");&.",
+    "{inset:var(",
+    ");}&.",
+    "{width:var(",
+    ");height:var(",
+    ");inset:var(",
+    ");&.",
+    "{inset:var(",
+    ");}}}",
     "{margin:var(",
     ");}",
     "{margin:var(",
     ");}",
-    "{.",
     "{margin:var(",
-    ");}}",
-    ".",
-    "{",
-    ":var(",
-    ");}&.",
-    ".",
-    "{",
-    " ",
-    "{--plasma_private-translateY-without-title-caption:calc(-1 * var(",
-    "));transform:translateY(var(--plasma_private-translateY-without-title-caption));}}"
-], _Rangestyles.ContentWrapper, _Rangetokens.tokens.borderRadius, _Rangetokens.tokens.borderRadius, _Rangetokens.tokens.shadow, _Rangestyles.StyledDivider, _Rangetokens.tokens.dividerPadding, _Rangetokens.tokens.dividerFontFamily, _Rangetokens.tokens.dividerFontSize, _Rangetokens.tokens.dividerFontStyle, _Rangetokens.tokens.dividerFontWeight, _Rangetokens.tokens.dividerLetterSpacing, _Rangetokens.tokens.dividerLineHeight, _Rangestyles.StyledContentLeft, _Rangetokens.tokens.leftContentMargin, _Rangestyles.StyledContentRight, _Rangetokens.tokens.rightContentMargin, _Rangestyles.StyledContentRightWrapper, _Popover.popoverClasses.wrapper, _Rangetokens.tokens.hintPlacementInnerMargin, _ui.InformationWrapperUI, _Rangetokens.classes.clearHasOuterHint, _InformationWrapper.informationWrapperTokens.indicatorWithoutLabelInner, _Rangetokens.tokens.indicatorWithoutLabelOuterHint, _Rangetokens.classes.clear, _Rangetokens.classes.noCaptionAndLabel, _ui.InformationWrapperUI, _InformationWrapperstyles.Indicator, _Rangetokens.tokens.titleCaptionLineHeight);
+    ");font-family:var(",
+    ");font-size:var(",
+    ");font-style:var(",
+    ");font-weight:var(",
+    ");letter-spacing:var(",
+    ");line-height:var(",
+    ");}"
+], _Rangestyles.ContentWrapper, _Rangetokens.tokens.borderRadius, _Rangetokens.tokens.borderRadius, _Rangetokens.tokens.shadow, _Rangestyles.StyledDivider, _Rangetokens.tokens.dividerPadding, _Rangetokens.tokens.dividerFontFamily, _Rangetokens.tokens.dividerFontSize, _Rangetokens.tokens.dividerFontStyle, _Rangetokens.tokens.dividerFontWeight, _Rangetokens.tokens.dividerLetterSpacing, _Rangetokens.tokens.dividerLineHeight, _Rangestyles.StyledLabel, _Rangetokens.tokens.labelOffset, _Rangetokens.tokens.labelFontFamily, _Rangetokens.tokens.labelFontSize, _Rangetokens.tokens.labelFontStyle, _Rangetokens.tokens.labelFontWeight, _Rangetokens.tokens.labelLetterSpacing, _Rangetokens.tokens.labelLineHeight, _Rangestyles.StyledIndicator, _Rangetokens.tokens.indicatorSize, _Rangetokens.tokens.indicatorSize, _Rangetokens.tokens.indicatorPlacement, _Rangetokens.classes.requiredAlignRight, _Rangetokens.tokens.indicatorPlacementRight, _Rangetokens.classes.requiredOuterPlacement, _Rangetokens.tokens.indicatorSizeOuter, _Rangetokens.tokens.indicatorSizeOuter, _Rangetokens.tokens.indicatorOuterPlacement, _Rangetokens.classes.requiredAlignRight, _Rangetokens.tokens.indicatorOuterPlacementRight, _Rangestyles.StyledContentLeft, _Rangetokens.tokens.leftContentMargin, _Rangestyles.StyledContentRight, _Rangetokens.tokens.rightContentMargin, _Rangestyles.LeftHelper, _Rangetokens.tokens.leftHelperOffset, _Rangetokens.tokens.leftHelperFontFamily, _Rangetokens.tokens.leftHelperFontSize, _Rangetokens.tokens.leftHelperFontStyle, _Rangetokens.tokens.leftHelperFontWeight, _Rangetokens.tokens.leftHelperLetterSpacing, _Rangetokens.tokens.leftHelperLineHeight);

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

@@ -9,10 +9,9 @@ Object.defineProperty(exports, "base", {
     }
 });
 var _styledcomponents = require("styled-components");
-var _InformationWrapper = require("../../../InformationWrapper");
-var _TextField = require("../../../TextField");
 var _Rangetokens = require("../../Range.tokens");
 var _Rangestyles = require("../../Range.styles");
+var _TextField = require("../../../TextField");
 var base = (0, _styledcomponents.css)([
     "",
     "{background-color:var(",
@@ -35,78 +34,19 @@ var base = (0, _styledcomponents.css)([
     ":var(",
     ",var(",
     "));}}&:before{box-shadow:var(",
-    ");}}&.",
-    "{.",
-    "{",
-    "{color:var(",
-    ");&:hover{color:var(",
-    ");}&:active{color:var(",
     ");}}",
-    ":before{background:var(",
-    ");}",
-    "{",
-    ":var(",
-    ");",
-    ":var(",
-    ");",
-    ":var(",
-    ");",
-    ":transparent;",
-    ":transparent;",
-    ":transparent;}}",
-    ".",
-    "{",
-    ":var(",
-    ");",
-    ":var(",
-    ");",
-    ":var(",
-    ");",
-    ":var(",
-    ");",
-    ":var(",
-    ");",
-    ":var(",
-    ");}.",
-    "{",
     "{color:var(",
-    ");&:hover{color:var(",
-    ");}&:active{color:var(",
-    ");}}",
-    ":before{background:var(",
     ");}",
-    "{",
-    ":var(",
-    ");",
-    ":var(",
-    ");",
-    ":var(",
-    ");",
-    ":transparent;",
-    ":transparent;",
-    ":transparent;}}",
-    ".",
-    "{",
-    ":var(",
-    ");",
-    ":var(",
-    ");",
-    ":var(",
-    ");",
-    ":var(",
-    ");",
-    ":var(",
-    ");",
-    ":var(",
-    ");}}",
+    "{display:block;color:var(",
+    ");}",
+    "{background-color:var(",
+    ");}",
     "{color:var(",
-    ");}.",
-    ",.",
-    "{.",
+    ");&.",
+    ",&.",
     "{color:var(",
-    ");}}.",
-    ",.",
-    "{.",
+    ");}&.",
+    ",&.",
     "{color:var(",
     ");}}"
-], _Rangestyles.ContentWrapper, _Rangetokens.tokens.background, _Rangetokens.tokens.borderWidth, _Rangetokens.tokens.borderColor, _Rangetokens.classes.rangeError, _Rangetokens.tokens.backgroundError, _Rangetokens.tokens.borderWidth, _Rangetokens.tokens.borderColorError, _Rangestyles.StyledInput, _TextField.textFieldTokens.color, _Rangetokens.tokens.textFieldColorError, _Rangetokens.tokens.textFieldColor, _Rangetokens.classes.rangeSuccess, _Rangetokens.tokens.backgroundSuccess, _Rangetokens.tokens.borderWidth, _Rangetokens.tokens.borderColorSuccess, _Rangestyles.StyledInput, _TextField.textFieldTokens.color, _Rangetokens.tokens.textFieldColorSuccess, _Rangetokens.tokens.textFieldColor, _Rangetokens.tokens.shadow, _Rangetokens.classes.clear, _Rangetokens.classes.rangeSuccess, _Rangestyles.StyledContentLeft, _Rangetokens.tokens.contentSlotColorSuccess, _Rangetokens.tokens.contentSlotColorSuccessHover, _Rangetokens.tokens.contentSlotColorSuccessActive, _Rangestyles.ContentWrapper, _Rangetokens.tokens.textFieldDividerColorSuccess, _Rangestyles.StyledInput, _TextField.textFieldTokens.contentSlotColor, _Rangetokens.tokens.contentSlotColorSuccess, _TextField.textFieldTokens.contentSlotColorHover, _Rangetokens.tokens.contentSlotColorSuccessHover, _TextField.textFieldTokens.contentSlotColorActive, _Rangetokens.tokens.contentSlotColorSuccessActive, _TextField.textFieldTokens.dividerColor, _TextField.textFieldTokens.dividerColorHover, _TextField.textFieldTokens.dividerColorFocus, _Rangestyles.StyledInput, _Rangetokens.classes.rangeValueSuccess, _TextField.textFieldTokens.contentSlotColor, _Rangetokens.tokens.contentSlotColorSuccess, _TextField.textFieldTokens.contentSlotColorHover, _Rangetokens.tokens.contentSlotColorSuccessHover, _TextField.textFieldTokens.contentSlotColorActive, _Rangetokens.tokens.contentSlotColorSuccessActive, _TextField.textFieldTokens.dividerColor, _Rangetokens.tokens.textFieldDividerColorSuccess, _TextField.textFieldTokens.dividerColorHover, _Rangetokens.tokens.textFieldDividerColorSuccess, _TextField.textFieldTokens.dividerColorFocus, _Rangetokens.tokens.textFieldDividerColorSuccess, _Rangetokens.classes.rangeError, _Rangestyles.StyledContentLeft, _Rangetokens.tokens.contentSlotColorError, _Rangetokens.tokens.contentSlotColorErrorHover, _Rangetokens.tokens.contentSlotColorErrorActive, _Rangestyles.ContentWrapper, _Rangetokens.tokens.textFieldDividerColorError, _Rangestyles.StyledInput, _TextField.textFieldTokens.contentSlotColor, _Rangetokens.tokens.contentSlotColorError, _TextField.textFieldTokens.contentSlotColorHover, _Rangetokens.tokens.contentSlotColorErrorHover, _TextField.textFieldTokens.contentSlotColorActive, _Rangetokens.tokens.contentSlotColorErrorActive, _TextField.textFieldTokens.dividerColor, _TextField.textFieldTokens.dividerColorHover, _TextField.textFieldTokens.dividerColorFocus, _Rangestyles.StyledInput, _Rangetokens.classes.rangeValueError, _TextField.textFieldTokens.contentSlotColor, _Rangetokens.tokens.contentSlotColorError, _TextField.textFieldTokens.contentSlotColorHover, _Rangetokens.tokens.contentSlotColorErrorHover, _TextField.textFieldTokens.contentSlotColorActive, _Rangetokens.tokens.contentSlotColorErrorActive, _TextField.textFieldTokens.dividerColor, _Rangetokens.tokens.textFieldDividerColorError, _TextField.textFieldTokens.dividerColorHover, _Rangetokens.tokens.textFieldDividerColorError, _TextField.textFieldTokens.dividerColorFocus, _Rangetokens.tokens.textFieldDividerColorError, _Rangestyles.StyledDivider, _Rangetokens.tokens.dividerColor, _Rangetokens.classes.rangeSuccess, _Rangetokens.classes.rangeValueSuccess, _InformationWrapper.informationWrapperClasses.leftHelper, _Rangetokens.tokens.leftHelperColorSuccess, _Rangetokens.classes.rangeError, _Rangetokens.classes.rangeValueError, _InformationWrapper.informationWrapperClasses.leftHelper, _Rangetokens.tokens.leftHelperColorError);
+], _Rangestyles.ContentWrapper, _Rangetokens.tokens.background, _Rangetokens.tokens.borderWidth, _Rangetokens.tokens.borderColor, _Rangetokens.classes.rangeError, _Rangetokens.tokens.backgroundError, _Rangetokens.tokens.borderWidth, _Rangetokens.tokens.borderColorError, _Rangestyles.StyledInput, _TextField.textFieldTokens.color, _Rangetokens.tokens.textFieldColorError, _Rangetokens.tokens.textFieldColor, _Rangetokens.classes.rangeSuccess, _Rangetokens.tokens.backgroundSuccess, _Rangetokens.tokens.borderWidth, _Rangetokens.tokens.borderColorSuccess, _Rangestyles.StyledInput, _TextField.textFieldTokens.color, _Rangetokens.tokens.textFieldColorSuccess, _Rangetokens.tokens.textFieldColor, _Rangetokens.tokens.shadow, _Rangestyles.StyledDivider, _Rangetokens.tokens.dividerColor, _Rangestyles.StyledLabel, _Rangetokens.tokens.labelColor, _Rangestyles.StyledIndicator, _Rangetokens.tokens.indicatorColor, _Rangestyles.LeftHelper, _Rangetokens.tokens.leftHelperColor, _Rangetokens.classes.rangeError, _Rangetokens.classes.rangeValueError, _Rangetokens.tokens.leftHelperColorError, _Rangetokens.classes.rangeSuccess, _Rangetokens.classes.rangeValueSuccess, _Rangetokens.tokens.leftHelperColorSuccess);

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

@@ -222,7 +222,7 @@ var getDynamicLabelClasses = function(props, focused) {
 };
 var textAreaRoot = function(Root) {
     return /*#__PURE__*/ (0, _react.forwardRef)(function(props, innerRef) {
-        var helperText = props.helperText, status = props.status, resize = props.resize, headerSlot = props.headerSlot, rightHelper = props.rightHelper, leftHelper = props.leftHelper, _props_leftHelperPlacement = props.leftHelperPlacement, leftHelperPlacement = _props_leftHelperPlacement === void 0 ? 'inner' : _props_leftHelperPlacement, contentRight = props.contentRight, _props_autoResize = props.autoResize, autoResize = _props_autoResize === void 0 ? false : _props_autoResize, _props_minAuto = props.minAuto, minAuto = _props_minAuto === void 0 ? 0 : _props_minAuto, maxAuto = props.maxAuto, label = props.label, _props_labelPlacement = props.labelPlacement, labelPlacement = _props_labelPlacement === void 0 ? 'inner' : _props_labelPlacement, titleCaption = props.titleCaption, placeholder = props.placeholder, defaultValue = props.defaultValue, height = props.height, width = props.width, value = props.value, disabled = props.disabled, _props_required = props.required, required = _props_required === void 0 ? false : _props_required, _props_requiredPlacement = props.requiredPlacement, requiredPlacement = _props_requiredPlacement === void 0 ? 'right' : _props_requiredPlacement, _props_hasRequiredIndicator = props.hasRequiredIndicator, hasRequiredIndicator = _props_hasRequiredIndicator === void 0 ? false : _props_hasRequiredIndicator, _props_optional = props.optional, optional = _props_optional === void 0 ? false : _props_optional, _props_optionalText = props.optionalText, optionalText = _props_optionalText === void 0 ? 'optional' : _props_optionalText, clear = props.clear, hasDivider = props.hasDivider, size = props.size, view = props.view, id = props.id, style = props.style, className = props.className, readOnly = props.readOnly, rows = props.rows, cols = props.cols, _props_hintTrigger = props.hintTrigger, hintTrigger = _props_hintTrigger === void 0 ? 'hover' : _props_hintTrigger, hintText = props.hintText, _props_hintView = props.hintView, hintView = _props_hintView === void 0 ? 'default' : _props_hintView, _props_hintSize = props.hintSize, hintSize = _props_hintSize === void 0 ? 'm' : _props_hintSize, hintTargetIcon = props.hintTargetIcon, _props_hintPlacement = props.hintPlacement, hintPlacement = _props_hintPlacement === void 0 ? 'auto' : _props_hintPlacement, hintHasArrow = props.hintHasArrow, _props_hintOffset = props.hintOffset, hintOffset = _props_hintOffset === void 0 ? HINT_DEFAULT_OFFSET : _props_hintOffset, hintWidth = props.hintWidth, hintContentLeft = props.hintContentLeft, _props_labelAriaHidden = props.labelAriaHidden, labelAriaHidden = _props_labelAriaHidden === void 0 ? false : _props_labelAriaHidden, onChange = props.onChange, rest = _object_without_properties(props, [
+        var helperText = props.helperText, status = props.status, resize = props.resize, headerSlot = props.headerSlot, rightHelper = props.rightHelper, leftHelper = props.leftHelper, _props_leftHelperPlacement = props.leftHelperPlacement, leftHelperPlacement = _props_leftHelperPlacement === void 0 ? 'inner' : _props_leftHelperPlacement, contentRight = props.contentRight, _props_autoResize = props.autoResize, autoResize = _props_autoResize === void 0 ? false : _props_autoResize, _props_minAuto = props.minAuto, minAuto = _props_minAuto === void 0 ? 0 : _props_minAuto, maxAuto = props.maxAuto, label = props.label, _props_labelPlacement = props.labelPlacement, labelPlacement = _props_labelPlacement === void 0 ? 'inner' : _props_labelPlacement, titleCaption = props.titleCaption, placeholder = props.placeholder, defaultValue = props.defaultValue, height = props.height, width = props.width, value = props.value, disabled = props.disabled, _props_required = props.required, required = _props_required === void 0 ? false : _props_required, _props_requiredPlacement = props.requiredPlacement, requiredPlacement = _props_requiredPlacement === void 0 ? 'right' : _props_requiredPlacement, _props_hasRequiredIndicator = props.hasRequiredIndicator, hasRequiredIndicator = _props_hasRequiredIndicator === void 0 ? true : _props_hasRequiredIndicator, _props_optional = props.optional, optional = _props_optional === void 0 ? false : _props_optional, _props_optionalText = props.optionalText, optionalText = _props_optionalText === void 0 ? 'optional' : _props_optionalText, clear = props.clear, hasDivider = props.hasDivider, size = props.size, view = props.view, id = props.id, style = props.style, className = props.className, readOnly = props.readOnly, rows = props.rows, cols = props.cols, _props_hintTrigger = props.hintTrigger, hintTrigger = _props_hintTrigger === void 0 ? 'hover' : _props_hintTrigger, hintText = props.hintText, _props_hintView = props.hintView, hintView = _props_hintView === void 0 ? 'default' : _props_hintView, _props_hintSize = props.hintSize, hintSize = _props_hintSize === void 0 ? 'm' : _props_hintSize, hintTargetIcon = props.hintTargetIcon, _props_hintPlacement = props.hintPlacement, hintPlacement = _props_hintPlacement === void 0 ? 'auto' : _props_hintPlacement, hintHasArrow = props.hintHasArrow, _props_hintOffset = props.hintOffset, hintOffset = _props_hintOffset === void 0 ? HINT_DEFAULT_OFFSET : _props_hintOffset, hintWidth = props.hintWidth, hintContentLeft = props.hintContentLeft, _props_labelAriaHidden = props.labelAriaHidden, labelAriaHidden = _props_labelAriaHidden === void 0 ? false : _props_labelAriaHidden, onChange = props.onChange, rest = _object_without_properties(props, [
             "helperText",
             "status",
             "resize",

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

@@ -190,7 +190,7 @@ var HINT_DEFAULT_OFFSET = [
 var textFieldRoot = function(Root) {
     return /*#__PURE__*/ (0, _react.forwardRef)(function(_param, ref) {
         var id = _param.id, className = _param.className, style = _param.style, // layout
-        contentLeft = _param.contentLeft, contentRight = _param.contentRight, label = _param.label, labelPlacement = _param.labelPlacement, keepPlaceholder = _param.keepPlaceholder, textBefore = _param.textBefore, textAfter = _param.textAfter, placeholder = _param.placeholder, leftHelper = _param.leftHelper, _param_enumerationType = _param.enumerationType, enumerationType = _param_enumerationType === void 0 ? 'plain' : _param_enumerationType, _param_requiredPlacement = _param.requiredPlacement, requiredPlacement = _param_requiredPlacement === void 0 ? 'right' : _param_requiredPlacement, _param_hasRequiredIndicator = _param.hasRequiredIndicator, hasRequiredIndicator = _param_hasRequiredIndicator === void 0 ? false : _param_hasRequiredIndicator, titleCaption = _param.titleCaption, _param_chipView = _param.chipView, chipView = _param_chipView === void 0 ? 'default' : _param_chipView, chipValidator = _param.chipValidator, _param_hintTrigger = _param.// hint
+        contentLeft = _param.contentLeft, contentRight = _param.contentRight, label = _param.label, labelPlacement = _param.labelPlacement, keepPlaceholder = _param.keepPlaceholder, textBefore = _param.textBefore, textAfter = _param.textAfter, placeholder = _param.placeholder, leftHelper = _param.leftHelper, _param_enumerationType = _param.enumerationType, enumerationType = _param_enumerationType === void 0 ? 'plain' : _param_enumerationType, _param_requiredPlacement = _param.requiredPlacement, requiredPlacement = _param_requiredPlacement === void 0 ? 'right' : _param_requiredPlacement, _param_hasRequiredIndicator = _param.hasRequiredIndicator, hasRequiredIndicator = _param_hasRequiredIndicator === void 0 ? true : _param_hasRequiredIndicator, titleCaption = _param.titleCaption, _param_chipView = _param.chipView, chipView = _param_chipView === void 0 ? 'default' : _param_chipView, chipValidator = _param.chipValidator, _param_hintTrigger = _param.// hint
         hintTrigger, hintTrigger = _param_hintTrigger === void 0 ? 'hover' : _param_hintTrigger, hintText = _param.hintText, _param_hintView = _param.hintView, hintView = _param_hintView === void 0 ? 'default' : _param_hintView, _param_hintSize = _param.hintSize, hintSize = _param_hintSize === void 0 ? 'm' : _param_hintSize, hintTargetIcon = _param.hintTargetIcon, _param_hintTargetPlacement = _param.hintTargetPlacement, hintTargetPlacement = _param_hintTargetPlacement === void 0 ? 'outer' : _param_hintTargetPlacement, _param_hintPlacement = _param.hintPlacement, hintPlacement = _param_hintPlacement === void 0 ? 'auto' : _param_hintPlacement, hintHasArrow = _param.hintHasArrow, _param_hintOffset = _param.hintOffset, hintOffset = _param_hintOffset === void 0 ? HINT_DEFAULT_OFFSET : _param_hintOffset, hintWidth = _param.hintWidth, hintContentLeft = _param.hintContentLeft, // variations
         appearance = _param.appearance, view = _param.view, size = _param.size, _param_readOnly = _param.readOnly, readOnly = _param_readOnly === void 0 ? false : _param_readOnly, _param_disabled = _param.disabled, disabled = _param_disabled === void 0 ? false : _param_disabled, _param_required = _param.required, required = _param_required === void 0 ? false : _param_required, _param_clear = _param.clear, clear = _param_clear === void 0 ? false : _param_clear, optional = _param.optional, _param_optionalText = _param.optionalText, optionalText = _param_optionalText === void 0 ? 'optional' : _param_optionalText, hasDivider = _param.hasDivider, // controlled
         outerValue = _param.value, values = _param.chips, _param_chipType = _param.chipType, chipType = _param_chipType === void 0 ? 'default' : _param_chipType, // @ts-ignore

package/dist/styled-components/cjs/components/TimePicker/TimePicker.js

@@ -201,7 +201,7 @@ function _unsupported_iterable_to_array(o, minLen) {
 }
 var timePickerRoot = function(Root) {
     return /*#__PURE__*/ (0, _react.forwardRef)(function(_param, ref) {
-        var className = _param.className, _param_opened = _param.opened, opened = _param_opened === void 0 ? false : _param_opened, outerValue = _param.value, label = _param.label, _param_labelPlacement = _param.labelPlacement, labelPlacement = _param_labelPlacement === void 0 ? 'outer' : _param_labelPlacement, keepPlaceholder = _param.keepPlaceholder, _param_required = _param.required, required = _param_required === void 0 ? false : _param_required, _param_requiredPlacement = _param.requiredPlacement, requiredPlacement = _param_requiredPlacement === void 0 ? 'right' : _param_requiredPlacement, _param_hasRequiredIndicator = _param.hasRequiredIndicator, hasRequiredIndicator = _param_hasRequiredIndicator === void 0 ? false : _param_hasRequiredIndicator, placeholder = _param.placeholder, contentLeft = _param.contentLeft, contentRight = _param.contentRight, textBefore = _param.textBefore, textAfter = _param.textAfter, view = _param.view, size = _param.size, _param_disabled = _param.disabled, disabled = _param_disabled === void 0 ? false : _param_disabled, _param_readonly = _param.readonly, readonly = _param_readonly === void 0 ? false : _param_readonly, _param_frame = _param.frame, frame = _param_frame === void 0 ? 'document' : _param_frame, _param_usePortal = _param.usePortal, usePortal = _param_usePortal === void 0 ? false : _param_usePortal, _param_closeOnOverlayClick = _param.closeOnOverlayClick, closeOnOverlayClick = _param_closeOnOverlayClick === void 0 ? true : _param_closeOnOverlayClick, _param_closeOnEsc = _param.closeOnEsc, closeOnEsc = _param_closeOnEsc === void 0 ? true : _param_closeOnEsc, offset = _param.offset, stretched = _param.stretched, _param_dropdownAlign = _param.dropdownAlign, dropdownAlign = _param_dropdownAlign === void 0 ? 'left' : _param_dropdownAlign, dropdownWidth = _param.dropdownWidth, dropdownHeight = _param.dropdownHeight, _param_columnsQuantity = _param.columnsQuantity, columnsQuantity = _param_columnsQuantity === void 0 ? 2 : _param_columnsQuantity, onToggle = _param.onToggle, onFocus = _param.onFocus, onChange = _param.onChange, rest = _object_without_properties(_param, [
+        var className = _param.className, _param_opened = _param.opened, opened = _param_opened === void 0 ? false : _param_opened, outerValue = _param.value, label = _param.label, _param_labelPlacement = _param.labelPlacement, labelPlacement = _param_labelPlacement === void 0 ? 'outer' : _param_labelPlacement, keepPlaceholder = _param.keepPlaceholder, _param_required = _param.required, required = _param_required === void 0 ? false : _param_required, _param_requiredPlacement = _param.requiredPlacement, requiredPlacement = _param_requiredPlacement === void 0 ? 'right' : _param_requiredPlacement, _param_hasRequiredIndicator = _param.hasRequiredIndicator, hasRequiredIndicator = _param_hasRequiredIndicator === void 0 ? true : _param_hasRequiredIndicator, placeholder = _param.placeholder, contentLeft = _param.contentLeft, contentRight = _param.contentRight, textBefore = _param.textBefore, textAfter = _param.textAfter, view = _param.view, size = _param.size, _param_disabled = _param.disabled, disabled = _param_disabled === void 0 ? false : _param_disabled, _param_readonly = _param.readonly, readonly = _param_readonly === void 0 ? false : _param_readonly, _param_frame = _param.frame, frame = _param_frame === void 0 ? 'document' : _param_frame, _param_usePortal = _param.usePortal, usePortal = _param_usePortal === void 0 ? false : _param_usePortal, _param_closeOnOverlayClick = _param.closeOnOverlayClick, closeOnOverlayClick = _param_closeOnOverlayClick === void 0 ? true : _param_closeOnOverlayClick, _param_closeOnEsc = _param.closeOnEsc, closeOnEsc = _param_closeOnEsc === void 0 ? true : _param_closeOnEsc, offset = _param.offset, stretched = _param.stretched, _param_dropdownAlign = _param.dropdownAlign, dropdownAlign = _param_dropdownAlign === void 0 ? 'left' : _param_dropdownAlign, dropdownWidth = _param.dropdownWidth, dropdownHeight = _param.dropdownHeight, _param_columnsQuantity = _param.columnsQuantity, columnsQuantity = _param_columnsQuantity === void 0 ? 2 : _param_columnsQuantity, onToggle = _param.onToggle, onFocus = _param.onFocus, onChange = _param.onChange, rest = _object_without_properties(_param, [
             "className",
             "opened",
             "value",

package/dist/styled-components/cjs/components/_Slot/Slot.js

@@ -0,0 +1,137 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Slot", {
+    enumerable: true,
+    get: function() {
+        return Slot;
+    }
+});
+var _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+var _utils = require("../../utils");
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _getRequireWildcardCache(nodeInterop) {
+    if (typeof WeakMap !== "function") return null;
+    var cacheBabelInterop = new WeakMap();
+    var cacheNodeInterop = new WeakMap();
+    return (_getRequireWildcardCache = function(nodeInterop) {
+        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+}
+function _interop_require_wildcard(obj, nodeInterop) {
+    if (!nodeInterop && obj && obj.__esModule) {
+        return obj;
+    }
+    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
+        return {
+            default: obj
+        };
+    }
+    var cache = _getRequireWildcardCache(nodeInterop);
+    if (cache && cache.has(obj)) {
+        return cache.get(obj);
+    }
+    var newObj = {
+        __proto__: null
+    };
+    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+    for(var key in obj){
+        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
+            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+            if (desc && (desc.get || desc.set)) {
+                Object.defineProperty(newObj, key, desc);
+            } else {
+                newObj[key] = obj[key];
+            }
+        }
+    }
+    newObj.default = obj;
+    if (cache) {
+        cache.set(obj, newObj);
+    }
+    return newObj;
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function _object_without_properties(source, excluded) {
+    if (source == null) return {};
+    var target = _object_without_properties_loose(source, excluded);
+    var key, i;
+    if (Object.getOwnPropertySymbols) {
+        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceSymbolKeys.length; i++){
+            key = sourceSymbolKeys[i];
+            if (excluded.indexOf(key) >= 0) continue;
+            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+            target[key] = source[key];
+        }
+    }
+    return target;
+}
+function _object_without_properties_loose(source, excluded) {
+    if (source == null) return {};
+    var target = {};
+    var sourceKeys = Object.keys(source);
+    var key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (excluded.indexOf(key) >= 0) continue;
+        target[key] = source[key];
+    }
+    return target;
+}
+var Slot = /*#__PURE__*/ _react.forwardRef(function(props, forwardedRef) {
+    var children = props.children, slotProps = _object_without_properties(props, [
+        "children"
+    ]);
+    if (!/*#__PURE__*/ _react.isValidElement(children)) {
+        return null;
+    }
+    var child = children;
+    var childProps = child.props;
+    var mergedProps = _object_spread({}, slotProps);
+    // merge event handlers
+    for(var key in slotProps){
+        if (/^on[A-Z]/.test(key)) {
+            mergedProps[key] = (0, _utils.mergeHandlers)(childProps[key], slotProps[key]);
+        }
+    }
+    if (childProps.className || slotProps.className) {
+        mergedProps.className = [
+            slotProps.className,
+            childProps.className
+        ].filter(Boolean).join(' ');
+    }
+    // merge style
+    if (childProps.style || slotProps.style) {
+        mergedProps.style = _object_spread({}, slotProps.style, childProps.style);
+    }
+    mergedProps.ref = (0, _utils.mergeRefs)(childProps.ref, forwardedRef);
+    return /*#__PURE__*/ _react.cloneElement(children, mergedProps);
+});