@salutejs/plasma-new-hope 0.338.0-canary.2280.18409919038.0 → 0.338.0-canary.2280.18485554017.0

package/styled-components/cjs/components/DatePicker/DatePickerBase.styles.js

@@ -31,10 +31,10 @@ function _interop_require_default(obj) {
 }
 var mergedCalendarConfig = (0, _engines.mergeConfig)(_Calendar.calendarBaseConfig);
 var Calendar = (0, _engines.component)(mergedCalendarConfig);
-var baseCalendarTokens = "\n    padding-top: var(".concat(_DatePickertokens.tokens.calendarPaddingTop, ");\n    box-shadow: var(").concat(_DatePickertokens.tokens.calendarShadow, ");\n    border-radius: var(").concat(_DatePickertokens.tokens.calendarBorderRadius, ");\n    margin-top: var(").concat(_DatePickertokens.tokens.calendarMarginTop, ");\n\n    ").concat(_Calendar.calendarBaseTokens.calendarBackgroundColor, ": var(").concat(_DatePickertokens.tokens.calendarBackgroundColor, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarSelectedItemBackground, ": var(").concat(_DatePickertokens.tokens.calendarSelectedItemBackground, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarSelectedItemColor, ": var(").concat(_DatePickertokens.tokens.calendarSelectedItemColor, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarSelectableItemBackgroundHover, ": var(").concat(_DatePickertokens.tokens.calendarSelectableItemBackgroundHover, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarCurrentItemBorderColor, ": var(").concat(_DatePickertokens.tokens.calendarCurrentItemBorderColor, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarCurrentItemBorderWidth, ": var(").concat(_DatePickertokens.tokens.calendarCurrentItemBorderWidth, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarCurrentItemBackgroundHover, ": var(").concat(_DatePickertokens.tokens.calendarCurrentItemBackgroundHover, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarCurrentItemColorHover, ": var(").concat(_DatePickertokens.tokens.calendarCurrentItemColorHover, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarCurrentItemChildBackgroundHover, ": var(").concat(_DatePickertokens.tokens.calendarCurrentItemChildBackgroundHover, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarActiveItemBackground, ": var(").concat(_DatePickertokens.tokens.calendarActiveItemBackground, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarActiveItemColor, ": var(").concat(_DatePickertokens.tokens.calendarActiveItemColor, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarHoveredItemBackground, ": var(").concat(_DatePickertokens.tokens.calendarHoveredItemBackground, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarHoveredItemColor, ": var(").concat(_DatePickertokens.tokens.calendarHoveredItemColor, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarRangeBackground, ": var(").concat(_DatePickertokens.tokens.calendarRangeBackground, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarOutlineFocusColor, ": var(").concat(_DatePickertokens.tokens.calendarOutlineFocusColor, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarContentPrimaryColor, ": var(").concat(_DatePickertokens.tokens.calendarContentPrimaryColor, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarContentPrimaryDisabledColor, ": var(").concat(_DatePickertokens.tokens.calendarContentPrimaryDisabledColor, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarContentSecondaryColor, ": var(").concat(_DatePickertokens.tokens.calendarContentSecondaryColor, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarContentSecondaryDisabledColor, ": var(").concat(_DatePickertokens.tokens.calendarContentSecondaryDisabledColor, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarDisabledOpacity, ": var(").concat(_DatePickertokens.tokens.calendarDisabledOpacity, ");\n\n    ").concat(_Calendar.calendarBaseTokens.iconButtonColor, ": var(").concat(_DatePickertokens.tokens.iconButtonColor, ");\n    ").concat(_Calendar.calendarBaseTokens.iconButtonBackgroundColor, ": var(").concat(_DatePickertokens.tokens.iconButtonBackgroundColor, ");\n    ").concat(_Calendar.calendarBaseTokens.iconButtonColorHover, ": var(").concat(_DatePickertokens.tokens.iconButtonColorHover, ");\n    ").concat(_Calendar.calendarBaseTokens.iconButtonBackgroundColorHover, ": var(").concat(_DatePickertokens.tokens.iconButtonBackgroundColorHover, ");\n    ").concat(_Calendar.calendarBaseTokens.iconButtonColorActive, ": var(").concat(_DatePickertokens.tokens.iconButtonColorActive, ");\n    ").concat(_Calendar.calendarBaseTokens.iconButtonBackgroundColorActive, ": var(").concat(_DatePickertokens.tokens.iconButtonBackgroundColorActive, ");\n\n    ").concat(_Calendar.calendarBaseTokens.calendarBorderWidth, ": var(").concat(_DatePickertokens.tokens.calendarBorderWidth, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarBorderColor, ": var(").concat(_DatePickertokens.tokens.calendarBorderColor, ");\n\n    ").concat(_Calendar.calendarBaseTokens.calendarYearsPadding, ": var(").concat(_DatePickertokens.tokens.calendarYearsPadding, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarYearItemBorderRadius, ": var(").concat(_DatePickertokens.tokens.calendarYearItemBorderRadius, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarYearFontFamily, ": var(").concat(_DatePickertokens.tokens.calendarYearFontFamily, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarYearFontSize, ": var(").concat(_DatePickertokens.tokens.calendarYearFontSize, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarYearFontStyle, ": var(").concat(_DatePickertokens.tokens.calendarYearFontStyle, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarYearFontLetterSpacing, ": var(").concat(_DatePickertokens.tokens.calendarYearFontLetterSpacing, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarYearFontLineHeight, ": var(").concat(_DatePickertokens.tokens.calendarYearFontLineHeight, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarYearFontWeight, ": var(").concat(_DatePickertokens.tokens.calendarYearFontWeight, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarYearSelectedFontWeight, ": var(").concat(_DatePickertokens.tokens.calendarYearSelectedFontWeight, ");\n\n    ").concat(_Calendar.calendarBaseTokens.calendarMonthsPadding, ": var(").concat(_DatePickertokens.tokens.calendarMonthsPadding, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarMonthItemBorderRadius, ": var(").concat(_DatePickertokens.tokens.calendarMonthItemBorderRadius, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarMonthFontFamily, ": var(").concat(_DatePickertokens.tokens.calendarMonthFontFamily, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarMonthFontSize, ": var(").concat(_DatePickertokens.tokens.calendarMonthFontSize, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarMonthFontStyle, ": var(").concat(_DatePickertokens.tokens.calendarMonthFontStyle, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarMonthFontLetterSpacing, ": var(").concat(_DatePickertokens.tokens.calendarMonthFontLetterSpacing, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarMonthFontLineHeight, ": var(").concat(_DatePickertokens.tokens.calendarMonthFontLineHeight, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarMonthFontWeight, ": var(").concat(_DatePickertokens.tokens.calendarMonthFontWeight, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarMonthSelectedFontWeight, ": var(").concat(_DatePickertokens.tokens.calendarMonthSelectedFontWeight, ");\n\n    ").concat(_Calendar.calendarBaseTokens.calendarQuartersPadding, ": var(").concat(_DatePickertokens.tokens.calendarQuartersPadding, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarQuarterItemBorderRadius, ": var(").concat(_DatePickertokens.tokens.calendarQuarterItemBorderRadius, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarQuarterFontFamily, ": var(").concat(_DatePickertokens.tokens.calendarQuarterFontFamily, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarQuarterFontSize, ": var(").concat(_DatePickertokens.tokens.calendarQuarterFontSize, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarQuarterFontStyle, ": var(").concat(_DatePickertokens.tokens.calendarQuarterFontStyle, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarQuarterFontLetterSpacing, ": var(").concat(_DatePickertokens.tokens.calendarQuarterFontLetterSpacing, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarQuarterFontLineHeight, ": var(").concat(_DatePickertokens.tokens.calendarQuarterFontLineHeight, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarQuarterFontWeight, ": var(").concat(_DatePickertokens.tokens.calendarQuarterFontWeight, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarQuarterSelectedFontWeight, ": var(").concat(_DatePickertokens.tokens.calendarQuarterSelectedFontWeight, ");\n    \n    ").concat(_Calendar.calendarBaseTokens.calendarDaysPadding, ": var(").concat(_DatePickertokens.tokens.calendarDaysPadding, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarDayItemBorderRadius, ": var(").concat(_DatePickertokens.tokens.calendarDayItemBorderRadius, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarDayFontFamily, ": var(").concat(_DatePickertokens.tokens.calendarDayFontFamily, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarDayFontSize, ": var(").concat(_DatePickertokens.tokens.calendarDayFontSize, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarDayFontStyle, ": var(").concat(_DatePickertokens.tokens.calendarDayFontStyle, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarDayFontLetterSpacing, ": var(").concat(_DatePickertokens.tokens.calendarDayFontLetterSpacing, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarDayFontLineHeight, ": var(").concat(_DatePickertokens.tokens.calendarDayFontLineHeight, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarDayFontWeight, ": var(").concat(_DatePickertokens.tokens.calendarDayFontWeight, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarDaySelectedFontWeight, ": var(").concat(_DatePickertokens.tokens.calendarDaySelectedFontWeight, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarDayOfWeekColor, ": var(").concat(_DatePickertokens.tokens.calendarDayOfWeekColor, ");\n    \n    ").concat(_Calendar.calendarBaseTokens.calendarHeaderWrapperPadding, ": var(").concat(_DatePickertokens.tokens.calendarHeaderWrapperPadding, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarHeaderArrowGap, ": var(").concat(_DatePickertokens.tokens.calendarHeaderArrowGap, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarHeaderArrowPadding, ": var(").concat(_DatePickertokens.tokens.calendarHeaderArrowPadding, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarHeaderPadding, ": var(").concat(_DatePickertokens.tokens.calendarHeaderPadding, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarHeaderDateGap, ": var(").concat(_DatePickertokens.tokens.calendarHeaderDateGap, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarHeaderFontFamily, ": var(").concat(_DatePickertokens.tokens.calendarHeaderFontFamily, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarHeaderFontSize, ": var(").concat(_DatePickertokens.tokens.calendarHeaderFontSize, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarHeaderFontStyle, ": var(").concat(_DatePickertokens.tokens.calendarHeaderFontStyle, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarHeaderFontLetterSpacing, ": var(").concat(_DatePickertokens.tokens.calendarHeaderFontLetterSpacing, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarHeaderFontLineHeight, ": var(").concat(_DatePickertokens.tokens.calendarHeaderFontLineHeight, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarHeaderFontWeight, ": var(").concat(_DatePickertokens.tokens.calendarHeaderFontWeight, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarHeaderFontWeightBold, ": var(").concat(_DatePickertokens.tokens.calendarHeaderFontWeightBold, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarHeaderArrowColor, ": var(").concat(_DatePickertokens.tokens.calendarHeaderArrowColor, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarArrowHeaderCustomSize, ": var(").concat(_DatePickertokens.tokens.calendarHeaderArrowCustomSize, ");\n    \n    ").concat(_Calendar.calendarBaseTokens.iconButtonHeight, ": var(").concat(_DatePickertokens.tokens.iconButtonHeight, ");\n    ").concat(_Calendar.calendarBaseTokens.iconButtonWidth, ": var(").concat(_DatePickertokens.tokens.iconButtonWidth, ");\n    ").concat(_Calendar.calendarBaseTokens.iconButtonPadding, ": var(").concat(_DatePickertokens.tokens.iconButtonPadding, ");\n    ").concat(_Calendar.calendarBaseTokens.iconButtonRadius, ": var(").concat(_DatePickertokens.tokens.iconButtonRadius, ");\n    ").concat(_Calendar.calendarBaseTokens.iconButtonFocusColor, ": var(").concat(_DatePickertokens.tokens.iconButtonFocusColor, ");\n");
+var baseCalendarTokens = "\n    padding-top: var(".concat(_DatePickertokens.tokens.calendarPaddingTop, ");\n    box-shadow: var(").concat(_DatePickertokens.tokens.calendarShadow, ");\n    border-radius: var(").concat(_DatePickertokens.tokens.calendarBorderRadius, ");\n    margin-top: var(").concat(_DatePickertokens.tokens.calendarMarginTop, ");\n\n    ").concat(_Calendar.calendarBaseTokens.calendarBackgroundColor, ": var(").concat(_DatePickertokens.tokens.calendarBackgroundColor, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarSelectedItemBackground, ": var(").concat(_DatePickertokens.tokens.calendarSelectedItemBackground, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarSelectedItemColor, ": var(").concat(_DatePickertokens.tokens.calendarSelectedItemColor, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarSelectableItemBackgroundHover, ": var(").concat(_DatePickertokens.tokens.calendarSelectableItemBackgroundHover, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarCurrentItemBorderColor, ": var(").concat(_DatePickertokens.tokens.calendarCurrentItemBorderColor, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarCurrentItemBorderWidth, ": var(").concat(_DatePickertokens.tokens.calendarCurrentItemBorderWidth, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarCurrentItemBackgroundHover, ": var(").concat(_DatePickertokens.tokens.calendarCurrentItemBackgroundHover, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarCurrentItemColorHover, ": var(").concat(_DatePickertokens.tokens.calendarCurrentItemColorHover, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarCurrentItemChildBackgroundHover, ": var(").concat(_DatePickertokens.tokens.calendarCurrentItemChildBackgroundHover, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarActiveItemBackground, ": var(").concat(_DatePickertokens.tokens.calendarActiveItemBackground, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarActiveItemColor, ": var(").concat(_DatePickertokens.tokens.calendarActiveItemColor, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarHoveredItemBackground, ": var(").concat(_DatePickertokens.tokens.calendarHoveredItemBackground, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarHoveredItemColor, ": var(").concat(_DatePickertokens.tokens.calendarHoveredItemColor, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarRangeBackground, ": var(").concat(_DatePickertokens.tokens.calendarRangeBackground, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarOutlineFocusColor, ": var(").concat(_DatePickertokens.tokens.calendarOutlineFocusColor, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarContentPrimaryColor, ": var(").concat(_DatePickertokens.tokens.calendarContentPrimaryColor, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarContentPrimaryDisabledColor, ": var(").concat(_DatePickertokens.tokens.calendarContentPrimaryDisabledColor, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarContentSecondaryColor, ": var(").concat(_DatePickertokens.tokens.calendarContentSecondaryColor, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarContentSecondaryDisabledColor, ": var(").concat(_DatePickertokens.tokens.calendarContentSecondaryDisabledColor, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarDisabledOpacity, ": var(").concat(_DatePickertokens.tokens.calendarDisabledOpacity, ");\n\n    ").concat(_Calendar.calendarBaseTokens.iconButtonColor, ": var(").concat(_DatePickertokens.tokens.iconButtonColor, ");\n    ").concat(_Calendar.calendarBaseTokens.iconButtonBackgroundColor, ": var(").concat(_DatePickertokens.tokens.iconButtonBackgroundColor, ");\n    ").concat(_Calendar.calendarBaseTokens.iconButtonColorHover, ": var(").concat(_DatePickertokens.tokens.iconButtonColorHover, ");\n    ").concat(_Calendar.calendarBaseTokens.iconButtonBackgroundColorHover, ": var(").concat(_DatePickertokens.tokens.iconButtonBackgroundColorHover, ");\n    ").concat(_Calendar.calendarBaseTokens.iconButtonColorActive, ": var(").concat(_DatePickertokens.tokens.iconButtonColorActive, ");\n    ").concat(_Calendar.calendarBaseTokens.iconButtonBackgroundColorActive, ": var(").concat(_DatePickertokens.tokens.iconButtonBackgroundColorActive, ");\n\n    ").concat(_Calendar.calendarBaseTokens.calendarBorderWidth, ": var(").concat(_DatePickertokens.tokens.calendarBorderWidth, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarBorderColor, ": var(").concat(_DatePickertokens.tokens.calendarBorderColor, ");\n\n    ").concat(_Calendar.calendarBaseTokens.calendarYearsPadding, ": var(").concat(_DatePickertokens.tokens.calendarYearsPadding, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarYearItemBorderRadius, ": var(").concat(_DatePickertokens.tokens.calendarYearItemBorderRadius, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarYearFontFamily, ": var(").concat(_DatePickertokens.tokens.calendarYearFontFamily, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarYearFontSize, ": var(").concat(_DatePickertokens.tokens.calendarYearFontSize, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarYearFontStyle, ": var(").concat(_DatePickertokens.tokens.calendarYearFontStyle, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarYearFontLetterSpacing, ": var(").concat(_DatePickertokens.tokens.calendarYearFontLetterSpacing, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarYearFontLineHeight, ": var(").concat(_DatePickertokens.tokens.calendarYearFontLineHeight, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarYearFontWeight, ": var(").concat(_DatePickertokens.tokens.calendarYearFontWeight, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarYearSelectedFontWeight, ": var(").concat(_DatePickertokens.tokens.calendarYearSelectedFontWeight, ");\n\n    ").concat(_Calendar.calendarBaseTokens.calendarMonthsPadding, ": var(").concat(_DatePickertokens.tokens.calendarMonthsPadding, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarMonthItemBorderRadius, ": var(").concat(_DatePickertokens.tokens.calendarMonthItemBorderRadius, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarMonthFontFamily, ": var(").concat(_DatePickertokens.tokens.calendarMonthFontFamily, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarMonthFontSize, ": var(").concat(_DatePickertokens.tokens.calendarMonthFontSize, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarMonthFontStyle, ": var(").concat(_DatePickertokens.tokens.calendarMonthFontStyle, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarMonthFontLetterSpacing, ": var(").concat(_DatePickertokens.tokens.calendarMonthFontLetterSpacing, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarMonthFontLineHeight, ": var(").concat(_DatePickertokens.tokens.calendarMonthFontLineHeight, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarMonthFontWeight, ": var(").concat(_DatePickertokens.tokens.calendarMonthFontWeight, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarMonthSelectedFontWeight, ": var(").concat(_DatePickertokens.tokens.calendarMonthSelectedFontWeight, ");\n\n    ").concat(_Calendar.calendarBaseTokens.calendarQuartersPadding, ": var(").concat(_DatePickertokens.tokens.calendarQuartersPadding, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarQuarterItemBorderRadius, ": var(").concat(_DatePickertokens.tokens.calendarQuarterItemBorderRadius, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarQuarterFontFamily, ": var(").concat(_DatePickertokens.tokens.calendarQuarterFontFamily, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarQuarterFontSize, ": var(").concat(_DatePickertokens.tokens.calendarQuarterFontSize, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarQuarterFontStyle, ": var(").concat(_DatePickertokens.tokens.calendarQuarterFontStyle, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarQuarterFontLetterSpacing, ": var(").concat(_DatePickertokens.tokens.calendarQuarterFontLetterSpacing, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarQuarterFontLineHeight, ": var(").concat(_DatePickertokens.tokens.calendarQuarterFontLineHeight, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarQuarterFontWeight, ": var(").concat(_DatePickertokens.tokens.calendarQuarterFontWeight, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarQuarterSelectedFontWeight, ": var(").concat(_DatePickertokens.tokens.calendarQuarterSelectedFontWeight, ");\n    \n    ").concat(_Calendar.calendarBaseTokens.calendarDaysPadding, ": var(").concat(_DatePickertokens.tokens.calendarDaysPadding, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarDayItemBorderRadius, ": var(").concat(_DatePickertokens.tokens.calendarDayItemBorderRadius, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarDayFontFamily, ": var(").concat(_DatePickertokens.tokens.calendarDayFontFamily, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarDayFontSize, ": var(").concat(_DatePickertokens.tokens.calendarDayFontSize, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarDayFontStyle, ": var(").concat(_DatePickertokens.tokens.calendarDayFontStyle, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarDayFontLetterSpacing, ": var(").concat(_DatePickertokens.tokens.calendarDayFontLetterSpacing, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarDayFontLineHeight, ": var(").concat(_DatePickertokens.tokens.calendarDayFontLineHeight, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarDayFontWeight, ": var(").concat(_DatePickertokens.tokens.calendarDayFontWeight, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarDaySelectedFontWeight, ": var(").concat(_DatePickertokens.tokens.calendarDaySelectedFontWeight, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarDayOfWeekColor, ": var(").concat(_DatePickertokens.tokens.calendarDayOfWeekColor, ");\n    \n    ").concat(_Calendar.calendarBaseTokens.calendarEventItemBottom, ": var(").concat(_DatePickertokens.tokens.calendarEventItemBottom, ");\n    \n    ").concat(_Calendar.calendarBaseTokens.calendarHeaderWrapperPadding, ": var(").concat(_DatePickertokens.tokens.calendarHeaderWrapperPadding, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarHeaderArrowGap, ": var(").concat(_DatePickertokens.tokens.calendarHeaderArrowGap, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarHeaderArrowPadding, ": var(").concat(_DatePickertokens.tokens.calendarHeaderArrowPadding, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarHeaderPadding, ": var(").concat(_DatePickertokens.tokens.calendarHeaderPadding, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarHeaderDateGap, ": var(").concat(_DatePickertokens.tokens.calendarHeaderDateGap, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarHeaderFontFamily, ": var(").concat(_DatePickertokens.tokens.calendarHeaderFontFamily, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarHeaderFontSize, ": var(").concat(_DatePickertokens.tokens.calendarHeaderFontSize, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarHeaderFontStyle, ": var(").concat(_DatePickertokens.tokens.calendarHeaderFontStyle, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarHeaderFontLetterSpacing, ": var(").concat(_DatePickertokens.tokens.calendarHeaderFontLetterSpacing, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarHeaderFontLineHeight, ": var(").concat(_DatePickertokens.tokens.calendarHeaderFontLineHeight, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarHeaderFontWeight, ": var(").concat(_DatePickertokens.tokens.calendarHeaderFontWeight, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarHeaderFontWeightBold, ": var(").concat(_DatePickertokens.tokens.calendarHeaderFontWeightBold, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarHeaderArrowColor, ": var(").concat(_DatePickertokens.tokens.calendarHeaderArrowColor, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarArrowHeaderCustomSize, ": var(").concat(_DatePickertokens.tokens.calendarHeaderArrowCustomSize, ");\n    \n    ").concat(_Calendar.calendarBaseTokens.iconButtonHeight, ": var(").concat(_DatePickertokens.tokens.iconButtonHeight, ");\n    ").concat(_Calendar.calendarBaseTokens.iconButtonWidth, ": var(").concat(_DatePickertokens.tokens.iconButtonWidth, ");\n    ").concat(_Calendar.calendarBaseTokens.iconButtonPadding, ": var(").concat(_DatePickertokens.tokens.iconButtonPadding, ");\n    ").concat(_Calendar.calendarBaseTokens.iconButtonRadius, ": var(").concat(_DatePickertokens.tokens.iconButtonRadius, ");\n    ").concat(_Calendar.calendarBaseTokens.iconButtonFocusColor, ": var(").concat(_DatePickertokens.tokens.iconButtonFocusColor, ");\n");
 var StyledCalendar = (0, _styledcomponents.default)(Calendar).withConfig({
     displayName: "DatePickerBase.styles__StyledCalendar",
-    componentId: "sc-d2170f67-0"
+    componentId: "sc-530f24b5-0"
 })([
     "",
     " width:",
@@ -49,7 +49,7 @@ var StyledCalendar = (0, _styledcomponents.default)(Calendar).withConfig({
 });
 var InputHidden = _styledcomponents.default.input.withConfig({
     displayName: "DatePickerBase.styles__InputHidden",
-    componentId: "sc-d2170f67-1"
+    componentId: "sc-530f24b5-1"
 })([
     "",
     ";"

package/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-72bbf61c-0"
+    componentId: "sc-4c1f319e-0"
 })([
     ""
 ]);
 var StyledInput = (0, _styledcomponents.default)(TextField).withConfig({
     displayName: "SingleDate.styles__StyledInput",
-    componentId: "sc-72bbf61c-1"
+    componentId: "sc-4c1f319e-1"
 })([
     "width:100%;",
     ":var(",
@@ -208,6 +208,9 @@ var StyledInput = (0, _styledcomponents.default)(TextField).withConfig({
     ");&.",
     "{",
     ":var(",
+    ",var(",
+    "));",
+    ":var(",
     ");",
     ":var(",
     ");",
@@ -221,6 +224,9 @@ var StyledInput = (0, _styledcomponents.default)(TextField).withConfig({
     ");}&.",
     "{",
     ":var(",
+    ",var(",
+    "));",
+    ":var(",
     ");",
     ":var(",
     ");",
@@ -232,7 +238,7 @@ var StyledInput = (0, _styledcomponents.default)(TextField).withConfig({
     ");",
     ":var(",
     ");}"
-], _TextField.textFieldTokens.color, _DatePickertokens.tokens.textFieldColor, _TextField.textFieldTokens.placeholderColor, _DatePickertokens.tokens.textFieldPlaceholderColor, _TextField.textFieldTokens.placeholderColorFocus, _DatePickertokens.tokens.textFieldPlaceholderColorFocus, _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.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.indicatorColor, _DatePickertokens.tokens.indicatorColor, _TextField.textFieldTokens.indicatorSizeInner, _DatePickertokens.tokens.indicatorSize, _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.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.contentSlotRightColor, _DatePickertokens.tokens.textFieldContentRightSlotColor, _TextField.textFieldTokens.contentSlotColor, _TextField.textFieldTokens.contentSlotRightColorHover, _DatePickertokens.tokens.textFieldContentRightSlotColorHover, _TextField.textFieldTokens.contentSlotRightColor, _TextField.textFieldTokens.contentSlotRightOpacityReadOnly, _DatePickertokens.tokens.textFieldContentSlotRightOpacityReadOnly, _DatePickertokens.classes.datePickerError, _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, _DatePickertokens.classes.datePickerSuccess, _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.color, _DatePickertokens.tokens.textFieldColor, _TextField.textFieldTokens.placeholderColor, _DatePickertokens.tokens.textFieldPlaceholderColor, _TextField.textFieldTokens.placeholderColorFocus, _DatePickertokens.tokens.textFieldPlaceholderColorFocus, _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.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.indicatorColor, _DatePickertokens.tokens.indicatorColor, _TextField.textFieldTokens.indicatorSizeInner, _DatePickertokens.tokens.indicatorSize, _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.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.contentSlotRightColor, _DatePickertokens.tokens.textFieldContentRightSlotColor, _TextField.textFieldTokens.contentSlotColor, _TextField.textFieldTokens.contentSlotRightColorHover, _DatePickertokens.tokens.textFieldContentRightSlotColorHover, _TextField.textFieldTokens.contentSlotRightColor, _TextField.textFieldTokens.contentSlotRightOpacityReadOnly, _DatePickertokens.tokens.textFieldContentSlotRightOpacityReadOnly, _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, _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);
 var base = (0, _styledcomponents.css)([
     "display:inline-block;.",
     ",.",
@@ -242,7 +248,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-72bbf61c-2"
+    componentId: "sc-4c1f319e-2"
 })([
     "color:var(",
     ");&.",

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

@@ -134,7 +134,7 @@ function _object_without_properties_loose(source, excluded) {
 }
 var drawerRoot = function(Root) {
     return /*#__PURE__*/ (0, _react.forwardRef)(function(_param, outerRef) {
-        var id = _param.id, zIndex = _param.zIndex, popupInfo = _param.popupInfo, withBlur = _param.withBlur, children = _param.children, view = _param.view, size = _param.size, width = _param.width, height = _param.height, isOpen = _param.isOpen, opened = _param.opened, initialFocusRef = _param.initialFocusRef, focusAfterRef = _param.focusAfterRef, animationInfo = _param.animationInfo, className = _param.className, customBackgroundColor = _param.customBackgroundColor, customContentBackgroundColor = _param.customContentBackgroundColor, onClose = _param.onClose, onOverlayClick = _param.onOverlayClick, onEscKeyDown = _param.onEscKeyDown, offset = _param.offset, frame = _param.frame, _param_borderRadius = _param.borderRadius, borderRadius = _param_borderRadius === void 0 ? 'none' : _param_borderRadius, _param_placement = _param.placement, placement = _param_placement === void 0 ? 'right' : _param_placement, _param_closeOnEsc = _param.closeOnEsc, closeOnEsc = _param_closeOnEsc === void 0 ? true : _param_closeOnEsc, _param_closeOnOverlayClick = _param.closeOnOverlayClick, closeOnOverlayClick = _param_closeOnOverlayClick === void 0 ? true : _param_closeOnOverlayClick, _param_asModal = _param.asModal, asModal = _param_asModal === void 0 ? true : _param_asModal, draggable = _param.draggable, rest = _object_without_properties(_param, [
+        var id = _param.id, zIndex = _param.zIndex, popupInfo = _param.popupInfo, withBlur = _param.withBlur, children = _param.children, view = _param.view, size = _param.size, width = _param.width, height = _param.height, isOpen = _param.isOpen, opened = _param.opened, initialFocusRef = _param.initialFocusRef, focusAfterRef = _param.focusAfterRef, animationInfo = _param.animationInfo, className = _param.className, customBackgroundColor = _param.customBackgroundColor, customContentBackgroundColor = _param.customContentBackgroundColor, onClose = _param.onClose, onOverlayClick = _param.onOverlayClick, onEscKeyDown = _param.onEscKeyDown, offset = _param.offset, frame = _param.frame, _param_positionFixed = _param.positionFixed, positionFixed = _param_positionFixed === void 0 ? false : _param_positionFixed, _param_borderRadius = _param.borderRadius, borderRadius = _param_borderRadius === void 0 ? 'none' : _param_borderRadius, _param_placement = _param.placement, placement = _param_placement === void 0 ? 'right' : _param_placement, _param_closeOnEsc = _param.closeOnEsc, closeOnEsc = _param_closeOnEsc === void 0 ? true : _param_closeOnEsc, _param_closeOnOverlayClick = _param.closeOnOverlayClick, closeOnOverlayClick = _param_closeOnOverlayClick === void 0 ? true : _param_closeOnOverlayClick, _param_asModal = _param.asModal, asModal = _param_asModal === void 0 ? true : _param_asModal, draggable = _param.draggable, rest = _object_without_properties(_param, [
             "id",
             "zIndex",
             "popupInfo",
@@ -157,6 +157,7 @@ var drawerRoot = function(Root) {
             "onEscKeyDown",
             "offset",
             "frame",
+            "positionFixed",
             "borderRadius",
             "placement",
             "closeOnEsc",
@@ -208,6 +209,7 @@ var drawerRoot = function(Root) {
             placement: placement,
             popupInfo: drawerInfo,
             frame: frame,
+            positionFixed: positionFixed,
             width: innerWidth,
             height: innerHeight,
             offset: offset,

package/styled-components/cjs/components/Popup/Popup.styles.js

@@ -81,25 +81,25 @@ var base = (0, _styledcomponents.css)([
 ], _Popuptokens.classes.draggablePopupWrapper, _Popuptokens.classes.draggingPopupWrapper, _Popuptokens.classes.resizableContainerNoSelect);
 var StyledPortal = _styledcomponents.default.div.withConfig({
     displayName: "Popup.styles__StyledPortal",
-    componentId: "sc-e8036c4-0"
+    componentId: "sc-e809f9e3-0"
 })([
     ""
 ]);
 var StyledPortalContainer = _styledcomponents.default.div.withConfig({
     displayName: "Popup.styles__StyledPortalContainer",
-    componentId: "sc-e8036c4-1"
+    componentId: "sc-e809f9e3-1"
 })([
     "width:0;"
 ]);
 var PopupView = _styledcomponents.default.div.withConfig({
     displayName: "Popup.styles__PopupView",
-    componentId: "sc-e8036c4-2"
+    componentId: "sc-e809f9e3-2"
 })([
     "position:relative;max-width:100%;pointer-events:all;"
 ]);
 var PopupRootContainer = _styledcomponents.default.div.withConfig({
     displayName: "Popup.styles__PopupRootContainer",
-    componentId: "sc-e8036c4-3"
+    componentId: "sc-e809f9e3-3"
 })([
     "position:",
     ";z-index:",
@@ -110,8 +110,8 @@ var PopupRootContainer = _styledcomponents.default.div.withConfig({
     ";transform:",
     ";"
 ], function(param) {
-    var frame = param.frame;
-    return frame === 'document' ? 'fixed' : 'absolute';
+    var frame = param.frame, positionFixed = param.positionFixed;
+    return frame === 'document' || positionFixed ? 'fixed' : 'absolute';
 }, function(param) {
     var zIndex = param.zIndex;
     return zIndex || _utils.DEFAULT_Z_INDEX;
@@ -133,7 +133,7 @@ var PopupRootContainer = _styledcomponents.default.div.withConfig({
 });
 var IconResizeDiagonalStyled = (0, _styledcomponents.default)(_Icon.IconResizeDiagonal).withConfig({
     displayName: "Popup.styles__IconResizeDiagonalStyled",
-    componentId: "sc-e8036c4-4"
+    componentId: "sc-e809f9e3-4"
 })([
     "color:var(--text-secondary);&:hover{color:var(--text-secondary-hover);}&:active{color:var(--text-secondary-active);}&.",
     "{transform:rotate(-90deg);}&.",

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

@@ -202,7 +202,7 @@ var progressBarCircularRoot = function(Root) {
             ref: rootForkRef,
             view: view,
             size: size,
-            className: (0, _utils.cx)(className)
+            className: className
         }, rest), /*#__PURE__*/ _react.default.createElement(_ProgressBarCircularstyles.StyledSVG, {
             width: "100%",
             height: "100%",

package/styled-components/cjs/examples/components/ProgressBarCircular/ProgressBarCircular.config.js

@@ -52,6 +52,12 @@ var config = {
                 ":var(--surface-transparent-tertiary);",
                 ":var(--surface-negative);",
                 ":var(--text-primary);"
+            ], _ProgressBarCircular.progressBarCircularTokens.backgroundStroke, _ProgressBarCircular.progressBarCircularTokens.progressStroke, _ProgressBarCircular.progressBarCircularTokens.contentColor),
+            info: (0, _styledcomponents.css)([
+                "",
+                ":var(--surface-transparent-tertiary);",
+                ":var(--surface-info);",
+                ":var(--text-primary);"
             ], _ProgressBarCircular.progressBarCircularTokens.backgroundStroke, _ProgressBarCircular.progressBarCircularTokens.progressStroke, _ProgressBarCircular.progressBarCircularTokens.contentColor)
         },
         size: {

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

@@ -68,6 +68,7 @@ export var tokens = {
     calendarDayFontWeight: '--plasma-calendar-day-font-weight',
     calendarDaySelectedFontWeight: '--plasma-calendar-day-selected-font-weight',
     calendarDayOfWeekColor: '--plasma-calendar-day-of-the-week-color',
+    calendarEventItemBottom: '--plasma-calendar-event-item-bottom',
     /* Токены шапки календаря */ calendarHeaderWrapperPadding: '--plasma-calendar-header-wrapper-padding',
     calendarHeaderArrowGap: '--plasma-calendar-arrow-container-gap',
     calendarHeaderArrowPadding: '--plasma-calendar-arrow-container-padding',

package/styled-components/es/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js

@@ -10,7 +10,7 @@ var sideInRange = function() {
 };
 export var StyledItem = styled.div.withConfig({
     displayName: "DateStructureItem.styles__StyledItem",
-    componentId: "sc-e4ed8914-0"
+    componentId: "sc-1b80b82a-0"
 })([
     "border-radius:calc(var(",
     ") - 0.125rem);",
@@ -38,7 +38,7 @@ var disabledCurrentItem = function() {
 };
 export var StyledItemRoot = styled.div.withConfig({
     displayName: "DateStructureItem.styles__StyledItemRoot",
-    componentId: "sc-e4ed8914-1"
+    componentId: "sc-1b80b82a-1"
 })([
     "font-family:var(",
     ");font-size:var(",
@@ -107,17 +107,18 @@ export var StyledItemRoot = styled.div.withConfig({
 }, disabledCurrentItem(), classes.currentItem, classes.inRange, classes.sideRight, classes.sideLeft);
 export var StyledEvents = styled.div.withConfig({
     displayName: "DateStructureItem.styles__StyledEvents",
-    componentId: "sc-e4ed8914-2"
+    componentId: "sc-1b80b82a-2"
 })([
-    "display:flex;position:absolute;bottom:0.25rem;"
-]);
+    "display:flex;position:absolute;bottom:var(",
+    ",0.25rem);"
+], tokens.calendarEventItemBottom);
 export var StyledEvent = styled.div.withConfig({
     displayName: "DateStructureItem.styles__StyledEvent",
-    componentId: "sc-e4ed8914-3"
+    componentId: "sc-1b80b82a-3"
 })([
     "margin:0 0.063rem;width:0.188rem;height:0.188rem;border-radius:50%;background-color:",
     ";"
 ], function(param) {
-    var _param_color = param.color, color = _param_color === void 0 ? 'var(--plasma-colors-accent)' : _param_color;
+    var _param_color = param.color, color = _param_color === void 0 ? 'var(--plasma-colors-accent, var(--surface-accent))' : _param_color;
     return color;
 });

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

@@ -74,6 +74,8 @@ export var tokens = {
     rangeReadOnlyOpacity: '--plasma-date-picker-readonly-opacity',
     /** Цвет обводки поля ввода при фокусе */ focusColor: '--plasma-date-picker-focus-color',
     /** Токены полей ввода */ 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',
     textFieldFocusColor: '--plasma-date-picker-textfield-focus-color',
     textFieldPlaceholderColor: '--plasma-date-picker-textfield-placeholder-color',
@@ -166,6 +168,7 @@ export var tokens = {
     calendarDayFontWeight: '--plasma-date-picker-calendar__day-font-weight',
     calendarDaySelectedFontWeight: '--plasma-date-picker-calendar__day-selected-font-weight',
     calendarDayOfWeekColor: '--plasma-date-picker-calendar__day-of-week-color',
+    calendarEventItemBottom: '--plasma-date-picker-calendar__event-item-bottom',
     calendarHeaderWrapperPadding: '--plasma-date-picker-calendar__header-wrapper-padding',
     calendarHeaderArrowGap: '--plasma-date-picker-calendar__header-arrow-gap',
     calendarHeaderArrowPadding: '--plasma-date-picker-calendar__header-arrow-padding',

package/styled-components/es/components/DatePicker/DatePickerBase.styles.js

@@ -5,11 +5,11 @@ import { calendarBaseConfig, calendarBaseTokens } from "../Calendar";
 import { tokens } from "./DatePicker.tokens";
 var mergedCalendarConfig = mergeConfig(calendarBaseConfig);
 var Calendar = component(mergedCalendarConfig);
-export var baseCalendarTokens = "\n    padding-top: var(".concat(tokens.calendarPaddingTop, ");\n    box-shadow: var(").concat(tokens.calendarShadow, ");\n    border-radius: var(").concat(tokens.calendarBorderRadius, ");\n    margin-top: var(").concat(tokens.calendarMarginTop, ");\n\n    ").concat(calendarBaseTokens.calendarBackgroundColor, ": var(").concat(tokens.calendarBackgroundColor, ");\n    ").concat(calendarBaseTokens.calendarSelectedItemBackground, ": var(").concat(tokens.calendarSelectedItemBackground, ");\n    ").concat(calendarBaseTokens.calendarSelectedItemColor, ": var(").concat(tokens.calendarSelectedItemColor, ");\n    ").concat(calendarBaseTokens.calendarSelectableItemBackgroundHover, ": var(").concat(tokens.calendarSelectableItemBackgroundHover, ");\n    ").concat(calendarBaseTokens.calendarCurrentItemBorderColor, ": var(").concat(tokens.calendarCurrentItemBorderColor, ");\n    ").concat(calendarBaseTokens.calendarCurrentItemBorderWidth, ": var(").concat(tokens.calendarCurrentItemBorderWidth, ");\n    ").concat(calendarBaseTokens.calendarCurrentItemBackgroundHover, ": var(").concat(tokens.calendarCurrentItemBackgroundHover, ");\n    ").concat(calendarBaseTokens.calendarCurrentItemColorHover, ": var(").concat(tokens.calendarCurrentItemColorHover, ");\n    ").concat(calendarBaseTokens.calendarCurrentItemChildBackgroundHover, ": var(").concat(tokens.calendarCurrentItemChildBackgroundHover, ");\n    ").concat(calendarBaseTokens.calendarActiveItemBackground, ": var(").concat(tokens.calendarActiveItemBackground, ");\n    ").concat(calendarBaseTokens.calendarActiveItemColor, ": var(").concat(tokens.calendarActiveItemColor, ");\n    ").concat(calendarBaseTokens.calendarHoveredItemBackground, ": var(").concat(tokens.calendarHoveredItemBackground, ");\n    ").concat(calendarBaseTokens.calendarHoveredItemColor, ": var(").concat(tokens.calendarHoveredItemColor, ");\n    ").concat(calendarBaseTokens.calendarRangeBackground, ": var(").concat(tokens.calendarRangeBackground, ");\n    ").concat(calendarBaseTokens.calendarOutlineFocusColor, ": var(").concat(tokens.calendarOutlineFocusColor, ");\n    ").concat(calendarBaseTokens.calendarContentPrimaryColor, ": var(").concat(tokens.calendarContentPrimaryColor, ");\n    ").concat(calendarBaseTokens.calendarContentPrimaryDisabledColor, ": var(").concat(tokens.calendarContentPrimaryDisabledColor, ");\n    ").concat(calendarBaseTokens.calendarContentSecondaryColor, ": var(").concat(tokens.calendarContentSecondaryColor, ");\n    ").concat(calendarBaseTokens.calendarContentSecondaryDisabledColor, ": var(").concat(tokens.calendarContentSecondaryDisabledColor, ");\n    ").concat(calendarBaseTokens.calendarDisabledOpacity, ": var(").concat(tokens.calendarDisabledOpacity, ");\n\n    ").concat(calendarBaseTokens.iconButtonColor, ": var(").concat(tokens.iconButtonColor, ");\n    ").concat(calendarBaseTokens.iconButtonBackgroundColor, ": var(").concat(tokens.iconButtonBackgroundColor, ");\n    ").concat(calendarBaseTokens.iconButtonColorHover, ": var(").concat(tokens.iconButtonColorHover, ");\n    ").concat(calendarBaseTokens.iconButtonBackgroundColorHover, ": var(").concat(tokens.iconButtonBackgroundColorHover, ");\n    ").concat(calendarBaseTokens.iconButtonColorActive, ": var(").concat(tokens.iconButtonColorActive, ");\n    ").concat(calendarBaseTokens.iconButtonBackgroundColorActive, ": var(").concat(tokens.iconButtonBackgroundColorActive, ");\n\n    ").concat(calendarBaseTokens.calendarBorderWidth, ": var(").concat(tokens.calendarBorderWidth, ");\n    ").concat(calendarBaseTokens.calendarBorderColor, ": var(").concat(tokens.calendarBorderColor, ");\n\n    ").concat(calendarBaseTokens.calendarYearsPadding, ": var(").concat(tokens.calendarYearsPadding, ");\n    ").concat(calendarBaseTokens.calendarYearItemBorderRadius, ": var(").concat(tokens.calendarYearItemBorderRadius, ");\n    ").concat(calendarBaseTokens.calendarYearFontFamily, ": var(").concat(tokens.calendarYearFontFamily, ");\n    ").concat(calendarBaseTokens.calendarYearFontSize, ": var(").concat(tokens.calendarYearFontSize, ");\n    ").concat(calendarBaseTokens.calendarYearFontStyle, ": var(").concat(tokens.calendarYearFontStyle, ");\n    ").concat(calendarBaseTokens.calendarYearFontLetterSpacing, ": var(").concat(tokens.calendarYearFontLetterSpacing, ");\n    ").concat(calendarBaseTokens.calendarYearFontLineHeight, ": var(").concat(tokens.calendarYearFontLineHeight, ");\n    ").concat(calendarBaseTokens.calendarYearFontWeight, ": var(").concat(tokens.calendarYearFontWeight, ");\n    ").concat(calendarBaseTokens.calendarYearSelectedFontWeight, ": var(").concat(tokens.calendarYearSelectedFontWeight, ");\n\n    ").concat(calendarBaseTokens.calendarMonthsPadding, ": var(").concat(tokens.calendarMonthsPadding, ");\n    ").concat(calendarBaseTokens.calendarMonthItemBorderRadius, ": var(").concat(tokens.calendarMonthItemBorderRadius, ");\n    ").concat(calendarBaseTokens.calendarMonthFontFamily, ": var(").concat(tokens.calendarMonthFontFamily, ");\n    ").concat(calendarBaseTokens.calendarMonthFontSize, ": var(").concat(tokens.calendarMonthFontSize, ");\n    ").concat(calendarBaseTokens.calendarMonthFontStyle, ": var(").concat(tokens.calendarMonthFontStyle, ");\n    ").concat(calendarBaseTokens.calendarMonthFontLetterSpacing, ": var(").concat(tokens.calendarMonthFontLetterSpacing, ");\n    ").concat(calendarBaseTokens.calendarMonthFontLineHeight, ": var(").concat(tokens.calendarMonthFontLineHeight, ");\n    ").concat(calendarBaseTokens.calendarMonthFontWeight, ": var(").concat(tokens.calendarMonthFontWeight, ");\n    ").concat(calendarBaseTokens.calendarMonthSelectedFontWeight, ": var(").concat(tokens.calendarMonthSelectedFontWeight, ");\n\n    ").concat(calendarBaseTokens.calendarQuartersPadding, ": var(").concat(tokens.calendarQuartersPadding, ");\n    ").concat(calendarBaseTokens.calendarQuarterItemBorderRadius, ": var(").concat(tokens.calendarQuarterItemBorderRadius, ");\n    ").concat(calendarBaseTokens.calendarQuarterFontFamily, ": var(").concat(tokens.calendarQuarterFontFamily, ");\n    ").concat(calendarBaseTokens.calendarQuarterFontSize, ": var(").concat(tokens.calendarQuarterFontSize, ");\n    ").concat(calendarBaseTokens.calendarQuarterFontStyle, ": var(").concat(tokens.calendarQuarterFontStyle, ");\n    ").concat(calendarBaseTokens.calendarQuarterFontLetterSpacing, ": var(").concat(tokens.calendarQuarterFontLetterSpacing, ");\n    ").concat(calendarBaseTokens.calendarQuarterFontLineHeight, ": var(").concat(tokens.calendarQuarterFontLineHeight, ");\n    ").concat(calendarBaseTokens.calendarQuarterFontWeight, ": var(").concat(tokens.calendarQuarterFontWeight, ");\n    ").concat(calendarBaseTokens.calendarQuarterSelectedFontWeight, ": var(").concat(tokens.calendarQuarterSelectedFontWeight, ");\n    \n    ").concat(calendarBaseTokens.calendarDaysPadding, ": var(").concat(tokens.calendarDaysPadding, ");\n    ").concat(calendarBaseTokens.calendarDayItemBorderRadius, ": var(").concat(tokens.calendarDayItemBorderRadius, ");\n    ").concat(calendarBaseTokens.calendarDayFontFamily, ": var(").concat(tokens.calendarDayFontFamily, ");\n    ").concat(calendarBaseTokens.calendarDayFontSize, ": var(").concat(tokens.calendarDayFontSize, ");\n    ").concat(calendarBaseTokens.calendarDayFontStyle, ": var(").concat(tokens.calendarDayFontStyle, ");\n    ").concat(calendarBaseTokens.calendarDayFontLetterSpacing, ": var(").concat(tokens.calendarDayFontLetterSpacing, ");\n    ").concat(calendarBaseTokens.calendarDayFontLineHeight, ": var(").concat(tokens.calendarDayFontLineHeight, ");\n    ").concat(calendarBaseTokens.calendarDayFontWeight, ": var(").concat(tokens.calendarDayFontWeight, ");\n    ").concat(calendarBaseTokens.calendarDaySelectedFontWeight, ": var(").concat(tokens.calendarDaySelectedFontWeight, ");\n    ").concat(calendarBaseTokens.calendarDayOfWeekColor, ": var(").concat(tokens.calendarDayOfWeekColor, ");\n    \n    ").concat(calendarBaseTokens.calendarHeaderWrapperPadding, ": var(").concat(tokens.calendarHeaderWrapperPadding, ");\n    ").concat(calendarBaseTokens.calendarHeaderArrowGap, ": var(").concat(tokens.calendarHeaderArrowGap, ");\n    ").concat(calendarBaseTokens.calendarHeaderArrowPadding, ": var(").concat(tokens.calendarHeaderArrowPadding, ");\n    ").concat(calendarBaseTokens.calendarHeaderPadding, ": var(").concat(tokens.calendarHeaderPadding, ");\n    ").concat(calendarBaseTokens.calendarHeaderDateGap, ": var(").concat(tokens.calendarHeaderDateGap, ");\n    ").concat(calendarBaseTokens.calendarHeaderFontFamily, ": var(").concat(tokens.calendarHeaderFontFamily, ");\n    ").concat(calendarBaseTokens.calendarHeaderFontSize, ": var(").concat(tokens.calendarHeaderFontSize, ");\n    ").concat(calendarBaseTokens.calendarHeaderFontStyle, ": var(").concat(tokens.calendarHeaderFontStyle, ");\n    ").concat(calendarBaseTokens.calendarHeaderFontLetterSpacing, ": var(").concat(tokens.calendarHeaderFontLetterSpacing, ");\n    ").concat(calendarBaseTokens.calendarHeaderFontLineHeight, ": var(").concat(tokens.calendarHeaderFontLineHeight, ");\n    ").concat(calendarBaseTokens.calendarHeaderFontWeight, ": var(").concat(tokens.calendarHeaderFontWeight, ");\n    ").concat(calendarBaseTokens.calendarHeaderFontWeightBold, ": var(").concat(tokens.calendarHeaderFontWeightBold, ");\n    ").concat(calendarBaseTokens.calendarHeaderArrowColor, ": var(").concat(tokens.calendarHeaderArrowColor, ");\n    ").concat(calendarBaseTokens.calendarArrowHeaderCustomSize, ": var(").concat(tokens.calendarHeaderArrowCustomSize, ");\n    \n    ").concat(calendarBaseTokens.iconButtonHeight, ": var(").concat(tokens.iconButtonHeight, ");\n    ").concat(calendarBaseTokens.iconButtonWidth, ": var(").concat(tokens.iconButtonWidth, ");\n    ").concat(calendarBaseTokens.iconButtonPadding, ": var(").concat(tokens.iconButtonPadding, ");\n    ").concat(calendarBaseTokens.iconButtonRadius, ": var(").concat(tokens.iconButtonRadius, ");\n    ").concat(calendarBaseTokens.iconButtonFocusColor, ": var(").concat(tokens.iconButtonFocusColor, ");\n");
+export var baseCalendarTokens = "\n    padding-top: var(".concat(tokens.calendarPaddingTop, ");\n    box-shadow: var(").concat(tokens.calendarShadow, ");\n    border-radius: var(").concat(tokens.calendarBorderRadius, ");\n    margin-top: var(").concat(tokens.calendarMarginTop, ");\n\n    ").concat(calendarBaseTokens.calendarBackgroundColor, ": var(").concat(tokens.calendarBackgroundColor, ");\n    ").concat(calendarBaseTokens.calendarSelectedItemBackground, ": var(").concat(tokens.calendarSelectedItemBackground, ");\n    ").concat(calendarBaseTokens.calendarSelectedItemColor, ": var(").concat(tokens.calendarSelectedItemColor, ");\n    ").concat(calendarBaseTokens.calendarSelectableItemBackgroundHover, ": var(").concat(tokens.calendarSelectableItemBackgroundHover, ");\n    ").concat(calendarBaseTokens.calendarCurrentItemBorderColor, ": var(").concat(tokens.calendarCurrentItemBorderColor, ");\n    ").concat(calendarBaseTokens.calendarCurrentItemBorderWidth, ": var(").concat(tokens.calendarCurrentItemBorderWidth, ");\n    ").concat(calendarBaseTokens.calendarCurrentItemBackgroundHover, ": var(").concat(tokens.calendarCurrentItemBackgroundHover, ");\n    ").concat(calendarBaseTokens.calendarCurrentItemColorHover, ": var(").concat(tokens.calendarCurrentItemColorHover, ");\n    ").concat(calendarBaseTokens.calendarCurrentItemChildBackgroundHover, ": var(").concat(tokens.calendarCurrentItemChildBackgroundHover, ");\n    ").concat(calendarBaseTokens.calendarActiveItemBackground, ": var(").concat(tokens.calendarActiveItemBackground, ");\n    ").concat(calendarBaseTokens.calendarActiveItemColor, ": var(").concat(tokens.calendarActiveItemColor, ");\n    ").concat(calendarBaseTokens.calendarHoveredItemBackground, ": var(").concat(tokens.calendarHoveredItemBackground, ");\n    ").concat(calendarBaseTokens.calendarHoveredItemColor, ": var(").concat(tokens.calendarHoveredItemColor, ");\n    ").concat(calendarBaseTokens.calendarRangeBackground, ": var(").concat(tokens.calendarRangeBackground, ");\n    ").concat(calendarBaseTokens.calendarOutlineFocusColor, ": var(").concat(tokens.calendarOutlineFocusColor, ");\n    ").concat(calendarBaseTokens.calendarContentPrimaryColor, ": var(").concat(tokens.calendarContentPrimaryColor, ");\n    ").concat(calendarBaseTokens.calendarContentPrimaryDisabledColor, ": var(").concat(tokens.calendarContentPrimaryDisabledColor, ");\n    ").concat(calendarBaseTokens.calendarContentSecondaryColor, ": var(").concat(tokens.calendarContentSecondaryColor, ");\n    ").concat(calendarBaseTokens.calendarContentSecondaryDisabledColor, ": var(").concat(tokens.calendarContentSecondaryDisabledColor, ");\n    ").concat(calendarBaseTokens.calendarDisabledOpacity, ": var(").concat(tokens.calendarDisabledOpacity, ");\n\n    ").concat(calendarBaseTokens.iconButtonColor, ": var(").concat(tokens.iconButtonColor, ");\n    ").concat(calendarBaseTokens.iconButtonBackgroundColor, ": var(").concat(tokens.iconButtonBackgroundColor, ");\n    ").concat(calendarBaseTokens.iconButtonColorHover, ": var(").concat(tokens.iconButtonColorHover, ");\n    ").concat(calendarBaseTokens.iconButtonBackgroundColorHover, ": var(").concat(tokens.iconButtonBackgroundColorHover, ");\n    ").concat(calendarBaseTokens.iconButtonColorActive, ": var(").concat(tokens.iconButtonColorActive, ");\n    ").concat(calendarBaseTokens.iconButtonBackgroundColorActive, ": var(").concat(tokens.iconButtonBackgroundColorActive, ");\n\n    ").concat(calendarBaseTokens.calendarBorderWidth, ": var(").concat(tokens.calendarBorderWidth, ");\n    ").concat(calendarBaseTokens.calendarBorderColor, ": var(").concat(tokens.calendarBorderColor, ");\n\n    ").concat(calendarBaseTokens.calendarYearsPadding, ": var(").concat(tokens.calendarYearsPadding, ");\n    ").concat(calendarBaseTokens.calendarYearItemBorderRadius, ": var(").concat(tokens.calendarYearItemBorderRadius, ");\n    ").concat(calendarBaseTokens.calendarYearFontFamily, ": var(").concat(tokens.calendarYearFontFamily, ");\n    ").concat(calendarBaseTokens.calendarYearFontSize, ": var(").concat(tokens.calendarYearFontSize, ");\n    ").concat(calendarBaseTokens.calendarYearFontStyle, ": var(").concat(tokens.calendarYearFontStyle, ");\n    ").concat(calendarBaseTokens.calendarYearFontLetterSpacing, ": var(").concat(tokens.calendarYearFontLetterSpacing, ");\n    ").concat(calendarBaseTokens.calendarYearFontLineHeight, ": var(").concat(tokens.calendarYearFontLineHeight, ");\n    ").concat(calendarBaseTokens.calendarYearFontWeight, ": var(").concat(tokens.calendarYearFontWeight, ");\n    ").concat(calendarBaseTokens.calendarYearSelectedFontWeight, ": var(").concat(tokens.calendarYearSelectedFontWeight, ");\n\n    ").concat(calendarBaseTokens.calendarMonthsPadding, ": var(").concat(tokens.calendarMonthsPadding, ");\n    ").concat(calendarBaseTokens.calendarMonthItemBorderRadius, ": var(").concat(tokens.calendarMonthItemBorderRadius, ");\n    ").concat(calendarBaseTokens.calendarMonthFontFamily, ": var(").concat(tokens.calendarMonthFontFamily, ");\n    ").concat(calendarBaseTokens.calendarMonthFontSize, ": var(").concat(tokens.calendarMonthFontSize, ");\n    ").concat(calendarBaseTokens.calendarMonthFontStyle, ": var(").concat(tokens.calendarMonthFontStyle, ");\n    ").concat(calendarBaseTokens.calendarMonthFontLetterSpacing, ": var(").concat(tokens.calendarMonthFontLetterSpacing, ");\n    ").concat(calendarBaseTokens.calendarMonthFontLineHeight, ": var(").concat(tokens.calendarMonthFontLineHeight, ");\n    ").concat(calendarBaseTokens.calendarMonthFontWeight, ": var(").concat(tokens.calendarMonthFontWeight, ");\n    ").concat(calendarBaseTokens.calendarMonthSelectedFontWeight, ": var(").concat(tokens.calendarMonthSelectedFontWeight, ");\n\n    ").concat(calendarBaseTokens.calendarQuartersPadding, ": var(").concat(tokens.calendarQuartersPadding, ");\n    ").concat(calendarBaseTokens.calendarQuarterItemBorderRadius, ": var(").concat(tokens.calendarQuarterItemBorderRadius, ");\n    ").concat(calendarBaseTokens.calendarQuarterFontFamily, ": var(").concat(tokens.calendarQuarterFontFamily, ");\n    ").concat(calendarBaseTokens.calendarQuarterFontSize, ": var(").concat(tokens.calendarQuarterFontSize, ");\n    ").concat(calendarBaseTokens.calendarQuarterFontStyle, ": var(").concat(tokens.calendarQuarterFontStyle, ");\n    ").concat(calendarBaseTokens.calendarQuarterFontLetterSpacing, ": var(").concat(tokens.calendarQuarterFontLetterSpacing, ");\n    ").concat(calendarBaseTokens.calendarQuarterFontLineHeight, ": var(").concat(tokens.calendarQuarterFontLineHeight, ");\n    ").concat(calendarBaseTokens.calendarQuarterFontWeight, ": var(").concat(tokens.calendarQuarterFontWeight, ");\n    ").concat(calendarBaseTokens.calendarQuarterSelectedFontWeight, ": var(").concat(tokens.calendarQuarterSelectedFontWeight, ");\n    \n    ").concat(calendarBaseTokens.calendarDaysPadding, ": var(").concat(tokens.calendarDaysPadding, ");\n    ").concat(calendarBaseTokens.calendarDayItemBorderRadius, ": var(").concat(tokens.calendarDayItemBorderRadius, ");\n    ").concat(calendarBaseTokens.calendarDayFontFamily, ": var(").concat(tokens.calendarDayFontFamily, ");\n    ").concat(calendarBaseTokens.calendarDayFontSize, ": var(").concat(tokens.calendarDayFontSize, ");\n    ").concat(calendarBaseTokens.calendarDayFontStyle, ": var(").concat(tokens.calendarDayFontStyle, ");\n    ").concat(calendarBaseTokens.calendarDayFontLetterSpacing, ": var(").concat(tokens.calendarDayFontLetterSpacing, ");\n    ").concat(calendarBaseTokens.calendarDayFontLineHeight, ": var(").concat(tokens.calendarDayFontLineHeight, ");\n    ").concat(calendarBaseTokens.calendarDayFontWeight, ": var(").concat(tokens.calendarDayFontWeight, ");\n    ").concat(calendarBaseTokens.calendarDaySelectedFontWeight, ": var(").concat(tokens.calendarDaySelectedFontWeight, ");\n    ").concat(calendarBaseTokens.calendarDayOfWeekColor, ": var(").concat(tokens.calendarDayOfWeekColor, ");\n    \n    ").concat(calendarBaseTokens.calendarEventItemBottom, ": var(").concat(tokens.calendarEventItemBottom, ");\n    \n    ").concat(calendarBaseTokens.calendarHeaderWrapperPadding, ": var(").concat(tokens.calendarHeaderWrapperPadding, ");\n    ").concat(calendarBaseTokens.calendarHeaderArrowGap, ": var(").concat(tokens.calendarHeaderArrowGap, ");\n    ").concat(calendarBaseTokens.calendarHeaderArrowPadding, ": var(").concat(tokens.calendarHeaderArrowPadding, ");\n    ").concat(calendarBaseTokens.calendarHeaderPadding, ": var(").concat(tokens.calendarHeaderPadding, ");\n    ").concat(calendarBaseTokens.calendarHeaderDateGap, ": var(").concat(tokens.calendarHeaderDateGap, ");\n    ").concat(calendarBaseTokens.calendarHeaderFontFamily, ": var(").concat(tokens.calendarHeaderFontFamily, ");\n    ").concat(calendarBaseTokens.calendarHeaderFontSize, ": var(").concat(tokens.calendarHeaderFontSize, ");\n    ").concat(calendarBaseTokens.calendarHeaderFontStyle, ": var(").concat(tokens.calendarHeaderFontStyle, ");\n    ").concat(calendarBaseTokens.calendarHeaderFontLetterSpacing, ": var(").concat(tokens.calendarHeaderFontLetterSpacing, ");\n    ").concat(calendarBaseTokens.calendarHeaderFontLineHeight, ": var(").concat(tokens.calendarHeaderFontLineHeight, ");\n    ").concat(calendarBaseTokens.calendarHeaderFontWeight, ": var(").concat(tokens.calendarHeaderFontWeight, ");\n    ").concat(calendarBaseTokens.calendarHeaderFontWeightBold, ": var(").concat(tokens.calendarHeaderFontWeightBold, ");\n    ").concat(calendarBaseTokens.calendarHeaderArrowColor, ": var(").concat(tokens.calendarHeaderArrowColor, ");\n    ").concat(calendarBaseTokens.calendarArrowHeaderCustomSize, ": var(").concat(tokens.calendarHeaderArrowCustomSize, ");\n    \n    ").concat(calendarBaseTokens.iconButtonHeight, ": var(").concat(tokens.iconButtonHeight, ");\n    ").concat(calendarBaseTokens.iconButtonWidth, ": var(").concat(tokens.iconButtonWidth, ");\n    ").concat(calendarBaseTokens.iconButtonPadding, ": var(").concat(tokens.iconButtonPadding, ");\n    ").concat(calendarBaseTokens.iconButtonRadius, ": var(").concat(tokens.iconButtonRadius, ");\n    ").concat(calendarBaseTokens.iconButtonFocusColor, ": var(").concat(tokens.iconButtonFocusColor, ");\n");
 // NOTE: переопределение токенов Calendar
 export var StyledCalendar = styled(Calendar).withConfig({
     displayName: "DatePickerBase.styles__StyledCalendar",
-    componentId: "sc-d2170f67-0"
+    componentId: "sc-530f24b5-0"
 })([
     "",
     " width:",
@@ -24,7 +24,7 @@ export var StyledCalendar = styled(Calendar).withConfig({
 });
 export var InputHidden = styled.input.withConfig({
     displayName: "DatePickerBase.styles__InputHidden",
-    componentId: "sc-d2170f67-1"
+    componentId: "sc-530f24b5-1"
 })([
     "",
     ";"

package/styled-components/es/components/DatePicker/SingleDate/SingleDate.styles.js

@@ -10,14 +10,14 @@ var mergedPopoverConfig = mergeConfig(popoverConfig);
 var Popover = component(mergedPopoverConfig);
 export var StyledPopover = styled(Popover).withConfig({
     displayName: "SingleDate.styles__StyledPopover",
-    componentId: "sc-72bbf61c-0"
+    componentId: "sc-4c1f319e-0"
 })([
     ""
 ]);
 // NOTE: переопределение токенов TextField
 export var StyledInput = styled(TextField).withConfig({
     displayName: "SingleDate.styles__StyledInput",
-    componentId: "sc-72bbf61c-1"
+    componentId: "sc-4c1f319e-1"
 })([
     "width:100%;",
     ":var(",
@@ -145,6 +145,9 @@ export var StyledInput = styled(TextField).withConfig({
     ");&.",
     "{",
     ":var(",
+    ",var(",
+    "));",
+    ":var(",
     ");",
     ":var(",
     ");",
@@ -158,6 +161,9 @@ export var StyledInput = styled(TextField).withConfig({
     ");}&.",
     "{",
     ":var(",
+    ",var(",
+    "));",
+    ":var(",
     ");",
     ":var(",
     ");",
@@ -169,7 +175,7 @@ export var StyledInput = styled(TextField).withConfig({
     ");",
     ":var(",
     ");}"
-], textFieldTokens.color, tokens.textFieldColor, textFieldTokens.placeholderColor, tokens.textFieldPlaceholderColor, textFieldTokens.placeholderColorFocus, tokens.textFieldPlaceholderColorFocus, textFieldTokens.caretColor, tokens.textFieldCaretColor, textFieldTokens.focusColor, tokens.textFieldFocusColor, textFieldTokens.backgroundColor, tokens.textFieldBackgroundColor, textFieldTokens.backgroundColorHover, tokens.textFieldBackgroundColorHover, textFieldTokens.backgroundColorFocus, tokens.textFieldBackgroundColorFocus, textFieldTokens.borderColor, tokens.borderColor, textFieldTokens.borderColorHover, tokens.borderColorHover, textFieldTokens.borderColorFocus, tokens.borderColorFocus, textFieldTokens.colorReadOnly, tokens.textFieldColorReadOnly, textFieldTokens.backgroundColorReadOnly, tokens.textFieldBackgroundColorReadOnly, textFieldTokens.readOnlyOpacity, tokens.textFieldReadOnlyOpacity, textFieldTokens.borderColorReadOnly, tokens.textFieldBorderColorReadOnly, textFieldTokens.placeholderColorReadOnly, tokens.textFieldPlaceholderColorReadOnly, textFieldTokens.height, tokens.textFieldHeight, textFieldTokens.borderWidth, tokens.textFieldBorderWidth, textFieldTokens.borderRadius, tokens.textFieldBorderRadius, textFieldTokens.padding, tokens.textFieldPadding, textFieldTokens.labelInnerPadding, tokens.labelInnerPadding, textFieldTokens.contentLabelInnerPadding, tokens.contentLabelInnerPadding, textFieldTokens.labelOffset, tokens.labelOffset, textFieldTokens.labelFontFamily, tokens.labelFontFamily, textFieldTokens.labelFontStyle, tokens.labelFontStyle, textFieldTokens.labelFontSize, tokens.labelFontSize, textFieldTokens.labelFontWeight, tokens.labelFontWeight, textFieldTokens.labelLetterSpacing, tokens.labelLetterSpacing, textFieldTokens.labelLineHeight, tokens.labelLineHeight, textFieldTokens.labelInnerFontFamily, tokens.labelInnerFontFamily, textFieldTokens.labelInnerFontSize, tokens.labelInnerFontSize, textFieldTokens.labelInnerFontStyle, tokens.labelInnerFontStyle, textFieldTokens.labelInnerFontWeight, tokens.labelInnerFontWeight, textFieldTokens.labelInnerLetterSpacing, tokens.labelInnerLetterSpacing, textFieldTokens.labelInnerLineHeight, tokens.labelInnerLineHeight, textFieldTokens.labelColorReadOnly, tokens.labelColorReadOnly, textFieldTokens.indicatorColor, tokens.indicatorColor, textFieldTokens.indicatorSizeInner, tokens.indicatorSize, textFieldTokens.indicatorSizeOuter, tokens.indicatorSizeOuter, textFieldTokens.indicatorLabelPlacementInner, tokens.indicatorPlacement, textFieldTokens.indicatorLabelPlacementOuter, tokens.indicatorOuterPlacement, textFieldTokens.indicatorLabelPlacementInnerRight, tokens.indicatorPlacementRight, textFieldTokens.indicatorLabelPlacementOuterRight, tokens.indicatorOuterPlacementRight, textFieldTokens.leftContentMargin, tokens.textFieldLeftContentMargin, textFieldTokens.rightContentMargin, tokens.textFieldRightContentMargin, textFieldTokens.fontFamily, tokens.textFieldFontFamily, textFieldTokens.fontSize, tokens.textFieldFontSize, textFieldTokens.fontStyle, tokens.textFieldFontStyle, textFieldTokens.fontWeight, tokens.textFieldFontWeight, textFieldTokens.letterSpacing, tokens.textFieldLetterSpacing, textFieldTokens.lineHeight, tokens.textFieldLineHeight, textFieldTokens.disabledOpacity, tokens.disabledOpacity, textFieldTokens.textBeforeColor, tokens.textFieldTextBeforeColor, textFieldTokens.textAfterColor, tokens.textFieldTextAfterColor, textFieldTokens.textBeforeMargin, tokens.textFieldTextBeforeMargin, textFieldTokens.textAfterMargin, tokens.textFieldTextAfterMargin, textFieldTokens.contentSlotColor, tokens.textFieldContentSlotColor, tokens.textFieldColor, textFieldTokens.contentSlotRightColor, tokens.textFieldContentRightSlotColor, textFieldTokens.contentSlotColor, textFieldTokens.contentSlotRightColorHover, tokens.textFieldContentRightSlotColorHover, textFieldTokens.contentSlotRightColor, textFieldTokens.contentSlotRightOpacityReadOnly, tokens.textFieldContentSlotRightOpacityReadOnly, classes.datePickerError, textFieldTokens.backgroundColor, tokens.textFieldBackgroundErrorColor, textFieldTokens.backgroundColorHover, tokens.textFieldBackgroundErrorColorHover, textFieldTokens.backgroundColorFocus, tokens.textFieldBackgroundErrorColorFocus, textFieldTokens.borderColor, tokens.textFieldBorderColorError, textFieldTokens.borderColorHover, tokens.textFieldBorderColorErrorHover, textFieldTokens.borderColorFocus, tokens.textFieldBorderColorErrorFocus, classes.datePickerSuccess, textFieldTokens.backgroundColor, tokens.textFieldBackgroundSuccessColor, textFieldTokens.backgroundColorHover, tokens.textFieldBackgroundSuccessColorHover, textFieldTokens.backgroundColorFocus, tokens.textFieldBackgroundSuccessColorFocus, textFieldTokens.borderColor, tokens.textFieldBorderColorSuccess, textFieldTokens.borderColorHover, tokens.textFieldBorderColorSuccessHover, textFieldTokens.borderColorFocus, tokens.textFieldBorderColorSuccessFocus);
+], textFieldTokens.color, tokens.textFieldColor, textFieldTokens.placeholderColor, tokens.textFieldPlaceholderColor, textFieldTokens.placeholderColorFocus, tokens.textFieldPlaceholderColorFocus, textFieldTokens.caretColor, tokens.textFieldCaretColor, textFieldTokens.focusColor, tokens.textFieldFocusColor, textFieldTokens.backgroundColor, tokens.textFieldBackgroundColor, textFieldTokens.backgroundColorHover, tokens.textFieldBackgroundColorHover, textFieldTokens.backgroundColorFocus, tokens.textFieldBackgroundColorFocus, textFieldTokens.borderColor, tokens.borderColor, textFieldTokens.borderColorHover, tokens.borderColorHover, textFieldTokens.borderColorFocus, tokens.borderColorFocus, textFieldTokens.colorReadOnly, tokens.textFieldColorReadOnly, textFieldTokens.backgroundColorReadOnly, tokens.textFieldBackgroundColorReadOnly, textFieldTokens.readOnlyOpacity, tokens.textFieldReadOnlyOpacity, textFieldTokens.borderColorReadOnly, tokens.textFieldBorderColorReadOnly, textFieldTokens.placeholderColorReadOnly, tokens.textFieldPlaceholderColorReadOnly, textFieldTokens.height, tokens.textFieldHeight, textFieldTokens.borderWidth, tokens.textFieldBorderWidth, textFieldTokens.borderRadius, tokens.textFieldBorderRadius, textFieldTokens.padding, tokens.textFieldPadding, textFieldTokens.labelInnerPadding, tokens.labelInnerPadding, textFieldTokens.contentLabelInnerPadding, tokens.contentLabelInnerPadding, textFieldTokens.labelOffset, tokens.labelOffset, textFieldTokens.labelFontFamily, tokens.labelFontFamily, textFieldTokens.labelFontStyle, tokens.labelFontStyle, textFieldTokens.labelFontSize, tokens.labelFontSize, textFieldTokens.labelFontWeight, tokens.labelFontWeight, textFieldTokens.labelLetterSpacing, tokens.labelLetterSpacing, textFieldTokens.labelLineHeight, tokens.labelLineHeight, textFieldTokens.labelInnerFontFamily, tokens.labelInnerFontFamily, textFieldTokens.labelInnerFontSize, tokens.labelInnerFontSize, textFieldTokens.labelInnerFontStyle, tokens.labelInnerFontStyle, textFieldTokens.labelInnerFontWeight, tokens.labelInnerFontWeight, textFieldTokens.labelInnerLetterSpacing, tokens.labelInnerLetterSpacing, textFieldTokens.labelInnerLineHeight, tokens.labelInnerLineHeight, textFieldTokens.labelColorReadOnly, tokens.labelColorReadOnly, textFieldTokens.indicatorColor, tokens.indicatorColor, textFieldTokens.indicatorSizeInner, tokens.indicatorSize, textFieldTokens.indicatorSizeOuter, tokens.indicatorSizeOuter, textFieldTokens.indicatorLabelPlacementInner, tokens.indicatorPlacement, textFieldTokens.indicatorLabelPlacementOuter, tokens.indicatorOuterPlacement, textFieldTokens.indicatorLabelPlacementInnerRight, tokens.indicatorPlacementRight, textFieldTokens.indicatorLabelPlacementOuterRight, tokens.indicatorOuterPlacementRight, textFieldTokens.leftContentMargin, tokens.textFieldLeftContentMargin, textFieldTokens.rightContentMargin, tokens.textFieldRightContentMargin, textFieldTokens.fontFamily, tokens.textFieldFontFamily, textFieldTokens.fontSize, tokens.textFieldFontSize, textFieldTokens.fontStyle, tokens.textFieldFontStyle, textFieldTokens.fontWeight, tokens.textFieldFontWeight, textFieldTokens.letterSpacing, tokens.textFieldLetterSpacing, textFieldTokens.lineHeight, tokens.textFieldLineHeight, textFieldTokens.disabledOpacity, tokens.disabledOpacity, textFieldTokens.textBeforeColor, tokens.textFieldTextBeforeColor, textFieldTokens.textAfterColor, tokens.textFieldTextAfterColor, textFieldTokens.textBeforeMargin, tokens.textFieldTextBeforeMargin, textFieldTokens.textAfterMargin, tokens.textFieldTextAfterMargin, textFieldTokens.contentSlotColor, tokens.textFieldContentSlotColor, tokens.textFieldColor, textFieldTokens.contentSlotRightColor, tokens.textFieldContentRightSlotColor, textFieldTokens.contentSlotColor, textFieldTokens.contentSlotRightColorHover, tokens.textFieldContentRightSlotColorHover, textFieldTokens.contentSlotRightColor, textFieldTokens.contentSlotRightOpacityReadOnly, tokens.textFieldContentSlotRightOpacityReadOnly, classes.datePickerError, textFieldTokens.color, tokens.textFieldColorError, tokens.textFieldColor, textFieldTokens.backgroundColor, tokens.textFieldBackgroundErrorColor, textFieldTokens.backgroundColorHover, tokens.textFieldBackgroundErrorColorHover, textFieldTokens.backgroundColorFocus, tokens.textFieldBackgroundErrorColorFocus, textFieldTokens.borderColor, tokens.textFieldBorderColorError, textFieldTokens.borderColorHover, tokens.textFieldBorderColorErrorHover, textFieldTokens.borderColorFocus, tokens.textFieldBorderColorErrorFocus, classes.datePickerSuccess, textFieldTokens.color, tokens.textFieldColorSuccess, tokens.textFieldColor, textFieldTokens.backgroundColor, tokens.textFieldBackgroundSuccessColor, textFieldTokens.backgroundColorHover, tokens.textFieldBackgroundSuccessColorHover, textFieldTokens.backgroundColorFocus, tokens.textFieldBackgroundSuccessColorFocus, textFieldTokens.borderColor, tokens.textFieldBorderColorSuccess, textFieldTokens.borderColorHover, tokens.textFieldBorderColorSuccessHover, textFieldTokens.borderColorFocus, tokens.textFieldBorderColorSuccessFocus);
 export var base = css([
     "display:inline-block;.",
     ",.",
@@ -179,7 +185,7 @@ export var base = css([
 ], popoverClasses.wrapper, popoverClasses.target, classes.datePickerstretched, popoverClasses.root);
 export var LeftHelper = styled.div.withConfig({
     displayName: "SingleDate.styles__LeftHelper",
-    componentId: "sc-72bbf61c-2"
+    componentId: "sc-4c1f319e-2"
 })([
     "color:var(",
     ");&.",

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

@@ -71,7 +71,7 @@ import { useDrawer } from "./hooks";
 // issue #823
 export var drawerRoot = function(Root) {
     return /*#__PURE__*/ forwardRef(function(_param, outerRef) {
-        var id = _param.id, zIndex = _param.zIndex, popupInfo = _param.popupInfo, withBlur = _param.withBlur, children = _param.children, view = _param.view, size = _param.size, width = _param.width, height = _param.height, isOpen = _param.isOpen, opened = _param.opened, initialFocusRef = _param.initialFocusRef, focusAfterRef = _param.focusAfterRef, animationInfo = _param.animationInfo, className = _param.className, customBackgroundColor = _param.customBackgroundColor, customContentBackgroundColor = _param.customContentBackgroundColor, onClose = _param.onClose, onOverlayClick = _param.onOverlayClick, onEscKeyDown = _param.onEscKeyDown, offset = _param.offset, frame = _param.frame, _param_borderRadius = _param.borderRadius, borderRadius = _param_borderRadius === void 0 ? 'none' : _param_borderRadius, _param_placement = _param.placement, placement = _param_placement === void 0 ? 'right' : _param_placement, _param_closeOnEsc = _param.closeOnEsc, closeOnEsc = _param_closeOnEsc === void 0 ? true : _param_closeOnEsc, _param_closeOnOverlayClick = _param.closeOnOverlayClick, closeOnOverlayClick = _param_closeOnOverlayClick === void 0 ? true : _param_closeOnOverlayClick, _param_asModal = _param.asModal, asModal = _param_asModal === void 0 ? true : _param_asModal, draggable = _param.draggable, rest = _object_without_properties(_param, [
+        var id = _param.id, zIndex = _param.zIndex, popupInfo = _param.popupInfo, withBlur = _param.withBlur, children = _param.children, view = _param.view, size = _param.size, width = _param.width, height = _param.height, isOpen = _param.isOpen, opened = _param.opened, initialFocusRef = _param.initialFocusRef, focusAfterRef = _param.focusAfterRef, animationInfo = _param.animationInfo, className = _param.className, customBackgroundColor = _param.customBackgroundColor, customContentBackgroundColor = _param.customContentBackgroundColor, onClose = _param.onClose, onOverlayClick = _param.onOverlayClick, onEscKeyDown = _param.onEscKeyDown, offset = _param.offset, frame = _param.frame, _param_positionFixed = _param.positionFixed, positionFixed = _param_positionFixed === void 0 ? false : _param_positionFixed, _param_borderRadius = _param.borderRadius, borderRadius = _param_borderRadius === void 0 ? 'none' : _param_borderRadius, _param_placement = _param.placement, placement = _param_placement === void 0 ? 'right' : _param_placement, _param_closeOnEsc = _param.closeOnEsc, closeOnEsc = _param_closeOnEsc === void 0 ? true : _param_closeOnEsc, _param_closeOnOverlayClick = _param.closeOnOverlayClick, closeOnOverlayClick = _param_closeOnOverlayClick === void 0 ? true : _param_closeOnOverlayClick, _param_asModal = _param.asModal, asModal = _param_asModal === void 0 ? true : _param_asModal, draggable = _param.draggable, rest = _object_without_properties(_param, [
             "id",
             "zIndex",
             "popupInfo",
@@ -94,6 +94,7 @@ export var drawerRoot = function(Root) {
             "onEscKeyDown",
             "offset",
             "frame",
+            "positionFixed",
             "borderRadius",
             "placement",
             "closeOnEsc",
@@ -145,6 +146,7 @@ export var drawerRoot = function(Root) {
             placement: placement,
             popupInfo: drawerInfo,
             frame: frame,
+            positionFixed: positionFixed,
             width: innerWidth,
             height: innerHeight,
             offset: offset,

package/styled-components/es/components/Popup/Popup.styles.js

@@ -11,25 +11,25 @@ export var base = css([
 ], classes.draggablePopupWrapper, classes.draggingPopupWrapper, classes.resizableContainerNoSelect);
 export var StyledPortal = styled.div.withConfig({
     displayName: "Popup.styles__StyledPortal",
-    componentId: "sc-e8036c4-0"
+    componentId: "sc-e809f9e3-0"
 })([
     ""
 ]);
 export var StyledPortalContainer = styled.div.withConfig({
     displayName: "Popup.styles__StyledPortalContainer",
-    componentId: "sc-e8036c4-1"
+    componentId: "sc-e809f9e3-1"
 })([
     "width:0;"
 ]);
 export var PopupView = styled.div.withConfig({
     displayName: "Popup.styles__PopupView",
-    componentId: "sc-e8036c4-2"
+    componentId: "sc-e809f9e3-2"
 })([
     "position:relative;max-width:100%;pointer-events:all;"
 ]);
 export var PopupRootContainer = styled.div.withConfig({
     displayName: "Popup.styles__PopupRootContainer",
-    componentId: "sc-e8036c4-3"
+    componentId: "sc-e809f9e3-3"
 })([
     "position:",
     ";z-index:",
@@ -40,8 +40,8 @@ export var PopupRootContainer = styled.div.withConfig({
     ";transform:",
     ";"
 ], function(param) {
-    var frame = param.frame;
-    return frame === 'document' ? 'fixed' : 'absolute';
+    var frame = param.frame, positionFixed = param.positionFixed;
+    return frame === 'document' || positionFixed ? 'fixed' : 'absolute';
 }, function(param) {
     var zIndex = param.zIndex;
     return zIndex || DEFAULT_Z_INDEX;
@@ -63,7 +63,7 @@ export var PopupRootContainer = styled.div.withConfig({
 });
 export var IconResizeDiagonalStyled = styled(IconResizeDiagonal).withConfig({
     displayName: "Popup.styles__IconResizeDiagonalStyled",
-    componentId: "sc-e8036c4-4"
+    componentId: "sc-e809f9e3-4"
 })([
     "color:var(--text-secondary);&:hover{color:var(--text-secondary-hover);}&:active{color:var(--text-secondary-active);}&.",
     "{transform:rotate(-90deg);}&.",

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

@@ -101,7 +101,7 @@ function _unsupported_iterable_to_array(o, minLen) {
 }
 import React, { forwardRef, useState, useRef, useLayoutEffect } from "react";
 import { useForkRef } from "@salutejs/plasma-core";
-import { cx, getTokenValueInPixels } from "../../utils";
+import { getTokenValueInPixels } from "../../utils";
 import { base as viewCSS } from "./variations/_view/base";
 import { base as sizeCSS } from "./variations/_size/base";
 import { base, StyledSVG, StyledBackgroundCircle, StyledProgressCircle, StyledContent } from "./ProgressBarCircular.styles";
@@ -143,7 +143,7 @@ export var progressBarCircularRoot = function(Root) {
             ref: rootForkRef,
             view: view,
             size: size,
-            className: cx(className)
+            className: className
         }, rest), /*#__PURE__*/ React.createElement(StyledSVG, {
             width: "100%",
             height: "100%",

package/styled-components/es/examples/components/ProgressBarCircular/ProgressBarCircular.config.js

@@ -42,6 +42,12 @@ export var config = {
                 ":var(--surface-transparent-tertiary);",
                 ":var(--surface-negative);",
                 ":var(--text-primary);"
+            ], progressBarCircularTokens.backgroundStroke, progressBarCircularTokens.progressStroke, progressBarCircularTokens.contentColor),
+            info: css([
+                "",
+                ":var(--surface-transparent-tertiary);",
+                ":var(--surface-info);",
+                ":var(--text-primary);"
             ], progressBarCircularTokens.backgroundStroke, progressBarCircularTokens.progressStroke, progressBarCircularTokens.contentColor)
         },
         size: {

package/types/components/Calendar/Calendar.tokens.d.ts

@@ -68,6 +68,7 @@ export declare const tokens: {
     calendarDayFontWeight: string;
     calendarDaySelectedFontWeight: string;
     calendarDayOfWeekColor: string;
+    calendarEventItemBottom: string;
     calendarHeaderWrapperPadding: string;
     calendarHeaderArrowGap: string;
     calendarHeaderArrowPadding: string;

package/types/components/Calendar/Calendar.tokens.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Calendar.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Calendar/Calendar.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;CAiBnB,CAAC;AAEF,eAAO,MAAM,WAAW;;;;;;;;;CAWvB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4GlB,CAAC"}
+{"version":3,"file":"Calendar.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Calendar/Calendar.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;CAiBnB,CAAC;AAEF,eAAO,MAAM,WAAW;;;;;;;;;CAWvB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8GlB,CAAC"}