@salutejs/plasma-new-hope 0.88.0-canary.1224.9413433725.0 → 0.88.0-canary.1224.9504044130.0

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

@@ -13,7 +13,7 @@ var config = exports.config = {
   },
   variations: {
     view: {
-      "default": /*#__PURE__*/(0, _styledComponents.css)(["", ":transparent;", ":var(--plasma-colors-primary);", ":var(--plasma-colors-background-primary);", ":var(--plasma-colors-surface-liquid02);", ":var(--plasma-colors-primary);", ":transparent;", ":var(--plasma-colors-primary);", ":var(--plasma-colors-surface-liquid02);", ":var(--plasma-colors-primary);", ":var(--plasma-colors-surface-solid03);", ":var(--plasma-colors-accent);", ":var(--plasma-colors-background-primary);", ":var(--plasma-colors-surface-liquid02);", ":var(--plasma-colors-button-focused);", ":var(--plasma-colors-primary);", ":var(--plasma-colors-secondary);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--surface-clear);", ":var(--text-primary-hover);", ":var(--surface-clear);", ":var(--text-primary-active);", ":var(--surface-clear);"], _Calendar.tokens.calendarBackgroundColor, _Calendar.tokens.calendarSelectedItemBackground, _Calendar.tokens.calendarSelectedItemColor, _Calendar.tokens.calendarSelectableItemBackgroundHover, _Calendar.tokens.calendarCurrentItemBorderColor, _Calendar.tokens.calendarCurrentItemBackgroundHover, _Calendar.tokens.calendarCurrentItemColorHover, _Calendar.tokens.calendarCurrentItemChildBackgroundHover, _Calendar.tokens.calendarActiveItemBackground, _Calendar.tokens.calendarActiveItemColor, _Calendar.tokens.calendarHoveredItemBackground, _Calendar.tokens.calendarHoveredItemColor, _Calendar.tokens.calendarRangeBackground, _Calendar.tokens.calendarOutlineFocusColor, _Calendar.tokens.calendarContentPrimaryColor, _Calendar.tokens.calendarContentSecondaryColor, _Calendar.tokens.calendarDayOfWeekColor, _Calendar.tokens.iconButtonColor, _Calendar.tokens.iconButtonBackgroundColor, _Calendar.tokens.iconButtonColorHover, _Calendar.tokens.iconButtonBackgroundColorHover, _Calendar.tokens.iconButtonColorActive, _Calendar.tokens.iconButtonBackgroundColorActive)
+      "default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--surface-solid-default);", ":var(--inverse-text-primary);", ":var(--surface-transparent-secondary);", ":var(--surface-solid-default);", ":transparent;", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--surface-solid-default);", ":var(--inverse-text-primary);", ":var(--surface-accent);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--surface-accent);", ":var(--surface-solid-default);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--surface-clear);", ":var(--text-primary-hover);", ":var(--surface-clear);", ":var(--text-primary-active);", ":var(--surface-clear);", ":var(--surface-accent);"], _Calendar.tokens.calendarSelectedItemBackground, _Calendar.tokens.calendarSelectedItemColor, _Calendar.tokens.calendarSelectableItemBackgroundHover, _Calendar.tokens.calendarCurrentItemBorderColor, _Calendar.tokens.calendarCurrentItemBackgroundHover, _Calendar.tokens.calendarCurrentItemColorHover, _Calendar.tokens.calendarCurrentItemChildBackgroundHover, _Calendar.tokens.calendarActiveItemBackground, _Calendar.tokens.calendarActiveItemColor, _Calendar.tokens.calendarHoveredItemBackground, _Calendar.tokens.calendarHoveredItemColor, _Calendar.tokens.calendarRangeBackground, _Calendar.tokens.calendarOutlineFocusColor, _Calendar.tokens.calendarContentPrimaryColor, _Calendar.tokens.calendarContentSecondaryColor, _Calendar.tokens.calendarDayOfWeekColor, _Calendar.tokens.iconButtonColor, _Calendar.tokens.iconButtonBackgroundColor, _Calendar.tokens.iconButtonColorHover, _Calendar.tokens.iconButtonBackgroundColorHover, _Calendar.tokens.iconButtonColorActive, _Calendar.tokens.iconButtonBackgroundColorActive, _Calendar.tokens.iconButtonFocusColor)
     },
     size: {
       l: /*#__PURE__*/(0, _styledComponents.css)(["", ":24.5rem;", ":25rem;", ":0.5rem 0.5rem 0 0.5rem;", ":0.75rem;", ":7.8125rem;", ":5.25rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-bold-font-weight);", ":0.5rem 0.5rem 0 0.5rem;", ":0.75rem;", ":7.8125rem;", ":5.25rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-bold-font-weight);", ":0.5rem 0 0 0;", ":0.75rem;", ":3.5rem;", ":3rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-bold-font-weight);", ":0.5rem;", ":0 0 0 1rem;", ":0.5rem;", ":var(--plasma-typo-h4-font-family);", ":var(--plasma-typo-h4-font-size);", ":var(--plasma-typo-h4-font-style);", ":var(--plasma-typo-h4-letter-spacing);", ":var(--plasma-typo-h4-line-height);", ":var(--plasma-typo-h4-font-weight);", ":var(--plasma-typo-h4-bold-font-weight);", ":3.5rem;", ":3.5rem;", ":1.5rem;", ":0.875rem;"], _Calendar.tokens.calendarWidth, _Calendar.tokens.calendarHeight, _Calendar.tokens.calendarYearsPadding, _Calendar.tokens.calendarYearItemBorderRadius, _Calendar.tokens.calendarYearItemWidth, _Calendar.tokens.calendarYearItemHeight, _Calendar.tokens.calendarYearFontFamily, _Calendar.tokens.calendarYearFontSize, _Calendar.tokens.calendarYearFontStyle, _Calendar.tokens.calendarYearFontLetterSpacing, _Calendar.tokens.calendarYearFontLineHeight, _Calendar.tokens.calendarYearFontWeight, _Calendar.tokens.calendarYearSelectedFontWeight, _Calendar.tokens.calendarMonthsPadding, _Calendar.tokens.calendarMonthItemBorderRadius, _Calendar.tokens.calendarMonthItemWidth, _Calendar.tokens.calendarMonthItemHeight, _Calendar.tokens.calendarMonthFontFamily, _Calendar.tokens.calendarMonthFontSize, _Calendar.tokens.calendarMonthFontStyle, _Calendar.tokens.calendarMonthFontLetterSpacing, _Calendar.tokens.calendarMonthFontLineHeight, _Calendar.tokens.calendarMonthFontWeight, _Calendar.tokens.calendarMonthSelectedFontWeight, _Calendar.tokens.calendarDaysPadding, _Calendar.tokens.calendarDayItemBorderRadius, _Calendar.tokens.calendarDayItemWidth, _Calendar.tokens.calendarDayItemHeight, _Calendar.tokens.calendarDayFontFamily, _Calendar.tokens.calendarDayFontSize, _Calendar.tokens.calendarDayFontStyle, _Calendar.tokens.calendarDayFontLetterSpacing, _Calendar.tokens.calendarDayFontLineHeight, _Calendar.tokens.calendarDayFontWeight, _Calendar.tokens.calendarDaySelectedFontWeight, _Calendar.tokens.calendarHeaderArrowGap, _Calendar.tokens.calendarHeaderPadding, _Calendar.tokens.calendarHeaderDateGap, _Calendar.tokens.calendarHeaderFontFamily, _Calendar.tokens.calendarHeaderFontSize, _Calendar.tokens.calendarHeaderFontStyle, _Calendar.tokens.calendarHeaderFontLetterSpacing, _Calendar.tokens.calendarHeaderFontLineHeight, _Calendar.tokens.calendarHeaderFontWeight, _Calendar.tokens.calendarHeaderFontWeightBold, _Calendar.tokens.iconButtonHeight, _Calendar.tokens.iconButtonWidth, _Calendar.tokens.iconButtonPadding, _Calendar.tokens.iconButtonRadius),

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

@@ -13,13 +13,13 @@ var config = exports.config = {
   },
   variations: {
     view: {
-      "default": /*#__PURE__*/(0, _styledComponents.css)(["", ":transparent;", ":var(--plasma-colors-primary);", ":var(--plasma-colors-background-primary);", ":var(--plasma-colors-surface-liquid02);", ":var(--plasma-colors-primary);", ":transparent;", ":var(--plasma-colors-primary);", ":var(--plasma-colors-surface-liquid02);", ":var(--plasma-colors-primary);", ":var(--plasma-colors-surface-solid03);", ":var(--plasma-colors-accent);", ":var(--plasma-colors-background-primary);", ":var(--plasma-colors-surface-liquid02);", ":var(--plasma-colors-surface-liquid02);", ":var(--plasma-colors-button-focused);", ":var(--plasma-colors-primary);", ":var(--plasma-colors-secondary);"], _Calendar.tokens.calendarBackgroundColor, _Calendar.tokens.calendarSelectedItemBackground, _Calendar.tokens.calendarSelectedItemColor, _Calendar.tokens.calendarSelectableItemBackgroundHover, _Calendar.tokens.calendarCurrentItemBorderColor, _Calendar.tokens.calendarCurrentItemBackgroundHover, _Calendar.tokens.calendarCurrentItemColorHover, _Calendar.tokens.calendarCurrentItemChildBackgroundHover, _Calendar.tokens.calendarActiveItemBackground, _Calendar.tokens.calendarActiveItemColor, _Calendar.tokens.calendarHoveredItemBackground, _Calendar.tokens.calendarHoveredItemColor, _Calendar.tokens.calendarSeparatorBackground, _Calendar.tokens.calendarRangeBackground, _Calendar.tokens.calendarOutlineFocusColor, _Calendar.tokens.calendarContentPrimaryColor, _Calendar.tokens.calendarContentSecondaryColor)
+      "default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--surface-transparent-secondary);", ":transparent;", ":var(--surface-solid-default);", ":var(--inverse-text-primary);", ":var(--surface-transparent-secondary);", ":var(--surface-solid-default);", ":transparent;", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--surface-solid-default);", ":var(--inverse-text-primary);", ":var(--surface-accent);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--surface-accent);", ":var(--surface-solid-default);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--surface-clear);", ":var(--text-primary-hover);", ":var(--surface-clear);", ":var(--text-primary-active);", ":var(--surface-clear);", ":var(--surface-accent);"], _Calendar.tokens.calendarSeparatorBackground, _Calendar.tokens.calendarBackgroundColor, _Calendar.tokens.calendarSelectedItemBackground, _Calendar.tokens.calendarSelectedItemColor, _Calendar.tokens.calendarSelectableItemBackgroundHover, _Calendar.tokens.calendarCurrentItemBorderColor, _Calendar.tokens.calendarCurrentItemBackgroundHover, _Calendar.tokens.calendarCurrentItemColorHover, _Calendar.tokens.calendarCurrentItemChildBackgroundHover, _Calendar.tokens.calendarActiveItemBackground, _Calendar.tokens.calendarActiveItemColor, _Calendar.tokens.calendarHoveredItemBackground, _Calendar.tokens.calendarHoveredItemColor, _Calendar.tokens.calendarRangeBackground, _Calendar.tokens.calendarOutlineFocusColor, _Calendar.tokens.calendarContentPrimaryColor, _Calendar.tokens.calendarContentSecondaryColor, _Calendar.tokens.iconButtonColor, _Calendar.tokens.iconButtonBackgroundColor, _Calendar.tokens.iconButtonColorHover, _Calendar.tokens.iconButtonBackgroundColorHover, _Calendar.tokens.iconButtonColorActive, _Calendar.tokens.iconButtonBackgroundColorActive, _Calendar.tokens.iconButtonFocusColor)
     },
     size: {
       l: /*#__PURE__*/(0, _styledComponents.css)(["", ":51.063rem;", ":25rem;", ":0.5rem 0.5rem 0 0.5rem;", ":0.75rem;", ":7.8125rem;", ":5.25rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-bold-font-weight);", ":0.5rem 0.5rem 0 0.5rem;", ":0.75rem;", ":7.8125rem;", ":5.25rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-bold-font-weight);", ":0.75rem;", ":3.5rem;", ":3rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-bold-font-weight);", ":0.5rem;", ":0.5rem 0 0 0;", ":0 0 0 1rem;", ":0.5rem;", ":var(--plasma-typo-h4-font-family);", ":var(--plasma-typo-h4-font-size);", ":var(--plasma-typo-h4-font-style);", ":var(--plasma-typo-h4-letter-spacing);", ":var(--plasma-typo-h4-line-height);", ":var(--plasma-typo-h4-font-weight);", ":var(--plasma-typo-h4-bold-font-weight);", ":3.5rem;", ":3.5rem;", ":1.5rem;", ":0.875rem;"], _Calendar.tokens.calendarWidth, _Calendar.tokens.calendarHeight, _Calendar.tokens.calendarYearsPadding, _Calendar.tokens.calendarYearItemBorderRadius, _Calendar.tokens.calendarYearItemWidth, _Calendar.tokens.calendarYearItemHeight, _Calendar.tokens.calendarYearFontFamily, _Calendar.tokens.calendarYearFontSize, _Calendar.tokens.calendarYearFontStyle, _Calendar.tokens.calendarYearFontLetterSpacing, _Calendar.tokens.calendarYearFontLineHeight, _Calendar.tokens.calendarYearFontWeight, _Calendar.tokens.calendarYearSelectedFontWeight, _Calendar.tokens.calendarMonthsPadding, _Calendar.tokens.calendarMonthItemBorderRadius, _Calendar.tokens.calendarMonthItemWidth, _Calendar.tokens.calendarMonthItemHeight, _Calendar.tokens.calendarMonthFontFamily, _Calendar.tokens.calendarMonthFontSize, _Calendar.tokens.calendarMonthFontStyle, _Calendar.tokens.calendarMonthFontLetterSpacing, _Calendar.tokens.calendarMonthFontLineHeight, _Calendar.tokens.calendarMonthFontWeight, _Calendar.tokens.calendarMonthSelectedFontWeight, _Calendar.tokens.calendarDayItemBorderRadius, _Calendar.tokens.calendarDayItemWidth, _Calendar.tokens.calendarDayItemHeight, _Calendar.tokens.calendarDayFontFamily, _Calendar.tokens.calendarDayFontSize, _Calendar.tokens.calendarDayFontStyle, _Calendar.tokens.calendarDayFontLetterSpacing, _Calendar.tokens.calendarDayFontLineHeight, _Calendar.tokens.calendarDayFontWeight, _Calendar.tokens.calendarDaySelectedFontWeight, _Calendar.tokens.calendarHeaderArrowGap, _Calendar.tokens.calendarDaysPadding, _Calendar.tokens.calendarHeaderPadding, _Calendar.tokens.calendarHeaderDateGap, _Calendar.tokens.calendarHeaderFontFamily, _Calendar.tokens.calendarHeaderFontSize, _Calendar.tokens.calendarHeaderFontStyle, _Calendar.tokens.calendarHeaderFontLetterSpacing, _Calendar.tokens.calendarHeaderFontLineHeight, _Calendar.tokens.calendarHeaderFontWeight, _Calendar.tokens.calendarHeaderFontWeightBold, _Calendar.tokens.iconButtonHeight, _Calendar.tokens.iconButtonWidth, _Calendar.tokens.iconButtonPadding, _Calendar.tokens.iconButtonRadius),
       m: /*#__PURE__*/(0, _styledComponents.css)(["", ":44.063rem;", ":21rem;", ":0.5rem 0.5rem 0 0.5rem;", ":0.625rem;", ":6.688rem;", ":4.375rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-bold-font-weight);", ":0.5rem 0.5rem 0 0.5rem;", ":0.625rem;", ":6.688rem;", ":4.375rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-bold-font-weight);", ":0.5rem 0 0 0;", ":0.625rem;", ":3rem;", ":2.5rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-bold-font-weight);", ":0.5rem;", ":0.5rem 0 0 0;", ":0 0 0 0.75rem;", ":0.375rem;", ":var(--plasma-typo-h4-font-family);", ":var(--plasma-typo-h4-font-size);", ":var(--plasma-typo-h4-font-style);", ":var(--plasma-typo-h4-letter-spacing);", ":var(--plasma-typo-h4-line-height);", ":var(--plasma-typo-h4-font-weight);", ":var(--plasma-typo-h4-bold-font-weight);", ":3rem;", ":3rem;", ":1.25rem;", ":0.75rem;"], _Calendar.tokens.calendarWidth, _Calendar.tokens.calendarHeight, _Calendar.tokens.calendarYearsPadding, _Calendar.tokens.calendarYearItemBorderRadius, _Calendar.tokens.calendarYearItemWidth, _Calendar.tokens.calendarYearItemHeight, _Calendar.tokens.calendarYearFontFamily, _Calendar.tokens.calendarYearFontSize, _Calendar.tokens.calendarYearFontStyle, _Calendar.tokens.calendarYearFontLetterSpacing, _Calendar.tokens.calendarYearFontLineHeight, _Calendar.tokens.calendarYearFontWeight, _Calendar.tokens.calendarYearSelectedFontWeight, _Calendar.tokens.calendarMonthsPadding, _Calendar.tokens.calendarMonthItemBorderRadius, _Calendar.tokens.calendarMonthItemWidth, _Calendar.tokens.calendarMonthItemHeight, _Calendar.tokens.calendarMonthFontFamily, _Calendar.tokens.calendarMonthFontSize, _Calendar.tokens.calendarMonthFontStyle, _Calendar.tokens.calendarMonthFontLetterSpacing, _Calendar.tokens.calendarMonthFontLineHeight, _Calendar.tokens.calendarMonthFontWeight, _Calendar.tokens.calendarMonthSelectedFontWeight, _Calendar.tokens.calendarDaysPadding, _Calendar.tokens.calendarDayItemBorderRadius, _Calendar.tokens.calendarDayItemWidth, _Calendar.tokens.calendarDayItemHeight, _Calendar.tokens.calendarDayFontFamily, _Calendar.tokens.calendarDayFontSize, _Calendar.tokens.calendarDayFontStyle, _Calendar.tokens.calendarDayFontLetterSpacing, _Calendar.tokens.calendarDayFontLineHeight, _Calendar.tokens.calendarDayFontWeight, _Calendar.tokens.calendarDaySelectedFontWeight, _Calendar.tokens.calendarHeaderArrowGap, _Calendar.tokens.calendarDaysPadding, _Calendar.tokens.calendarHeaderPadding, _Calendar.tokens.calendarHeaderDateGap, _Calendar.tokens.calendarHeaderFontFamily, _Calendar.tokens.calendarHeaderFontSize, _Calendar.tokens.calendarHeaderFontStyle, _Calendar.tokens.calendarHeaderFontLetterSpacing, _Calendar.tokens.calendarHeaderFontLineHeight, _Calendar.tokens.calendarHeaderFontWeight, _Calendar.tokens.calendarHeaderFontWeightBold, _Calendar.tokens.iconButtonHeight, _Calendar.tokens.iconButtonWidth, _Calendar.tokens.iconButtonPadding, _Calendar.tokens.iconButtonRadius),
       s: /*#__PURE__*/(0, _styledComponents.css)(["", ":37.063rem;", ":17rem;", ":0.5rem 0.5rem 0 0.5rem;", ":0.5rem;", ":5.5rem;", ":3.5rem;", ":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-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-bold-font-weight);", ":0.5rem 0.5rem 0 0.5rem;", ":0.5rem;", ":5.5rem;", ":3.5rem;", ":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-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-bold-font-weight);", ":0.5rem;", ":2.5rem;", ":2rem;", ":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-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-bold-font-weight);", ":0.5rem;", ":0.5rem 0 0 0;", ":0 0 0 0.5rem;", ":0.25rem;", ":var(--plasma-typo-h4-font-family);", ":var(--plasma-typo-h4-font-size);", ":var(--plasma-typo-h4-font-style);", ":var(--plasma-typo-h4-letter-spacing);", ":var(--plasma-typo-h4-line-height);", ":var(--plasma-typo-h4-font-weight);", ":var(--plasma-typo-h4-bold-font-weight);", ":2.5rem;", ":2.5rem;", ":1rem;", ":0.625rem;"], _Calendar.tokens.calendarWidth, _Calendar.tokens.calendarHeight, _Calendar.tokens.calendarYearsPadding, _Calendar.tokens.calendarYearItemBorderRadius, _Calendar.tokens.calendarYearItemWidth, _Calendar.tokens.calendarYearItemHeight, _Calendar.tokens.calendarYearFontFamily, _Calendar.tokens.calendarYearFontSize, _Calendar.tokens.calendarYearFontStyle, _Calendar.tokens.calendarYearFontLetterSpacing, _Calendar.tokens.calendarYearFontLineHeight, _Calendar.tokens.calendarYearFontWeight, _Calendar.tokens.calendarYearSelectedFontWeight, _Calendar.tokens.calendarMonthsPadding, _Calendar.tokens.calendarMonthItemBorderRadius, _Calendar.tokens.calendarMonthItemWidth, _Calendar.tokens.calendarMonthItemHeight, _Calendar.tokens.calendarMonthFontFamily, _Calendar.tokens.calendarMonthFontSize, _Calendar.tokens.calendarMonthFontStyle, _Calendar.tokens.calendarMonthFontLetterSpacing, _Calendar.tokens.calendarMonthFontLineHeight, _Calendar.tokens.calendarMonthFontWeight, _Calendar.tokens.calendarMonthSelectedFontWeight, _Calendar.tokens.calendarDayItemBorderRadius, _Calendar.tokens.calendarDayItemWidth, _Calendar.tokens.calendarDayItemHeight, _Calendar.tokens.calendarDayFontFamily, _Calendar.tokens.calendarDayFontSize, _Calendar.tokens.calendarDayFontStyle, _Calendar.tokens.calendarDayFontLetterSpacing, _Calendar.tokens.calendarDayFontLineHeight, _Calendar.tokens.calendarDayFontWeight, _Calendar.tokens.calendarDaySelectedFontWeight, _Calendar.tokens.calendarHeaderArrowGap, _Calendar.tokens.calendarDaysPadding, _Calendar.tokens.calendarHeaderPadding, _Calendar.tokens.calendarHeaderDateGap, _Calendar.tokens.calendarHeaderFontFamily, _Calendar.tokens.calendarHeaderFontSize, _Calendar.tokens.calendarHeaderFontStyle, _Calendar.tokens.calendarHeaderFontLetterSpacing, _Calendar.tokens.calendarHeaderFontLineHeight, _Calendar.tokens.calendarHeaderFontWeight, _Calendar.tokens.calendarHeaderFontWeightBold, _Calendar.tokens.iconButtonHeight, _Calendar.tokens.iconButtonWidth, _Calendar.tokens.iconButtonPadding, _Calendar.tokens.iconButtonRadius),
-      xs: /*#__PURE__*/(0, _styledComponents.css)(["", ":37.063rem;", ":15.5rem;", ":0.375rem 0.25rem 0 0.25rem;", ":0.375rem;", ":5.625rem;", ":3.281rem;", ":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-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-bold-font-weight);", ":0.375rem 0.25rem 0 0.25rem;", ":0.375rem;", ":5.625rem;", ":3.281rem;", ":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-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-bold-font-weight);", ":0.375rem 0 0 0;", ":0.5rem;", ":2.5rem;", ":1.875rem;", ":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-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-bold-font-weight);", ":0;", ":0 0 0 0.5rem;", ":0.25rem;", ":var(--plasma-typo-h5-font-family);", ":var(--plasma-typo-h5-font-size);", ":var(--plasma-typo-h5-font-style);", ":var(--plasma-typo-h5-letter-spacing);", ":var(--plasma-typo-h5-line-height);", ":var(--plasma-typo-h5-font-weight);", ":var(--plasma-typo-h5-bold-font-weight);", ":2rem;", ":2rem;", ":0.75rem;", ":0.5rem;"], _Calendar.tokens.calendarWidth, _Calendar.tokens.calendarHeight, _Calendar.tokens.calendarYearsPadding, _Calendar.tokens.calendarYearItemBorderRadius, _Calendar.tokens.calendarYearItemWidth, _Calendar.tokens.calendarYearItemHeight, _Calendar.tokens.calendarYearFontFamily, _Calendar.tokens.calendarYearFontSize, _Calendar.tokens.calendarYearFontStyle, _Calendar.tokens.calendarYearFontLetterSpacing, _Calendar.tokens.calendarYearFontLineHeight, _Calendar.tokens.calendarYearFontWeight, _Calendar.tokens.calendarYearSelectedFontWeight, _Calendar.tokens.calendarMonthsPadding, _Calendar.tokens.calendarMonthItemBorderRadius, _Calendar.tokens.calendarMonthItemWidth, _Calendar.tokens.calendarMonthItemHeight, _Calendar.tokens.calendarMonthFontFamily, _Calendar.tokens.calendarMonthFontSize, _Calendar.tokens.calendarMonthFontStyle, _Calendar.tokens.calendarMonthFontLetterSpacing, _Calendar.tokens.calendarMonthFontLineHeight, _Calendar.tokens.calendarMonthFontWeight, _Calendar.tokens.calendarMonthSelectedFontWeight, _Calendar.tokens.calendarDaysPadding, _Calendar.tokens.calendarDayItemBorderRadius, _Calendar.tokens.calendarDayItemWidth, _Calendar.tokens.calendarDayItemHeight, _Calendar.tokens.calendarDayFontFamily, _Calendar.tokens.calendarDayFontSize, _Calendar.tokens.calendarDayFontStyle, _Calendar.tokens.calendarDayFontLetterSpacing, _Calendar.tokens.calendarDayFontLineHeight, _Calendar.tokens.calendarDayFontWeight, _Calendar.tokens.calendarDaySelectedFontWeight, _Calendar.tokens.calendarHeaderArrowGap, _Calendar.tokens.calendarHeaderPadding, _Calendar.tokens.calendarHeaderDateGap, _Calendar.tokens.calendarHeaderFontFamily, _Calendar.tokens.calendarHeaderFontSize, _Calendar.tokens.calendarHeaderFontStyle, _Calendar.tokens.calendarHeaderFontLetterSpacing, _Calendar.tokens.calendarHeaderFontLineHeight, _Calendar.tokens.calendarHeaderFontWeight, _Calendar.tokens.calendarHeaderFontWeightBold, _Calendar.tokens.iconButtonHeight, _Calendar.tokens.iconButtonWidth, _Calendar.tokens.iconButtonPadding, _Calendar.tokens.iconButtonRadius)
+      xs: /*#__PURE__*/(0, _styledComponents.css)(["", ":37.063rem;", ":15.5rem;", ":0.375rem 0.25rem 0 0.25rem;", ":0.375rem;", ":5.625rem;", ":3.281rem;", ":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-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-bold-font-weight);", ":0.375rem 0.25rem 0 0.25rem;", ":0.375rem;", ":5.625rem;", ":3.281rem;", ":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-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-bold-font-weight);", ":0.375rem 0 0 0;", ":0.375rem;", ":2.5rem;", ":1.875rem;", ":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-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-bold-font-weight);", ":0;", ":0 0 0 0.5rem;", ":0.25rem;", ":var(--plasma-typo-h5-font-family);", ":var(--plasma-typo-h5-font-size);", ":var(--plasma-typo-h5-font-style);", ":var(--plasma-typo-h5-letter-spacing);", ":var(--plasma-typo-h5-line-height);", ":var(--plasma-typo-h5-font-weight);", ":var(--plasma-typo-h5-bold-font-weight);", ":2rem;", ":2rem;", ":0.75rem;", ":0.5rem;"], _Calendar.tokens.calendarWidth, _Calendar.tokens.calendarHeight, _Calendar.tokens.calendarYearsPadding, _Calendar.tokens.calendarYearItemBorderRadius, _Calendar.tokens.calendarYearItemWidth, _Calendar.tokens.calendarYearItemHeight, _Calendar.tokens.calendarYearFontFamily, _Calendar.tokens.calendarYearFontSize, _Calendar.tokens.calendarYearFontStyle, _Calendar.tokens.calendarYearFontLetterSpacing, _Calendar.tokens.calendarYearFontLineHeight, _Calendar.tokens.calendarYearFontWeight, _Calendar.tokens.calendarYearSelectedFontWeight, _Calendar.tokens.calendarMonthsPadding, _Calendar.tokens.calendarMonthItemBorderRadius, _Calendar.tokens.calendarMonthItemWidth, _Calendar.tokens.calendarMonthItemHeight, _Calendar.tokens.calendarMonthFontFamily, _Calendar.tokens.calendarMonthFontSize, _Calendar.tokens.calendarMonthFontStyle, _Calendar.tokens.calendarMonthFontLetterSpacing, _Calendar.tokens.calendarMonthFontLineHeight, _Calendar.tokens.calendarMonthFontWeight, _Calendar.tokens.calendarMonthSelectedFontWeight, _Calendar.tokens.calendarDaysPadding, _Calendar.tokens.calendarDayItemBorderRadius, _Calendar.tokens.calendarDayItemWidth, _Calendar.tokens.calendarDayItemHeight, _Calendar.tokens.calendarDayFontFamily, _Calendar.tokens.calendarDayFontSize, _Calendar.tokens.calendarDayFontStyle, _Calendar.tokens.calendarDayFontLetterSpacing, _Calendar.tokens.calendarDayFontLineHeight, _Calendar.tokens.calendarDayFontWeight, _Calendar.tokens.calendarDaySelectedFontWeight, _Calendar.tokens.calendarHeaderArrowGap, _Calendar.tokens.calendarHeaderPadding, _Calendar.tokens.calendarHeaderDateGap, _Calendar.tokens.calendarHeaderFontFamily, _Calendar.tokens.calendarHeaderFontSize, _Calendar.tokens.calendarHeaderFontStyle, _Calendar.tokens.calendarHeaderFontLetterSpacing, _Calendar.tokens.calendarHeaderFontLineHeight, _Calendar.tokens.calendarHeaderFontWeight, _Calendar.tokens.calendarHeaderFontWeightBold, _Calendar.tokens.iconButtonHeight, _Calendar.tokens.iconButtonWidth, _Calendar.tokens.iconButtonPadding, _Calendar.tokens.iconButtonRadius)
     }
   }
 };

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

@@ -54,7 +54,9 @@ export var tokens = {
   calendarDaySelectedFontWeight: '--plasma-calendar-day-selected-font-weight',
   calendarDayOfWeekColor: '--plasma-calendar-day-of-the-week-color',
   /* Токены шапки календаря */
+  calendarHeaderWrapperPadding: '--plasma-calendar-header-wrapper-padding',
   calendarHeaderArrowGap: '--plasma-calendar-arrow-container-gap',
+  calendarHeaderArrowPadding: '--plasma-calendar-arrow-container-padding',
   calendarHeaderPadding: '--plasma-calendar-header-padding',
   calendarHeaderDateGap: '--plasma-calendar-header-date-gap',
   calendarHeaderFontFamily: '--plasma-calendar-header-font-family',
@@ -75,6 +77,7 @@ export var tokens = {
   iconButtonWidth: '--plasma-calendar-icon-button-width',
   iconButtonPadding: '--plasma-calendar-icon-button-padding',
   iconButtonRadius: '--plasma-calendar-icon-button-radius',
+  iconButtonFocusColor: '--plasma-calendar-icon-button-focus-color',
   calendarBackgroundColor: '--plasma-calendar-background',
   calendarSelectedItemBackground: '--plasma-calendar-selected-item-background',
   calendarSelectedItemColor: '--plasma-calendar-selected-item-color',

package/styled-components/es/components/Calendar/mixins/selected.js

@@ -8,16 +8,11 @@ export var addSelected = function addSelected(args) {
     selectedColor = args.selectedColor,
     selectableBackgroundHover = args.selectableBackgroundHover,
     currentBorderColor = args.currentBorderColor,
-    currentBackgroundHover = args.currentBackgroundHover,
-    currentColorHover = args.currentColorHover,
-    currentChildBackgroundHover = args.currentChildBackgroundHover,
-    hoveredBackground = args.hoveredBackground,
-    hoveredColor = args.hoveredColor,
     activeBackground = args.activeBackground,
     activeColor = args.activeColor;
-  return "\n        outline: none;\n        cursor: pointer;\n\n        &:hover {\n            background-color: ".concat(selectableBackgroundHover, ";\n        };\n        \n\n        &.").concat(classes.hoveredItem, ", &.").concat(classes.hoveredItem, ":hover {\n            background-color: ").concat(hoveredBackground, ";\n            color: ").concat(hoveredColor, ";\n            cursor: pointer;\n            font-weight: ").concat(selectedFontWeight, ";\n        }\n\n        &.").concat(classes.selectedItem, ":not(.").concat(classes.currentItem, ") {\n            border: 0;\n            background-color: ").concat(selectedBackground, ";\n            color: ").concat(selectedColor, ";\n            cursor: default;\n            font-weight: ").concat(selectedFontWeight, ";\n        };\n        \n        ").concat(addActive({
+  return "\n        outline: none;\n        cursor: pointer;\n\n        &:hover {\n            background-color: ".concat(selectableBackgroundHover, ";\n        };\n        \n\n        &.").concat(classes.hoveredItem, ", &.").concat(classes.hoveredItem, ":hover {\n            background-color: ").concat(selectedBackground, ";\n            color: ").concat(selectedColor, ";\n            cursor: pointer;\n            font-weight: ").concat(selectedFontWeight, ";\n        }\n\n        &.").concat(classes.selectedItem, ":not(.").concat(classes.currentItem, ") {\n            border: 0;\n            background-color: ").concat(selectedBackground, ";\n            color: ").concat(selectedColor, ";\n            cursor: default;\n            font-weight: ").concat(selectedFontWeight, ";\n        };\n        \n        ").concat(addActive({
     activeBackground: activeBackground,
     activeColor: activeColor,
     activeFontWeight: selectedFontWeight
-  }), ";\n\n        &.").concat(classes.currentItem, " {\n            border: 0.063rem solid ").concat(currentBorderColor, ";\n\n            &.").concat(classes.selectedItem, " {\n                background-color: initial;\n                color: ").concat(selectedColor, ";\n                font-weight: ").concat(selectedFontWeight, ";\n\n                & > div:first-of-type {\n                    background-color: ").concat(selectedBackground, ";\n                    min-width: ").concat(minWidth, ";\n                    min-height: ").concat(minHeight, ";\n                }\n            }\n\n            &:not(.").concat(classes.selectedItem, "):hover {\n                background-color: ").concat(currentBackgroundHover, ";\n                color: ").concat(currentColorHover, ";\n\n                & > div:first-of-type {\n                    background-color: ").concat(currentChildBackgroundHover, ";\n                    min-width: ").concat(minWidth, ";\n                    min-height: ").concat(minHeight, ";\n                }\n\n                &:active > div:first-of-type {\n                    background-color: ").concat(selectedBackground, ";\n                }\n            }\n\n            &.").concat(classes.hoveredItem, ":not(.").concat(classes.selectedItem, "):hover {\n                background-color: initial;\n                color: ").concat(hoveredColor, ";\n                font-weight: ").concat(selectedFontWeight, ";\n\n                & > div:first-of-type {\n                    background-color: ").concat(hoveredBackground, ";\n                    min-width: ").concat(minWidth, ";\n                    min-height: ").concat(minHeight, ";\n                }\n            }\n        };\n    ");
+  }), ";\n\n        &.").concat(classes.currentItem, " {\n            border: 0.063rem solid ").concat(currentBorderColor, ";\n\n            &.").concat(classes.selectedItem, " {\n                background-color: initial;\n                color: ").concat(selectedColor, ";\n                font-weight: ").concat(selectedFontWeight, ";\n\n                & > div:first-of-type {\n                    background-color: ").concat(selectedBackground, ";\n                    min-width: ").concat(minWidth, ";\n                    min-height: ").concat(minHeight, ";\n                }\n            }\n        };\n    ");
 };

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

@@ -10,7 +10,7 @@ var sideInRange = function sideInRange() {
 };
 export var StyledDay = /*#__PURE__*/styled.div.withConfig({
   componentId: "plasma-new-hope__sc-2y5uj0-0"
-})(["border-radius:var(", ");", ";&.", "{", ";}&.", "{", ";}&.", "{&:before{left:", ";}}&.", "{&:before{right:", ";}}"], tokens.calendarDayItemBorderRadius, /*#__PURE__*/String(flexCenter), /*#__PURE__*/String(classes.dayInRange), /*#__PURE__*/inRange(), /*#__PURE__*/String(classes.daySideInRange), /*#__PURE__*/sideInRange(), /*#__PURE__*/String(classes.daySideLeft), function (_ref) {
+})(["border-radius:calc(var(", ") - 0.125rem);", ";&.", "{", ";}&.", "{", ";}&.", "{&:before{left:", ";}}&.", "{&:before{right:", ";}}"], tokens.calendarDayItemBorderRadius, /*#__PURE__*/String(flexCenter), /*#__PURE__*/String(classes.dayInRange), /*#__PURE__*/inRange(), /*#__PURE__*/String(classes.daySideInRange), /*#__PURE__*/sideInRange(), /*#__PURE__*/String(classes.daySideLeft), function (_ref) {
   var offset = _ref.offset;
   return "".concat(offset, "px");
 }, /*#__PURE__*/String(classes.daySideRight), function (_ref2) {
@@ -18,19 +18,14 @@ export var StyledDay = /*#__PURE__*/styled.div.withConfig({
   return "".concat(offset, "px");
 });
 var disabledDay = function disabledDay() {
-  return "\n    cursor: not-allowed;\n    opacity: 0.4;\n\n    ".concat(addFocus({
-    outlineSize: '0.063rem',
-    outlineOffset: '-0.063rem',
-    outlineColor: "var(".concat(tokens.calendarOutlineFocusColor, ")"),
-    outlineRadius: "calc(var(".concat(tokens.calendarDayItemBorderRadius, ") - 0.125rem)")
-  }), ";\n");
+  return "\n    cursor: not-allowed;\n    opacity: 0.4;\n";
 };
 var disabledCurrentDay = function disabledCurrentDay() {
-  return "\n    ".concat(disabledDay(), ";\n    --calendar_private-add-focus-outline-offset: 0.125rem;\n");
+  return "\n    ".concat(disabledDay(), ";\n");
 };
 export var StyledDayRoot = /*#__PURE__*/styled.div.withConfig({
   componentId: "plasma-new-hope__sc-2y5uj0-1"
-})(["font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");position:relative;box-sizing:border-box;min-width:var(", ");min-height:var(", ");border-radius:var(", ");", ";color:", ";visibility:", ";&.", "{", ";", ";}&.", "{color:var(", ");}&.", "{", ";}&.", "{", ";}"], tokens.calendarDayFontFamily, tokens.calendarDayFontSize, tokens.calendarDayFontStyle, tokens.calendarDayFontWeight, tokens.calendarDayFontLetterSpacing, tokens.calendarDayFontLineHeight, tokens.calendarDayItemWidth, tokens.calendarDayItemHeight, tokens.calendarDayItemBorderRadius, /*#__PURE__*/String(flexCenter), function (_ref3) {
+})(["font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");position:relative;box-sizing:border-box;min-width:var(", ");min-height:var(", ");border-radius:var(", ");", ";color:", ";visibility:", ";&.", "{", ";", ";&.", "{", ";}}&.", "{color:var(", ");}&.", "{", ";}&.", "{", ";}&.", "{& > .", ":before{width:calc(100% + 2px);height:100%;}& > .", ":before{width:100%;right:-1px;left:unset;}& > .", ":before{width:100%;left:-1px;right:unset;}}"], tokens.calendarDayFontFamily, tokens.calendarDayFontSize, tokens.calendarDayFontStyle, tokens.calendarDayFontWeight, tokens.calendarDayFontLetterSpacing, tokens.calendarDayFontLineHeight, tokens.calendarDayItemWidth, tokens.calendarDayItemHeight, tokens.calendarDayItemBorderRadius, /*#__PURE__*/String(flexCenter), function (_ref3) {
   var isDayInCurrentMonth = _ref3.isDayInCurrentMonth;
   return isDayInCurrentMonth ? "var(".concat(tokens.calendarContentPrimaryColor, ")") : "var(".concat(tokens.calendarContentSecondaryColor, ")");
 }, function (_ref4) {
@@ -45,19 +40,19 @@ export var StyledDayRoot = /*#__PURE__*/styled.div.withConfig({
   selectedColor: /*#__PURE__*/"var(".concat(tokens.calendarSelectedItemColor, ")"),
   selectableBackgroundHover: /*#__PURE__*/"var(".concat(tokens.calendarSelectableItemBackgroundHover, ")"),
   currentBorderColor: /*#__PURE__*/"var(".concat(tokens.calendarCurrentItemBorderColor, ")"),
-  currentBackgroundHover: /*#__PURE__*/"var(".concat(tokens.calendarCurrentItemBackgroundHover, ")"),
-  currentColorHover: /*#__PURE__*/"var(".concat(tokens.calendarCurrentItemColorHover, ")"),
-  currentChildBackgroundHover: /*#__PURE__*/"var(".concat(tokens.calendarCurrentItemChildBackgroundHover, ")"),
-  hoveredBackground: /*#__PURE__*/"var(".concat(tokens.calendarHoveredItemBackground, ")"),
-  hoveredColor: /*#__PURE__*/"var(".concat(tokens.calendarHoveredItemColor, ")"),
   activeBackground: /*#__PURE__*/"var(".concat(tokens.calendarActiveItemBackground, ")"),
   activeColor: /*#__PURE__*/"var(".concat(tokens.calendarActiveItemColor, ")")
 }), /*#__PURE__*/addFocus({
   outlineSize: '0.063rem',
-  outlineOffset: '-0.063rem',
+  outlineOffset: '-0.125rem',
   outlineColor: /*#__PURE__*/"var(".concat(tokens.calendarOutlineFocusColor, ")"),
-  outlineRadius: /*#__PURE__*/"calc(var(".concat(tokens.calendarMonthItemBorderRadius, ") - 0.125rem)")
-}), classes.dayOfWeek, tokens.calendarDayOfWeekColor, classes.dayDisabled, /*#__PURE__*/disabledDay(), classes.dayDisabledCurrent, /*#__PURE__*/disabledCurrentDay());
+  outlineRadius: /*#__PURE__*/"calc(var(".concat(tokens.calendarDayItemBorderRadius, ") + 0.125rem)")
+}), classes.currentItem, /*#__PURE__*/addFocus({
+  outlineSize: '0.063rem',
+  outlineOffset: '-0.1875rem',
+  outlineColor: /*#__PURE__*/"var(".concat(tokens.calendarOutlineFocusColor, ")"),
+  outlineRadius: /*#__PURE__*/"calc(var(".concat(tokens.calendarDayItemBorderRadius, ") - 0.125rem)")
+}), classes.dayOfWeek, tokens.calendarDayOfWeekColor, classes.dayDisabled, /*#__PURE__*/disabledDay(), classes.dayDisabledCurrent, /*#__PURE__*/disabledCurrentDay(), classes.currentItem, classes.dayInRange, classes.daySideRight, classes.daySideLeft);
 export var StyledEvents = /*#__PURE__*/styled.div.withConfig({
   componentId: "plasma-new-hope__sc-2y5uj0-2"
 })(["display:flex;position:absolute;bottom:0.25rem;"]);

package/styled-components/es/components/Calendar/ui/CalendarHeader/CalendarHeader.js

@@ -34,16 +34,19 @@ export var CalendarHeader = function CalendarHeader(_ref) {
     }
     if (type === CalendarState.Days) {
       return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(StyledHeaderDate, null, MONTH_NAMES[date.monthIndex]), /*#__PURE__*/React.createElement(StyledHeaderDate, null, date.year, /*#__PURE__*/React.createElement(IconDisclosureDownFill, {
+        color: "inherit",
         size: size === 'xs' ? 'xs' : 's'
       })));
     }
     if (type === CalendarState.Months) {
       return /*#__PURE__*/React.createElement(StyledHeaderDate, null, date.year, /*#__PURE__*/React.createElement(IconDisclosureDownFill, {
+        color: "inherit",
         size: size === 'xs' ? 'xs' : 's'
       }));
     }
     if (type === CalendarState.Years) {
       return /*#__PURE__*/React.createElement(StyledHeaderDate, null, startYear, "\u2014", startYear + YEAR_RENDER_COUNT - 1, /*#__PURE__*/React.createElement(IconDisclosureDownFill, {
+        color: "inherit",
         size: size === 'xs' ? 'xs' : 's'
       }));
     }
@@ -57,6 +60,7 @@ export var CalendarHeader = function CalendarHeader(_ref) {
         return onPrev();
       }
     }, /*#__PURE__*/React.createElement(IconDisclosureLeft, {
+      color: "inherit",
       size: size === 'xs' ? 'xs' : 's'
     }));
   }, [currentCalendarType, size, onPrev]);
@@ -67,6 +71,7 @@ export var CalendarHeader = function CalendarHeader(_ref) {
         return onNext();
       }
     }, /*#__PURE__*/React.createElement(IconDisclosureRight, {
+      color: "inherit",
       size: size === 'xs' ? 'xs' : 's'
     }));
   }, [currentCalendarType, size, onNext]);

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

@@ -8,10 +8,10 @@ var mergedIconButtonConfig = /*#__PURE__*/mergeConfig(iconButtonConfig);
 var IconButton = /*#__PURE__*/component(mergedIconButtonConfig);
 export var StyledCalendarHeader = /*#__PURE__*/styled.div.withConfig({
   componentId: "plasma-new-hope__sc-186pzg3-0"
-})(["display:flex;justify-content:space-between;align-items:center;"]);
+})(["display:flex;justify-content:space-between;align-items:center;padding:var(", ");"], tokens.calendarHeaderWrapperPadding);
 export var StyledHeader = /*#__PURE__*/styled.button.withConfig({
   componentId: "plasma-new-hope__sc-186pzg3-1"
-})(["border:none;background-color:transparent;padding:0;outline:none;color:var(", ");font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");padding:var(", ");cursor:pointer;display:flex;gap:var(", ");justify-content:space-between;align-items:center;", ";"], tokens.calendarContentPrimaryColor, tokens.calendarHeaderFontFamily, tokens.calendarHeaderFontSize, tokens.calendarHeaderFontStyle, tokens.calendarHeaderFontWeightBold, tokens.calendarHeaderFontLetterSpacing, tokens.calendarHeaderFontLineHeight, tokens.calendarHeaderPadding, tokens.calendarHeaderDateGap, /*#__PURE__*/addFocus({
+})(["border:none;background-color:transparent;padding:0;outline:none;font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");padding:var(", ");color:var(", ");cursor:pointer;display:flex;gap:var(", ");justify-content:space-between;align-items:center;&:hover,&:active{color:var(", ");}", ";"], tokens.calendarHeaderFontFamily, tokens.calendarHeaderFontSize, tokens.calendarHeaderFontStyle, tokens.calendarHeaderFontWeightBold, tokens.calendarHeaderFontLetterSpacing, tokens.calendarHeaderFontLineHeight, tokens.calendarHeaderPadding, tokens.calendarContentPrimaryColor, tokens.calendarHeaderDateGap, tokens.calendarContentSecondaryColor, /*#__PURE__*/addFocus({
   outlineSize: '0.063rem',
   outlineOffset: '-0.125rem',
   outlineColor: /*#__PURE__*/"var(".concat(tokens.calendarOutlineFocusColor, ")"),
@@ -22,12 +22,12 @@ export var StyledHeaderDate = /*#__PURE__*/styled.span.withConfig({
 })(["", ";pointer-events:none;"], flexCenter);
 export var StyledArrows = /*#__PURE__*/styled.div.withConfig({
   componentId: "plasma-new-hope__sc-186pzg3-3"
-})(["display:flex;gap:var(", ");"], tokens.calendarHeaderArrowGap);
+})(["display:flex;gap:var(", ");padding:var(", ");"], tokens.calendarHeaderArrowGap, tokens.calendarHeaderArrowPadding);
 
 // NOTE: переопределение токенов IconButton
 export var StyledArrow = /*#__PURE__*/styled(IconButton).withConfig({
   componentId: "plasma-new-hope__sc-186pzg3-4"
-})(["", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");"], iconButtonTokens.iconButtonColor, tokens.iconButtonColor, iconButtonTokens.iconButtonBackgroundColor, tokens.iconButtonBackgroundColor, iconButtonTokens.iconButtonColorHover, tokens.iconButtonColorHover, iconButtonTokens.iconButtonBackgroundColorHover, tokens.iconButtonBackgroundColorHover, iconButtonTokens.iconButtonColorActive, tokens.iconButtonColorActive, iconButtonTokens.iconButtonBackgroundColorActive, tokens.iconButtonBackgroundColorActive, iconButtonTokens.iconButtonHeight, tokens.iconButtonHeight, iconButtonTokens.iconButtonWidth, tokens.iconButtonWidth, iconButtonTokens.iconButtonPadding, tokens.iconButtonPadding, iconButtonTokens.iconButtonRadius, tokens.iconButtonRadius);
+})(["", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");"], iconButtonTokens.iconButtonColor, tokens.iconButtonColor, iconButtonTokens.iconButtonBackgroundColor, tokens.iconButtonBackgroundColor, iconButtonTokens.iconButtonColorHover, tokens.iconButtonColorHover, iconButtonTokens.iconButtonBackgroundColorHover, tokens.iconButtonBackgroundColorHover, iconButtonTokens.iconButtonColorActive, tokens.iconButtonColorActive, iconButtonTokens.iconButtonBackgroundColorActive, tokens.iconButtonBackgroundColorActive, iconButtonTokens.iconButtonHeight, tokens.iconButtonHeight, iconButtonTokens.iconButtonWidth, tokens.iconButtonWidth, iconButtonTokens.iconButtonPadding, tokens.iconButtonPadding, iconButtonTokens.iconButtonRadius, tokens.iconButtonRadius, iconButtonTokens.iconButtonFocusColor, tokens.iconButtonFocusColor);
 export var StyledNavigation = /*#__PURE__*/styled.div.withConfig({
   componentId: "plasma-new-hope__sc-186pzg3-5"
 })(["width:100%;", ";"], flexCenter);

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

@@ -1,5 +1,5 @@
 import styled from 'styled-components';
-import { tokens } from '../../Calendar.tokens';
+import { classes, tokens } from '../../Calendar.tokens';
 import { addFocus } from '../../../../mixins';
 import { addSelected, flexCenter } from '../../mixins';
 export var StyledCalendarMonths = /*#__PURE__*/styled.div.withConfig({
@@ -13,7 +13,7 @@ export var StyledMonth = /*#__PURE__*/styled.div.withConfig({
 })(["border-radius:calc(var(", ") - 0.125rem);", ";"], tokens.calendarMonthItemBorderRadius, /*#__PURE__*/String(flexCenter));
 export var StyledMonthRoot = /*#__PURE__*/styled.div.withConfig({
   componentId: "plasma-new-hope__sc-mx5ps9-3"
-})(["font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");position:relative;box-sizing:border-box;min-height:var(", ");min-width:var(", ");border-radius:var(", ");", ";", ";", ";"], tokens.calendarMonthFontFamily, tokens.calendarMonthFontSize, tokens.calendarMonthFontStyle, tokens.calendarMonthFontWeight, tokens.calendarMonthFontLetterSpacing, tokens.calendarMonthFontLineHeight, tokens.calendarMonthItemHeight, tokens.calendarMonthItemWidth, tokens.calendarMonthItemBorderRadius, /*#__PURE__*/String(flexCenter), /*#__PURE__*/addSelected({
+})(["font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");position:relative;box-sizing:border-box;min-height:var(", ");min-width:var(", ");border-radius:var(", ");", ";", ";", ";&.", "{", ";}"], tokens.calendarMonthFontFamily, tokens.calendarMonthFontSize, tokens.calendarMonthFontStyle, tokens.calendarMonthFontWeight, tokens.calendarMonthFontLetterSpacing, tokens.calendarMonthFontLineHeight, tokens.calendarMonthItemHeight, tokens.calendarMonthItemWidth, tokens.calendarMonthItemBorderRadius, /*#__PURE__*/String(flexCenter), /*#__PURE__*/addSelected({
   minWidth: /*#__PURE__*/"calc(var(".concat(tokens.calendarMonthItemWidth, ") - 0.25rem)"),
   minHeight: /*#__PURE__*/"calc(var(".concat(tokens.calendarMonthItemHeight, ") - 0.25rem)"),
   selectedFontWeight: /*#__PURE__*/"var(".concat(tokens.calendarMonthSelectedFontWeight, ")"),
@@ -21,16 +21,16 @@ export var StyledMonthRoot = /*#__PURE__*/styled.div.withConfig({
   selectedColor: /*#__PURE__*/"var(".concat(tokens.calendarSelectedItemColor, ")"),
   selectableBackgroundHover: /*#__PURE__*/"var(".concat(tokens.calendarSelectableItemBackgroundHover, ")"),
   currentBorderColor: /*#__PURE__*/"var(".concat(tokens.calendarCurrentItemBorderColor, ")"),
-  currentBackgroundHover: /*#__PURE__*/"var(".concat(tokens.calendarCurrentItemBackgroundHover, ")"),
-  currentColorHover: /*#__PURE__*/"var(".concat(tokens.calendarCurrentItemColorHover, ")"),
-  currentChildBackgroundHover: /*#__PURE__*/"var(".concat(tokens.calendarCurrentItemChildBackgroundHover, ")"),
-  hoveredBackground: /*#__PURE__*/"var(".concat(tokens.calendarHoveredItemBackground, ")"),
-  hoveredColor: /*#__PURE__*/"var(".concat(tokens.calendarHoveredItemColor, ")"),
   activeBackground: /*#__PURE__*/"var(".concat(tokens.calendarActiveItemBackground, ")"),
   activeColor: /*#__PURE__*/"var(".concat(tokens.calendarActiveItemColor, ")")
 }), /*#__PURE__*/addFocus({
   outlineSize: '0.063rem',
-  outlineOffset: '-0.063rem',
+  outlineOffset: '-0.125rem',
+  outlineColor: /*#__PURE__*/"var(".concat(tokens.calendarOutlineFocusColor, ")"),
+  outlineRadius: /*#__PURE__*/"calc(var(".concat(tokens.calendarMonthItemBorderRadius, ") + 0.125rem)")
+}), classes.currentItem, /*#__PURE__*/addFocus({
+  outlineSize: '0.063rem',
+  outlineOffset: '-0.1875rem',
   outlineColor: /*#__PURE__*/"var(".concat(tokens.calendarOutlineFocusColor, ")"),
   outlineRadius: /*#__PURE__*/"calc(var(".concat(tokens.calendarMonthItemBorderRadius, ") - 0.125rem)")
 }));

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

@@ -1,5 +1,5 @@
 import styled from 'styled-components';
-import { tokens } from '../../Calendar.tokens';
+import { classes, tokens } from '../../Calendar.tokens';
 import { addFocus } from '../../../../mixins';
 import { addSelected, flexCenter } from '../../mixins';
 export var StyledCalendarYears = /*#__PURE__*/styled.div.withConfig({
@@ -13,7 +13,7 @@ export var StyledYear = /*#__PURE__*/styled.div.withConfig({
 })(["border-radius:calc(var(", ") - 0.125rem);", ";"], tokens.calendarYearItemBorderRadius, /*#__PURE__*/String(flexCenter));
 export var StyledYearRoot = /*#__PURE__*/styled.div.withConfig({
   componentId: "plasma-new-hope__sc-153qwc7-3"
-})(["font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");position:relative;box-sizing:border-box;min-height:var(", ");min-width:var(", ");border-radius:var(", ");", ";", ";", ";"], tokens.calendarYearFontFamily, tokens.calendarYearFontSize, tokens.calendarYearFontStyle, tokens.calendarYearFontWeight, tokens.calendarYearFontLetterSpacing, tokens.calendarYearFontLineHeight, tokens.calendarYearItemHeight, tokens.calendarYearItemWidth, tokens.calendarYearItemBorderRadius, /*#__PURE__*/String(flexCenter), /*#__PURE__*/addSelected({
+})(["font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");position:relative;box-sizing:border-box;min-height:var(", ");min-width:var(", ");border-radius:var(", ");", ";", ";", ";&.", "{", ";}"], tokens.calendarYearFontFamily, tokens.calendarYearFontSize, tokens.calendarYearFontStyle, tokens.calendarYearFontWeight, tokens.calendarYearFontLetterSpacing, tokens.calendarYearFontLineHeight, tokens.calendarYearItemHeight, tokens.calendarYearItemWidth, tokens.calendarYearItemBorderRadius, /*#__PURE__*/String(flexCenter), /*#__PURE__*/addSelected({
   minWidth: /*#__PURE__*/"calc(var(".concat(tokens.calendarYearItemWidth, ") - 0.25rem)"),
   minHeight: /*#__PURE__*/"calc(var(".concat(tokens.calendarYearItemHeight, ") - 0.25rem)"),
   selectedFontWeight: /*#__PURE__*/"var(".concat(tokens.calendarYearSelectedFontWeight, ")"),
@@ -21,16 +21,16 @@ export var StyledYearRoot = /*#__PURE__*/styled.div.withConfig({
   selectedColor: /*#__PURE__*/"var(".concat(tokens.calendarSelectedItemColor, ")"),
   selectableBackgroundHover: /*#__PURE__*/"var(".concat(tokens.calendarSelectableItemBackgroundHover, ")"),
   currentBorderColor: /*#__PURE__*/"var(".concat(tokens.calendarCurrentItemBorderColor, ")"),
-  currentBackgroundHover: /*#__PURE__*/"var(".concat(tokens.calendarCurrentItemBackgroundHover, ")"),
-  currentColorHover: /*#__PURE__*/"var(".concat(tokens.calendarCurrentItemColorHover, ")"),
-  currentChildBackgroundHover: /*#__PURE__*/"var(".concat(tokens.calendarCurrentItemChildBackgroundHover, ")"),
-  hoveredBackground: /*#__PURE__*/"var(".concat(tokens.calendarHoveredItemBackground, ")"),
-  hoveredColor: /*#__PURE__*/"var(".concat(tokens.calendarHoveredItemColor, ")"),
   activeBackground: /*#__PURE__*/"var(".concat(tokens.calendarActiveItemBackground, ")"),
   activeColor: /*#__PURE__*/"var(".concat(tokens.calendarActiveItemColor, ")")
 }), /*#__PURE__*/addFocus({
   outlineSize: '0.063rem',
-  outlineOffset: '-0.063rem',
+  outlineOffset: '-0.125rem',
   outlineColor: /*#__PURE__*/"var(".concat(tokens.calendarOutlineFocusColor, ")"),
-  outlineRadius: /*#__PURE__*/"calc(var(".concat(tokens.calendarMonthItemBorderRadius, ") - 0.125rem)")
+  outlineRadius: /*#__PURE__*/"calc(var(".concat(tokens.calendarYearItemBorderRadius, ") + 0.125rem)")
+}), classes.currentItem, /*#__PURE__*/addFocus({
+  outlineSize: '0.063rem',
+  outlineOffset: '-0.1875rem',
+  outlineColor: /*#__PURE__*/"var(".concat(tokens.calendarOutlineFocusColor, ")"),
+  outlineRadius: /*#__PURE__*/"calc(var(".concat(tokens.calendarYearItemBorderRadius, ") - 0.125rem)")
 }));

package/styled-components/es/components/DatePicker/DatePicker.template-doc.mdx

@@ -0,0 +1,150 @@
+---
+id: datepicker
+title: DatePicker
+---
+
+import { PropsTable, Description } from '@site/src/components';
+
+# DatePicker
+<Description name="DatePicker" />
+<PropsTable name="DatePicker" exclude={['css']} />
+
+## Использование
+Компонент `DatePicker` представляет собой поле ввода даты с выпадающим календарем.
+
+Размер `DatePicker` задаётся с помощью свойства `size`. 
+Возможные значения свойтсва: `"l"`, `"m"`, `"s"`, `"xs"`.
+
+```tsx live
+import React, {useState} from 'react';
+import { DatePicker, IconButton } from '@salutejs/{{ package }}';
+import { IconDone } from '@salutejs/plasma-icons';
+
+export function App() {
+    return (
+        <div style={{ height: "450px" }}>
+            <DatePicker
+                label="Лейбл"
+                leftHelper="Подсказка к полю"
+                placeholder="Введите дату"
+                contentRight={<IconDone size="s" />}
+                size="l"
+            />
+        </div>
+    );
+}
+```
+
+### Формат даты
+Формат даты задается с помощью свойства `format`. 
+При выборе даты в календаре или вводе даты через поле ввода, дата будет приводиться к заданному формату. 
+Свойство `maskWithFormat` позволяет маскировать ввод:
+
+```tsx live
+import React, {useState} from 'react';
+import { DatePicker, IconButton } from '@salutejs/{{ package }}';
+import { IconDone } from '@salutejs/plasma-icons';
+
+export function App() {
+    return (
+        <div style={{ height: "450px" }}>
+            <DatePicker
+                label="Лейбл"
+                leftHelper="Подсказка к полю"
+                placeholder="Введите дату"
+                format="DD-MM-YYYY"
+                maskWithFormat
+                contentRight={<IconDone size="s" />}
+            />
+        </div>
+    );
+}
+```
+
+### Валидация и индикация успешного ввода даты.
+За индикацию ошибки или успешного ввода отвечают `valueError`, `valueSuccess`.
+В данном примере валидация происходит при нажатии клавиши `Enter` после ввода значений:
+
+```tsx live
+import React, {useState} from 'react';
+import { DatePicker, IconButton } from '@salutejs/{{ package }}';
+import { IconDone } from '@salutejs/plasma-icons';
+
+export function App() {
+    const [isOpen, setIsOpen] = useState(false);
+    const [error, setError] = useState(false);
+    const [success, setSuccess] = useState(false);
+
+    const handleCommitDate = (newDate: Date | string, dateError?: boolean, dateSuccess?: boolean) => {
+        if (dateError) {
+            setError(true);
+            return;
+        }
+
+        if (dateSuccess) {
+            setSuccess(true);
+        }
+
+        setIsOpen(false);
+    };
+
+    return (
+        <div style={{ height: "450px" }}>
+            <DatePicker
+                isOpen={isOpen}
+                label="Лейбл"
+                leftHelper="Подсказка к полю"
+                placeholder="Введите дату"
+                format="DD-MM-YYYY"
+                maskWithFormat
+                valueError={error}
+                valueSuccess={success}
+                contentRight={<IconDone size="s" />}
+                onChangeValue={() => {
+                    setError(false);
+                    setSuccess(false);
+                }}
+                onCommitDate={handleCommitDate}
+            />
+        </div>
+    );
+}
+```
+
+## DatePickerRange
+<Description name="DatePickerRange" />
+<PropsTable name="DatePickerRange" exclude={['css']} />
+
+## Использование
+Компонент `DatePickerRange` представляет собой `Range` с выпадающим календарем.
+Календарь может быть одиночным или двойным. За это отвечает свойство `isDoubleCalendar`.
+
+```tsx live
+import React, {useState} from 'react';
+import { DatePickerRange, IconButton } from '@salutejs/{{ package }}';
+import { IconDone } from '@salutejs/plasma-icons';
+
+export function App() {
+    const ActionButton = () => {
+        return (
+            <IconButton view="clear" size="l">
+                <IconDone size="s" />
+            </IconButton>
+        );
+    };
+
+    return (
+        <div style={{ height: "500px" }}>
+            <DatePickerRange
+                size="l"
+                label="Лейбл"
+                leftHelper="Подсказка к полю"
+                firstPlaceholder="Введите дату 1"
+                secondPlaceholder="Введите дату 2"
+                contentRight={<ActionButton />}
+                isDoubleCalendar
+            />
+        </div>
+    );
+}
+```

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

@@ -138,7 +138,9 @@ export var tokens = {
   calendarDayFontWeight: '--plasma-date-picker-calendar__day-font-weight',
   calendarDaySelectedFontWeight: '--plasma-date-picker-calendar__day-selected-font-weight',
   calendarDayOfWeekColor: '--plasma-date-picker-calendar__day-of-week-color',
+  calendarHeaderWrapperPadding: '--plasma-date-picker-calendar__header-wrapper-padding',
   calendarHeaderArrowGap: '--plasma-date-picker-calendar__header-arrow-gap',
+  calendarHeaderArrowPadding: '--plasma-date-picker-calendar__header-arrow-padding',
   calendarHeaderPadding: '--plasma-date-picker-calendar__header-padding',
   calendarHeaderDateGap: '--plasma-date-picker-calendar__header-date-gap',
   calendarHeaderFontFamily: '--plasma-date-picker-calendar__header-font-family',
@@ -158,6 +160,7 @@ export var tokens = {
   iconButtonWidth: '--plasma-date-picker-icon-button__width',
   iconButtonPadding: '--plasma-date-picker-icon-button__padding',
   iconButtonRadius: '--plasma-date-picker-icon-button__radius',
+  iconButtonFocusColor: '--plasma-date-picker-icon-button__focus-color',
   calendarBackgroundColor: '--plasma-date-picker-calendar__background-color',
   calendarSelectedItemBackground: '--plasma-date-picker-calendar__selected-item-background',
   calendarSelectedItemColor: '--plasma-date-picker-calendar__selected-item-color',

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

@@ -4,7 +4,7 @@ import { component, mergeConfig } from '../../engines';
 import { tokens } from './DatePicker.tokens';
 var mergedCalendarConfig = /*#__PURE__*/mergeConfig(calendarBaseConfig);
 var Calendar = /*#__PURE__*/component(mergedCalendarConfig);
-export var baseCalendarTokens = /*#__PURE__*/"\n    padding-top: var(".concat(tokens.calendarPaddingTop, ");\n    box-shadow: var(").concat(tokens.calendarShadow, ");\n    border-radius: var(").concat(tokens.calendarBorderRadius, ");\n\n    ").concat(calendarBaseTokens.calendarBackgroundColor, ": var(").concat(tokens.calendarBackgroundColor, ");\n    ").concat(calendarBaseTokens.calendarSelectedItemBackground, ": var(").concat(tokens.calendarSelectedItemBackground, ");\n    ").concat(calendarBaseTokens.calendarSelectedItemColor, ": var(").concat(tokens.calendarSelectedItemColor, ");\n    ").concat(calendarBaseTokens.calendarSelectableItemBackgroundHover, ": var(").concat(tokens.calendarSelectableItemBackgroundHover, ");\n    ").concat(calendarBaseTokens.calendarCurrentItemBorderColor, ": var(").concat(tokens.calendarCurrentItemBorderColor, ");\n    ").concat(calendarBaseTokens.calendarCurrentItemBackgroundHover, ": var(").concat(tokens.calendarCurrentItemBackgroundHover, ");\n    ").concat(calendarBaseTokens.calendarCurrentItemColorHover, ": var(").concat(tokens.calendarCurrentItemColorHover, ");\n    ").concat(calendarBaseTokens.calendarCurrentItemChildBackgroundHover, ": var(").concat(tokens.calendarCurrentItemChildBackgroundHover, ");\n    ").concat(calendarBaseTokens.calendarActiveItemBackground, ": var(").concat(tokens.calendarActiveItemBackground, ");\n    ").concat(calendarBaseTokens.calendarActiveItemColor, ": var(").concat(tokens.calendarActiveItemColor, ");\n    ").concat(calendarBaseTokens.calendarHoveredItemBackground, ": var(").concat(tokens.calendarHoveredItemBackground, ");\n    ").concat(calendarBaseTokens.calendarHoveredItemColor, ": var(").concat(tokens.calendarHoveredItemColor, ");\n    ").concat(calendarBaseTokens.calendarRangeBackground, ": var(").concat(tokens.calendarRangeBackground, ");\n    ").concat(calendarBaseTokens.calendarOutlineFocusColor, ": var(").concat(tokens.calendarOutlineFocusColor, ");\n    ").concat(calendarBaseTokens.calendarContentPrimaryColor, ": var(").concat(tokens.calendarContentPrimaryColor, ");\n    ").concat(calendarBaseTokens.calendarContentSecondaryColor, ": var(").concat(tokens.calendarContentSecondaryColor, ");\n\n    ").concat(calendarBaseTokens.iconButtonColor, ": var(").concat(tokens.iconButtonColor, ");\n    ").concat(calendarBaseTokens.iconButtonBackgroundColor, ": var(").concat(tokens.iconButtonBackgroundColor, ");\n    ").concat(calendarBaseTokens.iconButtonColorHover, ": var(").concat(tokens.iconButtonColorHover, ");\n    ").concat(calendarBaseTokens.iconButtonBackgroundColorHover, ": var(").concat(tokens.iconButtonBackgroundColorHover, ");\n    ").concat(calendarBaseTokens.iconButtonColorActive, ": var(").concat(tokens.iconButtonColorActive, ");\n    ").concat(calendarBaseTokens.iconButtonBackgroundColorActive, ": var(").concat(tokens.iconButtonBackgroundColorActive, ");\n\n    ").concat(calendarBaseTokens.calendarWidth, ": var(").concat(tokens.calendarWidth, ");\n    ").concat(calendarBaseTokens.calendarHeight, ": var(").concat(tokens.calendarHeight, ");\n    ").concat(calendarBaseTokens.calendarYearsPadding, ": var(").concat(tokens.calendarYearsPadding, ");\n    ").concat(calendarBaseTokens.calendarYearItemBorderRadius, ": var(").concat(tokens.calendarYearItemBorderRadius, ");\n    ").concat(calendarBaseTokens.calendarYearItemWidth, ": var(").concat(tokens.calendarYearItemWidth, ");\n    ").concat(calendarBaseTokens.calendarYearItemHeight, ": var(").concat(tokens.calendarYearItemHeight, ");\n    ").concat(calendarBaseTokens.calendarYearFontFamily, ": var(").concat(tokens.calendarYearFontFamily, ");\n    ").concat(calendarBaseTokens.calendarYearFontSize, ": var(").concat(tokens.calendarYearFontSize, ");\n    ").concat(calendarBaseTokens.calendarYearFontStyle, ": var(").concat(tokens.calendarYearFontStyle, ");\n    ").concat(calendarBaseTokens.calendarYearFontLetterSpacing, ": var(").concat(tokens.calendarYearFontLetterSpacing, ");\n    ").concat(calendarBaseTokens.calendarYearFontLineHeight, ": var(").concat(tokens.calendarYearFontLineHeight, ");\n    ").concat(calendarBaseTokens.calendarYearFontWeight, ": var(").concat(tokens.calendarYearFontWeight, ");\n    ").concat(calendarBaseTokens.calendarYearSelectedFontWeight, ": var(").concat(tokens.calendarYearSelectedFontWeight, ");\n    ").concat(calendarBaseTokens.calendarMonthsPadding, ": var(").concat(tokens.calendarMonthsPadding, ");\n    ").concat(calendarBaseTokens.calendarMonthItemBorderRadius, ": var(").concat(tokens.calendarMonthItemBorderRadius, ");\n    ").concat(calendarBaseTokens.calendarMonthItemWidth, ": var(").concat(tokens.calendarMonthItemWidth, ");\n    ").concat(calendarBaseTokens.calendarMonthItemHeight, ": var(").concat(tokens.calendarMonthItemHeight, ");\n    ").concat(calendarBaseTokens.calendarMonthFontFamily, ": var(").concat(tokens.calendarMonthFontFamily, ");\n    ").concat(calendarBaseTokens.calendarMonthFontSize, ": var(").concat(tokens.calendarMonthFontSize, ");\n    ").concat(calendarBaseTokens.calendarMonthFontStyle, ": var(").concat(tokens.calendarMonthFontStyle, ");\n    ").concat(calendarBaseTokens.calendarMonthFontLetterSpacing, ": var(").concat(tokens.calendarMonthFontLetterSpacing, ");\n    ").concat(calendarBaseTokens.calendarMonthFontLineHeight, ": var(").concat(tokens.calendarMonthFontLineHeight, ");\n    ").concat(calendarBaseTokens.calendarMonthFontWeight, ": var(").concat(tokens.calendarMonthFontWeight, ");\n    ").concat(calendarBaseTokens.calendarMonthSelectedFontWeight, ": var(").concat(tokens.calendarMonthSelectedFontWeight, ");\n    ").concat(calendarBaseTokens.calendarDaysPadding, ": var(").concat(tokens.calendarDaysPadding, ");\n    ").concat(calendarBaseTokens.calendarDayItemBorderRadius, ": var(").concat(tokens.calendarDayItemBorderRadius, ");\n    ").concat(calendarBaseTokens.calendarDayItemWidth, ": var(").concat(tokens.calendarDayItemWidth, ");\n    ").concat(calendarBaseTokens.calendarDayItemHeight, ": var(").concat(tokens.calendarDayItemHeight, ");\n    ").concat(calendarBaseTokens.calendarDayFontFamily, ": var(").concat(tokens.calendarDayFontFamily, ");\n    ").concat(calendarBaseTokens.calendarDayFontSize, ": var(").concat(tokens.calendarDayFontSize, ");\n    ").concat(calendarBaseTokens.calendarDayFontStyle, ": var(").concat(tokens.calendarDayFontStyle, ");\n    ").concat(calendarBaseTokens.calendarDayFontLetterSpacing, ": var(").concat(tokens.calendarDayFontLetterSpacing, ");\n    ").concat(calendarBaseTokens.calendarDayFontLineHeight, ": var(").concat(tokens.calendarDayFontLineHeight, ");\n    ").concat(calendarBaseTokens.calendarDayFontWeight, ": var(").concat(tokens.calendarDayFontWeight, ");\n    ").concat(calendarBaseTokens.calendarDaySelectedFontWeight, ": var(").concat(tokens.calendarDaySelectedFontWeight, ");\n    ").concat(calendarBaseTokens.calendarHeaderArrowGap, ": var(").concat(tokens.calendarHeaderArrowGap, ");\n    ").concat(calendarBaseTokens.calendarHeaderPadding, ": var(").concat(tokens.calendarHeaderPadding, ");\n    ").concat(calendarBaseTokens.calendarHeaderDateGap, ": var(").concat(tokens.calendarHeaderDateGap, ");\n    ").concat(calendarBaseTokens.calendarHeaderFontFamily, ": var(").concat(tokens.calendarHeaderFontFamily, ");\n    ").concat(calendarBaseTokens.calendarHeaderFontSize, ": var(").concat(tokens.calendarHeaderFontSize, ");\n    ").concat(calendarBaseTokens.calendarHeaderFontStyle, ": var(").concat(tokens.calendarHeaderFontStyle, ");\n    ").concat(calendarBaseTokens.calendarHeaderFontLetterSpacing, ": var(").concat(tokens.calendarHeaderFontLetterSpacing, ");\n    ").concat(calendarBaseTokens.calendarHeaderFontLineHeight, ": var(").concat(tokens.calendarHeaderFontLineHeight, ");\n    ").concat(calendarBaseTokens.calendarHeaderFontWeight, ": var(").concat(tokens.calendarHeaderFontWeight, ");\n    ").concat(calendarBaseTokens.calendarHeaderFontWeightBold, ": var(").concat(tokens.calendarHeaderFontWeightBold, ");\n    ").concat(calendarBaseTokens.iconButtonHeight, ": var(").concat(tokens.iconButtonHeight, ");\n    ").concat(calendarBaseTokens.iconButtonWidth, ": var(").concat(tokens.iconButtonWidth, ");\n    ").concat(calendarBaseTokens.iconButtonPadding, ": var(").concat(tokens.iconButtonPadding, ");\n    ").concat(calendarBaseTokens.iconButtonRadius, ": var(").concat(tokens.iconButtonRadius, ");\n");
+export var baseCalendarTokens = /*#__PURE__*/"\n    padding-top: var(".concat(tokens.calendarPaddingTop, ");\n    box-shadow: var(").concat(tokens.calendarShadow, ");\n    border-radius: var(").concat(tokens.calendarBorderRadius, ");\n\n    ").concat(calendarBaseTokens.calendarBackgroundColor, ": var(").concat(tokens.calendarBackgroundColor, ");\n    ").concat(calendarBaseTokens.calendarSelectedItemBackground, ": var(").concat(tokens.calendarSelectedItemBackground, ");\n    ").concat(calendarBaseTokens.calendarSelectedItemColor, ": var(").concat(tokens.calendarSelectedItemColor, ");\n    ").concat(calendarBaseTokens.calendarSelectableItemBackgroundHover, ": var(").concat(tokens.calendarSelectableItemBackgroundHover, ");\n    ").concat(calendarBaseTokens.calendarCurrentItemBorderColor, ": var(").concat(tokens.calendarCurrentItemBorderColor, ");\n    ").concat(calendarBaseTokens.calendarCurrentItemBackgroundHover, ": var(").concat(tokens.calendarCurrentItemBackgroundHover, ");\n    ").concat(calendarBaseTokens.calendarCurrentItemColorHover, ": var(").concat(tokens.calendarCurrentItemColorHover, ");\n    ").concat(calendarBaseTokens.calendarCurrentItemChildBackgroundHover, ": var(").concat(tokens.calendarCurrentItemChildBackgroundHover, ");\n    ").concat(calendarBaseTokens.calendarActiveItemBackground, ": var(").concat(tokens.calendarActiveItemBackground, ");\n    ").concat(calendarBaseTokens.calendarActiveItemColor, ": var(").concat(tokens.calendarActiveItemColor, ");\n    ").concat(calendarBaseTokens.calendarHoveredItemBackground, ": var(").concat(tokens.calendarHoveredItemBackground, ");\n    ").concat(calendarBaseTokens.calendarHoveredItemColor, ": var(").concat(tokens.calendarHoveredItemColor, ");\n    ").concat(calendarBaseTokens.calendarRangeBackground, ": var(").concat(tokens.calendarRangeBackground, ");\n    ").concat(calendarBaseTokens.calendarOutlineFocusColor, ": var(").concat(tokens.calendarOutlineFocusColor, ");\n    ").concat(calendarBaseTokens.calendarContentPrimaryColor, ": var(").concat(tokens.calendarContentPrimaryColor, ");\n    ").concat(calendarBaseTokens.calendarContentSecondaryColor, ": var(").concat(tokens.calendarContentSecondaryColor, ");\n\n    ").concat(calendarBaseTokens.iconButtonColor, ": var(").concat(tokens.iconButtonColor, ");\n    ").concat(calendarBaseTokens.iconButtonBackgroundColor, ": var(").concat(tokens.iconButtonBackgroundColor, ");\n    ").concat(calendarBaseTokens.iconButtonColorHover, ": var(").concat(tokens.iconButtonColorHover, ");\n    ").concat(calendarBaseTokens.iconButtonBackgroundColorHover, ": var(").concat(tokens.iconButtonBackgroundColorHover, ");\n    ").concat(calendarBaseTokens.iconButtonColorActive, ": var(").concat(tokens.iconButtonColorActive, ");\n    ").concat(calendarBaseTokens.iconButtonBackgroundColorActive, ": var(").concat(tokens.iconButtonBackgroundColorActive, ");\n\n    ").concat(calendarBaseTokens.calendarWidth, ": var(").concat(tokens.calendarWidth, ");\n    ").concat(calendarBaseTokens.calendarHeight, ": var(").concat(tokens.calendarHeight, ");\n    ").concat(calendarBaseTokens.calendarYearsPadding, ": var(").concat(tokens.calendarYearsPadding, ");\n    ").concat(calendarBaseTokens.calendarYearItemBorderRadius, ": var(").concat(tokens.calendarYearItemBorderRadius, ");\n    ").concat(calendarBaseTokens.calendarYearItemWidth, ": var(").concat(tokens.calendarYearItemWidth, ");\n    ").concat(calendarBaseTokens.calendarYearItemHeight, ": var(").concat(tokens.calendarYearItemHeight, ");\n    ").concat(calendarBaseTokens.calendarYearFontFamily, ": var(").concat(tokens.calendarYearFontFamily, ");\n    ").concat(calendarBaseTokens.calendarYearFontSize, ": var(").concat(tokens.calendarYearFontSize, ");\n    ").concat(calendarBaseTokens.calendarYearFontStyle, ": var(").concat(tokens.calendarYearFontStyle, ");\n    ").concat(calendarBaseTokens.calendarYearFontLetterSpacing, ": var(").concat(tokens.calendarYearFontLetterSpacing, ");\n    ").concat(calendarBaseTokens.calendarYearFontLineHeight, ": var(").concat(tokens.calendarYearFontLineHeight, ");\n    ").concat(calendarBaseTokens.calendarYearFontWeight, ": var(").concat(tokens.calendarYearFontWeight, ");\n    ").concat(calendarBaseTokens.calendarYearSelectedFontWeight, ": var(").concat(tokens.calendarYearSelectedFontWeight, ");\n    ").concat(calendarBaseTokens.calendarMonthsPadding, ": var(").concat(tokens.calendarMonthsPadding, ");\n    ").concat(calendarBaseTokens.calendarMonthItemBorderRadius, ": var(").concat(tokens.calendarMonthItemBorderRadius, ");\n    ").concat(calendarBaseTokens.calendarMonthItemWidth, ": var(").concat(tokens.calendarMonthItemWidth, ");\n    ").concat(calendarBaseTokens.calendarMonthItemHeight, ": var(").concat(tokens.calendarMonthItemHeight, ");\n    ").concat(calendarBaseTokens.calendarMonthFontFamily, ": var(").concat(tokens.calendarMonthFontFamily, ");\n    ").concat(calendarBaseTokens.calendarMonthFontSize, ": var(").concat(tokens.calendarMonthFontSize, ");\n    ").concat(calendarBaseTokens.calendarMonthFontStyle, ": var(").concat(tokens.calendarMonthFontStyle, ");\n    ").concat(calendarBaseTokens.calendarMonthFontLetterSpacing, ": var(").concat(tokens.calendarMonthFontLetterSpacing, ");\n    ").concat(calendarBaseTokens.calendarMonthFontLineHeight, ": var(").concat(tokens.calendarMonthFontLineHeight, ");\n    ").concat(calendarBaseTokens.calendarMonthFontWeight, ": var(").concat(tokens.calendarMonthFontWeight, ");\n    ").concat(calendarBaseTokens.calendarMonthSelectedFontWeight, ": var(").concat(tokens.calendarMonthSelectedFontWeight, ");\n    ").concat(calendarBaseTokens.calendarDaysPadding, ": var(").concat(tokens.calendarDaysPadding, ");\n    ").concat(calendarBaseTokens.calendarDayItemBorderRadius, ": var(").concat(tokens.calendarDayItemBorderRadius, ");\n    ").concat(calendarBaseTokens.calendarDayItemWidth, ": var(").concat(tokens.calendarDayItemWidth, ");\n    ").concat(calendarBaseTokens.calendarDayItemHeight, ": var(").concat(tokens.calendarDayItemHeight, ");\n    ").concat(calendarBaseTokens.calendarDayFontFamily, ": var(").concat(tokens.calendarDayFontFamily, ");\n    ").concat(calendarBaseTokens.calendarDayFontSize, ": var(").concat(tokens.calendarDayFontSize, ");\n    ").concat(calendarBaseTokens.calendarDayFontStyle, ": var(").concat(tokens.calendarDayFontStyle, ");\n    ").concat(calendarBaseTokens.calendarDayFontLetterSpacing, ": var(").concat(tokens.calendarDayFontLetterSpacing, ");\n    ").concat(calendarBaseTokens.calendarDayFontLineHeight, ": var(").concat(tokens.calendarDayFontLineHeight, ");\n    ").concat(calendarBaseTokens.calendarDayFontWeight, ": var(").concat(tokens.calendarDayFontWeight, ");\n    ").concat(calendarBaseTokens.calendarDaySelectedFontWeight, ": var(").concat(tokens.calendarDaySelectedFontWeight, ");\n    ").concat(calendarBaseTokens.calendarHeaderWrapperPadding, ": var(").concat(tokens.calendarHeaderWrapperPadding, ");\n    ").concat(calendarBaseTokens.calendarHeaderArrowGap, ": var(").concat(tokens.calendarHeaderArrowGap, ");\n    ").concat(calendarBaseTokens.calendarHeaderArrowPadding, ": var(").concat(tokens.calendarHeaderArrowPadding, ");\n    ").concat(calendarBaseTokens.calendarHeaderPadding, ": var(").concat(tokens.calendarHeaderPadding, ");\n    ").concat(calendarBaseTokens.calendarHeaderDateGap, ": var(").concat(tokens.calendarHeaderDateGap, ");\n    ").concat(calendarBaseTokens.calendarHeaderFontFamily, ": var(").concat(tokens.calendarHeaderFontFamily, ");\n    ").concat(calendarBaseTokens.calendarHeaderFontSize, ": var(").concat(tokens.calendarHeaderFontSize, ");\n    ").concat(calendarBaseTokens.calendarHeaderFontStyle, ": var(").concat(tokens.calendarHeaderFontStyle, ");\n    ").concat(calendarBaseTokens.calendarHeaderFontLetterSpacing, ": var(").concat(tokens.calendarHeaderFontLetterSpacing, ");\n    ").concat(calendarBaseTokens.calendarHeaderFontLineHeight, ": var(").concat(tokens.calendarHeaderFontLineHeight, ");\n    ").concat(calendarBaseTokens.calendarHeaderFontWeight, ": var(").concat(tokens.calendarHeaderFontWeight, ");\n    ").concat(calendarBaseTokens.calendarHeaderFontWeightBold, ": var(").concat(tokens.calendarHeaderFontWeightBold, ");\n    ").concat(calendarBaseTokens.iconButtonHeight, ": var(").concat(tokens.iconButtonHeight, ");\n    ").concat(calendarBaseTokens.iconButtonWidth, ": var(").concat(tokens.iconButtonWidth, ");\n    ").concat(calendarBaseTokens.iconButtonPadding, ": var(").concat(tokens.iconButtonPadding, ");\n    ").concat(calendarBaseTokens.iconButtonRadius, ": var(").concat(tokens.iconButtonRadius, ");\n    ").concat(calendarBaseTokens.iconButtonFocusColor, ": var(").concat(tokens.iconButtonFocusColor, ");\n");
 
 // NOTE: переопределение токенов Calendar
 export var StyledCalendar = /*#__PURE__*/styled(Calendar).withConfig({