@salutejs/plasma-new-hope 0.344.0-canary.2403.20455152253.0 → 0.344.0-dev.0

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

@@ -1,10 +1,15 @@
 export 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'
+    requiredOuterPlacement: 'required-placement-outer',
+    noCaptionAndLabel: 'range-no-caption-label',
+    clear: 'range-clear',
+    clearDivider: 'range-clear-divider',
+    clearHasOuterHint: 'range-clear-has-outer-hint'
 };
 export var tokens = {
     background: '--plasma-range-background',
@@ -18,7 +23,8 @@ export var tokens = {
     borderColorSuccess: '--plasma-range-border-color-success',
     borderColorReadOnly: '--plasma-range-border-color-readonly',
     shadow: '--plasma-range-shadow',
-    /** Токены разделителя */ dividerColor: '--plasma-range__divider-color',
+    /** Токены разделителя */ clearDividerColor: '--plasma-range-clear__divider-color',
+    dividerColor: '--plasma-range__divider-color',
     dividerColorReadOnly: '--plasma-range__divider-color-readonly',
     dividerOpacityReadOnly: '--plasma-range__divider-opacity-readonly',
     dividerPadding: '--plasma-range__divider-padding',
@@ -34,44 +40,94 @@ export 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',
-    /** Токены лейбла */ 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',
+    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',
     /** Прозрачность для всего компонента в состоянии 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',
@@ -111,5 +167,9 @@ export 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'
+    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'
 };

package/dist/styled-components/es/components/Range/ui/Hint/index.js

@@ -0,0 +1 @@
+export { HintComponent } from "../../../InformationWrapper/ui";

package/dist/styled-components/es/components/Range/ui/InformationWrapper/InformationWrapper.styles.js

@@ -0,0 +1,144 @@
+import styled from "styled-components";
+import { informationWrapperConfig, informationWrapperTokens } from "../../../InformationWrapper";
+import { component, mergeConfig } from "../../../../engines";
+import { tokens } from "../../Range.tokens";
+var mergedConfig = mergeConfig(informationWrapperConfig);
+var InformationWrapper = component(mergedConfig);
+export var InformationWrapperUI = styled(InformationWrapper).withConfig({
+    displayName: "InformationWrapper.styles__InformationWrapperUI",
+    componentId: "sc-9068791-0"
+})([
+    "",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");"
+], informationWrapperTokens.indicatorWrapperGap, tokens.indicatorWrapperGap, informationWrapperTokens.labelWrapperOffset, tokens.labelWrapperOffset, informationWrapperTokens.labelWrapperTitleCaptionOffset, tokens.labelWrapperTitleCaptionOffset, informationWrapperTokens.labelFontFamily, tokens.labelFontFamily, informationWrapperTokens.labelFontStyle, tokens.labelFontStyle, informationWrapperTokens.labelFontSize, tokens.labelFontSize, informationWrapperTokens.labelFontWeight, tokens.labelFontWeight, informationWrapperTokens.labelLetterSpacing, tokens.labelLetterSpacing, informationWrapperTokens.labelLineHeight, tokens.labelLineHeight, informationWrapperTokens.labelColor, tokens.labelColor, informationWrapperTokens.contentGap, tokens.contentGap, informationWrapperTokens.titleCaptionOffset, tokens.titleCaptionOffset, informationWrapperTokens.titleCaptionColor, tokens.titleCaptionColor, informationWrapperTokens.titleCaptionFontFamily, tokens.titleCaptionFontFamily, informationWrapperTokens.titleCaptionFontStyle, tokens.titleCaptionFontStyle, informationWrapperTokens.titleCaptionFontSize, tokens.titleCaptionFontSize, informationWrapperTokens.titleCaptionFontWeight, tokens.titleCaptionFontWeight, informationWrapperTokens.titleCaptionLetterSpacing, tokens.titleCaptionLetterSpacing, informationWrapperTokens.titleCaptionLineHeight, tokens.titleCaptionLineHeight, informationWrapperTokens.hintMargin, tokens.hintMargin, informationWrapperTokens.hintTargetSize, tokens.hintTargetSize, informationWrapperTokens.hintCustomIconTargetSize, tokens.hintCustomIconTargetSize, informationWrapperTokens.hintIconColor, tokens.hintIconColor, informationWrapperTokens.hintWithoutLabelPlacementOffset, tokens.hintWithoutLabelPlacementOffset, informationWrapperTokens.tooltipBackgroundColor, tokens.tooltipBackgroundColor, informationWrapperTokens.tooltipBoxShadow, tokens.tooltipBoxShadow, informationWrapperTokens.tooltipColor, tokens.tooltipColor, informationWrapperTokens.tooltipPaddingTop, tokens.tooltipPaddingTop, informationWrapperTokens.tooltipPaddingRight, tokens.tooltipPaddingRight, informationWrapperTokens.tooltipPaddingBottom, tokens.tooltipPaddingBottom, informationWrapperTokens.tooltipPaddingLeft, tokens.tooltipPaddingLeft, informationWrapperTokens.tooltipMinHeight, tokens.tooltipMinHeight, informationWrapperTokens.tooltipBorderRadius, tokens.tooltipBorderRadius, informationWrapperTokens.tooltipTextFontFamily, tokens.tooltipTextFontFamily, informationWrapperTokens.tooltipTextFontSize, tokens.tooltipTextFontSize, informationWrapperTokens.tooltipTextFontStyle, tokens.tooltipTextFontStyle, informationWrapperTokens.tooltipTextFontWeight, tokens.tooltipTextFontWeight, informationWrapperTokens.tooltipTextFontLetterSpacing, tokens.tooltipTextFontLetterSpacing, informationWrapperTokens.tooltipTextFontLineHeight, tokens.tooltipTextFontLineHeight, informationWrapperTokens.tooltipContentLeftMargin, tokens.tooltipContentLeftMargin, informationWrapperTokens.tooltipArrowMaskWidth, tokens.tooltipArrowMaskWidth, informationWrapperTokens.tooltipArrowMaskHeight, tokens.tooltipArrowMaskHeight, informationWrapperTokens.tooltipArrowMaskImage, tokens.tooltipArrowMaskImage, informationWrapperTokens.tooltipArrowHeight, tokens.tooltipArrowHeight, informationWrapperTokens.tooltipArrowEdgeMargin, tokens.tooltipArrowEdgeMargin, informationWrapperTokens.tooltipArrowBackground, tokens.tooltipArrowBackground, informationWrapperTokens.indicatorColor, tokens.indicatorColor, informationWrapperTokens.indicatorSizeInner, tokens.indicatorSizeInner, informationWrapperTokens.indicatorSizeOuter, tokens.indicatorSizeOuter, informationWrapperTokens.indicatorMarginTop, tokens.indicatorMarginTop, informationWrapperTokens.indicatorOuterLeft, tokens.indicatorOuterLeft, informationWrapperTokens.indicatorWithoutLabelInner, tokens.indicatorWithoutLabelInner, informationWrapperTokens.indicatorWithoutLabelInnerLeft, tokens.indicatorWithoutLabelInnerLeft, informationWrapperTokens.leftHelperColor, tokens.leftHelperColor, informationWrapperTokens.helpersPadding, tokens.helpersPadding, informationWrapperTokens.helpersGap, tokens.helpersGap, informationWrapperTokens.leftHelperFontFamily, tokens.leftHelperFontFamily, informationWrapperTokens.leftHelperFontStyle, tokens.leftHelperFontStyle, informationWrapperTokens.leftHelperFontSize, tokens.leftHelperFontSize, informationWrapperTokens.leftHelperFontWeight, tokens.leftHelperFontWeight, informationWrapperTokens.leftHelperLetterSpacing, tokens.leftHelperLetterSpacing, informationWrapperTokens.leftHelperLineHeight, tokens.leftHelperLineHeight, informationWrapperTokens.labelColorReadOnly, tokens.labelColorReadOnly, informationWrapperTokens.titleCaptionColorReadOnly, tokens.titleCaptionColorReadOnly, informationWrapperTokens.leftHelperColorReadOnly, tokens.leftHelperColorReadOnly, informationWrapperTokens.rightHelperColorReadOnly, tokens.rightHelperColorReadOnly);

package/dist/styled-components/es/components/Range/ui/InformationWrapper/index.js

@@ -0,0 +1 @@
+export { InformationWrapperUI } from "./InformationWrapper.styles";

package/dist/styled-components/es/components/Range/ui/index.js

@@ -0,0 +1,2 @@
+export * from "./InformationWrapper";
+export * from "./Hint";

package/dist/styled-components/es/components/Range/variations/_hint-size/base.js

@@ -0,0 +1,4 @@
+import { css } from "styled-components";
+export var base = css([
+    ""
+]);

package/dist/styled-components/es/components/Range/variations/_hint-view/base.js

@@ -0,0 +1,4 @@
+import { css } from "styled-components";
+export var base = css([
+    ""
+]);

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

@@ -1,6 +1,6 @@
 import { css } from "styled-components";
 import { tokens } from "../../Range.tokens";
-import { ContentWrapper, LeftHelper, StyledContentLeft, StyledContentRight, StyledDivider, StyledLabel } from "../../Range.styles";
+import { ContentWrapper, StyledContentLeft, StyledContentRight, StyledDivider } from "../../Range.styles";
 export var base = css([
     "&[readonly]{cursor:default;",
     "{position:relative;background:transparent;:before{position:absolute;content:'';top:0;left:0;right:0;bottom:0;border-radius:var(",
@@ -9,10 +9,6 @@ export var base = css([
     ");background:var(",
     ");opacity:var(",
     ");z-index:-1;}}",
-    "{display:block;color:var(",
-    ");}",
-    "{color:var(",
-    ");}",
     "{color:var(",
     ");opacity:var(",
     ");}",
@@ -22,4 +18,4 @@ export var base = css([
     ");cursor:default;}}",
     "{opacity:var(",
     ");pointer-events:none;}}"
-], ContentWrapper, tokens.borderRadius, tokens.borderWidth, tokens.borderColorReadOnly, tokens.backgroundReadOnly, tokens.readOnlyOpacity, StyledLabel, tokens.labelColorReadOnly, LeftHelper, tokens.leftHelperColorReadOnly, StyledDivider, tokens.dividerColorReadOnly, tokens.dividerOpacityReadOnly, StyledContentLeft, StyledContentRight, tokens.textFieldColorReadOnly, tokens.textFieldColorReadOnly, StyledContentRight, tokens.rightContentOpacityReadOnly);
+], ContentWrapper, tokens.borderRadius, tokens.borderWidth, tokens.borderColorReadOnly, tokens.backgroundReadOnly, tokens.readOnlyOpacity, StyledDivider, tokens.dividerColorReadOnly, tokens.dividerOpacityReadOnly, StyledContentLeft, StyledContentRight, tokens.textFieldColorReadOnly, tokens.textFieldColorReadOnly, StyledContentRight, tokens.rightContentOpacityReadOnly);

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

@@ -1,6 +1,10 @@
 import { css } from "styled-components";
+import { popoverClasses } from "../../../Popover";
+import { informationWrapperTokens } from "../../../InformationWrapper";
+import { Indicator } from "../../../InformationWrapper/InformationWrapper.styles";
 import { classes, tokens } from "../../Range.tokens";
-import { StyledLabel, LeftHelper, StyledContentLeft, StyledContentRight, StyledDivider, ContentWrapper, StyledIndicator } from "../../Range.styles";
+import { StyledContentLeft, StyledContentRight, StyledDivider, ContentWrapper, StyledContentRightWrapper } from "../../Range.styles";
+import { InformationWrapperUI } from "../../ui";
 export var base = css([
     "",
     "{width:inherit;border-radius:var(",
@@ -15,36 +19,20 @@ export var base = 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(",
-    ");font-family:var(",
-    ");font-size:var(",
-    ");font-style:var(",
-    ");font-weight:var(",
-    ");letter-spacing:var(",
-    ");line-height:var(",
-    ");}"
-], ContentWrapper, tokens.borderRadius, tokens.borderRadius, tokens.shadow, StyledDivider, tokens.dividerPadding, tokens.dividerFontFamily, tokens.dividerFontSize, tokens.dividerFontStyle, tokens.dividerFontWeight, tokens.dividerLetterSpacing, tokens.dividerLineHeight, StyledLabel, tokens.labelOffset, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, StyledIndicator, tokens.indicatorSize, tokens.indicatorSize, tokens.indicatorPlacement, classes.requiredAlignRight, tokens.indicatorPlacementRight, classes.requiredOuterPlacement, tokens.indicatorSizeOuter, tokens.indicatorSizeOuter, tokens.indicatorOuterPlacement, classes.requiredAlignRight, tokens.indicatorOuterPlacementRight, StyledContentLeft, tokens.leftContentMargin, StyledContentRight, tokens.rightContentMargin, LeftHelper, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight);
+    ");}}",
+    ".",
+    "{",
+    ":var(",
+    ");}&.",
+    ".",
+    "{",
+    " ",
+    "{--plasma_private-translateY-without-title-caption:calc(-1 * var(",
+    "));transform:translateY(var(--plasma_private-translateY-without-title-caption));}}"
+], ContentWrapper, tokens.borderRadius, tokens.borderRadius, tokens.shadow, StyledDivider, tokens.dividerPadding, tokens.dividerFontFamily, tokens.dividerFontSize, tokens.dividerFontStyle, tokens.dividerFontWeight, tokens.dividerLetterSpacing, tokens.dividerLineHeight, StyledContentLeft, tokens.leftContentMargin, StyledContentRight, tokens.rightContentMargin, StyledContentRightWrapper, popoverClasses.wrapper, tokens.hintPlacementInnerMargin, InformationWrapperUI, classes.clearHasOuterHint, informationWrapperTokens.indicatorWithoutLabelInner, tokens.indicatorWithoutLabelOuterHint, classes.clear, classes.noCaptionAndLabel, InformationWrapperUI, Indicator, tokens.titleCaptionLineHeight);

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

@@ -1,7 +1,8 @@
 import { css } from "styled-components";
-import { classes, tokens } from "../../Range.tokens";
-import { StyledLabel, LeftHelper, StyledDivider, ContentWrapper, StyledIndicator, StyledInput } from "../../Range.styles";
+import { informationWrapperClasses } from "../../../InformationWrapper";
 import { textFieldTokens } from "../../../TextField";
+import { classes, tokens } from "../../Range.tokens";
+import { StyledDivider, ContentWrapper, StyledInput, StyledContentLeft } from "../../Range.styles";
 export var base = css([
     "",
     "{background-color:var(",
@@ -24,19 +25,78 @@ export var base = css([
     ":var(",
     ",var(",
     "));}}&:before{box-shadow:var(",
-    ");}}",
+    ");}}&.",
+    "{.",
+    "{",
     "{color:var(",
+    ");&:hover{color:var(",
+    ");}&:active{color:var(",
+    ");}}",
+    ":before{background:var(",
     ");}",
-    "{display:block;color:var(",
-    ");}",
-    "{background-color: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(",
+    ");}}",
     "{color:var(",
-    ");&.",
-    ",&.",
+    ");}.",
+    ",.",
+    "{.",
     "{color:var(",
-    ");}&.",
-    ",&.",
+    ");}}.",
+    ",.",
+    "{.",
     "{color:var(",
     ");}}"
-], ContentWrapper, tokens.background, tokens.borderWidth, tokens.borderColor, classes.rangeError, tokens.backgroundError, tokens.borderWidth, tokens.borderColorError, StyledInput, textFieldTokens.color, tokens.textFieldColorError, tokens.textFieldColor, classes.rangeSuccess, tokens.backgroundSuccess, tokens.borderWidth, tokens.borderColorSuccess, StyledInput, textFieldTokens.color, tokens.textFieldColorSuccess, tokens.textFieldColor, tokens.shadow, StyledDivider, tokens.dividerColor, StyledLabel, tokens.labelColor, StyledIndicator, tokens.indicatorColor, LeftHelper, tokens.leftHelperColor, classes.rangeError, classes.rangeValueError, tokens.leftHelperColorError, classes.rangeSuccess, classes.rangeValueSuccess, tokens.leftHelperColorSuccess);
+], ContentWrapper, tokens.background, tokens.borderWidth, tokens.borderColor, classes.rangeError, tokens.backgroundError, tokens.borderWidth, tokens.borderColorError, StyledInput, textFieldTokens.color, tokens.textFieldColorError, tokens.textFieldColor, classes.rangeSuccess, tokens.backgroundSuccess, tokens.borderWidth, tokens.borderColorSuccess, StyledInput, textFieldTokens.color, tokens.textFieldColorSuccess, tokens.textFieldColor, tokens.shadow, classes.clear, classes.rangeSuccess, StyledContentLeft, tokens.contentSlotColorSuccess, tokens.contentSlotColorSuccessHover, tokens.contentSlotColorSuccessActive, ContentWrapper, tokens.textFieldDividerColorSuccess, StyledInput, textFieldTokens.contentSlotColor, tokens.contentSlotColorSuccess, textFieldTokens.contentSlotColorHover, tokens.contentSlotColorSuccessHover, textFieldTokens.contentSlotColorActive, tokens.contentSlotColorSuccessActive, textFieldTokens.dividerColor, textFieldTokens.dividerColorHover, textFieldTokens.dividerColorFocus, StyledInput, classes.rangeValueSuccess, textFieldTokens.contentSlotColor, tokens.contentSlotColorSuccess, textFieldTokens.contentSlotColorHover, tokens.contentSlotColorSuccessHover, textFieldTokens.contentSlotColorActive, tokens.contentSlotColorSuccessActive, textFieldTokens.dividerColor, tokens.textFieldDividerColorSuccess, textFieldTokens.dividerColorHover, tokens.textFieldDividerColorSuccess, textFieldTokens.dividerColorFocus, tokens.textFieldDividerColorSuccess, classes.rangeError, StyledContentLeft, tokens.contentSlotColorError, tokens.contentSlotColorErrorHover, tokens.contentSlotColorErrorActive, ContentWrapper, tokens.textFieldDividerColorError, StyledInput, textFieldTokens.contentSlotColor, tokens.contentSlotColorError, textFieldTokens.contentSlotColorHover, tokens.contentSlotColorErrorHover, textFieldTokens.contentSlotColorActive, tokens.contentSlotColorErrorActive, textFieldTokens.dividerColor, textFieldTokens.dividerColorHover, textFieldTokens.dividerColorFocus, StyledInput, classes.rangeValueError, textFieldTokens.contentSlotColor, tokens.contentSlotColorError, textFieldTokens.contentSlotColorHover, tokens.contentSlotColorErrorHover, textFieldTokens.contentSlotColorActive, tokens.contentSlotColorErrorActive, textFieldTokens.dividerColor, tokens.textFieldDividerColorError, textFieldTokens.dividerColorHover, tokens.textFieldDividerColorError, textFieldTokens.dividerColorFocus, tokens.textFieldDividerColorError, StyledDivider, tokens.dividerColor, classes.rangeSuccess, classes.rangeValueSuccess, informationWrapperClasses.leftHelper, tokens.leftHelperColorSuccess, classes.rangeError, classes.rangeValueError, informationWrapperClasses.leftHelper, tokens.leftHelperColorError);

package/dist/styled-components/es/components/Rating/utils/getIcons.js

@@ -46,7 +46,6 @@ var iconMap = function(componentSize) {
         case 'h3':
         case 'h4':
         case 'h5':
-        case 'h6':
         case 'l':
         case 'm':
             return {

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

@@ -161,7 +161,7 @@ export var getDynamicLabelClasses = function(props, focused) {
 };
 export var textAreaRoot = function(Root) {
     return /*#__PURE__*/ 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 ? 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, [
+        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, [
             "helperText",
             "status",
             "resize",

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

@@ -128,7 +128,7 @@ var HINT_DEFAULT_OFFSET = [
 export var textFieldRoot = function(Root) {
     return /*#__PURE__*/ 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 ? 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
+        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
         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/es/components/TimePicker/TimePicker.js

@@ -137,7 +137,7 @@ import { base as readonlyCSS } from "./variations/_readonly/base";
 import { useKeyNavigation } from "./hooks/useKeyboardNavigation";
 export var timePickerRoot = function(Root) {
     return /*#__PURE__*/ 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 ? 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, [
+        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, [
             "className",
             "opened",
             "value",