@salutejs/plasma-new-hope 0.345.0-canary.2417.20986471487.0 → 0.345.0-canary.2417.20992530703.0

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

@@ -24,9 +24,7 @@ var classes = {
     datePickerSuccess: 'date-picker-success',
     datePickerRoot: 'date-picker-root',
     datePickerstretched: 'date-picker-stretched',
-    datePickerCalendarstretched: 'date-picker-calendar-stretched',
-    clear: 'date-picker-clear',
-    clearDivider: 'date-picker-clear-divider'
+    datePickerCalendarstretched: 'date-picker-calendar-stretched'
 };
 var pivateTokens = {
     calendarDoubleWidth: '--plasma_private-calendar-double-width'
@@ -62,6 +60,12 @@ var tokens = {
     contentSlotColor: '--plasma-date-picker-content-slot-color',
     contentSlotColorHover: '--plasma-date-picker-content-slot-color-hover',
     contentSlotColorActive: '--plasma-date-picker-content-slot-color-active',
+    contentSlotColorSuccess: '--plasma-date-picker-content-slot-color-success',
+    contentSlotColorSuccessHover: '--plasma-date-picker-content-slot-color-success-hover',
+    contentSlotColorSuccessActive: '--plasma-date-picker-content-slot-color-success-active',
+    contentSlotColorError: '--plasma-date-picker-content-slot-color-error',
+    contentSlotColorErrorHover: '--plasma-date-picker-content-slot-color-error-hover',
+    contentSlotColorErrorActive: '--plasma-date-picker-content-slot-color-error-active',
     contentSlotRightColor: '--plasma-date-picker-content-right-slot-color',
     contentSlotRightColorHover: '--plasma-date-picker-content-right-slot-color-hover',
     contentSlotRightColorActive: '--plasma-date-picker-content-right-slot-color-active',
@@ -122,7 +126,7 @@ var tokens = {
     /** Токены полей ввода */ textFieldColor: '--plasma-date-picker-textfield-color',
     textFieldColorError: '--plasma-date-picker-textfield-color-error',
     textFieldColorSuccess: '--plasma-date-picker-textfield-color-success',
-    textFieldPlaceholderColorFocus: '--plasma-datepicker-textfield__placeholder-color-focus',
+    textFieldPlaceholderColorFocus: '--plasma-date-picker-textfield__placeholder-color-focus',
     textFieldFocusColor: '--plasma-date-picker-textfield-focus-color',
     textFieldPlaceholderColor: '--plasma-date-picker-textfield-placeholder-color',
     textFieldClearPlaceholderColorFocus: '--plasma-date-picker-textfield-clear-placeholder-color-focus',
@@ -166,6 +170,9 @@ var tokens = {
     textFieldTextAfterColor: '--plasma-date-picker-textfield__after-text-color',
     textFieldTextBeforeMargin: '--plasma-date-picker-textfield__before-text-margin',
     textFieldTextAfterMargin: '--plasma-date-picker-textfield__after-text-margin',
+    textFieldContentSlotRightColor: '--plasma-date-picker-textfield__content-right-color',
+    textFieldContentSlotRightColorHover: '--plasma-date-picker-textfield__content-right-color-hover',
+    textFieldContentSlotRightColorActive: '--plasma-date-picker-textfield__content-right-color-active',
     textFieldContentSlotColor: '--plasma-date-picker-textfield__content-color',
     textFieldContentSlotColorHover: '--plasma-date-picker-textfield__content-color-hover',
     textFieldContentSlotColorActive: '--plasma-date-picker-textfield__content-color-active',
@@ -173,12 +180,12 @@ var tokens = {
     textFieldContentRightSlotColorHover: '--plasma-date-picker-textfield__content-right-color-hover',
     textFieldContentRightSlotColorActive: '--plasma-date-picker-textfield__content-right-color-active',
     textFieldContentSlotRightOpacityReadOnly: '--plasma-date-picker-textfield__content-right-readonly-opacity',
-    textFieldContentSlotColorSuccess: '--plasma-textfield-content-slot-color-success',
-    textFieldContentSlotColorSuccessHover: '--plasma-textfield-content-slot-color-success-hover',
-    textFieldContentSlotColorSuccessActive: '--plasma-textfield-content-slot-color-success-active',
-    textFieldContentSlotColorError: '--plasma-textfield-content-slot-color-error',
-    textFieldContentSlotColorErrorHover: '--plasma-textfield-content-slot-color-error-hover',
-    textFieldContentSlotColorErrorActive: '--plasma-textfield-content-slot-color-error-active',
+    textFieldContentSlotColorSuccess: '--plasma-date-picker-textfield-content-slot-color-success',
+    textFieldContentSlotColorSuccessHover: '--plasma-date-picker-textfield-content-slot-color-success-hover',
+    textFieldContentSlotColorSuccessActive: '--plasma-date-picker-textfield-content-slot-color-success-active',
+    textFieldContentSlotColorError: '--plasma-date-picker-textfield-content-slot-color-error',
+    textFieldContentSlotColorErrorHover: '--plasma-date-picker-textfield-content-slot-color-error-hover',
+    textFieldContentSlotColorErrorActive: '--plasma-date-picker-textfield-content-slot-color-error-active',
     textFieldDividerColorSuccess: '--plasma-date-picker-textfield__divider-color-success',
     textFieldDividerColorError: '--plasma-date-picker-textfield__divider-color-error',
     textFieldDividerColorHover: '--plasma-date-picker-textfield__divider-color-hover',
@@ -275,28 +282,28 @@ var tokens = {
     calendarContentPrimaryDisabledColor: '--plasma-date-picker-calendar__content-primary-disabled-color',
     calendarContentSecondaryDisabledColor: '--plasma-date-picker-calendar__content-secondary-disabled-color',
     calendarDisabledOpacity: '--plasma-date-picker-calendar__disabled-opacity',
-    /* Токены тултипа для событий */ tooltipPaddingTop: '--plasma-datepicker-calendar-tooltip-padding-top',
-    tooltipPaddingRight: '--plasma-datepicker-calendar-tooltip-padding-right',
-    tooltipPaddingBottom: '--plasma-datepicker-calendar-tooltip-padding-bottom',
-    tooltipPaddingLeft: '--plasma-datepicker-calendar-tooltip-padding-left',
-    tooltipMinHeight: '--plasma-datepicker-calendar-tooltip-min-height',
-    tooltipBackgroundColor: '--plasma-datepicker-calendar-tooltip-background-color',
-    tooltipBoxShadow: '--plasma-datepicker-calendar-tooltip-box-shadow',
-    tooltipBorderRadius: '--plasma-datepicker-calendar-tooltip-border-radius',
-    tooltipColor: '--plasma-datepicker-calendar-tooltip-color',
-    tooltipTextFontFamily: '--plasma-datepicker-calendar-tooltip-text-font-family',
-    tooltipTextFontSize: '--plasma-datepicker-calendar-tooltip-text-font-size',
-    tooltipTextFontStyle: '--plasma-datepicker-calendar-tooltip-text-font-style',
-    tooltipTextFontWeight: '--plasma-datepicker-calendar-tooltip-text-font-weight',
-    tooltipTextFontLetterSpacing: '--plasma-datepicker-calendar-tooltip-text-font-letter-spacing',
-    tooltipTextFontLineHeight: '--plasma-datepicker-calendar-tooltip-text-font-line-height',
-    tooltipContentLeftMargin: '--plasma-datepicker-calendar-tooltip-content-left-margin',
-    tooltipArrowMaskWidth: '--plasma-datepicker-calendar-tooltip-arrow-mask-width',
-    tooltipArrowMaskHeight: '--plasma-datepicker-calendar-tooltip-arrow-mask-height',
-    tooltipArrowMaskImage: '--plasma-datepicker-calendar-tooltip-arrow-mask-image',
-    tooltipArrowBackground: '--plasma-datepicker-calendar-tooltip-arrow-background',
-    tooltipArrowHeight: '--plasma-datepicker-calendar-tooltip-arrow-height',
-    tooltipArrowEdgeMargin: '--plasma-datepicker-calendar-tooltip-arrow-edge-margin',
+    /* Токены тултипа для событий */ tooltipPaddingTop: '--plasma-date-picker-calendar-tooltip-padding-top',
+    tooltipPaddingRight: '--plasma-date-picker-calendar-tooltip-padding-right',
+    tooltipPaddingBottom: '--plasma-date-picker-calendar-tooltip-padding-bottom',
+    tooltipPaddingLeft: '--plasma-date-picker-calendar-tooltip-padding-left',
+    tooltipMinHeight: '--plasma-date-picker-calendar-tooltip-min-height',
+    tooltipBackgroundColor: '--plasma-date-picker-calendar-tooltip-background-color',
+    tooltipBoxShadow: '--plasma-date-picker-calendar-tooltip-box-shadow',
+    tooltipBorderRadius: '--plasma-date-picker-calendar-tooltip-border-radius',
+    tooltipColor: '--plasma-date-picker-calendar-tooltip-color',
+    tooltipTextFontFamily: '--plasma-date-picker-calendar-tooltip-text-font-family',
+    tooltipTextFontSize: '--plasma-date-picker-calendar-tooltip-text-font-size',
+    tooltipTextFontStyle: '--plasma-date-picker-calendar-tooltip-text-font-style',
+    tooltipTextFontWeight: '--plasma-date-picker-calendar-tooltip-text-font-weight',
+    tooltipTextFontLetterSpacing: '--plasma-date-picker-calendar-tooltip-text-font-letter-spacing',
+    tooltipTextFontLineHeight: '--plasma-date-picker-calendar-tooltip-text-font-line-height',
+    tooltipContentLeftMargin: '--plasma-date-picker-calendar-tooltip-content-left-margin',
+    tooltipArrowMaskWidth: '--plasma-date-picker-calendar-tooltip-arrow-mask-width',
+    tooltipArrowMaskHeight: '--plasma-date-picker-calendar-tooltip-arrow-mask-height',
+    tooltipArrowMaskImage: '--plasma-date-picker-calendar-tooltip-arrow-mask-image',
+    tooltipArrowBackground: '--plasma-date-picker-calendar-tooltip-arrow-background',
+    tooltipArrowHeight: '--plasma-date-picker-calendar-tooltip-arrow-height',
+    tooltipArrowEdgeMargin: '--plasma-date-picker-calendar-tooltip-arrow-edge-margin',
     /* токены для hint */ hintMargin: '--plasma-date-picker-info-wrapper-hint-margin',
     hintTargetSize: '--plasma-date-picker-info-wrapper-hint-target-size',
     hintCustomIconTargetSize: '--plasma-date-picker-info-wrapper-hint-custom-icon-target-size',
@@ -305,26 +312,26 @@ var tokens = {
     hintPlacementInnerMargin: '--plasma-date-picker-info-wrapper-hint-placement-inner-offset',
     hintInnerLabelPlacementOffset: '--plasma-date-picker_old_hint-inner-label-placement-offset',
     clearHintInnerLabelPlacementOffset: '--plasma-date-picker_old_clear-hint-inner-label-placement-offset',
-    hintTooltipPaddingTop: '--plasma-datepicker-calendar-hint-tooltip-padding-top',
-    hintTooltipPaddingRight: '--plasma-datepicker-calendar-hint-tooltip-padding-right',
-    hintTooltipPaddingBottom: '--plasma-datepicker-calendar-hint-tooltip-padding-bottom',
-    hintTooltipPaddingLeft: '--plasma-datepicker-calendar-hint-tooltip-padding-left',
-    hintTooltipMinHeight: '--plasma-datepicker-calendar-hint-tooltip-min-height',
-    hintTooltipBackgroundColor: '--plasma-datepicker-calendar-hint-tooltip-background-color',
-    hintTooltipBoxShadow: '--plasma-datepicker-calendar-hint-tooltip-box-shadow',
-    hintTooltipBorderRadius: '--plasma-datepicker-calendar-hint-tooltip-border-radius',
-    hintTooltipColor: '--plasma-datepicker-calendar-hint-tooltip-color',
-    hintTooltipTextFontFamily: '--plasma-datepicker-calendar-hint-tooltip-text-font-family',
-    hintTooltipTextFontSize: '--plasma-datepicker-calendar-hint-tooltip-text-font-size',
-    hintTooltipTextFontStyle: '--plasma-datepicker-calendar-hint-tooltip-text-font-style',
-    hintTooltipTextFontWeight: '--plasma-datepicker-calendar-hint-tooltip-text-font-weight',
-    hintTooltipTextFontLetterSpacing: '--plasma-datepicker-calendar-hint-tooltip-text-font-letter-spacing',
-    hintTooltipTextFontLineHeight: '--plasma-datepicker-calendar-hint-tooltip-text-font-line-height',
-    hintTooltipContentLeftMargin: '--plasma-datepicker-calendar-hint-tooltip-content-left-margin',
-    hintTooltipArrowMaskWidth: '--plasma-datepicker-calendar-hint-tooltip-arrow-mask-width',
-    hintTooltipArrowMaskHeight: '--plasma-datepicker-calendar-hint-tooltip-arrow-mask-height',
-    hintTooltipArrowMaskImage: '--plasma-datepicker-calendar-hint-tooltip-arrow-mask-image',
-    hintTooltipArrowBackground: '--plasma-datepicker-calendar-hint-tooltip-arrow-background',
-    hintTooltipArrowHeight: '--plasma-datepicker-calendar-hint-tooltip-arrow-height',
-    hintTooltipArrowEdgeMargin: '--plasma-datepicker-calendar-hint-tooltip-arrow-edge-margin'
+    hintTooltipPaddingTop: '--plasma-date-picker-calendar-hint-tooltip-padding-top',
+    hintTooltipPaddingRight: '--plasma-date-picker-calendar-hint-tooltip-padding-right',
+    hintTooltipPaddingBottom: '--plasma-date-picker-calendar-hint-tooltip-padding-bottom',
+    hintTooltipPaddingLeft: '--plasma-date-picker-calendar-hint-tooltip-padding-left',
+    hintTooltipMinHeight: '--plasma-date-picker-calendar-hint-tooltip-min-height',
+    hintTooltipBackgroundColor: '--plasma-date-picker-calendar-hint-tooltip-background-color',
+    hintTooltipBoxShadow: '--plasma-date-picker-calendar-hint-tooltip-box-shadow',
+    hintTooltipBorderRadius: '--plasma-date-picker-calendar-hint-tooltip-border-radius',
+    hintTooltipColor: '--plasma-date-picker-calendar-hint-tooltip-color',
+    hintTooltipTextFontFamily: '--plasma-date-picker-calendar-hint-tooltip-text-font-family',
+    hintTooltipTextFontSize: '--plasma-date-picker-calendar-hint-tooltip-text-font-size',
+    hintTooltipTextFontStyle: '--plasma-date-picker-calendar-hint-tooltip-text-font-style',
+    hintTooltipTextFontWeight: '--plasma-date-picker-calendar-hint-tooltip-text-font-weight',
+    hintTooltipTextFontLetterSpacing: '--plasma-date-picker-calendar-hint-tooltip-text-font-letter-spacing',
+    hintTooltipTextFontLineHeight: '--plasma-date-picker-calendar-hint-tooltip-text-font-line-height',
+    hintTooltipContentLeftMargin: '--plasma-date-picker-calendar-hint-tooltip-content-left-margin',
+    hintTooltipArrowMaskWidth: '--plasma-date-picker-calendar-hint-tooltip-arrow-mask-width',
+    hintTooltipArrowMaskHeight: '--plasma-date-picker-calendar-hint-tooltip-arrow-mask-height',
+    hintTooltipArrowMaskImage: '--plasma-date-picker-calendar-hint-tooltip-arrow-mask-image',
+    hintTooltipArrowBackground: '--plasma-date-picker-calendar-hint-tooltip-arrow-background',
+    hintTooltipArrowHeight: '--plasma-date-picker-calendar-hint-tooltip-arrow-height',
+    hintTooltipArrowEdgeMargin: '--plasma-date-picker-calendar-hint-tooltip-arrow-edge-margin'
 };

package/dist/styled-components/cjs/components/DatePicker/RangeDate/RangeDate.styles.js

@@ -71,13 +71,13 @@ var mergedPopoverConfig = (0, _engines.mergeConfig)(_Popover.popoverConfig);
 var Popover = (0, _engines.component)(mergedPopoverConfig);
 var StyledPopover = (0, _styledcomponents.default)(Popover).withConfig({
     displayName: "RangeDate.styles__StyledPopover",
-    componentId: "sc-dd2c2bf1-0"
+    componentId: "sc-45d7a269-0"
 })([
     ""
 ]);
 var StyledRange = (0, _styledcomponents.default)(Range).withConfig({
     displayName: "RangeDate.styles__StyledRange",
-    componentId: "sc-dd2c2bf1-1"
+    componentId: "sc-45d7a269-1"
 })([
     "",
     ":var(",
@@ -343,16 +343,56 @@ var StyledRange = (0, _styledcomponents.default)(Range).withConfig({
     ":var(",
     ");",
     ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
     ");"
-], _Range.rangeTokens.background, _DatePickertokens.tokens.background, _Range.rangeTokens.backgroundError, _DatePickertokens.tokens.backgroundError, _Range.rangeTokens.backgroundSuccess, _DatePickertokens.tokens.backgroundSuccess, _Range.rangeTokens.readOnlyOpacity, _DatePickertokens.tokens.rangeReadOnlyOpacity, _Range.rangeTokens.borderColor, _DatePickertokens.tokens.borderColor, _Range.rangeTokens.borderColorError, _DatePickertokens.tokens.borderColorError, _Range.rangeTokens.borderColorSuccess, _DatePickertokens.tokens.borderColorSuccess, _Range.rangeTokens.borderWidth, _DatePickertokens.tokens.textFieldBorderWidth, _Range.rangeTokens.clearDividerColor, _DatePickertokens.tokens.clearDividerColor, _Range.rangeTokens.dividerColor, _DatePickertokens.tokens.dividerColor, _Range.rangeTokens.labelColor, _DatePickertokens.tokens.labelColor, _Range.rangeTokens.leftHelperColor, _DatePickertokens.tokens.leftHelperColor, _Range.rangeTokens.leftHelperColorSuccess, _DatePickertokens.tokens.leftHelperColorSuccess, _Range.rangeTokens.leftHelperColorError, _DatePickertokens.tokens.leftHelperColorError, _Range.rangeTokens.textFieldColor, _DatePickertokens.tokens.textFieldColor, _Range.rangeTokens.textFieldPlaceholderColor, _DatePickertokens.tokens.textFieldPlaceholderColor, _Range.rangeTokens.textFieldPlaceholderColorFocus, _DatePickertokens.tokens.textFieldPlaceholderColorFocus, _Range.rangeTokens.textFieldClearPlaceholderColorFocus, _DatePickertokens.tokens.textFieldClearPlaceholderColorFocus, _Range.rangeTokens.textFieldCaretColor, _DatePickertokens.tokens.textFieldCaretColor, _Range.rangeTokens.textFieldBackgroundColorFocus, _DatePickertokens.tokens.textFieldBackgroundColorFocus, _Range.rangeTokens.textFieldBackgroundErrorColor, _DatePickertokens.tokens.textFieldBackgroundErrorColor, _Range.rangeTokens.textFieldBackgroundErrorColorFocus, _DatePickertokens.tokens.textFieldBackgroundErrorColorFocus, _Range.rangeTokens.textFieldBackgroundSuccessColor, _DatePickertokens.tokens.textFieldBackgroundSuccessColor, _Range.rangeTokens.textFieldBackgroundSuccessColorFocus, _DatePickertokens.tokens.textFieldBackgroundSuccessColorFocus, _Range.rangeTokens.textFieldBorderWidth, _DatePickertokens.tokens.textFieldBorderWidth, _Range.rangeTokens.textFieldBorderColorFocus, _DatePickertokens.tokens.textFieldBorderColorFocus, _Range.rangeTokens.textFieldBorderColorError, _DatePickertokens.tokens.textFieldBorderColorError, _Range.rangeTokens.textFieldBorderColorErrorFocus, _DatePickertokens.tokens.textFieldBorderColorErrorFocus, _Range.rangeTokens.textFieldBorderColorSuccess, _DatePickertokens.tokens.textFieldBorderColorSuccess, _Range.rangeTokens.textFieldBorderColorSuccessFocus, _DatePickertokens.tokens.textFieldBorderColorSuccessFocus, _Range.rangeTokens.textFieldTextBeforeColor, _DatePickertokens.tokens.textFieldTextBeforeColor, _Range.rangeTokens.textFieldTextAfterColor, _DatePickertokens.tokens.textFieldTextAfterColor, _Range.rangeTokens.focusColor, _DatePickertokens.tokens.focusColor, _Range.rangeTokens.borderRadius, _DatePickertokens.tokens.borderRadius, _Range.rangeTokens.dividerPadding, _DatePickertokens.tokens.dividerPadding, _Range.rangeTokens.dividerFontFamily, _DatePickertokens.tokens.dividerFontFamily, _Range.rangeTokens.dividerFontStyle, _DatePickertokens.tokens.dividerFontStyle, _Range.rangeTokens.dividerFontSize, _DatePickertokens.tokens.dividerFontSize, _Range.rangeTokens.dividerFontWeight, _DatePickertokens.tokens.dividerFontWeight, _Range.rangeTokens.dividerLetterSpacing, _DatePickertokens.tokens.dividerLetterSpacing, _Range.rangeTokens.dividerLineHeight, _DatePickertokens.tokens.dividerLineHeight, _Range.rangeTokens.leftContentMargin, _DatePickertokens.tokens.leftContentMargin, _Range.rangeTokens.rightContentMargin, _DatePickertokens.tokens.rightContentMargin, _Range.rangeTokens.contentSlotColor, _DatePickertokens.tokens.contentSlotColor, _Range.rangeTokens.contentSlotColorHover, _DatePickertokens.tokens.contentSlotColorHover, _Range.rangeTokens.contentSlotColorActive, _DatePickertokens.tokens.contentSlotColorActive, _Range.rangeTokens.contentSlotRightColor, _DatePickertokens.tokens.contentSlotRightColor, _Range.rangeTokens.contentSlotRightColorHover, _DatePickertokens.tokens.contentSlotRightColorHover, _Range.rangeTokens.contentSlotRightColorActive, _DatePickertokens.tokens.contentSlotRightColorActive, _Range.rangeTokens.labelWrapperOffset, _DatePickertokens.tokens.labelOffset, _Range.rangeTokens.labelWrapperOffset, _DatePickertokens.tokens.labelWrapperOffset, _Range.rangeTokens.labelFontFamily, _DatePickertokens.tokens.labelFontFamily, _Range.rangeTokens.labelFontStyle, _DatePickertokens.tokens.labelFontStyle, _Range.rangeTokens.labelFontSize, _DatePickertokens.tokens.labelFontSize, _Range.rangeTokens.labelFontWeight, _DatePickertokens.tokens.labelFontWeight, _Range.rangeTokens.labelLetterSpacing, _DatePickertokens.tokens.labelLetterSpacing, _Range.rangeTokens.labelLineHeight, _DatePickertokens.tokens.labelLineHeight, _Range.rangeTokens.titleCaptionOffset, _DatePickertokens.tokens.titleCaptionOffset, _Range.rangeTokens.titleCaptionColor, _DatePickertokens.tokens.titleCaptionColor, _Range.rangeTokens.titleCaptionFontFamily, _DatePickertokens.tokens.titleCaptionFontFamily, _Range.rangeTokens.titleCaptionFontStyle, _DatePickertokens.tokens.titleCaptionFontStyle, _Range.rangeTokens.titleCaptionFontSize, _DatePickertokens.tokens.titleCaptionFontSize, _Range.rangeTokens.titleCaptionFontWeight, _DatePickertokens.tokens.titleCaptionFontWeight, _Range.rangeTokens.titleCaptionLetterSpacing, _DatePickertokens.tokens.titleCaptionLetterSpacing, _Range.rangeTokens.titleCaptionLineHeight, _DatePickertokens.tokens.titleCaptionLineHeight, _Range.rangeTokens.indicatorWrapperGap, _DatePickertokens.tokens.indicatorWrapperGap, _Range.rangeTokens.indicatorColor, _DatePickertokens.tokens.indicatorColor, _Range.rangeTokens.indicatorSizeInner, _DatePickertokens.tokens.indicatorSizeInner, _Range.rangeTokens.indicatorSizeOuter, _DatePickertokens.tokens.indicatorSizeOuter, _Range.rangeTokens.indicatorMarginTop, _DatePickertokens.tokens.indicatorMarginTop, _Range.rangeTokens.indicatorOuterLeft, _DatePickertokens.tokens.indicatorOuterLeft, _Range.rangeTokens.indicatorWithoutLabelInner, _DatePickertokens.tokens.indicatorWithoutLabelInner, _Range.rangeTokens.indicatorWithoutLabelInnerLeft, _DatePickertokens.tokens.indicatorWithoutLabelInnerLeft, _Range.rangeTokens.indicatorWithoutLabelOuterHint, _DatePickertokens.tokens.indicatorWithoutLabelOuterHint, _Range.rangeTokens.hintMargin, _DatePickertokens.tokens.hintMargin, _Range.rangeTokens.hintTargetSize, _DatePickertokens.tokens.hintTargetSize, _Range.rangeTokens.hintCustomIconTargetSize, _DatePickertokens.tokens.hintCustomIconTargetSize, _Range.rangeTokens.hintIconColor, _DatePickertokens.tokens.hintIconColor, _Range.rangeTokens.hintWithoutLabelPlacementOffset, _DatePickertokens.tokens.hintWithoutLabelPlacementOffset, _Range.rangeTokens.tooltipBackgroundColor, _DatePickertokens.tokens.hintTooltipBackgroundColor, _Range.rangeTokens.tooltipBoxShadow, _DatePickertokens.tokens.hintTooltipBoxShadow, _Range.rangeTokens.tooltipColor, _DatePickertokens.tokens.hintTooltipColor, _Range.rangeTokens.tooltipPaddingTop, _DatePickertokens.tokens.hintTooltipPaddingTop, _Range.rangeTokens.tooltipPaddingRight, _DatePickertokens.tokens.hintTooltipPaddingRight, _Range.rangeTokens.tooltipPaddingBottom, _DatePickertokens.tokens.hintTooltipPaddingBottom, _Range.rangeTokens.tooltipPaddingLeft, _DatePickertokens.tokens.hintTooltipPaddingLeft, _Range.rangeTokens.tooltipMinHeight, _DatePickertokens.tokens.hintTooltipMinHeight, _Range.rangeTokens.tooltipBorderRadius, _DatePickertokens.tokens.hintTooltipBorderRadius, _Range.rangeTokens.tooltipTextFontFamily, _DatePickertokens.tokens.hintTooltipTextFontFamily, _Range.rangeTokens.tooltipTextFontSize, _DatePickertokens.tokens.hintTooltipTextFontSize, _Range.rangeTokens.tooltipTextFontStyle, _DatePickertokens.tokens.hintTooltipTextFontStyle, _Range.rangeTokens.tooltipTextFontWeight, _DatePickertokens.tokens.hintTooltipTextFontWeight, _Range.rangeTokens.tooltipTextFontLetterSpacing, _DatePickertokens.tokens.hintTooltipTextFontLetterSpacing, _Range.rangeTokens.tooltipTextFontLineHeight, _DatePickertokens.tokens.hintTooltipTextFontLineHeight, _Range.rangeTokens.tooltipContentLeftMargin, _DatePickertokens.tokens.hintTooltipContentLeftMargin, _Range.rangeTokens.tooltipArrowMaskWidth, _DatePickertokens.tokens.hintTooltipArrowMaskWidth, _Range.rangeTokens.tooltipArrowMaskHeight, _DatePickertokens.tokens.hintTooltipArrowMaskHeight, _Range.rangeTokens.tooltipArrowMaskImage, _DatePickertokens.tokens.hintTooltipArrowMaskImage, _Range.rangeTokens.tooltipArrowHeight, _DatePickertokens.tokens.hintTooltipArrowHeight, _Range.rangeTokens.tooltipArrowEdgeMargin, _DatePickertokens.tokens.hintTooltipArrowEdgeMargin, _Range.rangeTokens.tooltipArrowBackground, _DatePickertokens.tokens.hintTooltipArrowBackground, _Range.rangeTokens.textFieldHeight, _DatePickertokens.tokens.textFieldHeight, _Range.rangeTokens.textFieldBorderRadius, _DatePickertokens.tokens.textFieldBorderRadius, _Range.rangeTokens.textFieldPadding, _DatePickertokens.tokens.textFieldPadding, _Range.rangeTokens.textFieldFontFamily, _DatePickertokens.tokens.textFieldFontFamily, _Range.rangeTokens.textFieldFontStyle, _DatePickertokens.tokens.textFieldFontStyle, _Range.rangeTokens.textFieldFontSize, _DatePickertokens.tokens.textFieldFontSize, _Range.rangeTokens.textFieldFontWeight, _DatePickertokens.tokens.textFieldFontWeight, _Range.rangeTokens.textFieldLetterSpacing, _DatePickertokens.tokens.textFieldLetterSpacing, _Range.rangeTokens.textFieldLineHeight, _DatePickertokens.tokens.textFieldLineHeight, _Range.rangeTokens.helpersPadding, _DatePickertokens.tokens.leftHelperOffset, _Range.rangeTokens.leftHelperFontFamily, _DatePickertokens.tokens.leftHelperFontFamily, _Range.rangeTokens.leftHelperFontStyle, _DatePickertokens.tokens.leftHelperFontStyle, _Range.rangeTokens.leftHelperFontSize, _DatePickertokens.tokens.leftHelperFontSize, _Range.rangeTokens.leftHelperFontWeight, _DatePickertokens.tokens.leftHelperFontWeight, _Range.rangeTokens.leftHelperLetterSpacing, _DatePickertokens.tokens.leftHelperLetterSpacing, _Range.rangeTokens.leftHelperLineHeight, _DatePickertokens.tokens.leftHelperLineHeight, _Range.rangeTokens.textFieldLeftContentMargin, _DatePickertokens.tokens.textFieldLeftContentMargin, _Range.rangeTokens.textFieldRightContentMargin, _DatePickertokens.tokens.textFieldRightContentMargin, _Range.rangeTokens.rightContentOpacityReadOnly, _DatePickertokens.tokens.rightContentOpacityReadOnly, _Range.rangeTokens.textFieldTextBeforeMargin, _DatePickertokens.tokens.textFieldTextBeforeMargin, _Range.rangeTokens.textFieldTextAfterMargin, _DatePickertokens.tokens.textFieldTextAfterMargin, _Range.rangeTokens.backgroundReadOnly, _DatePickertokens.tokens.backgroundReadOnly, _Range.rangeTokens.dividerColorReadOnly, _DatePickertokens.tokens.dividerColorReadOnly, _Range.rangeTokens.dividerOpacityReadOnly, _DatePickertokens.tokens.dividerOpacityReadOnly, _Range.rangeTokens.textFieldDividerColorSuccess, _DatePickertokens.tokens.textFieldDividerColorSuccess, _Range.rangeTokens.textFieldDividerColorError, _DatePickertokens.tokens.textFieldDividerColorError, _Range.rangeTokens.textFieldDividerColorHover, _DatePickertokens.tokens.textFieldDividerColorHover, _Range.rangeTokens.textFieldDividerColorFocus, _DatePickertokens.tokens.textFieldDividerColorFocus, _Range.rangeTokens.textFieldColorReadOnly, _DatePickertokens.tokens.textFieldColorReadOnly, _Range.rangeTokens.textFieldBackgroundColorReadOnly, _DatePickertokens.tokens.textFieldBackgroundColorReadOnly, _Range.rangeTokens.textFieldPlaceholderColorReadOnly, _DatePickertokens.tokens.textFieldPlaceholderColorReadOnly);
+], _Range.rangeTokens.background, _DatePickertokens.tokens.background, _Range.rangeTokens.backgroundError, _DatePickertokens.tokens.backgroundError, _Range.rangeTokens.backgroundSuccess, _DatePickertokens.tokens.backgroundSuccess, _Range.rangeTokens.readOnlyOpacity, _DatePickertokens.tokens.rangeReadOnlyOpacity, _Range.rangeTokens.borderColor, _DatePickertokens.tokens.borderColor, _Range.rangeTokens.borderColorError, _DatePickertokens.tokens.borderColorError, _Range.rangeTokens.borderColorSuccess, _DatePickertokens.tokens.borderColorSuccess, _Range.rangeTokens.borderWidth, _DatePickertokens.tokens.textFieldBorderWidth, _Range.rangeTokens.clearDividerColor, _DatePickertokens.tokens.clearDividerColor, _Range.rangeTokens.dividerColor, _DatePickertokens.tokens.dividerColor, _Range.rangeTokens.labelColor, _DatePickertokens.tokens.labelColor, _Range.rangeTokens.leftHelperColor, _DatePickertokens.tokens.leftHelperColor, _Range.rangeTokens.leftHelperColorSuccess, _DatePickertokens.tokens.leftHelperColorSuccess, _Range.rangeTokens.leftHelperColorError, _DatePickertokens.tokens.leftHelperColorError, _Range.rangeTokens.textFieldColor, _DatePickertokens.tokens.textFieldColor, _Range.rangeTokens.textFieldColorSuccess, _DatePickertokens.tokens.textFieldColorSuccess, _Range.rangeTokens.textFieldColorError, _DatePickertokens.tokens.textFieldColorError, _Range.rangeTokens.textFieldPlaceholderColor, _DatePickertokens.tokens.textFieldPlaceholderColor, _Range.rangeTokens.textFieldPlaceholderColorFocus, _DatePickertokens.tokens.textFieldPlaceholderColorFocus, _Range.rangeTokens.textFieldClearPlaceholderColorFocus, _DatePickertokens.tokens.textFieldClearPlaceholderColorFocus, _Range.rangeTokens.textFieldCaretColor, _DatePickertokens.tokens.textFieldCaretColor, _Range.rangeTokens.textFieldBackgroundColorFocus, _DatePickertokens.tokens.textFieldBackgroundColorFocus, _Range.rangeTokens.textFieldBackgroundErrorColor, _DatePickertokens.tokens.textFieldBackgroundErrorColor, _Range.rangeTokens.textFieldBackgroundErrorColorFocus, _DatePickertokens.tokens.textFieldBackgroundErrorColorFocus, _Range.rangeTokens.textFieldBackgroundSuccessColor, _DatePickertokens.tokens.textFieldBackgroundSuccessColor, _Range.rangeTokens.textFieldBackgroundSuccessColorFocus, _DatePickertokens.tokens.textFieldBackgroundSuccessColorFocus, _Range.rangeTokens.textFieldBorderWidth, _DatePickertokens.tokens.textFieldBorderWidth, _Range.rangeTokens.textFieldBorderColorFocus, _DatePickertokens.tokens.textFieldBorderColorFocus, _Range.rangeTokens.textFieldBorderColorError, _DatePickertokens.tokens.textFieldBorderColorError, _Range.rangeTokens.textFieldBorderColorErrorFocus, _DatePickertokens.tokens.textFieldBorderColorErrorFocus, _Range.rangeTokens.textFieldBorderColorSuccess, _DatePickertokens.tokens.textFieldBorderColorSuccess, _Range.rangeTokens.textFieldBorderColorSuccessFocus, _DatePickertokens.tokens.textFieldBorderColorSuccessFocus, _Range.rangeTokens.textFieldTextBeforeColor, _DatePickertokens.tokens.textFieldTextBeforeColor, _Range.rangeTokens.textFieldTextAfterColor, _DatePickertokens.tokens.textFieldTextAfterColor, _Range.rangeTokens.focusColor, _DatePickertokens.tokens.focusColor, _Range.rangeTokens.borderRadius, _DatePickertokens.tokens.borderRadius, _Range.rangeTokens.dividerPadding, _DatePickertokens.tokens.dividerPadding, _Range.rangeTokens.dividerFontFamily, _DatePickertokens.tokens.dividerFontFamily, _Range.rangeTokens.dividerFontStyle, _DatePickertokens.tokens.dividerFontStyle, _Range.rangeTokens.dividerFontSize, _DatePickertokens.tokens.dividerFontSize, _Range.rangeTokens.dividerFontWeight, _DatePickertokens.tokens.dividerFontWeight, _Range.rangeTokens.dividerLetterSpacing, _DatePickertokens.tokens.dividerLetterSpacing, _Range.rangeTokens.dividerLineHeight, _DatePickertokens.tokens.dividerLineHeight, _Range.rangeTokens.leftContentMargin, _DatePickertokens.tokens.leftContentMargin, _Range.rangeTokens.rightContentMargin, _DatePickertokens.tokens.rightContentMargin, _Range.rangeTokens.contentSlotColor, _DatePickertokens.tokens.contentSlotColor, _Range.rangeTokens.contentSlotColorHover, _DatePickertokens.tokens.contentSlotColorHover, _Range.rangeTokens.contentSlotColorActive, _DatePickertokens.tokens.contentSlotColorActive, _Range.rangeTokens.contentSlotColorSuccess, _DatePickertokens.tokens.contentSlotColorSuccess, _Range.rangeTokens.contentSlotColorSuccessHover, _DatePickertokens.tokens.contentSlotColorSuccessHover, _Range.rangeTokens.contentSlotColorSuccessActive, _DatePickertokens.tokens.contentSlotColorSuccessActive, _Range.rangeTokens.contentSlotColorError, _DatePickertokens.tokens.contentSlotColorError, _Range.rangeTokens.contentSlotColorErrorHover, _DatePickertokens.tokens.contentSlotColorErrorHover, _Range.rangeTokens.contentSlotColorErrorActive, _DatePickertokens.tokens.contentSlotColorErrorActive, _Range.rangeTokens.contentSlotRightColor, _DatePickertokens.tokens.contentSlotRightColor, _Range.rangeTokens.contentSlotRightColorHover, _DatePickertokens.tokens.contentSlotRightColorHover, _Range.rangeTokens.contentSlotRightColorActive, _DatePickertokens.tokens.contentSlotRightColorActive, _Range.rangeTokens.textFieldContentSlotColor, _DatePickertokens.tokens.textFieldContentSlotColor, _Range.rangeTokens.textFieldContentSlotColorHover, _DatePickertokens.tokens.textFieldContentSlotColorHover, _Range.rangeTokens.textFieldContentSlotColorActive, _DatePickertokens.tokens.textFieldContentSlotColorActive, _Range.rangeTokens.textFieldContentSlotColorSuccess, _DatePickertokens.tokens.textFieldContentSlotColorSuccess, _Range.rangeTokens.textFieldContentSlotColorSuccessHover, _DatePickertokens.tokens.textFieldContentSlotColorSuccessHover, _Range.rangeTokens.textFieldContentSlotColorSuccessActive, _DatePickertokens.tokens.textFieldContentSlotColorSuccessActive, _Range.rangeTokens.textFieldContentSlotColorError, _DatePickertokens.tokens.textFieldContentSlotColorError, _Range.rangeTokens.textFieldContentSlotColorErrorHover, _DatePickertokens.tokens.textFieldContentSlotColorErrorHover, _Range.rangeTokens.textFieldContentSlotColorErrorActive, _DatePickertokens.tokens.textFieldContentSlotColorErrorActive, _Range.rangeTokens.textFieldContentSlotRightColor, _DatePickertokens.tokens.textFieldContentSlotRightColor, _Range.rangeTokens.textFieldContentSlotRightColorHover, _DatePickertokens.tokens.textFieldContentSlotRightColorHover, _Range.rangeTokens.textFieldContentSlotRightColorActive, _DatePickertokens.tokens.textFieldContentSlotRightColorActive, _Range.rangeTokens.labelWrapperOffset, _DatePickertokens.tokens.labelOffset, _Range.rangeTokens.labelWrapperOffset, _DatePickertokens.tokens.labelWrapperOffset, _Range.rangeTokens.labelFontFamily, _DatePickertokens.tokens.labelFontFamily, _Range.rangeTokens.labelFontStyle, _DatePickertokens.tokens.labelFontStyle, _Range.rangeTokens.labelFontSize, _DatePickertokens.tokens.labelFontSize, _Range.rangeTokens.labelFontWeight, _DatePickertokens.tokens.labelFontWeight, _Range.rangeTokens.labelLetterSpacing, _DatePickertokens.tokens.labelLetterSpacing, _Range.rangeTokens.labelLineHeight, _DatePickertokens.tokens.labelLineHeight, _Range.rangeTokens.titleCaptionOffset, _DatePickertokens.tokens.titleCaptionOffset, _Range.rangeTokens.titleCaptionColor, _DatePickertokens.tokens.titleCaptionColor, _Range.rangeTokens.titleCaptionFontFamily, _DatePickertokens.tokens.titleCaptionFontFamily, _Range.rangeTokens.titleCaptionFontStyle, _DatePickertokens.tokens.titleCaptionFontStyle, _Range.rangeTokens.titleCaptionFontSize, _DatePickertokens.tokens.titleCaptionFontSize, _Range.rangeTokens.titleCaptionFontWeight, _DatePickertokens.tokens.titleCaptionFontWeight, _Range.rangeTokens.titleCaptionLetterSpacing, _DatePickertokens.tokens.titleCaptionLetterSpacing, _Range.rangeTokens.titleCaptionLineHeight, _DatePickertokens.tokens.titleCaptionLineHeight, _Range.rangeTokens.indicatorWrapperGap, _DatePickertokens.tokens.indicatorWrapperGap, _Range.rangeTokens.indicatorColor, _DatePickertokens.tokens.indicatorColor, _Range.rangeTokens.indicatorSizeInner, _DatePickertokens.tokens.indicatorSizeInner, _Range.rangeTokens.indicatorSizeOuter, _DatePickertokens.tokens.indicatorSizeOuter, _Range.rangeTokens.indicatorMarginTop, _DatePickertokens.tokens.indicatorMarginTop, _Range.rangeTokens.indicatorOuterLeft, _DatePickertokens.tokens.indicatorOuterLeft, _Range.rangeTokens.indicatorWithoutLabelInner, _DatePickertokens.tokens.indicatorWithoutLabelInner, _Range.rangeTokens.indicatorWithoutLabelInnerLeft, _DatePickertokens.tokens.indicatorWithoutLabelInnerLeft, _Range.rangeTokens.indicatorWithoutLabelOuterHint, _DatePickertokens.tokens.indicatorWithoutLabelOuterHint, _Range.rangeTokens.hintMargin, _DatePickertokens.tokens.hintMargin, _Range.rangeTokens.hintTargetSize, _DatePickertokens.tokens.hintTargetSize, _Range.rangeTokens.hintCustomIconTargetSize, _DatePickertokens.tokens.hintCustomIconTargetSize, _Range.rangeTokens.hintIconColor, _DatePickertokens.tokens.hintIconColor, _Range.rangeTokens.hintWithoutLabelPlacementOffset, _DatePickertokens.tokens.hintWithoutLabelPlacementOffset, _Range.rangeTokens.tooltipBackgroundColor, _DatePickertokens.tokens.hintTooltipBackgroundColor, _Range.rangeTokens.tooltipBoxShadow, _DatePickertokens.tokens.hintTooltipBoxShadow, _Range.rangeTokens.tooltipColor, _DatePickertokens.tokens.hintTooltipColor, _Range.rangeTokens.tooltipPaddingTop, _DatePickertokens.tokens.hintTooltipPaddingTop, _Range.rangeTokens.tooltipPaddingRight, _DatePickertokens.tokens.hintTooltipPaddingRight, _Range.rangeTokens.tooltipPaddingBottom, _DatePickertokens.tokens.hintTooltipPaddingBottom, _Range.rangeTokens.tooltipPaddingLeft, _DatePickertokens.tokens.hintTooltipPaddingLeft, _Range.rangeTokens.tooltipMinHeight, _DatePickertokens.tokens.hintTooltipMinHeight, _Range.rangeTokens.tooltipBorderRadius, _DatePickertokens.tokens.hintTooltipBorderRadius, _Range.rangeTokens.tooltipTextFontFamily, _DatePickertokens.tokens.hintTooltipTextFontFamily, _Range.rangeTokens.tooltipTextFontSize, _DatePickertokens.tokens.hintTooltipTextFontSize, _Range.rangeTokens.tooltipTextFontStyle, _DatePickertokens.tokens.hintTooltipTextFontStyle, _Range.rangeTokens.tooltipTextFontWeight, _DatePickertokens.tokens.hintTooltipTextFontWeight, _Range.rangeTokens.tooltipTextFontLetterSpacing, _DatePickertokens.tokens.hintTooltipTextFontLetterSpacing, _Range.rangeTokens.tooltipTextFontLineHeight, _DatePickertokens.tokens.hintTooltipTextFontLineHeight, _Range.rangeTokens.tooltipContentLeftMargin, _DatePickertokens.tokens.hintTooltipContentLeftMargin, _Range.rangeTokens.tooltipArrowMaskWidth, _DatePickertokens.tokens.hintTooltipArrowMaskWidth, _Range.rangeTokens.tooltipArrowMaskHeight, _DatePickertokens.tokens.hintTooltipArrowMaskHeight, _Range.rangeTokens.tooltipArrowMaskImage, _DatePickertokens.tokens.hintTooltipArrowMaskImage, _Range.rangeTokens.tooltipArrowHeight, _DatePickertokens.tokens.hintTooltipArrowHeight, _Range.rangeTokens.tooltipArrowEdgeMargin, _DatePickertokens.tokens.hintTooltipArrowEdgeMargin, _Range.rangeTokens.tooltipArrowBackground, _DatePickertokens.tokens.hintTooltipArrowBackground, _Range.rangeTokens.textFieldHeight, _DatePickertokens.tokens.textFieldHeight, _Range.rangeTokens.textFieldBorderRadius, _DatePickertokens.tokens.textFieldBorderRadius, _Range.rangeTokens.textFieldPadding, _DatePickertokens.tokens.textFieldPadding, _Range.rangeTokens.textFieldFontFamily, _DatePickertokens.tokens.textFieldFontFamily, _Range.rangeTokens.textFieldFontStyle, _DatePickertokens.tokens.textFieldFontStyle, _Range.rangeTokens.textFieldFontSize, _DatePickertokens.tokens.textFieldFontSize, _Range.rangeTokens.textFieldFontWeight, _DatePickertokens.tokens.textFieldFontWeight, _Range.rangeTokens.textFieldLetterSpacing, _DatePickertokens.tokens.textFieldLetterSpacing, _Range.rangeTokens.textFieldLineHeight, _DatePickertokens.tokens.textFieldLineHeight, _Range.rangeTokens.helpersPadding, _DatePickertokens.tokens.leftHelperOffset, _Range.rangeTokens.leftHelperFontFamily, _DatePickertokens.tokens.leftHelperFontFamily, _Range.rangeTokens.leftHelperFontStyle, _DatePickertokens.tokens.leftHelperFontStyle, _Range.rangeTokens.leftHelperFontSize, _DatePickertokens.tokens.leftHelperFontSize, _Range.rangeTokens.leftHelperFontWeight, _DatePickertokens.tokens.leftHelperFontWeight, _Range.rangeTokens.leftHelperLetterSpacing, _DatePickertokens.tokens.leftHelperLetterSpacing, _Range.rangeTokens.leftHelperLineHeight, _DatePickertokens.tokens.leftHelperLineHeight, _Range.rangeTokens.textFieldLeftContentMargin, _DatePickertokens.tokens.textFieldLeftContentMargin, _Range.rangeTokens.textFieldRightContentMargin, _DatePickertokens.tokens.textFieldRightContentMargin, _Range.rangeTokens.rightContentOpacityReadOnly, _DatePickertokens.tokens.rightContentOpacityReadOnly, _Range.rangeTokens.textFieldTextBeforeMargin, _DatePickertokens.tokens.textFieldTextBeforeMargin, _Range.rangeTokens.textFieldTextAfterMargin, _DatePickertokens.tokens.textFieldTextAfterMargin, _Range.rangeTokens.backgroundReadOnly, _DatePickertokens.tokens.backgroundReadOnly, _Range.rangeTokens.dividerColorReadOnly, _DatePickertokens.tokens.dividerColorReadOnly, _Range.rangeTokens.dividerOpacityReadOnly, _DatePickertokens.tokens.dividerOpacityReadOnly, _Range.rangeTokens.textFieldDividerColorSuccess, _DatePickertokens.tokens.textFieldDividerColorSuccess, _Range.rangeTokens.textFieldDividerColorError, _DatePickertokens.tokens.textFieldDividerColorError, _Range.rangeTokens.textFieldDividerColorHover, _DatePickertokens.tokens.textFieldDividerColorHover, _Range.rangeTokens.textFieldDividerColorFocus, _DatePickertokens.tokens.textFieldDividerColorFocus, _Range.rangeTokens.textFieldColorReadOnly, _DatePickertokens.tokens.textFieldColorReadOnly, _Range.rangeTokens.textFieldBackgroundColorReadOnly, _DatePickertokens.tokens.textFieldBackgroundColorReadOnly, _Range.rangeTokens.textFieldPlaceholderColorReadOnly, _DatePickertokens.tokens.textFieldPlaceholderColorReadOnly);
 var base = (0, _styledcomponents.css)([
     "display:inline-block;",
     "{.",
     ",.",
     "{width:inherit;}.",
     "{display:grid;}}&.",
-    "{width:100%;",
-    "{.",
+    "{width:100%;& > .",
+    "{width:100%;.",
     ",",
     "{width:100%;}}}"
-], StyledPopover, _Popover.popoverClasses.wrapper, _Popover.popoverClasses.target, _Popover.popoverClasses.wrapper, _DatePickertokens.classes.datePickerstretched, StyledPopover, _Popover.popoverClasses.root, StyledRange);
+], StyledPopover, _Popover.popoverClasses.wrapper, _Popover.popoverClasses.target, _Popover.popoverClasses.wrapper, _DatePickertokens.classes.datePickerstretched, _Popover.popoverClasses.wrapper, _Popover.popoverClasses.target, StyledRange);

package/dist/styled-components/cjs/components/DatePicker/SingleDate/SingleDate.js

@@ -375,7 +375,6 @@ var datePickerRoot = function(Root) {
                 handleToggle(false);
             }
         };
-        console.log(hintText, hintTrigger, hintTargetIcon, hintPlacement, hintHasArrow, hintOffset, hintWidth);
         var DatePickerInput = /*#__PURE__*/ _react.default.createElement(_SingleDatestyles.StyledInput, _object_spread({
             ref: inputRef,
             className: (0, _classnames.default)(datePickerErrorClass, datePickerSuccessClass),

package/dist/styled-components/cjs/components/DatePicker/SingleDate/SingleDate.styles.js

@@ -74,13 +74,13 @@ var mergedPopoverConfig = (0, _engines.mergeConfig)(_Popover.popoverConfig);
 var Popover = (0, _engines.component)(mergedPopoverConfig);
 var StyledPopover = (0, _styledcomponents.default)(Popover).withConfig({
     displayName: "SingleDate.styles__StyledPopover",
-    componentId: "sc-f97f3fec-0"
+    componentId: "sc-e7a0100b-0"
 })([
     ""
 ]);
 var StyledInput = (0, _styledcomponents.default)(TextField).withConfig({
     displayName: "SingleDate.styles__StyledInput",
-    componentId: "sc-f97f3fec-1"
+    componentId: "sc-e7a0100b-1"
 })([
     "width:100%;",
     ":var(",
@@ -314,7 +314,16 @@ var StyledInput = (0, _styledcomponents.default)(TextField).withConfig({
     ":var(",
     ");",
     ":var(",
-    ");}&.",
+    ");",
+    ":var(",
+    ",var(",
+    "));",
+    ":var(",
+    ",var(",
+    "));",
+    ":var(",
+    ",var(",
+    "));}&.",
     "{",
     ":var(",
     ",var(",
@@ -332,8 +341,17 @@ var StyledInput = (0, _styledcomponents.default)(TextField).withConfig({
     ":var(",
     ");",
     ":var(",
-    ");}"
-], _TextField.textFieldTokens.color, _DatePickertokens.tokens.textFieldColor, _TextField.textFieldTokens.placeholderColor, _DatePickertokens.tokens.textFieldPlaceholderColor, _TextField.textFieldTokens.placeholderColorFocus, _DatePickertokens.tokens.textFieldPlaceholderColorFocus, _TextField.textFieldTokens.clearPlaceholderColorFocus, _DatePickertokens.tokens.textFieldClearPlaceholderColorFocus, _TextField.textFieldTokens.caretColor, _DatePickertokens.tokens.textFieldCaretColor, _TextField.textFieldTokens.focusColor, _DatePickertokens.tokens.textFieldFocusColor, _TextField.textFieldTokens.backgroundColor, _DatePickertokens.tokens.textFieldBackgroundColor, _TextField.textFieldTokens.backgroundColorHover, _DatePickertokens.tokens.textFieldBackgroundColorHover, _TextField.textFieldTokens.backgroundColorFocus, _DatePickertokens.tokens.textFieldBackgroundColorFocus, _TextField.textFieldTokens.borderColor, _DatePickertokens.tokens.borderColor, _TextField.textFieldTokens.borderColorHover, _DatePickertokens.tokens.borderColorHover, _TextField.textFieldTokens.borderColorFocus, _DatePickertokens.tokens.borderColorFocus, _TextField.textFieldTokens.colorReadOnly, _DatePickertokens.tokens.textFieldColorReadOnly, _TextField.textFieldTokens.backgroundColorReadOnly, _DatePickertokens.tokens.textFieldBackgroundColorReadOnly, _TextField.textFieldTokens.readOnlyOpacity, _DatePickertokens.tokens.textFieldReadOnlyOpacity, _TextField.textFieldTokens.borderColorReadOnly, _DatePickertokens.tokens.textFieldBorderColorReadOnly, _TextField.textFieldTokens.placeholderColorReadOnly, _DatePickertokens.tokens.textFieldPlaceholderColorReadOnly, _TextField.textFieldTokens.dividerColor, _DatePickertokens.tokens.clearDividerColor, _TextField.textFieldTokens.dividerColorFocus, _DatePickertokens.tokens.textFieldDividerColorFocus, _TextField.textFieldTokens.dividerColorHover, _DatePickertokens.tokens.textFieldDividerColorHover, _TextField.textFieldTokens.height, _DatePickertokens.tokens.textFieldHeight, _TextField.textFieldTokens.borderWidth, _DatePickertokens.tokens.textFieldBorderWidth, _TextField.textFieldTokens.borderRadius, _DatePickertokens.tokens.textFieldBorderRadius, _TextField.textFieldTokens.padding, _DatePickertokens.tokens.textFieldPadding, _TextField.textFieldTokens.labelInnerPadding, _DatePickertokens.tokens.labelInnerPadding, _TextField.textFieldTokens.contentLabelInnerPadding, _DatePickertokens.tokens.contentLabelInnerPadding, _TextField.textFieldTokens.labelOffset, _DatePickertokens.tokens.labelOffset, _TextField.textFieldTokens.labelFontFamily, _DatePickertokens.tokens.labelFontFamily, _TextField.textFieldTokens.labelFontStyle, _DatePickertokens.tokens.labelFontStyle, _TextField.textFieldTokens.labelFontSize, _DatePickertokens.tokens.labelFontSize, _TextField.textFieldTokens.labelFontWeight, _DatePickertokens.tokens.labelFontWeight, _TextField.textFieldTokens.labelLetterSpacing, _DatePickertokens.tokens.labelLetterSpacing, _TextField.textFieldTokens.labelLineHeight, _DatePickertokens.tokens.labelLineHeight, _TextField.textFieldTokens.labelInnerFontFamily, _DatePickertokens.tokens.labelInnerFontFamily, _TextField.textFieldTokens.labelInnerFontSize, _DatePickertokens.tokens.labelInnerFontSize, _TextField.textFieldTokens.labelInnerFontStyle, _DatePickertokens.tokens.labelInnerFontStyle, _TextField.textFieldTokens.labelInnerFontWeight, _DatePickertokens.tokens.labelInnerFontWeight, _TextField.textFieldTokens.labelInnerLetterSpacing, _DatePickertokens.tokens.labelInnerLetterSpacing, _TextField.textFieldTokens.labelInnerLineHeight, _DatePickertokens.tokens.labelInnerLineHeight, _TextField.textFieldTokens.labelColorReadOnly, _DatePickertokens.tokens.labelColorReadOnly, _TextField.textFieldTokens.titleCaptionInnerLabelOffset, _DatePickertokens.tokens.titleCaptionOffset, _TextField.textFieldTokens.titleCaptionColor, _DatePickertokens.tokens.titleCaptionColor, _TextField.textFieldTokens.titleCaptionFontFamily, _DatePickertokens.tokens.titleCaptionFontFamily, _TextField.textFieldTokens.titleCaptionFontStyle, _DatePickertokens.tokens.titleCaptionFontStyle, _TextField.textFieldTokens.titleCaptionFontSize, _DatePickertokens.tokens.titleCaptionFontSize, _TextField.textFieldTokens.titleCaptionFontWeight, _DatePickertokens.tokens.titleCaptionFontWeight, _TextField.textFieldTokens.titleCaptionLetterSpacing, _DatePickertokens.tokens.titleCaptionLetterSpacing, _TextField.textFieldTokens.titleCaptionLineHeight, _DatePickertokens.tokens.titleCaptionLineHeight, _TextField.textFieldTokens.indicatorColor, _DatePickertokens.tokens.indicatorColor, _TextField.textFieldTokens.indicatorSizeInner, _DatePickertokens.tokens.indicatorSizeInner, _TextField.textFieldTokens.indicatorSizeOuter, _DatePickertokens.tokens.indicatorSizeOuter, _TextField.textFieldTokens.indicatorLabelPlacementInner, _DatePickertokens.tokens.indicatorPlacement, _TextField.textFieldTokens.indicatorLabelPlacementOuter, _DatePickertokens.tokens.indicatorOuterPlacement, _TextField.textFieldTokens.indicatorLabelPlacementInnerRight, _DatePickertokens.tokens.indicatorPlacementRight, _TextField.textFieldTokens.indicatorLabelPlacementOuterRight, _DatePickertokens.tokens.indicatorOuterPlacementRight, _TextField.textFieldTokens.clearIndicatorHintInnerRight, _DatePickertokens.tokens.clearIndicatorHintInnerRight, _TextField.textFieldTokens.hintMargin, _DatePickertokens.tokens.hintMargin, _TextField.textFieldTokens.hintTargetSize, _DatePickertokens.tokens.hintTargetSize, _TextField.textFieldTokens.hintCustomIconTargetSize, _DatePickertokens.tokens.hintCustomIconTargetSize, _TextField.textFieldTokens.hintIconColor, _DatePickertokens.tokens.hintIconColor, _TextField.textFieldTokens.hintInnerLabelPlacementOffset, _DatePickertokens.tokens.hintInnerLabelPlacementOffset, _TextField.textFieldTokens.clearHintInnerLabelPlacementOffset, _DatePickertokens.tokens.clearHintInnerLabelPlacementOffset, _TextField.textFieldTokens.leftContentMargin, _DatePickertokens.tokens.textFieldLeftContentMargin, _TextField.textFieldTokens.rightContentMargin, _DatePickertokens.tokens.textFieldRightContentMargin, _TextField.textFieldTokens.fontFamily, _DatePickertokens.tokens.textFieldFontFamily, _TextField.textFieldTokens.fontSize, _DatePickertokens.tokens.textFieldFontSize, _TextField.textFieldTokens.fontStyle, _DatePickertokens.tokens.textFieldFontStyle, _TextField.textFieldTokens.fontWeight, _DatePickertokens.tokens.textFieldFontWeight, _TextField.textFieldTokens.letterSpacing, _DatePickertokens.tokens.textFieldLetterSpacing, _TextField.textFieldTokens.lineHeight, _DatePickertokens.tokens.textFieldLineHeight, _TextField.textFieldTokens.disabledOpacity, _DatePickertokens.tokens.disabledOpacity, _TextField.textFieldTokens.textBeforeColor, _DatePickertokens.tokens.textFieldTextBeforeColor, _TextField.textFieldTokens.textAfterColor, _DatePickertokens.tokens.textFieldTextAfterColor, _TextField.textFieldTokens.textBeforeMargin, _DatePickertokens.tokens.textFieldTextBeforeMargin, _TextField.textFieldTokens.textAfterMargin, _DatePickertokens.tokens.textFieldTextAfterMargin, _TextField.textFieldTokens.contentSlotColor, _DatePickertokens.tokens.textFieldContentSlotColor, _DatePickertokens.tokens.textFieldColor, _TextField.textFieldTokens.contentSlotColorHover, _DatePickertokens.tokens.textFieldContentSlotColorHover, _DatePickertokens.tokens.textFieldColor, _TextField.textFieldTokens.contentSlotColorActive, _DatePickertokens.tokens.textFieldContentSlotColorActive, _DatePickertokens.tokens.textFieldColor, _TextField.textFieldTokens.contentSlotRightColor, _DatePickertokens.tokens.textFieldContentRightSlotColor, _TextField.textFieldTokens.contentSlotColor, _TextField.textFieldTokens.contentSlotRightColorHover, _DatePickertokens.tokens.textFieldContentRightSlotColorHover, _TextField.textFieldTokens.contentSlotRightColor, _TextField.textFieldTokens.contentSlotRightColorActive, _DatePickertokens.tokens.textFieldContentRightSlotColorActive, _TextField.textFieldTokens.contentSlotRightColor, _TextField.textFieldTokens.contentSlotRightOpacityReadOnly, _DatePickertokens.tokens.textFieldContentSlotRightOpacityReadOnly, _TextField.textFieldTokens.tooltipPaddingTop, _DatePickertokens.tokens.hintTooltipPaddingTop, _TextField.textFieldTokens.tooltipPaddingRight, _DatePickertokens.tokens.hintTooltipPaddingRight, _TextField.textFieldTokens.tooltipPaddingBottom, _DatePickertokens.tokens.hintTooltipPaddingBottom, _TextField.textFieldTokens.tooltipPaddingLeft, _DatePickertokens.tokens.hintTooltipPaddingLeft, _TextField.textFieldTokens.tooltipMinHeight, _DatePickertokens.tokens.hintTooltipMinHeight, _TextField.textFieldTokens.tooltipBackgroundColor, _DatePickertokens.tokens.hintTooltipBackgroundColor, _TextField.textFieldTokens.tooltipBoxShadow, _DatePickertokens.tokens.hintTooltipBoxShadow, _TextField.textFieldTokens.tooltipBorderRadius, _DatePickertokens.tokens.hintTooltipBorderRadius, _TextField.textFieldTokens.tooltipColor, _DatePickertokens.tokens.hintTooltipColor, _TextField.textFieldTokens.tooltipTextFontFamily, _DatePickertokens.tokens.hintTooltipTextFontFamily, _TextField.textFieldTokens.tooltipTextFontSize, _DatePickertokens.tokens.hintTooltipTextFontSize, _TextField.textFieldTokens.tooltipTextFontStyle, _DatePickertokens.tokens.hintTooltipTextFontStyle, _TextField.textFieldTokens.tooltipTextFontWeight, _DatePickertokens.tokens.hintTooltipTextFontWeight, _TextField.textFieldTokens.tooltipTextFontLetterSpacing, _DatePickertokens.tokens.hintTooltipTextFontLetterSpacing, _TextField.textFieldTokens.tooltipTextFontLineHeight, _DatePickertokens.tokens.hintTooltipTextFontLineHeight, _TextField.textFieldTokens.tooltipContentLeftMargin, _DatePickertokens.tokens.hintTooltipContentLeftMargin, _TextField.textFieldTokens.tooltipArrowMaskWidth, _DatePickertokens.tokens.hintTooltipArrowMaskWidth, _TextField.textFieldTokens.tooltipArrowMaskHeight, _DatePickertokens.tokens.hintTooltipArrowMaskHeight, _TextField.textFieldTokens.tooltipArrowMaskImage, _DatePickertokens.tokens.hintTooltipArrowMaskImage, _TextField.textFieldTokens.tooltipArrowBackground, _DatePickertokens.tokens.hintTooltipArrowBackground, _TextField.textFieldTokens.tooltipArrowHeight, _DatePickertokens.tokens.hintTooltipArrowHeight, _TextField.textFieldTokens.tooltipArrowEdgeMargin, _DatePickertokens.tokens.hintTooltipArrowEdgeMargin, _DatePickertokens.classes.datePickerSuccess, _TextField.textFieldTokens.color, _DatePickertokens.tokens.textFieldColorSuccess, _DatePickertokens.tokens.textFieldColor, _TextField.textFieldTokens.backgroundColor, _DatePickertokens.tokens.textFieldBackgroundSuccessColor, _TextField.textFieldTokens.backgroundColorHover, _DatePickertokens.tokens.textFieldBackgroundSuccessColorHover, _TextField.textFieldTokens.backgroundColorFocus, _DatePickertokens.tokens.textFieldBackgroundSuccessColorFocus, _TextField.textFieldTokens.borderColor, _DatePickertokens.tokens.textFieldBorderColorSuccess, _TextField.textFieldTokens.borderColorHover, _DatePickertokens.tokens.textFieldBorderColorSuccessHover, _TextField.textFieldTokens.borderColorFocus, _DatePickertokens.tokens.textFieldBorderColorSuccessFocus, _TextField.textFieldTokens.dividerColor, _DatePickertokens.tokens.textFieldDividerColorSuccess, _DatePickertokens.classes.datePickerError, _TextField.textFieldTokens.color, _DatePickertokens.tokens.textFieldColorError, _DatePickertokens.tokens.textFieldColor, _TextField.textFieldTokens.backgroundColor, _DatePickertokens.tokens.textFieldBackgroundErrorColor, _TextField.textFieldTokens.backgroundColorHover, _DatePickertokens.tokens.textFieldBackgroundErrorColorHover, _TextField.textFieldTokens.backgroundColorFocus, _DatePickertokens.tokens.textFieldBackgroundErrorColorFocus, _TextField.textFieldTokens.borderColor, _DatePickertokens.tokens.textFieldBorderColorError, _TextField.textFieldTokens.borderColorHover, _DatePickertokens.tokens.textFieldBorderColorErrorHover, _TextField.textFieldTokens.borderColorFocus, _DatePickertokens.tokens.textFieldBorderColorErrorFocus, _TextField.textFieldTokens.dividerColor, _DatePickertokens.tokens.textFieldDividerColorError);
+    ");",
+    ":var(",
+    ",var(",
+    "));",
+    ":var(",
+    ",var(",
+    "));",
+    ":var(",
+    ",var(",
+    "));}"
+], _TextField.textFieldTokens.color, _DatePickertokens.tokens.textFieldColor, _TextField.textFieldTokens.placeholderColor, _DatePickertokens.tokens.textFieldPlaceholderColor, _TextField.textFieldTokens.placeholderColorFocus, _DatePickertokens.tokens.textFieldPlaceholderColorFocus, _TextField.textFieldTokens.clearPlaceholderColorFocus, _DatePickertokens.tokens.textFieldClearPlaceholderColorFocus, _TextField.textFieldTokens.caretColor, _DatePickertokens.tokens.textFieldCaretColor, _TextField.textFieldTokens.focusColor, _DatePickertokens.tokens.textFieldFocusColor, _TextField.textFieldTokens.backgroundColor, _DatePickertokens.tokens.textFieldBackgroundColor, _TextField.textFieldTokens.backgroundColorHover, _DatePickertokens.tokens.textFieldBackgroundColorHover, _TextField.textFieldTokens.backgroundColorFocus, _DatePickertokens.tokens.textFieldBackgroundColorFocus, _TextField.textFieldTokens.borderColor, _DatePickertokens.tokens.borderColor, _TextField.textFieldTokens.borderColorHover, _DatePickertokens.tokens.borderColorHover, _TextField.textFieldTokens.borderColorFocus, _DatePickertokens.tokens.borderColorFocus, _TextField.textFieldTokens.colorReadOnly, _DatePickertokens.tokens.textFieldColorReadOnly, _TextField.textFieldTokens.backgroundColorReadOnly, _DatePickertokens.tokens.textFieldBackgroundColorReadOnly, _TextField.textFieldTokens.readOnlyOpacity, _DatePickertokens.tokens.textFieldReadOnlyOpacity, _TextField.textFieldTokens.borderColorReadOnly, _DatePickertokens.tokens.textFieldBorderColorReadOnly, _TextField.textFieldTokens.placeholderColorReadOnly, _DatePickertokens.tokens.textFieldPlaceholderColorReadOnly, _TextField.textFieldTokens.dividerColor, _DatePickertokens.tokens.clearDividerColor, _TextField.textFieldTokens.dividerColorFocus, _DatePickertokens.tokens.textFieldDividerColorFocus, _TextField.textFieldTokens.dividerColorHover, _DatePickertokens.tokens.textFieldDividerColorHover, _TextField.textFieldTokens.height, _DatePickertokens.tokens.textFieldHeight, _TextField.textFieldTokens.borderWidth, _DatePickertokens.tokens.textFieldBorderWidth, _TextField.textFieldTokens.borderRadius, _DatePickertokens.tokens.textFieldBorderRadius, _TextField.textFieldTokens.padding, _DatePickertokens.tokens.textFieldPadding, _TextField.textFieldTokens.labelInnerPadding, _DatePickertokens.tokens.labelInnerPadding, _TextField.textFieldTokens.contentLabelInnerPadding, _DatePickertokens.tokens.contentLabelInnerPadding, _TextField.textFieldTokens.labelOffset, _DatePickertokens.tokens.labelOffset, _TextField.textFieldTokens.labelFontFamily, _DatePickertokens.tokens.labelFontFamily, _TextField.textFieldTokens.labelFontStyle, _DatePickertokens.tokens.labelFontStyle, _TextField.textFieldTokens.labelFontSize, _DatePickertokens.tokens.labelFontSize, _TextField.textFieldTokens.labelFontWeight, _DatePickertokens.tokens.labelFontWeight, _TextField.textFieldTokens.labelLetterSpacing, _DatePickertokens.tokens.labelLetterSpacing, _TextField.textFieldTokens.labelLineHeight, _DatePickertokens.tokens.labelLineHeight, _TextField.textFieldTokens.labelInnerFontFamily, _DatePickertokens.tokens.labelInnerFontFamily, _TextField.textFieldTokens.labelInnerFontSize, _DatePickertokens.tokens.labelInnerFontSize, _TextField.textFieldTokens.labelInnerFontStyle, _DatePickertokens.tokens.labelInnerFontStyle, _TextField.textFieldTokens.labelInnerFontWeight, _DatePickertokens.tokens.labelInnerFontWeight, _TextField.textFieldTokens.labelInnerLetterSpacing, _DatePickertokens.tokens.labelInnerLetterSpacing, _TextField.textFieldTokens.labelInnerLineHeight, _DatePickertokens.tokens.labelInnerLineHeight, _TextField.textFieldTokens.labelColorReadOnly, _DatePickertokens.tokens.labelColorReadOnly, _TextField.textFieldTokens.titleCaptionInnerLabelOffset, _DatePickertokens.tokens.titleCaptionOffset, _TextField.textFieldTokens.titleCaptionColor, _DatePickertokens.tokens.titleCaptionColor, _TextField.textFieldTokens.titleCaptionFontFamily, _DatePickertokens.tokens.titleCaptionFontFamily, _TextField.textFieldTokens.titleCaptionFontStyle, _DatePickertokens.tokens.titleCaptionFontStyle, _TextField.textFieldTokens.titleCaptionFontSize, _DatePickertokens.tokens.titleCaptionFontSize, _TextField.textFieldTokens.titleCaptionFontWeight, _DatePickertokens.tokens.titleCaptionFontWeight, _TextField.textFieldTokens.titleCaptionLetterSpacing, _DatePickertokens.tokens.titleCaptionLetterSpacing, _TextField.textFieldTokens.titleCaptionLineHeight, _DatePickertokens.tokens.titleCaptionLineHeight, _TextField.textFieldTokens.indicatorColor, _DatePickertokens.tokens.indicatorColor, _TextField.textFieldTokens.indicatorSizeInner, _DatePickertokens.tokens.indicatorSizeInner, _TextField.textFieldTokens.indicatorSizeOuter, _DatePickertokens.tokens.indicatorSizeOuter, _TextField.textFieldTokens.indicatorLabelPlacementInner, _DatePickertokens.tokens.indicatorPlacement, _TextField.textFieldTokens.indicatorLabelPlacementOuter, _DatePickertokens.tokens.indicatorOuterPlacement, _TextField.textFieldTokens.indicatorLabelPlacementInnerRight, _DatePickertokens.tokens.indicatorPlacementRight, _TextField.textFieldTokens.indicatorLabelPlacementOuterRight, _DatePickertokens.tokens.indicatorOuterPlacementRight, _TextField.textFieldTokens.clearIndicatorHintInnerRight, _DatePickertokens.tokens.clearIndicatorHintInnerRight, _TextField.textFieldTokens.hintMargin, _DatePickertokens.tokens.hintMargin, _TextField.textFieldTokens.hintTargetSize, _DatePickertokens.tokens.hintTargetSize, _TextField.textFieldTokens.hintCustomIconTargetSize, _DatePickertokens.tokens.hintCustomIconTargetSize, _TextField.textFieldTokens.hintIconColor, _DatePickertokens.tokens.hintIconColor, _TextField.textFieldTokens.hintInnerLabelPlacementOffset, _DatePickertokens.tokens.hintInnerLabelPlacementOffset, _TextField.textFieldTokens.clearHintInnerLabelPlacementOffset, _DatePickertokens.tokens.clearHintInnerLabelPlacementOffset, _TextField.textFieldTokens.leftContentMargin, _DatePickertokens.tokens.textFieldLeftContentMargin, _TextField.textFieldTokens.rightContentMargin, _DatePickertokens.tokens.textFieldRightContentMargin, _TextField.textFieldTokens.fontFamily, _DatePickertokens.tokens.textFieldFontFamily, _TextField.textFieldTokens.fontSize, _DatePickertokens.tokens.textFieldFontSize, _TextField.textFieldTokens.fontStyle, _DatePickertokens.tokens.textFieldFontStyle, _TextField.textFieldTokens.fontWeight, _DatePickertokens.tokens.textFieldFontWeight, _TextField.textFieldTokens.letterSpacing, _DatePickertokens.tokens.textFieldLetterSpacing, _TextField.textFieldTokens.lineHeight, _DatePickertokens.tokens.textFieldLineHeight, _TextField.textFieldTokens.disabledOpacity, _DatePickertokens.tokens.disabledOpacity, _TextField.textFieldTokens.textBeforeColor, _DatePickertokens.tokens.textFieldTextBeforeColor, _TextField.textFieldTokens.textAfterColor, _DatePickertokens.tokens.textFieldTextAfterColor, _TextField.textFieldTokens.textBeforeMargin, _DatePickertokens.tokens.textFieldTextBeforeMargin, _TextField.textFieldTokens.textAfterMargin, _DatePickertokens.tokens.textFieldTextAfterMargin, _TextField.textFieldTokens.contentSlotColor, _DatePickertokens.tokens.textFieldContentSlotColor, _DatePickertokens.tokens.textFieldColor, _TextField.textFieldTokens.contentSlotColorHover, _DatePickertokens.tokens.textFieldContentSlotColorHover, _DatePickertokens.tokens.textFieldColor, _TextField.textFieldTokens.contentSlotColorActive, _DatePickertokens.tokens.textFieldContentSlotColorActive, _DatePickertokens.tokens.textFieldColor, _TextField.textFieldTokens.contentSlotRightColor, _DatePickertokens.tokens.textFieldContentRightSlotColor, _TextField.textFieldTokens.contentSlotColor, _TextField.textFieldTokens.contentSlotRightColorHover, _DatePickertokens.tokens.textFieldContentRightSlotColorHover, _TextField.textFieldTokens.contentSlotRightColor, _TextField.textFieldTokens.contentSlotRightColorActive, _DatePickertokens.tokens.textFieldContentRightSlotColorActive, _TextField.textFieldTokens.contentSlotRightColor, _TextField.textFieldTokens.contentSlotRightOpacityReadOnly, _DatePickertokens.tokens.textFieldContentSlotRightOpacityReadOnly, _TextField.textFieldTokens.tooltipPaddingTop, _DatePickertokens.tokens.hintTooltipPaddingTop, _TextField.textFieldTokens.tooltipPaddingRight, _DatePickertokens.tokens.hintTooltipPaddingRight, _TextField.textFieldTokens.tooltipPaddingBottom, _DatePickertokens.tokens.hintTooltipPaddingBottom, _TextField.textFieldTokens.tooltipPaddingLeft, _DatePickertokens.tokens.hintTooltipPaddingLeft, _TextField.textFieldTokens.tooltipMinHeight, _DatePickertokens.tokens.hintTooltipMinHeight, _TextField.textFieldTokens.tooltipBackgroundColor, _DatePickertokens.tokens.hintTooltipBackgroundColor, _TextField.textFieldTokens.tooltipBoxShadow, _DatePickertokens.tokens.hintTooltipBoxShadow, _TextField.textFieldTokens.tooltipBorderRadius, _DatePickertokens.tokens.hintTooltipBorderRadius, _TextField.textFieldTokens.tooltipColor, _DatePickertokens.tokens.hintTooltipColor, _TextField.textFieldTokens.tooltipTextFontFamily, _DatePickertokens.tokens.hintTooltipTextFontFamily, _TextField.textFieldTokens.tooltipTextFontSize, _DatePickertokens.tokens.hintTooltipTextFontSize, _TextField.textFieldTokens.tooltipTextFontStyle, _DatePickertokens.tokens.hintTooltipTextFontStyle, _TextField.textFieldTokens.tooltipTextFontWeight, _DatePickertokens.tokens.hintTooltipTextFontWeight, _TextField.textFieldTokens.tooltipTextFontLetterSpacing, _DatePickertokens.tokens.hintTooltipTextFontLetterSpacing, _TextField.textFieldTokens.tooltipTextFontLineHeight, _DatePickertokens.tokens.hintTooltipTextFontLineHeight, _TextField.textFieldTokens.tooltipContentLeftMargin, _DatePickertokens.tokens.hintTooltipContentLeftMargin, _TextField.textFieldTokens.tooltipArrowMaskWidth, _DatePickertokens.tokens.hintTooltipArrowMaskWidth, _TextField.textFieldTokens.tooltipArrowMaskHeight, _DatePickertokens.tokens.hintTooltipArrowMaskHeight, _TextField.textFieldTokens.tooltipArrowMaskImage, _DatePickertokens.tokens.hintTooltipArrowMaskImage, _TextField.textFieldTokens.tooltipArrowBackground, _DatePickertokens.tokens.hintTooltipArrowBackground, _TextField.textFieldTokens.tooltipArrowHeight, _DatePickertokens.tokens.hintTooltipArrowHeight, _TextField.textFieldTokens.tooltipArrowEdgeMargin, _DatePickertokens.tokens.hintTooltipArrowEdgeMargin, _DatePickertokens.classes.datePickerSuccess, _TextField.textFieldTokens.color, _DatePickertokens.tokens.textFieldColorSuccess, _DatePickertokens.tokens.textFieldColor, _TextField.textFieldTokens.backgroundColor, _DatePickertokens.tokens.textFieldBackgroundSuccessColor, _TextField.textFieldTokens.backgroundColorHover, _DatePickertokens.tokens.textFieldBackgroundSuccessColorHover, _TextField.textFieldTokens.backgroundColorFocus, _DatePickertokens.tokens.textFieldBackgroundSuccessColorFocus, _TextField.textFieldTokens.borderColor, _DatePickertokens.tokens.textFieldBorderColorSuccess, _TextField.textFieldTokens.borderColorHover, _DatePickertokens.tokens.textFieldBorderColorSuccessHover, _TextField.textFieldTokens.borderColorFocus, _DatePickertokens.tokens.textFieldBorderColorSuccessFocus, _TextField.textFieldTokens.dividerColor, _DatePickertokens.tokens.textFieldDividerColorSuccess, _TextField.textFieldTokens.contentSlotColor, _DatePickertokens.tokens.textFieldContentSlotColorSuccess, _DatePickertokens.tokens.textFieldContentSlotColor, _TextField.textFieldTokens.contentSlotColorHover, _DatePickertokens.tokens.textFieldContentSlotColorSuccessHover, _DatePickertokens.tokens.textFieldContentSlotColorHover, _TextField.textFieldTokens.contentSlotColorActive, _DatePickertokens.tokens.textFieldContentSlotColorSuccessActive, _DatePickertokens.tokens.textFieldContentSlotColorActive, _DatePickertokens.classes.datePickerError, _TextField.textFieldTokens.color, _DatePickertokens.tokens.textFieldColorError, _DatePickertokens.tokens.textFieldColor, _TextField.textFieldTokens.backgroundColor, _DatePickertokens.tokens.textFieldBackgroundErrorColor, _TextField.textFieldTokens.backgroundColorHover, _DatePickertokens.tokens.textFieldBackgroundErrorColorHover, _TextField.textFieldTokens.backgroundColorFocus, _DatePickertokens.tokens.textFieldBackgroundErrorColorFocus, _TextField.textFieldTokens.borderColor, _DatePickertokens.tokens.textFieldBorderColorError, _TextField.textFieldTokens.borderColorHover, _DatePickertokens.tokens.textFieldBorderColorErrorHover, _TextField.textFieldTokens.borderColorFocus, _DatePickertokens.tokens.textFieldBorderColorErrorFocus, _TextField.textFieldTokens.dividerColor, _DatePickertokens.tokens.textFieldDividerColorError, _TextField.textFieldTokens.contentSlotColor, _DatePickertokens.tokens.textFieldContentSlotColorError, _DatePickertokens.tokens.textFieldContentSlotColor, _TextField.textFieldTokens.contentSlotColorHover, _DatePickertokens.tokens.textFieldContentSlotColorErrorHover, _DatePickertokens.tokens.textFieldContentSlotColorHover, _TextField.textFieldTokens.contentSlotColorActive, _DatePickertokens.tokens.textFieldContentSlotColorErrorActive, _DatePickertokens.tokens.textFieldContentSlotColorActive);
 var base = (0, _styledcomponents.css)([
     "display:inline-block;.",
     ",.",
@@ -343,7 +361,7 @@ var base = (0, _styledcomponents.css)([
 ], _Popover.popoverClasses.wrapper, _Popover.popoverClasses.target, _DatePickertokens.classes.datePickerstretched, _Popover.popoverClasses.root);
 var LeftHelper = _styledcomponents.default.div.withConfig({
     displayName: "SingleDate.styles__LeftHelper",
-    componentId: "sc-f97f3fec-2"
+    componentId: "sc-e7a0100b-2"
 })([
     "color:var(",
     ");&.",

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

@@ -80,7 +80,7 @@ var mergedConfig = (0, _engines.mergeConfig)(_TextField.textFieldConfig);
 var TextField = (0, _engines.component)(mergedConfig);
 var StyledContentLeft = _styledcomponents.default.div.withConfig({
     displayName: "Range.styles__StyledContentLeft",
-    componentId: "sc-16bc8c9e-0"
+    componentId: "sc-9b514b19-0"
 })([
     "line-height:0;color:var(",
     ");&:hover{color:var(",
@@ -89,7 +89,7 @@ var StyledContentLeft = _styledcomponents.default.div.withConfig({
 ], _Rangetokens.tokens.contentSlotColor, _Rangetokens.tokens.contentSlotColorHover, _Rangetokens.tokens.contentSlotColorActive);
 var StyledContentRight = _styledcomponents.default.div.withConfig({
     displayName: "Range.styles__StyledContentRight",
-    componentId: "sc-16bc8c9e-1"
+    componentId: "sc-9b514b19-1"
 })([
     "display:flex;align-items:center;color:var(",
     ",var(",
@@ -101,7 +101,7 @@ var StyledContentRight = _styledcomponents.default.div.withConfig({
 ], _Rangetokens.tokens.contentSlotRightColor, _Rangetokens.tokens.contentSlotColor, _Rangetokens.tokens.contentSlotRightColorHover, _Rangetokens.tokens.contentSlotColorHover, _Rangetokens.tokens.contentSlotRightColorActive, _Rangetokens.tokens.contentSlotColorActive);
 var StyledInput = (0, _styledcomponents.default)(TextField).withConfig({
     displayName: "Range.styles__StyledInput",
-    componentId: "sc-16bc8c9e-2"
+    componentId: "sc-9b514b19-2"
 })([
     "width:100%;",
     ":var(",
@@ -212,22 +212,22 @@ var base = (0, _styledcomponents.css)([
 ]);
 var ContentWrapper = _styledcomponents.default.div.withConfig({
     displayName: "Range.styles__ContentWrapper",
-    componentId: "sc-16bc8c9e-3"
+    componentId: "sc-9b514b19-3"
 })([
     "display:flex;align-items:center;position:relative;&:before{content:'';position:absolute;inset:0;z-index:-1;}&.",
     "{&:before{display:none;}&.",
     "{&:before{display:block;content:'';position:absolute;top:unset;left:0;right:0;bottom:0;z-index:-1;height:1px;box-shadow:unset;background:var(",
-    ");}}}"
+    ");opacity:1;}}}"
 ], _Rangetokens.classes.clear, _Rangetokens.classes.clearDivider, _Rangetokens.tokens.clearDividerColor);
 var StyledDivider = _styledcomponents.default.div.withConfig({
     displayName: "Range.styles__StyledDivider",
-    componentId: "sc-16bc8c9e-4"
+    componentId: "sc-9b514b19-4"
 })([
     ""
 ]);
 var StyledContentRightWrapper = _styledcomponents.default.div.withConfig({
     displayName: "Range.styles__StyledContentRightWrapper",
-    componentId: "sc-16bc8c9e-5"
+    componentId: "sc-9b514b19-5"
 })([
     "display:flex;align-items:center;flex-direction:row-reverse;"
 ]);

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

@@ -55,18 +55,30 @@ var tokens = {
     /** Токены слотов для контента */ leftContentMargin: '--plasma-range__left-content-margin',
     rightContentMargin: '--plasma-range__right-content-margin',
     rightContentOpacityReadOnly: '--plasma-range__right-content-opacity-readonly',
-    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',
+    contentSlotColor: '--plasma-range-content-slot-color',
+    contentSlotColorHover: '--plasma-range-content-slot-color-hover',
+    contentSlotColorActive: '--plasma-range-content-slot-color-active',
+    contentSlotColorSuccess: '--plasma-range-content-slot-color-success',
+    contentSlotColorSuccessHover: '--plasma-range-content-slot-color-success-hover',
+    contentSlotColorSuccessActive: '--plasma-range-content-slot-color-success-active',
+    contentSlotColorError: '--plasma-range-content-slot-color-error',
+    contentSlotColorErrorHover: '--plasma-range-content-slot-color-error-hover',
+    contentSlotColorErrorActive: '--plasma-range-content-slot-color-error-active',
+    textFieldContentSlotColor: '--plasma-textfield-content-slot-color',
+    textFieldContentSlotColorHover: '--plasma-textfield-content-slot-color-hover',
+    textFieldContentSlotColorActive: '--plasma-textfield-content-slot-color-active',
+    textFieldContentSlotColorSuccess: '--plasma-textfield-content-slot-color-success',
+    textFieldContentSlotColorSuccessHover: '--plasma-textfield-content-slot-color-success-hover',
+    textFieldContentSlotColorSuccessActive: '--plasma-textfield-content-slot-color-success-active',
+    textFieldContentSlotColorError: '--plasma-textfield-content-slot-color-error',
+    textFieldContentSlotColorErrorHover: '--plasma-textfield-content-slot-color-error-hover',
+    textFieldContentSlotColorErrorActive: '--plasma-textfield-content-slot-color-error-active',
+    contentSlotRightColor: '--plasma-range-content-right-slot-color',
+    contentSlotRightColorHover: '--plasma-range-content-right-slot-color-hover',
+    contentSlotRightColorActive: '--plasma-range-content-right-slot-color-active',
+    textFieldContentSlotRightColor: '--plasma-textfield-content-right-slot-color',
+    textFieldContentSlotRightColorHover: '--plasma-textfield-content-right-slot-color-hover',
+    textFieldContentSlotRightColorActive: '--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',

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

@@ -109,4 +109,4 @@ var base = (0, _styledcomponents.css)([
     "{.",
     "{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, _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.textFieldContentSlotColorSuccess, _TextField.textFieldTokens.contentSlotColorHover, _Rangetokens.tokens.textFieldContentSlotColorSuccessHover, _TextField.textFieldTokens.contentSlotColorActive, _Rangetokens.tokens.textFieldContentSlotColorSuccessActive, _TextField.textFieldTokens.dividerColor, _TextField.textFieldTokens.dividerColorHover, _TextField.textFieldTokens.dividerColorFocus, _Rangestyles.StyledInput, _Rangetokens.classes.rangeValueSuccess, _TextField.textFieldTokens.contentSlotColor, _Rangetokens.tokens.textFieldContentSlotColorSuccess, _TextField.textFieldTokens.contentSlotColorHover, _Rangetokens.tokens.textFieldContentSlotColorSuccessHover, _TextField.textFieldTokens.contentSlotColorActive, _Rangetokens.tokens.textFieldContentSlotColorSuccessActive, _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.textFieldContentSlotColorError, _TextField.textFieldTokens.contentSlotColorHover, _Rangetokens.tokens.textFieldContentSlotColorErrorHover, _TextField.textFieldTokens.contentSlotColorActive, _Rangetokens.tokens.textFieldContentSlotColorErrorActive, _TextField.textFieldTokens.dividerColor, _TextField.textFieldTokens.dividerColorHover, _TextField.textFieldTokens.dividerColorFocus, _Rangestyles.StyledInput, _Rangetokens.classes.rangeValueError, _TextField.textFieldTokens.contentSlotColor, _Rangetokens.tokens.textFieldContentSlotColorError, _TextField.textFieldTokens.contentSlotColorHover, _Rangetokens.tokens.textFieldContentSlotColorErrorHover, _TextField.textFieldTokens.contentSlotColorActive, _Rangetokens.tokens.textFieldContentSlotColorErrorActive, _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);

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

@@ -21,8 +21,8 @@ var base = (0, _styledcomponents.css)([
     ") var(",
     ");z-index:-1;}:hover{background-color:transparent;}}&.",
     " ",
-    "{&:before{background-color:var(",
-    ");}}",
+    "{&:before{top:unset;background-color:var(",
+    ");opacity:1;}}",
     ":focus-within ",
     ",",
     "{color:var(",
@@ -43,4 +43,4 @@ var base = (0, _styledcomponents.css)([
     " ",
     "{color:var(",
     ");}}"
-], _TextFieldstyles.InputWrapper, _TextFieldtokens.tokens.colorReadOnly, _TextFieldtokens.tokens.borderRadius, _TextFieldtokens.tokens.backgroundColorReadOnly, _TextFieldtokens.tokens.readOnlyOpacity, String(_TextFieldtokens.tokens.borderWidth), _TextFieldtokens.tokens.borderColorReadOnly, _TextFieldtokens.classes.hasDivider, _TextFieldstyles.InputWrapper, String(_TextFieldtokens.tokens.dividerColorReadOnly), _TextFieldstyles.InputWrapper, _TextFieldstyles.InputPlaceholder, _TextFieldstyles.InputPlaceholder, _TextFieldtokens.tokens.placeholderColorReadOnly, _TextFieldstyles.Input, _TextFieldtokens.tokens.colorReadOnly, _TextFieldstyles.TitleCaption, _TextFieldtokens.tokens.titleCaptionColorReadOnly, _TextFieldstyles.LeftHelper, _TextFieldtokens.tokens.leftHelperColorReadOnly, _TextFieldstyles.StyledContentLeft, _TextFieldstyles.StyledContentRight, _TextFieldtokens.tokens.contentSlotRightOpacityReadOnly, _TextFieldstyles.StyledContentRight, _TextFieldstyles.StyledContentRight, _TextFieldtokens.tokens.contentSlotRightColor, _TextFieldtokens.tokens.contentSlotColor, _TextFieldtokens.classes.outerLabelPlacement, _TextFieldstyles.Label, _TextFieldtokens.tokens.labelColorReadOnly);
+], _TextFieldstyles.InputWrapper, _TextFieldtokens.tokens.colorReadOnly, _TextFieldtokens.tokens.borderRadius, _TextFieldtokens.tokens.backgroundColorReadOnly, _TextFieldtokens.tokens.readOnlyOpacity, String(_TextFieldtokens.tokens.borderWidth), _TextFieldtokens.tokens.borderColorReadOnly, _TextFieldtokens.classes.hasDivider, _TextFieldstyles.InputWrapper, String(_TextFieldtokens.tokens.dividerColor), _TextFieldstyles.InputWrapper, _TextFieldstyles.InputPlaceholder, _TextFieldstyles.InputPlaceholder, _TextFieldtokens.tokens.placeholderColorReadOnly, _TextFieldstyles.Input, _TextFieldtokens.tokens.colorReadOnly, _TextFieldstyles.TitleCaption, _TextFieldtokens.tokens.titleCaptionColorReadOnly, _TextFieldstyles.LeftHelper, _TextFieldtokens.tokens.leftHelperColorReadOnly, _TextFieldstyles.StyledContentLeft, _TextFieldstyles.StyledContentRight, _TextFieldtokens.tokens.contentSlotRightOpacityReadOnly, _TextFieldstyles.StyledContentRight, _TextFieldstyles.StyledContentRight, _TextFieldtokens.tokens.contentSlotRightColor, _TextFieldtokens.tokens.contentSlotColor, _TextFieldtokens.classes.outerLabelPlacement, _TextFieldstyles.Label, _TextFieldtokens.tokens.labelColorReadOnly);

package/dist/styled-components/cjs/examples/components/Combobox/Combobox.js

@@ -1,16 +1 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "Combobox", {
-    enumerable: true,
-    get: function() {
-        return Combobox;
-    }
-});
-var _engines = require("../../../engines");
-var _ = require("../../..");
-var _Comboboxconfig = require("./Combobox.config");
-var mergedConfig = (0, _engines.mergeConfig)(_.comboboxNewConfig, _Comboboxconfig.config);
-var ComboboxComponent = (0, _engines.component)(mergedConfig);
-var Combobox = ComboboxComponent;