@salutejs/plasma-new-hope 0.339.0-canary.2300.18832443234.0 → 0.339.0-canary.2303.18841217749.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.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 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\n    ").concat(_Calendar.calendarBaseTokens.tooltipPaddingTop, " var(").concat(_DatePickertokens.tokens.tooltipPaddingTop, ");\n    ").concat(_Calendar.calendarBaseTokens.tooltipPaddingRight, " var(").concat(_DatePickertokens.tokens.tooltipPaddingRight, ");\n    ").concat(_Calendar.calendarBaseTokens.tooltipPaddingBottom, " var(").concat(_DatePickertokens.tokens.tooltipPaddingBottom, ");\n    ").concat(_Calendar.calendarBaseTokens.tooltipPaddingLeft, " var(").concat(_DatePickertokens.tokens.tooltipPaddingLeft, ");\n    ").concat(_Calendar.calendarBaseTokens.tooltipMinHeight, " var(").concat(_DatePickertokens.tokens.tooltipMinHeight, ");\n    ").concat(_Calendar.calendarBaseTokens.tooltipBackgroundColor, " var(").concat(_DatePickertokens.tokens.tooltipBackgroundColor, ");\n    ").concat(_Calendar.calendarBaseTokens.tooltipBoxShadow, " var(").concat(_DatePickertokens.tokens.tooltipBoxShadow, ");\n    ").concat(_Calendar.calendarBaseTokens.tooltipBorderRadius, " var(").concat(_DatePickertokens.tokens.tooltipBorderRadius, ");\n    ").concat(_Calendar.calendarBaseTokens.tooltipColor, " var(").concat(_DatePickertokens.tokens.tooltipColor, ");\n    ").concat(_Calendar.calendarBaseTokens.tooltipTextFontFamily, " var(").concat(_DatePickertokens.tokens.tooltipTextFontFamily, ");\n    ").concat(_Calendar.calendarBaseTokens.tooltipTextFontSize, " var(").concat(_DatePickertokens.tokens.tooltipTextFontSize, ");\n    ").concat(_Calendar.calendarBaseTokens.tooltipTextFontStyle, " var(").concat(_DatePickertokens.tokens.tooltipTextFontStyle, ");\n    ").concat(_Calendar.calendarBaseTokens.tooltipTextFontWeight, " var(").concat(_DatePickertokens.tokens.tooltipTextFontWeight, ");\n    ").concat(_Calendar.calendarBaseTokens.tooltipTextFontLetterSpacing, " var(").concat(_DatePickertokens.tokens.tooltipTextFontLetterSpacing, ");\n    ").concat(_Calendar.calendarBaseTokens.tooltipTextFontLineHeight, " var(").concat(_DatePickertokens.tokens.tooltipTextFontLineHeight, ");\n    ").concat(_Calendar.calendarBaseTokens.tooltipContentLeftMargin, " var(").concat(_DatePickertokens.tokens.tooltipContentLeftMargin, ");\n    ").concat(_Calendar.calendarBaseTokens.tooltipArrowMaskWidth, " var(").concat(_DatePickertokens.tokens.tooltipArrowMaskWidth, ");\n    ").concat(_Calendar.calendarBaseTokens.tooltipArrowMaskHeight, " var(").concat(_DatePickertokens.tokens.tooltipArrowMaskHeight, ");\n    ").concat(_Calendar.calendarBaseTokens.tooltipArrowMaskImage, " var(").concat(_DatePickertokens.tokens.tooltipArrowMaskImage, ");\n    ").concat(_Calendar.calendarBaseTokens.tooltipArrowBackground, " var(").concat(_DatePickertokens.tokens.tooltipArrowBackground, ");\n    ").concat(_Calendar.calendarBaseTokens.tooltipArrowHeight, " var(").concat(_DatePickertokens.tokens.tooltipArrowHeight, ");\n    ").concat(_Calendar.calendarBaseTokens.tooltipArrowEdgeMargin, " var(").concat(_DatePickertokens.tokens.tooltipArrowEdgeMargin, ");\n");
 var StyledCalendar = (0, _styledcomponents.default)(Calendar).withConfig({
     displayName: "DatePickerBase.styles__StyledCalendar",
-    componentId: "sc-530f24b5-0"
+    componentId: "sc-ac98e633-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-530f24b5-1"
+    componentId: "sc-ac98e633-1"
 })([
     "",
     ";"

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

@@ -28,8 +28,9 @@ var _utils1 = require("../../Calendar/utils");
 var _utils2 = require("../utils");
 var _base = require("./variations/_size/base");
 var _base1 = require("./variations/_view/base");
-var _base2 = require("./variations/_disabled/base");
-var _base3 = require("./variations/_readonly/base");
+var _base2 = require("./variations/_tooltip-size/base");
+var _base3 = require("./variations/_disabled/base");
+var _base4 = require("./variations/_readonly/base");
 var _RangeDatestyles = require("./RangeDate.styles");
 var _RangeDatePopover = require("./RangeDatePopover/RangeDatePopover");
 function _array_like_to_array(arr, len) {
@@ -205,7 +206,7 @@ function _unsupported_iterable_to_array(o, minLen) {
 }
 var datePickerRangeRoot = function(Root) {
     return /*#__PURE__*/ (0, _react.forwardRef)(function(_param, ref) {
-        var className = _param.className, autoComplete = _param.autoComplete, _param_isDoubleCalendar = _param.isDoubleCalendar, isDoubleCalendar = _param_isDoubleCalendar === void 0 ? false : _param_isDoubleCalendar, _param_opened = _param.opened, opened = _param_opened === void 0 ? false : _param_opened, outerValue = _param.value, _param_defaultFirstDate = _param.defaultFirstDate, defaultFirstDate = _param_defaultFirstDate === void 0 ? '' : _param_defaultFirstDate, _param_defaultSecondDate = _param.defaultSecondDate, defaultSecondDate = _param_defaultSecondDate === void 0 ? '' : _param_defaultSecondDate, preserveInvalidOnBlur = _param.preserveInvalidOnBlur, label = _param.label, leftHelper = _param.leftHelper, contentLeft = _param.contentLeft, contentRight = _param.contentRight, view = _param.view, size = _param.size, _param_readOnly = _param.readOnly, readOnly = _param_readOnly === void 0 ? false : _param_readOnly, _param_disabled = _param.disabled, disabled = _param_disabled === void 0 ? false : _param_disabled, name = _param.name, _param_dividerVariant = _param.dividerVariant, dividerVariant = _param_dividerVariant === void 0 ? 'dash' : _param_dividerVariant, dividerIcon = _param.dividerIcon, firstValueError = _param.firstValueError, secondValueError = _param.secondValueError, firstValueSuccess = _param.firstValueSuccess, secondValueSuccess = _param.secondValueSuccess, firstPlaceholder = _param.firstPlaceholder, secondPlaceholder = _param.secondPlaceholder, firstTextfieldContentLeft = _param.firstTextfieldContentLeft, firstTextfieldContentRight = _param.firstTextfieldContentRight, secondTextfieldContentLeft = _param.secondTextfieldContentLeft, secondTextfieldContentRight = _param.secondTextfieldContentRight, firstTextfieldTextBefore = _param.firstTextfieldTextBefore, secondTextfieldTextBefore = _param.secondTextfieldTextBefore, firstTextfieldTextAfter = _param.firstTextfieldTextAfter, secondTextfieldTextAfter = _param.secondTextfieldTextAfter, required = _param.required, _param_requiredPlacement = _param.requiredPlacement, requiredPlacement = _param_requiredPlacement === void 0 ? 'right' : _param_requiredPlacement, _param_hasRequiredIndicator = _param.hasRequiredIndicator, hasRequiredIndicator = _param_hasRequiredIndicator === void 0 ? true : _param_hasRequiredIndicator, _param_format = _param.format, format = _param_format === void 0 ? 'DD.MM.YYYY' : _param_format, _param_lang = _param.lang, lang = _param_lang === void 0 ? 'ru' : _param_lang, maskWithFormat = _param.maskWithFormat, min = _param.min, max = _param.max, renderFromDate = _param.renderFromDate, _param_includeEdgeDates = _param.includeEdgeDates, includeEdgeDates = _param_includeEdgeDates === void 0 ? false : _param_includeEdgeDates, eventList = _param.eventList, disabledList = _param.disabledList, eventMonthList = _param.eventMonthList, disabledMonthList = _param.disabledMonthList, eventQuarterList = _param.eventQuarterList, disabledQuarterList = _param.disabledQuarterList, eventYearList = _param.eventYearList, disabledYearList = _param.disabledYearList, _param_type = _param.type, type = _param_type === void 0 ? 'Days' : _param_type, _param_frame = _param.frame, frame = _param_frame === void 0 ? 'document' : _param_frame, _param_usePortal = _param.usePortal, usePortal = _param_usePortal === void 0 ? false : _param_usePortal, zIndex = _param.zIndex, _param_placement = _param.placement, placement = _param_placement === void 0 ? [
+        var className = _param.className, autoComplete = _param.autoComplete, _param_isDoubleCalendar = _param.isDoubleCalendar, isDoubleCalendar = _param_isDoubleCalendar === void 0 ? false : _param_isDoubleCalendar, _param_opened = _param.opened, opened = _param_opened === void 0 ? false : _param_opened, outerValue = _param.value, _param_defaultFirstDate = _param.defaultFirstDate, defaultFirstDate = _param_defaultFirstDate === void 0 ? '' : _param_defaultFirstDate, _param_defaultSecondDate = _param.defaultSecondDate, defaultSecondDate = _param_defaultSecondDate === void 0 ? '' : _param_defaultSecondDate, preserveInvalidOnBlur = _param.preserveInvalidOnBlur, label = _param.label, leftHelper = _param.leftHelper, contentLeft = _param.contentLeft, contentRight = _param.contentRight, view = _param.view, size = _param.size, _param_readOnly = _param.readOnly, readOnly = _param_readOnly === void 0 ? false : _param_readOnly, _param_disabled = _param.disabled, disabled = _param_disabled === void 0 ? false : _param_disabled, name = _param.name, _param_dividerVariant = _param.dividerVariant, dividerVariant = _param_dividerVariant === void 0 ? 'dash' : _param_dividerVariant, dividerIcon = _param.dividerIcon, firstValueError = _param.firstValueError, secondValueError = _param.secondValueError, firstValueSuccess = _param.firstValueSuccess, secondValueSuccess = _param.secondValueSuccess, firstPlaceholder = _param.firstPlaceholder, secondPlaceholder = _param.secondPlaceholder, firstTextfieldContentLeft = _param.firstTextfieldContentLeft, firstTextfieldContentRight = _param.firstTextfieldContentRight, secondTextfieldContentLeft = _param.secondTextfieldContentLeft, secondTextfieldContentRight = _param.secondTextfieldContentRight, firstTextfieldTextBefore = _param.firstTextfieldTextBefore, secondTextfieldTextBefore = _param.secondTextfieldTextBefore, firstTextfieldTextAfter = _param.firstTextfieldTextAfter, secondTextfieldTextAfter = _param.secondTextfieldTextAfter, required = _param.required, _param_requiredPlacement = _param.requiredPlacement, requiredPlacement = _param_requiredPlacement === void 0 ? 'right' : _param_requiredPlacement, _param_hasRequiredIndicator = _param.hasRequiredIndicator, hasRequiredIndicator = _param_hasRequiredIndicator === void 0 ? true : _param_hasRequiredIndicator, _param_format = _param.format, format = _param_format === void 0 ? 'DD.MM.YYYY' : _param_format, _param_lang = _param.lang, lang = _param_lang === void 0 ? 'ru' : _param_lang, maskWithFormat = _param.maskWithFormat, min = _param.min, max = _param.max, renderFromDate = _param.renderFromDate, _param_includeEdgeDates = _param.includeEdgeDates, includeEdgeDates = _param_includeEdgeDates === void 0 ? false : _param_includeEdgeDates, eventTooltipOptions = _param.eventTooltipOptions, eventList = _param.eventList, disabledList = _param.disabledList, eventMonthList = _param.eventMonthList, disabledMonthList = _param.disabledMonthList, eventQuarterList = _param.eventQuarterList, disabledQuarterList = _param.disabledQuarterList, eventYearList = _param.eventYearList, disabledYearList = _param.disabledYearList, _param_type = _param.type, type = _param_type === void 0 ? 'Days' : _param_type, _param_frame = _param.frame, frame = _param_frame === void 0 ? 'document' : _param_frame, _param_usePortal = _param.usePortal, usePortal = _param_usePortal === void 0 ? false : _param_usePortal, zIndex = _param.zIndex, _param_placement = _param.placement, placement = _param_placement === void 0 ? [
             'top',
             'bottom'
         ] : _param_placement, _param_closeOnOverlayClick = _param.closeOnOverlayClick, closeOnOverlayClick = _param_closeOnOverlayClick === void 0 ? true : _param_closeOnOverlayClick, _param_closeOnEsc = _param.closeOnEsc, closeOnEsc = _param_closeOnEsc === void 0 ? true : _param_closeOnEsc, _param_closeAfterDateSelect = _param.closeAfterDateSelect, closeAfterDateSelect = _param_closeAfterDateSelect === void 0 ? true : _param_closeAfterDateSelect, offset = _param.offset, calendarContainerWidth = _param.calendarContainerWidth, calendarContainerHeight = _param.calendarContainerHeight, stretched = _param.stretched, onToggle = _param.onToggle, onChange = _param.onChange, onChangeFirstValue = _param.onChangeFirstValue, onChangeSecondValue = _param.onChangeSecondValue, onCommitFirstDate = _param.onCommitFirstDate, onCommitSecondDate = _param.onCommitSecondDate, onFocusFirstTextfield = _param.onFocusFirstTextfield, onFocusSecondTextfield = _param.onFocusSecondTextfield, onBlurFirstTextfield = _param.onBlurFirstTextfield, onBlurSecondTextfield = _param.onBlurSecondTextfield, rest = _object_without_properties(_param, [
@@ -252,6 +253,7 @@ var datePickerRangeRoot = function(Root) {
             "max",
             "renderFromDate",
             "includeEdgeDates",
+            "eventTooltipOptions",
             "eventList",
             "disabledList",
             "eventMonthList",
@@ -596,6 +598,7 @@ var datePickerRangeRoot = function(Root) {
                 ref: rootWrapperRef,
                 view: view,
                 size: size,
+                eventTooltipSize: eventTooltipOptions === null || eventTooltipOptions === void 0 ? void 0 : eventTooltipOptions.size,
                 className: rootWrapperClassName,
                 disabled: disabled,
                 readOnly: !disabled && readOnly,
@@ -611,6 +614,7 @@ var datePickerRangeRoot = function(Root) {
             ref: rootRef,
             view: view,
             size: size,
+            eventTooltipSize: eventTooltipOptions === null || eventTooltipOptions === void 0 ? void 0 : eventTooltipOptions.size,
             className: (0, _classnames.default)(_DatePickertokens.classes.datePickerRoot, className, _define_property({}, _DatePickertokens.classes.datePickerstretched, stretched)),
             disabled: disabled,
             readOnly: !disabled && readOnly
@@ -622,6 +626,7 @@ var datePickerRangeRoot = function(Root) {
             target: RangeComponent,
             opened: isInnerOpen,
             includeEdgeDates: includeEdgeDates,
+            eventTooltipOptions: eventTooltipOptions,
             eventList: eventList,
             disabledList: disabledList,
             eventMonthList: eventMonthList,
@@ -682,17 +687,21 @@ var datePickerRangeConfig = {
         size: {
             css: _base.base
         },
+        eventTooltipSize: {
+            css: _base2.base
+        },
         disabled: {
-            css: _base2.base,
+            css: _base3.base,
             attrs: true
         },
         readOnly: {
-            css: _base3.base,
+            css: _base4.base,
             attrs: true
         }
     },
     defaults: {
         size: 'm',
-        view: 'default'
+        view: 'default',
+        eventTooltipSizeCSS: 'm'
     }
 };

package/styled-components/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js

@@ -74,7 +74,7 @@ function _interop_require_wildcard(obj, nodeInterop) {
     return newObj;
 }
 var RangeDatePopover = function(param) {
-    var Root = param.rootWrapper, target = param.target, isOpen = param.isOpen, opened = param.opened, isDoubleCalendar = param.isDoubleCalendar, calendarValue = param.calendarValue, min = param.min, max = param.max, renderFromDate = param.renderFromDate, includeEdgeDates = param.includeEdgeDates, eventList = param.eventList, disabledList = param.disabledList, eventMonthList = param.eventMonthList, disabledMonthList = param.disabledMonthList, eventQuarterList = param.eventQuarterList, disabledQuarterList = param.disabledQuarterList, eventYearList = param.eventYearList, disabledYearList = param.disabledYearList, _param_frame = param.frame, frame = _param_frame === void 0 ? 'document' : _param_frame, _param_usePortal = param.usePortal, usePortal = _param_usePortal === void 0 ? false : _param_usePortal, zIndex = param.zIndex, _param_placement = param.placement, placement = _param_placement === void 0 ? [
+    var Root = param.rootWrapper, target = param.target, isOpen = param.isOpen, opened = param.opened, isDoubleCalendar = param.isDoubleCalendar, calendarValue = param.calendarValue, min = param.min, max = param.max, renderFromDate = param.renderFromDate, includeEdgeDates = param.includeEdgeDates, eventTooltipOptions = param.eventTooltipOptions, eventList = param.eventList, disabledList = param.disabledList, eventMonthList = param.eventMonthList, disabledMonthList = param.disabledMonthList, eventQuarterList = param.eventQuarterList, disabledQuarterList = param.disabledQuarterList, eventYearList = param.eventYearList, disabledYearList = param.disabledYearList, _param_frame = param.frame, frame = _param_frame === void 0 ? 'document' : _param_frame, _param_usePortal = param.usePortal, usePortal = _param_usePortal === void 0 ? false : _param_usePortal, zIndex = param.zIndex, _param_placement = param.placement, placement = _param_placement === void 0 ? [
         'top',
         'bottom'
     ] : _param_placement, _param_closeOnOverlayClick = param.closeOnOverlayClick, closeOnOverlayClick = _param_closeOnOverlayClick === void 0 ? true : _param_closeOnOverlayClick, closeOnEsc = param.closeOnEsc, offset = param.offset, calendarContainerWidth = param.calendarContainerWidth, calendarContainerHeight = param.calendarContainerHeight, stretched = param.stretched, type = param.type, size = param.size, _param_lang = param.lang, lang = _param_lang === void 0 ? 'ru' : _param_lang, disabled = param.disabled, readOnly = param.readOnly, setIsInnerOpen = param.setIsInnerOpen, onChangeValue = param.onChangeValue, onChangeStartOfRange = param.onChangeStartOfRange, onToggle = param.onToggle;
@@ -119,6 +119,7 @@ var RangeDatePopover = function(param) {
             innerHeight: calendarContainerHeightValue,
             size: size,
             value: calendarValue,
+            eventTooltipOptions: eventTooltipOptions,
             eventList: eventList,
             disabledList: disabledList,
             eventMonthList: eventMonthList,
@@ -161,6 +162,7 @@ var RangeDatePopover = function(param) {
         innerHeight: calendarContainerHeightValue,
         size: size,
         value: calendarValue,
+        eventTooltipOptions: eventTooltipOptions,
         eventList: eventList,
         disabledList: disabledList,
         eventMonthList: eventMonthList,

package/styled-components/cjs/components/DatePicker/RangeDate/variations/_tooltip-size/base.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "base", {
+    enumerable: true,
+    get: function() {
+        return base;
+    }
+});
+var _styledcomponents = require("styled-components");
+var base = (0, _styledcomponents.css)([
+    ""
+]);

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

@@ -27,8 +27,9 @@ var _useKeyboardNavigation = require("../hooks/useKeyboardNavigation");
 var _utils1 = require("../utils");
 var _base = require("./variations/_size/base");
 var _base1 = require("./variations/_view/base");
-var _base2 = require("./variations/_disabled/base");
-var _base3 = require("./variations/_readonly/base");
+var _base2 = require("./variations/_tooltip-size/base");
+var _base3 = require("./variations/_disabled/base");
+var _base4 = require("./variations/_readonly/base");
 var _SingleDatestyles = require("./SingleDate.styles");
 function _array_like_to_array(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
@@ -179,7 +180,7 @@ function _unsupported_iterable_to_array(o, minLen) {
 }
 var datePickerRoot = function(Root) {
     return /*#__PURE__*/ (0, _react.forwardRef)(function(_param, ref) {
-        var className = _param.className, _param_opened = _param.opened, opened = _param_opened === void 0 ? false : _param_opened, outerValue = _param.value, _param_defaultDate = _param.defaultDate, defaultDate = _param_defaultDate === void 0 ? '' : _param_defaultDate, preserveInvalidOnBlur = _param.preserveInvalidOnBlur, label = _param.label, _param_labelPlacement = _param.labelPlacement, labelPlacement = _param_labelPlacement === void 0 ? 'outer' : _param_labelPlacement, keepPlaceholder = _param.keepPlaceholder, _param_required = _param.required, required = _param_required === void 0 ? false : _param_required, _param_requiredPlacement = _param.requiredPlacement, requiredPlacement = _param_requiredPlacement === void 0 ? 'right' : _param_requiredPlacement, _param_hasRequiredIndicator = _param.hasRequiredIndicator, hasRequiredIndicator = _param_hasRequiredIndicator === void 0 ? true : _param_hasRequiredIndicator, placeholder = _param.placeholder, leftHelper = _param.leftHelper, contentLeft = _param.contentLeft, contentRight = _param.contentRight, textBefore = _param.textBefore, textAfter = _param.textAfter, view = _param.view, size = _param.size, _param_readOnly = _param.readOnly, readOnly = _param_readOnly === void 0 ? false : _param_readOnly, _param_disabled = _param.disabled, disabled = _param_disabled === void 0 ? false : _param_disabled, name = _param.name, valueError = _param.valueError, valueSuccess = _param.valueSuccess, _param_format = _param.format, format = _param_format === void 0 ? 'DD.MM.YYYY' : _param_format, _param_lang = _param.lang, lang = _param_lang === void 0 ? 'ru' : _param_lang, maskWithFormat = _param.maskWithFormat, min = _param.min, max = _param.max, renderFromDate = _param.renderFromDate, _param_includeEdgeDates = _param.includeEdgeDates, includeEdgeDates = _param_includeEdgeDates === void 0 ? false : _param_includeEdgeDates, eventList = _param.eventList, disabledList = _param.disabledList, eventMonthList = _param.eventMonthList, disabledMonthList = _param.disabledMonthList, eventQuarterList = _param.eventQuarterList, disabledQuarterList = _param.disabledQuarterList, eventYearList = _param.eventYearList, disabledYearList = _param.disabledYearList, _param_type = _param.type, type = _param_type === void 0 ? 'Days' : _param_type, _param_frame = _param.frame, frame = _param_frame === void 0 ? 'document' : _param_frame, _param_usePortal = _param.usePortal, usePortal = _param_usePortal === void 0 ? false : _param_usePortal, zIndex = _param.zIndex, _param_placement = _param.placement, placement = _param_placement === void 0 ? [
+        var className = _param.className, _param_opened = _param.opened, opened = _param_opened === void 0 ? false : _param_opened, outerValue = _param.value, _param_defaultDate = _param.defaultDate, defaultDate = _param_defaultDate === void 0 ? '' : _param_defaultDate, preserveInvalidOnBlur = _param.preserveInvalidOnBlur, label = _param.label, _param_labelPlacement = _param.labelPlacement, labelPlacement = _param_labelPlacement === void 0 ? 'outer' : _param_labelPlacement, keepPlaceholder = _param.keepPlaceholder, _param_required = _param.required, required = _param_required === void 0 ? false : _param_required, _param_requiredPlacement = _param.requiredPlacement, requiredPlacement = _param_requiredPlacement === void 0 ? 'right' : _param_requiredPlacement, _param_hasRequiredIndicator = _param.hasRequiredIndicator, hasRequiredIndicator = _param_hasRequiredIndicator === void 0 ? true : _param_hasRequiredIndicator, placeholder = _param.placeholder, leftHelper = _param.leftHelper, contentLeft = _param.contentLeft, contentRight = _param.contentRight, textBefore = _param.textBefore, textAfter = _param.textAfter, view = _param.view, size = _param.size, _param_readOnly = _param.readOnly, readOnly = _param_readOnly === void 0 ? false : _param_readOnly, _param_disabled = _param.disabled, disabled = _param_disabled === void 0 ? false : _param_disabled, name = _param.name, valueError = _param.valueError, valueSuccess = _param.valueSuccess, _param_format = _param.format, format = _param_format === void 0 ? 'DD.MM.YYYY' : _param_format, _param_lang = _param.lang, lang = _param_lang === void 0 ? 'ru' : _param_lang, maskWithFormat = _param.maskWithFormat, min = _param.min, max = _param.max, renderFromDate = _param.renderFromDate, _param_includeEdgeDates = _param.includeEdgeDates, includeEdgeDates = _param_includeEdgeDates === void 0 ? false : _param_includeEdgeDates, eventTooltipOptions = _param.eventTooltipOptions, eventList = _param.eventList, disabledList = _param.disabledList, eventMonthList = _param.eventMonthList, disabledMonthList = _param.disabledMonthList, eventQuarterList = _param.eventQuarterList, disabledQuarterList = _param.disabledQuarterList, eventYearList = _param.eventYearList, disabledYearList = _param.disabledYearList, _param_type = _param.type, type = _param_type === void 0 ? 'Days' : _param_type, _param_frame = _param.frame, frame = _param_frame === void 0 ? 'document' : _param_frame, _param_usePortal = _param.usePortal, usePortal = _param_usePortal === void 0 ? false : _param_usePortal, zIndex = _param.zIndex, _param_placement = _param.placement, placement = _param_placement === void 0 ? [
             'top',
             'bottom'
         ] : _param_placement, _param_closeOnOverlayClick = _param.closeOnOverlayClick, closeOnOverlayClick = _param_closeOnOverlayClick === void 0 ? true : _param_closeOnOverlayClick, _param_closeOnEsc = _param.closeOnEsc, closeOnEsc = _param_closeOnEsc === void 0 ? true : _param_closeOnEsc, _param_closeAfterDateSelect = _param.closeAfterDateSelect, closeAfterDateSelect = _param_closeAfterDateSelect === void 0 ? true : _param_closeAfterDateSelect, offset = _param.offset, calendarContainerWidth = _param.calendarContainerWidth, calendarContainerHeight = _param.calendarContainerHeight, stretched = _param.stretched, onChangeValue = _param.onChangeValue, onCommitDate = _param.onCommitDate, onToggle = _param.onToggle, onFocus = _param.onFocus, onBlur = _param.onBlur, onChange = _param.onChange, autoComplete = _param.autoComplete, rest = _object_without_properties(_param, [
@@ -214,6 +215,7 @@ var datePickerRoot = function(Root) {
             "max",
             "renderFromDate",
             "includeEdgeDates",
+            "eventTooltipOptions",
             "eventList",
             "disabledList",
             "eventMonthList",
@@ -292,11 +294,6 @@ var datePickerRoot = function(Root) {
                 return;
             }
             var isCalendarOpen = (event === null || event === void 0 ? void 0 : event.target) === (inputRef === null || inputRef === void 0 ? void 0 : inputRef.current) && event.code !== _useKeyboardNavigation.keys.Escape ? true : innerOpened;
-            if (!innerOpened && !calendarValue) {
-                setInnerDate(function(prevValue) {
-                    return prevValue === undefined ? null : undefined;
-                });
-            }
             if (onToggle) {
                 onToggle(isCalendarOpen, event);
                 return;
@@ -401,7 +398,8 @@ var datePickerRoot = function(Root) {
             className: (0, _classnames.default)(_DatePickertokens.classes.datePickerRoot, className, _define_property({}, _DatePickertokens.classes.datePickerstretched, stretched)),
             disabled: disabled,
             readOnly: !disabled && readOnly,
-            ref: ref
+            ref: ref,
+            eventTooltipSize: eventTooltipOptions === null || eventTooltipOptions === void 0 ? void 0 : eventTooltipOptions.size
         }, rest), /*#__PURE__*/ _react.default.createElement(_SingleDatestyles.StyledPopover, {
             opened: isInnerOpen,
             usePortal: usePortal,
@@ -430,6 +428,7 @@ var datePickerRoot = function(Root) {
             size: size,
             value: calendarValue,
             type: type,
+            eventTooltipOptions: eventTooltipOptions,
             eventList: eventList,
             disabledList: disabledList,
             eventMonthList: eventMonthList,
@@ -468,17 +467,21 @@ var datePickerConfig = {
         size: {
             css: _base.base
         },
+        eventTooltipSize: {
+            css: _base2.base
+        },
         disabled: {
-            css: _base2.base,
+            css: _base3.base,
             attrs: true
         },
         readOnly: {
-            css: _base3.base,
+            css: _base4.base,
             attrs: true
         }
     },
     defaults: {
         size: 'm',
-        view: 'default'
+        view: 'default',
+        eventTooltipSizeCSS: 'm'
     }
 };

package/styled-components/cjs/components/DatePicker/SingleDate/variations/_tooltip-size/base.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "base", {
+    enumerable: true,
+    get: function() {
+        return base;
+    }
+});
+var _styledcomponents = require("styled-components");
+var base = (0, _styledcomponents.css)([
+    ""
+]);

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

@@ -317,6 +317,7 @@ var popoverRoot = function(Root) {
             onToggle
         ]);
         var onClick = (0, _react.useCallback)(function(event) {
+            event.persist();
             if (trigger === 'click') {
                 var _popoverRef_current;
                 var targetIsPopover = event.target === popoverRef.current;

package/styled-components/cjs/examples/components/Calendar/CalendarBase.config.js

@@ -13,7 +13,8 @@ var _Calendartokens = require("../../../components/Calendar/Calendar.tokens");
 var config = {
     defaults: {
         view: 'default',
-        size: 'm'
+        size: 'm',
+        tooltipSize: 'm'
     },
     variations: {
         view: {
@@ -46,8 +47,11 @@ var config = {
                 ":var(--surface-clear);",
                 ":var(--text-primary-hover);",
                 ":var(--surface-clear);",
-                ":var(--surface-accent);"
-            ], _Calendartokens.tokens.calendarSelectedItemBackground, _Calendartokens.tokens.calendarSelectedItemColor, _Calendartokens.tokens.calendarSelectableItemBackgroundHover, _Calendartokens.tokens.calendarCurrentItemBorderColor, _Calendartokens.tokens.calendarCurrentItemBackgroundHover, _Calendartokens.tokens.calendarCurrentItemColorHover, _Calendartokens.tokens.calendarCurrentItemChildBackgroundHover, _Calendartokens.tokens.calendarActiveItemBackground, _Calendartokens.tokens.calendarActiveItemColor, _Calendartokens.tokens.calendarHoveredItemBackground, _Calendartokens.tokens.calendarHoveredItemColor, _Calendartokens.tokens.calendarRangeBackground, _Calendartokens.tokens.calendarOutlineFocusColor, _Calendartokens.tokens.calendarContentPrimaryColor, _Calendartokens.tokens.calendarContentPrimaryDisabledColor, _Calendartokens.tokens.calendarContentSecondaryColor, _Calendartokens.tokens.calendarContentSecondaryDisabledColor, _Calendartokens.tokens.calendarHeaderArrowColor, _Calendartokens.tokens.calendarContentPrimaryColor, _Calendartokens.tokens.calendarDayOfWeekColor, _Calendartokens.tokens.calendarDisabledOpacity, _Calendartokens.tokens.iconButtonColor, _Calendartokens.tokens.iconButtonBackgroundColor, _Calendartokens.tokens.iconButtonColorHover, _Calendartokens.tokens.iconButtonBackgroundColorHover, _Calendartokens.tokens.iconButtonColorActive, _Calendartokens.tokens.iconButtonBackgroundColorActive, _Calendartokens.tokens.iconButtonFocusColor)
+                ":var(--surface-accent);",
+                ":var(--surface-solid-card-brightness);",
+                ":var(--shadow-down-hard-s);",
+                ":var(--text-primary);"
+            ], _Calendartokens.tokens.calendarSelectedItemBackground, _Calendartokens.tokens.calendarSelectedItemColor, _Calendartokens.tokens.calendarSelectableItemBackgroundHover, _Calendartokens.tokens.calendarCurrentItemBorderColor, _Calendartokens.tokens.calendarCurrentItemBackgroundHover, _Calendartokens.tokens.calendarCurrentItemColorHover, _Calendartokens.tokens.calendarCurrentItemChildBackgroundHover, _Calendartokens.tokens.calendarActiveItemBackground, _Calendartokens.tokens.calendarActiveItemColor, _Calendartokens.tokens.calendarHoveredItemBackground, _Calendartokens.tokens.calendarHoveredItemColor, _Calendartokens.tokens.calendarRangeBackground, _Calendartokens.tokens.calendarOutlineFocusColor, _Calendartokens.tokens.calendarContentPrimaryColor, _Calendartokens.tokens.calendarContentPrimaryDisabledColor, _Calendartokens.tokens.calendarContentSecondaryColor, _Calendartokens.tokens.calendarContentSecondaryDisabledColor, _Calendartokens.tokens.calendarHeaderArrowColor, _Calendartokens.tokens.calendarContentPrimaryColor, _Calendartokens.tokens.calendarDayOfWeekColor, _Calendartokens.tokens.calendarDisabledOpacity, _Calendartokens.tokens.iconButtonColor, _Calendartokens.tokens.iconButtonBackgroundColor, _Calendartokens.tokens.iconButtonColorHover, _Calendartokens.tokens.iconButtonBackgroundColorHover, _Calendartokens.tokens.iconButtonColorActive, _Calendartokens.tokens.iconButtonBackgroundColorActive, _Calendartokens.tokens.iconButtonFocusColor, _Calendartokens.tokens.tooltipBackgroundColor, _Calendartokens.tokens.tooltipBoxShadow, _Calendartokens.tokens.tooltipColor)
         },
         size: {
             l: (0, _styledcomponents.css)([
@@ -278,6 +282,52 @@ var config = {
                 ":0.75rem;",
                 ":0.5rem;"
             ], _Calendartokens.tokens.calendarContainerWidth, _Calendartokens.tokens.calendarContainerHeight, _Calendartokens.tokens.calendarYearsPadding, _Calendartokens.tokens.calendarYearItemBorderRadius, _Calendartokens.tokens.calendarYearFontFamily, _Calendartokens.tokens.calendarYearFontSize, _Calendartokens.tokens.calendarYearFontStyle, _Calendartokens.tokens.calendarYearFontLetterSpacing, _Calendartokens.tokens.calendarYearFontLineHeight, _Calendartokens.tokens.calendarYearFontWeight, _Calendartokens.tokens.calendarYearSelectedFontWeight, _Calendartokens.tokens.calendarQuartersPadding, _Calendartokens.tokens.calendarQuarterItemBorderRadius, _Calendartokens.tokens.calendarQuarterFontFamily, _Calendartokens.tokens.calendarQuarterFontSize, _Calendartokens.tokens.calendarQuarterFontStyle, _Calendartokens.tokens.calendarQuarterFontLetterSpacing, _Calendartokens.tokens.calendarQuarterFontLineHeight, _Calendartokens.tokens.calendarQuarterFontWeight, _Calendartokens.tokens.calendarQuarterSelectedFontWeight, _Calendartokens.tokens.calendarMonthsPadding, _Calendartokens.tokens.calendarMonthItemBorderRadius, _Calendartokens.tokens.calendarMonthFontFamily, _Calendartokens.tokens.calendarMonthFontSize, _Calendartokens.tokens.calendarMonthFontStyle, _Calendartokens.tokens.calendarMonthFontLetterSpacing, _Calendartokens.tokens.calendarMonthFontLineHeight, _Calendartokens.tokens.calendarMonthFontWeight, _Calendartokens.tokens.calendarMonthSelectedFontWeight, _Calendartokens.tokens.calendarDaysPadding, _Calendartokens.tokens.calendarDayItemBorderRadius, _Calendartokens.tokens.calendarDayFontFamily, _Calendartokens.tokens.calendarDayFontSize, _Calendartokens.tokens.calendarDayFontStyle, _Calendartokens.tokens.calendarDayFontLetterSpacing, _Calendartokens.tokens.calendarDayFontLineHeight, _Calendartokens.tokens.calendarDayFontWeight, _Calendartokens.tokens.calendarDaySelectedFontWeight, _Calendartokens.tokens.calendarCurrentItemBorderWidth, _Calendartokens.tokens.calendarHeaderArrowGap, _Calendartokens.tokens.calendarArrowHeaderCustomSize, _Calendartokens.tokens.calendarHeaderPadding, _Calendartokens.tokens.calendarHeaderDateGap, _Calendartokens.tokens.calendarHeaderFontFamily, _Calendartokens.tokens.calendarHeaderFontSize, _Calendartokens.tokens.calendarHeaderFontStyle, _Calendartokens.tokens.calendarHeaderFontLetterSpacing, _Calendartokens.tokens.calendarHeaderFontLineHeight, _Calendartokens.tokens.calendarHeaderFontWeight, _Calendartokens.tokens.calendarHeaderFontWeightBold, _Calendartokens.tokens.iconButtonHeight, _Calendartokens.tokens.iconButtonWidth, _Calendartokens.tokens.iconButtonPadding, _Calendartokens.tokens.iconButtonRadius)
+        },
+        eventTooltipSize: {
+            m: (0, _styledcomponents.css)([
+                "",
+                ":0.6875rem;",
+                ":0.875rem;",
+                ":0.6875rem;",
+                ":0.875rem;",
+                ":2.5rem;",
+                ":0.625rem;",
+                ":var(--plasma-typo-body-s-font-family);",
+                ":var(--plasma-typo-body-s-font-size);",
+                ":var(--plasma-typo-body-s-font-style);",
+                ":var(--plasma-typo-body-s-font-weight);",
+                ":var(--plasma-typo-body-s-letter-spacing);",
+                ":var(--plasma-typo-body-s-line-height);",
+                ":0.375rem;",
+                ":1.25rem;",
+                ":1.25rem;",
+                ':url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMC4xNywxMS44M2wyMCwwYy01LjUyLDAgLTEwLDMuNTkgLTEwLDhjMCwtNC40MSAtNC40OCwtOCAtMTAsLTh6IiBmaWxsPSIjMTcxNzE3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGlkPSJUYWlsIi8+Cjwvc3ZnPg==");',
+                ":0.5rem;",
+                ":0.625rem;",
+                ":var(--surface-solid-card-brightness);"
+            ], _Calendartokens.tokens.tooltipPaddingTop, _Calendartokens.tokens.tooltipPaddingRight, _Calendartokens.tokens.tooltipPaddingBottom, _Calendartokens.tokens.tooltipPaddingLeft, _Calendartokens.tokens.tooltipMinHeight, _Calendartokens.tokens.tooltipBorderRadius, _Calendartokens.tokens.tooltipTextFontFamily, _Calendartokens.tokens.tooltipTextFontSize, _Calendartokens.tokens.tooltipTextFontStyle, _Calendartokens.tokens.tooltipTextFontWeight, _Calendartokens.tokens.tooltipTextFontLetterSpacing, _Calendartokens.tokens.tooltipTextFontLineHeight, _Calendartokens.tokens.tooltipContentLeftMargin, _Calendartokens.tokens.tooltipArrowMaskWidth, _Calendartokens.tokens.tooltipArrowMaskHeight, _Calendartokens.tokens.tooltipArrowMaskImage, _Calendartokens.tokens.tooltipArrowHeight, _Calendartokens.tokens.tooltipArrowEdgeMargin, _Calendartokens.tokens.tooltipArrowBackground),
+            s: (0, _styledcomponents.css)([
+                "",
+                ":0.5rem;",
+                ":0.75rem;",
+                ":0.5rem;",
+                ":0.75rem;",
+                ":2rem;",
+                ":0.5rem;",
+                ":var(--plasma-typo-body-xs-font-family);",
+                ":var(--plasma-typo-body-xs-font-size);",
+                ":var(--plasma-typo-body-xs-font-style);",
+                ":var(--plasma-typo-body-xs-font-weight);",
+                ":var(--plasma-typo-body-xs-letter-spacing);",
+                ":var(--plasma-typo-body-xs-line-height);",
+                ":0.25rem;",
+                ":1rem;",
+                ":1rem;",
+                ':url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMCw5Ljg1bDE2LDBjLTQuNDEsMCAtOCwyLjY5IC04LDZjMCwtMy4zMSAtMy41OSwtNiAtOCwtNnoiIGZpbGw9IiMxNzE3MTciIGZpbGwtcnVsZT0iZXZlbm9kZCIgaWQ9IlRhaWwiLz4KPC9zdmc+");',
+                ":0.375rem;",
+                ":0.5625rem;",
+                ":var(--surface-solid-card-brightness);"
+            ], _Calendartokens.tokens.tooltipPaddingTop, _Calendartokens.tokens.tooltipPaddingRight, _Calendartokens.tokens.tooltipPaddingBottom, _Calendartokens.tokens.tooltipPaddingLeft, _Calendartokens.tokens.tooltipMinHeight, _Calendartokens.tokens.tooltipBorderRadius, _Calendartokens.tokens.tooltipTextFontFamily, _Calendartokens.tokens.tooltipTextFontSize, _Calendartokens.tokens.tooltipTextFontStyle, _Calendartokens.tokens.tooltipTextFontWeight, _Calendartokens.tokens.tooltipTextFontLetterSpacing, _Calendartokens.tokens.tooltipTextFontLineHeight, _Calendartokens.tokens.tooltipContentLeftMargin, _Calendartokens.tokens.tooltipArrowMaskWidth, _Calendartokens.tokens.tooltipArrowMaskHeight, _Calendartokens.tokens.tooltipArrowMaskImage, _Calendartokens.tokens.tooltipArrowHeight, _Calendartokens.tokens.tooltipArrowEdgeMargin, _Calendartokens.tokens.tooltipArrowBackground)
         }
     }
 };

package/styled-components/cjs/examples/components/Calendar/CalendarDouble.config.js

@@ -13,7 +13,8 @@ var _Calendartokens = require("../../../components/Calendar/Calendar.tokens");
 var config = {
     defaults: {
         view: 'default',
-        size: 'm'
+        size: 'm',
+        tooltipSize: 'm'
     },
     variations: {
         view: {
@@ -47,8 +48,11 @@ var config = {
                 ":var(--surface-clear);",
                 ":var(--text-primary-hover);",
                 ":var(--surface-clear);",
-                ":var(--surface-accent);"
-            ], _Calendartokens.tokens.calendarSeparatorBackground, _Calendartokens.tokens.calendarBackgroundColor, _Calendartokens.tokens.calendarSelectedItemBackground, _Calendartokens.tokens.calendarSelectedItemColor, _Calendartokens.tokens.calendarSelectableItemBackgroundHover, _Calendartokens.tokens.calendarCurrentItemBorderColor, _Calendartokens.tokens.calendarCurrentItemBackgroundHover, _Calendartokens.tokens.calendarCurrentItemColorHover, _Calendartokens.tokens.calendarCurrentItemChildBackgroundHover, _Calendartokens.tokens.calendarActiveItemBackground, _Calendartokens.tokens.calendarActiveItemColor, _Calendartokens.tokens.calendarHoveredItemBackground, _Calendartokens.tokens.calendarHoveredItemColor, _Calendartokens.tokens.calendarRangeBackground, _Calendartokens.tokens.calendarOutlineFocusColor, _Calendartokens.tokens.calendarContentPrimaryColor, _Calendartokens.tokens.calendarContentPrimaryDisabledColor, _Calendartokens.tokens.calendarHeaderArrowColor, _Calendartokens.tokens.calendarContentPrimaryColor, _Calendartokens.tokens.calendarContentSecondaryColor, _Calendartokens.tokens.calendarContentSecondaryDisabledColor, _Calendartokens.tokens.calendarDisabledOpacity, _Calendartokens.tokens.iconButtonColor, _Calendartokens.tokens.iconButtonBackgroundColor, _Calendartokens.tokens.iconButtonColorHover, _Calendartokens.tokens.iconButtonBackgroundColorHover, _Calendartokens.tokens.iconButtonColorActive, _Calendartokens.tokens.iconButtonBackgroundColorActive, _Calendartokens.tokens.iconButtonFocusColor)
+                ":var(--surface-accent);",
+                ":var(--surface-solid-card-brightness);",
+                ":var(--shadow-down-hard-s);",
+                ":var(--text-primary);"
+            ], _Calendartokens.tokens.calendarSeparatorBackground, _Calendartokens.tokens.calendarBackgroundColor, _Calendartokens.tokens.calendarSelectedItemBackground, _Calendartokens.tokens.calendarSelectedItemColor, _Calendartokens.tokens.calendarSelectableItemBackgroundHover, _Calendartokens.tokens.calendarCurrentItemBorderColor, _Calendartokens.tokens.calendarCurrentItemBackgroundHover, _Calendartokens.tokens.calendarCurrentItemColorHover, _Calendartokens.tokens.calendarCurrentItemChildBackgroundHover, _Calendartokens.tokens.calendarActiveItemBackground, _Calendartokens.tokens.calendarActiveItemColor, _Calendartokens.tokens.calendarHoveredItemBackground, _Calendartokens.tokens.calendarHoveredItemColor, _Calendartokens.tokens.calendarRangeBackground, _Calendartokens.tokens.calendarOutlineFocusColor, _Calendartokens.tokens.calendarContentPrimaryColor, _Calendartokens.tokens.calendarContentPrimaryDisabledColor, _Calendartokens.tokens.calendarHeaderArrowColor, _Calendartokens.tokens.calendarContentPrimaryColor, _Calendartokens.tokens.calendarContentSecondaryColor, _Calendartokens.tokens.calendarContentSecondaryDisabledColor, _Calendartokens.tokens.calendarDisabledOpacity, _Calendartokens.tokens.iconButtonColor, _Calendartokens.tokens.iconButtonBackgroundColor, _Calendartokens.tokens.iconButtonColorHover, _Calendartokens.tokens.iconButtonBackgroundColorHover, _Calendartokens.tokens.iconButtonColorActive, _Calendartokens.tokens.iconButtonBackgroundColorActive, _Calendartokens.tokens.iconButtonFocusColor, _Calendartokens.tokens.tooltipBackgroundColor, _Calendartokens.tokens.tooltipBoxShadow, _Calendartokens.tokens.tooltipColor)
         },
         size: {
             l: (0, _styledcomponents.css)([
@@ -280,6 +284,52 @@ var config = {
                 ":0.75rem;",
                 ":0.5rem;"
             ], _Calendartokens.tokens.calendarContainerWidth, _Calendartokens.tokens.calendarContainerHeight, _Calendartokens.tokens.calendarYearsPadding, _Calendartokens.tokens.calendarYearItemBorderRadius, _Calendartokens.tokens.calendarYearFontFamily, _Calendartokens.tokens.calendarYearFontSize, _Calendartokens.tokens.calendarYearFontStyle, _Calendartokens.tokens.calendarYearFontLetterSpacing, _Calendartokens.tokens.calendarYearFontLineHeight, _Calendartokens.tokens.calendarYearFontWeight, _Calendartokens.tokens.calendarYearSelectedFontWeight, _Calendartokens.tokens.calendarQuartersPadding, _Calendartokens.tokens.calendarQuarterItemBorderRadius, _Calendartokens.tokens.calendarQuarterFontFamily, _Calendartokens.tokens.calendarQuarterFontSize, _Calendartokens.tokens.calendarQuarterFontStyle, _Calendartokens.tokens.calendarQuarterFontLetterSpacing, _Calendartokens.tokens.calendarQuarterFontLineHeight, _Calendartokens.tokens.calendarQuarterFontWeight, _Calendartokens.tokens.calendarQuarterSelectedFontWeight, _Calendartokens.tokens.calendarMonthsPadding, _Calendartokens.tokens.calendarMonthItemBorderRadius, _Calendartokens.tokens.calendarMonthFontFamily, _Calendartokens.tokens.calendarMonthFontSize, _Calendartokens.tokens.calendarMonthFontStyle, _Calendartokens.tokens.calendarMonthFontLetterSpacing, _Calendartokens.tokens.calendarMonthFontLineHeight, _Calendartokens.tokens.calendarMonthFontWeight, _Calendartokens.tokens.calendarMonthSelectedFontWeight, _Calendartokens.tokens.calendarDaysPadding, _Calendartokens.tokens.calendarDayItemBorderRadius, _Calendartokens.tokens.calendarDayFontFamily, _Calendartokens.tokens.calendarDayFontSize, _Calendartokens.tokens.calendarDayFontStyle, _Calendartokens.tokens.calendarDayFontLetterSpacing, _Calendartokens.tokens.calendarDayFontLineHeight, _Calendartokens.tokens.calendarDayFontWeight, _Calendartokens.tokens.calendarDaySelectedFontWeight, _Calendartokens.tokens.calendarCurrentItemBorderWidth, _Calendartokens.tokens.calendarHeaderArrowGap, _Calendartokens.tokens.calendarArrowHeaderCustomSize, _Calendartokens.tokens.calendarHeaderPadding, _Calendartokens.tokens.calendarHeaderDateGap, _Calendartokens.tokens.calendarHeaderFontFamily, _Calendartokens.tokens.calendarHeaderFontSize, _Calendartokens.tokens.calendarHeaderFontStyle, _Calendartokens.tokens.calendarHeaderFontLetterSpacing, _Calendartokens.tokens.calendarHeaderFontLineHeight, _Calendartokens.tokens.calendarHeaderFontWeight, _Calendartokens.tokens.calendarHeaderFontWeightBold, _Calendartokens.tokens.iconButtonHeight, _Calendartokens.tokens.iconButtonWidth, _Calendartokens.tokens.iconButtonPadding, _Calendartokens.tokens.iconButtonRadius)
+        },
+        eventTooltipSize: {
+            m: (0, _styledcomponents.css)([
+                "",
+                ":0.6875rem;",
+                ":0.875rem;",
+                ":0.6875rem;",
+                ":0.875rem;",
+                ":2.5rem;",
+                ":0.625rem;",
+                ":var(--plasma-typo-body-s-font-family);",
+                ":var(--plasma-typo-body-s-font-size);",
+                ":var(--plasma-typo-body-s-font-style);",
+                ":var(--plasma-typo-body-s-font-weight);",
+                ":var(--plasma-typo-body-s-letter-spacing);",
+                ":var(--plasma-typo-body-s-line-height);",
+                ":0.375rem;",
+                ":1.25rem;",
+                ":1.25rem;",
+                ':url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMC4xNywxMS44M2wyMCwwYy01LjUyLDAgLTEwLDMuNTkgLTEwLDhjMCwtNC40MSAtNC40OCwtOCAtMTAsLTh6IiBmaWxsPSIjMTcxNzE3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGlkPSJUYWlsIi8+Cjwvc3ZnPg==");',
+                ":0.5rem;",
+                ":0.625rem;",
+                ":var(--surface-solid-card-brightness);"
+            ], _Calendartokens.tokens.tooltipPaddingTop, _Calendartokens.tokens.tooltipPaddingRight, _Calendartokens.tokens.tooltipPaddingBottom, _Calendartokens.tokens.tooltipPaddingLeft, _Calendartokens.tokens.tooltipMinHeight, _Calendartokens.tokens.tooltipBorderRadius, _Calendartokens.tokens.tooltipTextFontFamily, _Calendartokens.tokens.tooltipTextFontSize, _Calendartokens.tokens.tooltipTextFontStyle, _Calendartokens.tokens.tooltipTextFontWeight, _Calendartokens.tokens.tooltipTextFontLetterSpacing, _Calendartokens.tokens.tooltipTextFontLineHeight, _Calendartokens.tokens.tooltipContentLeftMargin, _Calendartokens.tokens.tooltipArrowMaskWidth, _Calendartokens.tokens.tooltipArrowMaskHeight, _Calendartokens.tokens.tooltipArrowMaskImage, _Calendartokens.tokens.tooltipArrowHeight, _Calendartokens.tokens.tooltipArrowEdgeMargin, _Calendartokens.tokens.tooltipArrowBackground),
+            s: (0, _styledcomponents.css)([
+                "",
+                ":0.5rem;",
+                ":0.75rem;",
+                ":0.5rem;",
+                ":0.75rem;",
+                ":2rem;",
+                ":0.5rem;",
+                ":var(--plasma-typo-body-xs-font-family);",
+                ":var(--plasma-typo-body-xs-font-size);",
+                ":var(--plasma-typo-body-xs-font-style);",
+                ":var(--plasma-typo-body-xs-font-weight);",
+                ":var(--plasma-typo-body-xs-letter-spacing);",
+                ":var(--plasma-typo-body-xs-line-height);",
+                ":0.25rem;",
+                ":1rem;",
+                ":1rem;",
+                ':url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMCw5Ljg1bDE2LDBjLTQuNDEsMCAtOCwyLjY5IC04LDZjMCwtMy4zMSAtMy41OSwtNiAtOCwtNnoiIGZpbGw9IiMxNzE3MTciIGZpbGwtcnVsZT0iZXZlbm9kZCIgaWQ9IlRhaWwiLz4KPC9zdmc+");',
+                ":0.375rem;",
+                ":0.5625rem;",
+                ":var(--surface-solid-card-brightness);"
+            ], _Calendartokens.tokens.tooltipPaddingTop, _Calendartokens.tokens.tooltipPaddingRight, _Calendartokens.tokens.tooltipPaddingBottom, _Calendartokens.tokens.tooltipPaddingLeft, _Calendartokens.tokens.tooltipMinHeight, _Calendartokens.tokens.tooltipBorderRadius, _Calendartokens.tokens.tooltipTextFontFamily, _Calendartokens.tokens.tooltipTextFontSize, _Calendartokens.tokens.tooltipTextFontStyle, _Calendartokens.tokens.tooltipTextFontWeight, _Calendartokens.tokens.tooltipTextFontLetterSpacing, _Calendartokens.tokens.tooltipTextFontLineHeight, _Calendartokens.tokens.tooltipContentLeftMargin, _Calendartokens.tokens.tooltipArrowMaskWidth, _Calendartokens.tokens.tooltipArrowMaskHeight, _Calendartokens.tokens.tooltipArrowMaskImage, _Calendartokens.tokens.tooltipArrowHeight, _Calendartokens.tokens.tooltipArrowEdgeMargin, _Calendartokens.tokens.tooltipArrowBackground)
         }
     }
 };

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

@@ -76,8 +76,11 @@ var config = {
                 ":var(--surface-clear);",
                 ":var(--text-primary-hover);",
                 ":var(--surface-clear);",
-                ":var(--surface-accent);"
-            ], _DatePicker.datePickerTokens.background, _DatePicker.datePickerTokens.backgroundError, _DatePicker.datePickerTokens.backgroundSuccess, _DatePicker.datePickerTokens.dividerColor, _DatePicker.datePickerTokens.labelColor, _DatePicker.datePickerTokens.leftHelperColor, _DatePicker.datePickerTokens.leftHelperColorError, _DatePicker.datePickerTokens.leftHelperColorSuccess, _DatePicker.datePickerTokens.textFieldColor, _DatePicker.datePickerTokens.textFieldPlaceholderColor, _DatePicker.datePickerTokens.textFieldCaretColor, _DatePicker.datePickerTokens.labelInnerFontFamily, _DatePicker.datePickerTokens.labelInnerFontSize, _DatePicker.datePickerTokens.labelInnerFontStyle, _DatePicker.datePickerTokens.labelInnerFontWeight, _DatePicker.datePickerTokens.labelInnerLetterSpacing, _DatePicker.datePickerTokens.labelInnerLineHeight, _DatePicker.datePickerTokens.indicatorColor, _DatePicker.datePickerTokens.textFieldBackgroundColor, _DatePicker.datePickerTokens.textFieldBackgroundColorFocus, _DatePicker.datePickerTokens.textFieldBackgroundErrorColor, _DatePicker.datePickerTokens.textFieldBackgroundErrorColorFocus, _DatePicker.datePickerTokens.textFieldBackgroundSuccessColor, _DatePicker.datePickerTokens.textFieldBackgroundSuccessColorFocus, _DatePicker.datePickerTokens.textFieldTextBeforeColor, _DatePicker.datePickerTokens.textFieldTextAfterColor, _DatePicker.datePickerTokens.focusColor, _DatePicker.datePickerTokens.textFieldPlaceholderColorFocus, _DatePicker.datePickerTokens.calendarShadow, _DatePicker.datePickerTokens.calendarSeparatorBackground, _DatePicker.datePickerTokens.calendarBackgroundColor, _DatePicker.datePickerTokens.calendarSelectedItemBackground, _DatePicker.datePickerTokens.calendarSelectedItemColor, _DatePicker.datePickerTokens.calendarSelectableItemBackgroundHover, _DatePicker.datePickerTokens.calendarCurrentItemBorderColor, _DatePicker.datePickerTokens.calendarCurrentItemBackgroundHover, _DatePicker.datePickerTokens.calendarCurrentItemColorHover, _DatePicker.datePickerTokens.calendarCurrentItemChildBackgroundHover, _DatePicker.datePickerTokens.calendarActiveItemBackground, _DatePicker.datePickerTokens.calendarActiveItemColor, _DatePicker.datePickerTokens.calendarHoveredItemBackground, _DatePicker.datePickerTokens.calendarHoveredItemColor, _DatePicker.datePickerTokens.calendarRangeBackground, _DatePicker.datePickerTokens.calendarOutlineFocusColor, _DatePicker.datePickerTokens.calendarContentPrimaryColor, _DatePicker.datePickerTokens.calendarContentPrimaryDisabledColor, _DatePicker.datePickerTokens.calendarHeaderArrowColor, _DatePicker.datePickerTokens.calendarContentPrimaryColor, _DatePicker.datePickerTokens.calendarContentSecondaryColor, _DatePicker.datePickerTokens.calendarContentSecondaryDisabledColor, _DatePicker.datePickerTokens.calendarDisabledOpacity, _DatePicker.datePickerTokens.iconButtonColor, _DatePicker.datePickerTokens.iconButtonBackgroundColor, _DatePicker.datePickerTokens.iconButtonColorHover, _DatePicker.datePickerTokens.iconButtonBackgroundColorHover, _DatePicker.datePickerTokens.iconButtonColorActive, _DatePicker.datePickerTokens.iconButtonBackgroundColorActive, _DatePicker.datePickerTokens.iconButtonFocusColor)
+                ":var(--surface-accent);",
+                ":var(--surface-solid-card-brightness);",
+                ":var(--shadow-down-hard-s);",
+                ":var(--text-primary);"
+            ], _DatePicker.datePickerTokens.background, _DatePicker.datePickerTokens.backgroundError, _DatePicker.datePickerTokens.backgroundSuccess, _DatePicker.datePickerTokens.dividerColor, _DatePicker.datePickerTokens.labelColor, _DatePicker.datePickerTokens.leftHelperColor, _DatePicker.datePickerTokens.leftHelperColorError, _DatePicker.datePickerTokens.leftHelperColorSuccess, _DatePicker.datePickerTokens.textFieldColor, _DatePicker.datePickerTokens.textFieldPlaceholderColor, _DatePicker.datePickerTokens.textFieldCaretColor, _DatePicker.datePickerTokens.labelInnerFontFamily, _DatePicker.datePickerTokens.labelInnerFontSize, _DatePicker.datePickerTokens.labelInnerFontStyle, _DatePicker.datePickerTokens.labelInnerFontWeight, _DatePicker.datePickerTokens.labelInnerLetterSpacing, _DatePicker.datePickerTokens.labelInnerLineHeight, _DatePicker.datePickerTokens.indicatorColor, _DatePicker.datePickerTokens.textFieldBackgroundColor, _DatePicker.datePickerTokens.textFieldBackgroundColorFocus, _DatePicker.datePickerTokens.textFieldBackgroundErrorColor, _DatePicker.datePickerTokens.textFieldBackgroundErrorColorFocus, _DatePicker.datePickerTokens.textFieldBackgroundSuccessColor, _DatePicker.datePickerTokens.textFieldBackgroundSuccessColorFocus, _DatePicker.datePickerTokens.textFieldTextBeforeColor, _DatePicker.datePickerTokens.textFieldTextAfterColor, _DatePicker.datePickerTokens.focusColor, _DatePicker.datePickerTokens.textFieldPlaceholderColorFocus, _DatePicker.datePickerTokens.calendarShadow, _DatePicker.datePickerTokens.calendarSeparatorBackground, _DatePicker.datePickerTokens.calendarBackgroundColor, _DatePicker.datePickerTokens.calendarSelectedItemBackground, _DatePicker.datePickerTokens.calendarSelectedItemColor, _DatePicker.datePickerTokens.calendarSelectableItemBackgroundHover, _DatePicker.datePickerTokens.calendarCurrentItemBorderColor, _DatePicker.datePickerTokens.calendarCurrentItemBackgroundHover, _DatePicker.datePickerTokens.calendarCurrentItemColorHover, _DatePicker.datePickerTokens.calendarCurrentItemChildBackgroundHover, _DatePicker.datePickerTokens.calendarActiveItemBackground, _DatePicker.datePickerTokens.calendarActiveItemColor, _DatePicker.datePickerTokens.calendarHoveredItemBackground, _DatePicker.datePickerTokens.calendarHoveredItemColor, _DatePicker.datePickerTokens.calendarRangeBackground, _DatePicker.datePickerTokens.calendarOutlineFocusColor, _DatePicker.datePickerTokens.calendarContentPrimaryColor, _DatePicker.datePickerTokens.calendarContentPrimaryDisabledColor, _DatePicker.datePickerTokens.calendarHeaderArrowColor, _DatePicker.datePickerTokens.calendarContentPrimaryColor, _DatePicker.datePickerTokens.calendarContentSecondaryColor, _DatePicker.datePickerTokens.calendarContentSecondaryDisabledColor, _DatePicker.datePickerTokens.calendarDisabledOpacity, _DatePicker.datePickerTokens.iconButtonColor, _DatePicker.datePickerTokens.iconButtonBackgroundColor, _DatePicker.datePickerTokens.iconButtonColorHover, _DatePicker.datePickerTokens.iconButtonBackgroundColorHover, _DatePicker.datePickerTokens.iconButtonColorActive, _DatePicker.datePickerTokens.iconButtonBackgroundColorActive, _DatePicker.datePickerTokens.iconButtonFocusColor, _DatePicker.datePickerTokens.tooltipBackgroundColor, _DatePicker.datePickerTokens.tooltipBoxShadow, _DatePicker.datePickerTokens.tooltipColor)
         },
         size: {
             l: (0, _styledcomponents.css)([
@@ -501,6 +504,52 @@ var config = {
                 ":0.5rem;"
             ], _DatePicker.datePickerTokens.width, _DatePicker.datePickerTokens.borderRadius, _DatePicker.datePickerTokens.dividerPadding, _DatePicker.datePickerTokens.dividerFontFamily, _DatePicker.datePickerTokens.dividerFontStyle, _DatePicker.datePickerTokens.dividerFontSize, _DatePicker.datePickerTokens.dividerFontWeight, _DatePicker.datePickerTokens.dividerLetterSpacing, _DatePicker.datePickerTokens.dividerLineHeight, _DatePicker.datePickerTokens.leftContentMargin, _DatePicker.datePickerTokens.rightContentMargin, _DatePicker.datePickerTokens.labelOffset, _DatePicker.datePickerTokens.labelInnerPadding, _DatePicker.datePickerTokens.contentLabelInnerPadding, _DatePicker.datePickerTokens.labelFontFamily, _DatePicker.datePickerTokens.labelFontStyle, _DatePicker.datePickerTokens.labelFontSize, _DatePicker.datePickerTokens.labelFontWeight, _DatePicker.datePickerTokens.labelLetterSpacing, _DatePicker.datePickerTokens.labelLineHeight, _DatePicker.datePickerTokens.indicatorSize, _DatePicker.datePickerTokens.indicatorSizeOuter, _DatePicker.datePickerTokens.indicatorPlacement, _DatePicker.datePickerTokens.indicatorOuterPlacement, _DatePicker.datePickerTokens.indicatorPlacementRight, _DatePicker.datePickerTokens.indicatorOuterPlacementRight, _DatePicker.datePickerTokens.textFieldHeight, _DatePicker.datePickerTokens.textFieldBorderRadius, _DatePicker.datePickerTokens.textFieldPadding, _DatePicker.datePickerTokens.textFieldFontFamily, _DatePicker.datePickerTokens.textFieldFontStyle, _DatePicker.datePickerTokens.textFieldFontSize, _DatePicker.datePickerTokens.textFieldFontWeight, _DatePicker.datePickerTokens.textFieldLetterSpacing, _DatePicker.datePickerTokens.textFieldLineHeight, _DatePicker.datePickerTokens.leftHelperOffset, _DatePicker.datePickerTokens.leftHelperFontFamily, _DatePicker.datePickerTokens.leftHelperFontStyle, _DatePicker.datePickerTokens.leftHelperFontSize, _DatePicker.datePickerTokens.leftHelperFontWeight, _DatePicker.datePickerTokens.leftHelperLetterSpacing, _DatePicker.datePickerTokens.leftHelperLineHeight, _DatePicker.datePickerTokens.textFieldLeftContentMargin, _DatePicker.datePickerTokens.textFieldRightContentMargin, _DatePicker.datePickerTokens.textFieldTextBeforeMargin, _DatePicker.datePickerTokens.textFieldTextAfterMargin, _DatePicker.datePickerTokens.calendarContainerWidth, _DatePicker.datePickerTokens.calendarContainerHeight, _DatePicker.datePickerTokens.calendarBorderRadius, _DatePicker.datePickerTokens.calendarYearsPadding, _DatePicker.datePickerTokens.calendarYearItemBorderRadius, _DatePicker.datePickerTokens.calendarYearFontFamily, _DatePicker.datePickerTokens.calendarYearFontSize, _DatePicker.datePickerTokens.calendarYearFontStyle, _DatePicker.datePickerTokens.calendarYearFontLetterSpacing, _DatePicker.datePickerTokens.calendarYearFontLineHeight, _DatePicker.datePickerTokens.calendarYearFontWeight, _DatePicker.datePickerTokens.calendarYearSelectedFontWeight, _DatePicker.datePickerTokens.calendarQuartersPadding, _DatePicker.datePickerTokens.calendarQuarterItemBorderRadius, _DatePicker.datePickerTokens.calendarQuarterFontFamily, _DatePicker.datePickerTokens.calendarQuarterFontSize, _DatePicker.datePickerTokens.calendarQuarterFontStyle, _DatePicker.datePickerTokens.calendarQuarterFontLetterSpacing, _DatePicker.datePickerTokens.calendarQuarterFontLineHeight, _DatePicker.datePickerTokens.calendarQuarterFontWeight, _DatePicker.datePickerTokens.calendarQuarterSelectedFontWeight, _DatePicker.datePickerTokens.calendarMonthsPadding, _DatePicker.datePickerTokens.calendarMonthItemBorderRadius, _DatePicker.datePickerTokens.calendarMonthFontFamily, _DatePicker.datePickerTokens.calendarMonthFontSize, _DatePicker.datePickerTokens.calendarMonthFontStyle, _DatePicker.datePickerTokens.calendarMonthFontLetterSpacing, _DatePicker.datePickerTokens.calendarMonthFontLineHeight, _DatePicker.datePickerTokens.calendarMonthFontWeight, _DatePicker.datePickerTokens.calendarMonthSelectedFontWeight, _DatePicker.datePickerTokens.calendarDaysPadding, _DatePicker.datePickerTokens.calendarDayItemBorderRadius, _DatePicker.datePickerTokens.calendarDayFontFamily, _DatePicker.datePickerTokens.calendarDayFontSize, _DatePicker.datePickerTokens.calendarDayFontStyle, _DatePicker.datePickerTokens.calendarDayFontLetterSpacing, _DatePicker.datePickerTokens.calendarDayFontLineHeight, _DatePicker.datePickerTokens.calendarDayFontWeight, _DatePicker.datePickerTokens.calendarDaySelectedFontWeight, _DatePicker.datePickerTokens.calendarCurrentItemBorderWidth, _DatePicker.datePickerTokens.calendarHeaderWrapperPadding, _DatePicker.datePickerTokens.calendarHeaderArrowGap, _DatePicker.datePickerTokens.calendarHeaderArrowCustomSize, _DatePicker.datePickerTokens.calendarHeaderPadding, _DatePicker.datePickerTokens.calendarHeaderDateGap, _DatePicker.datePickerTokens.calendarHeaderFontFamily, _DatePicker.datePickerTokens.calendarHeaderFontSize, _DatePicker.datePickerTokens.calendarHeaderFontStyle, _DatePicker.datePickerTokens.calendarHeaderFontLetterSpacing, _DatePicker.datePickerTokens.calendarHeaderFontLineHeight, _DatePicker.datePickerTokens.calendarHeaderFontWeight, _DatePicker.datePickerTokens.calendarHeaderFontWeightBold, _DatePicker.datePickerTokens.iconButtonHeight, _DatePicker.datePickerTokens.iconButtonWidth, _DatePicker.datePickerTokens.iconButtonPadding, _DatePicker.datePickerTokens.iconButtonRadius)
         },
+        eventTooltipSize: {
+            m: (0, _styledcomponents.css)([
+                "",
+                ":0.6875rem;",
+                ":0.875rem;",
+                ":0.6875rem;",
+                ":0.875rem;",
+                ":2.5rem;",
+                ":0.625rem;",
+                ":var(--plasma-typo-body-s-font-family);",
+                ":var(--plasma-typo-body-s-font-size);",
+                ":var(--plasma-typo-body-s-font-style);",
+                ":var(--plasma-typo-body-s-font-weight);",
+                ":var(--plasma-typo-body-s-letter-spacing);",
+                ":var(--plasma-typo-body-s-line-height);",
+                ":0.375rem;",
+                ":1.25rem;",
+                ":1.25rem;",
+                ':url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMC4xNywxMS44M2wyMCwwYy01LjUyLDAgLTEwLDMuNTkgLTEwLDhjMCwtNC40MSAtNC40OCwtOCAtMTAsLTh6IiBmaWxsPSIjMTcxNzE3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGlkPSJUYWlsIi8+Cjwvc3ZnPg==");',
+                ":0.5rem;",
+                ":0.625rem;",
+                ":var(--surface-solid-card-brightness);"
+            ], _DatePicker.datePickerTokens.tooltipPaddingTop, _DatePicker.datePickerTokens.tooltipPaddingRight, _DatePicker.datePickerTokens.tooltipPaddingBottom, _DatePicker.datePickerTokens.tooltipPaddingLeft, _DatePicker.datePickerTokens.tooltipMinHeight, _DatePicker.datePickerTokens.tooltipBorderRadius, _DatePicker.datePickerTokens.tooltipTextFontFamily, _DatePicker.datePickerTokens.tooltipTextFontSize, _DatePicker.datePickerTokens.tooltipTextFontStyle, _DatePicker.datePickerTokens.tooltipTextFontWeight, _DatePicker.datePickerTokens.tooltipTextFontLetterSpacing, _DatePicker.datePickerTokens.tooltipTextFontLineHeight, _DatePicker.datePickerTokens.tooltipContentLeftMargin, _DatePicker.datePickerTokens.tooltipArrowMaskWidth, _DatePicker.datePickerTokens.tooltipArrowMaskHeight, _DatePicker.datePickerTokens.tooltipArrowMaskImage, _DatePicker.datePickerTokens.tooltipArrowHeight, _DatePicker.datePickerTokens.tooltipArrowEdgeMargin, _DatePicker.datePickerTokens.tooltipArrowBackground),
+            s: (0, _styledcomponents.css)([
+                "",
+                ":0.5rem;",
+                ":0.75rem;",
+                ":0.5rem;",
+                ":0.75rem;",
+                ":2rem;",
+                ":0.5rem;",
+                ":var(--plasma-typo-body-xs-font-family);",
+                ":var(--plasma-typo-body-xs-font-size);",
+                ":var(--plasma-typo-body-xs-font-style);",
+                ":var(--plasma-typo-body-xs-font-weight);",
+                ":var(--plasma-typo-body-xs-letter-spacing);",
+                ":var(--plasma-typo-body-xs-line-height);",
+                ":0.25rem;",
+                ":1rem;",
+                ":1rem;",
+                ':url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMCw5Ljg1bDE2LDBjLTQuNDEsMCAtOCwyLjY5IC04LDZjMCwtMy4zMSAtMy41OSwtNiAtOCwtNnoiIGZpbGw9IiMxNzE3MTciIGZpbGwtcnVsZT0iZXZlbm9kZCIgaWQ9IlRhaWwiLz4KPC9zdmc+");',
+                ":0.375rem;",
+                ":0.5625rem;",
+                ":var(--surface-solid-card-brightness);"
+            ], _DatePicker.datePickerTokens.tooltipPaddingTop, _DatePicker.datePickerTokens.tooltipPaddingRight, _DatePicker.datePickerTokens.tooltipPaddingBottom, _DatePicker.datePickerTokens.tooltipPaddingLeft, _DatePicker.datePickerTokens.tooltipMinHeight, _DatePicker.datePickerTokens.tooltipBorderRadius, _DatePicker.datePickerTokens.tooltipTextFontFamily, _DatePicker.datePickerTokens.tooltipTextFontSize, _DatePicker.datePickerTokens.tooltipTextFontStyle, _DatePicker.datePickerTokens.tooltipTextFontWeight, _DatePicker.datePickerTokens.tooltipTextFontLetterSpacing, _DatePicker.datePickerTokens.tooltipTextFontLineHeight, _DatePicker.datePickerTokens.tooltipContentLeftMargin, _DatePicker.datePickerTokens.tooltipArrowMaskWidth, _DatePicker.datePickerTokens.tooltipArrowMaskHeight, _DatePicker.datePickerTokens.tooltipArrowMaskImage, _DatePicker.datePickerTokens.tooltipArrowHeight, _DatePicker.datePickerTokens.tooltipArrowEdgeMargin, _DatePicker.datePickerTokens.tooltipArrowBackground)
+        },
         disabled: {
             true: (0, _styledcomponents.css)([
                 "",