npm - @salutejs/sdds-dfa - Versions diffs - 0.160.1-canary.1527.11616679910.0 → 0.161.0-canary.1506.11620814697.0 - Mend

@salutejs/sdds-dfa 0.160.1-canary.1527.11616679910.0 → 0.161.0-canary.1506.11620814697.0

Files changed (24) hide show

package/api/sdds-dfa.api.md +3 -246
package/components/Autocomplete/Autocomplete.config.js +4 -4
package/components/Calendar/CalendarBase.config.js +5 -5
package/components/Calendar/CalendarDouble.config.js +5 -5
package/components/Combobox/Combobox.config.js +8 -8
package/components/Combobox/Combobox.d.ts +0 -246
package/components/Combobox/index.d.ts +0 -246
package/components/DatePicker/DatePicker.config.js +5 -5
package/components/Dropdown/Dropdown.config.js +1 -1
package/components/Notification/Notification.config.d.ts +4 -0
package/components/Notification/Notification.config.js +8 -4
package/components/Toast/Toast.config.d.ts +4 -0
package/components/Toast/Toast.config.js +8 -4
package/components/Toast/Toast.d.ts +3 -0
package/es/components/Autocomplete/Autocomplete.config.js +4 -4
package/es/components/Calendar/CalendarBase.config.js +5 -5
package/es/components/Calendar/CalendarDouble.config.js +5 -5
package/es/components/Combobox/Combobox.config.js +8 -8
package/es/components/DatePicker/DatePicker.config.js +5 -5
package/es/components/Dropdown/Dropdown.config.js +1 -1
package/es/components/Notification/Notification.config.js +8 -4
package/es/components/Toast/Toast.config.js +8 -4
package/package.json +3 -3
package/temp/sdds-dfa.api.md +3 -246

package/components/DatePicker/DatePicker.config.js CHANGED Viewed

@@ -14,13 +14,13 @@ var config = exports.config = {
   },
   variations: {
     view: {
-      "default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--surface-transparent-primary);\n                ", ": var(--surface-transparent-negative);\n                ", ": var(--surface-transparent-positive);\n\n                ", ": var(--text-primary);\n                ", ": var(--text-primary);\n                ", ": var(--text-secondary);\n\n                ", ": var(--text-primary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-accent);\n\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n\n                ", ": var(--surface-transparent-primary);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--surface-transparent-negative);\n                ", ": var(--surface-transparent-negative-active);\n                ", ": var(--surface-transparent-positive);\n                ", ": var(--surface-transparent-positive-active);\n\n                ", ": var(--text-tertiary);\n                ", ": var(--text-tertiary);\n\n                ", ": var(--text-accent);\n                ", ": var(--text-tertiary);\n\n                ", ": var(--shadow-down-soft-s);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--surface-solid-card);\n                ", ": var(--surface-solid-default);\n                ", ": var(--inverse-text-primary);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--surface-solid-default);\n                ", ": transparent;\n                ", ": var(--text-primary);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--surface-solid-default);\n                ", ": var(--inverse-text-primary);\n                ", ": var(--surface-accent);\n                ", ": var(--text-primary);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--surface-accent);\n                ", ": var(--surface-solid-default);\n                ", ": var(--text-secondary);\n\n                ", ": var(--text-primary);\n                ", ": var(--surface-clear);\n                ", ": var(--text-primary-hover);\n                ", ": var(--surface-clear);\n                ", ": var(--text-primary-hover);\n                ", ": var(--surface-clear);\n                ", ": var(--surface-accent);\n            "])), _styledComponents.datePickerTokens.background, _styledComponents.datePickerTokens.backgroundError, _styledComponents.datePickerTokens.backgroundSuccess, _styledComponents.datePickerTokens.dividerColor, _styledComponents.datePickerTokens.labelColor, _styledComponents.datePickerTokens.leftHelperColor, _styledComponents.datePickerTokens.textFieldColor, _styledComponents.datePickerTokens.textFieldPlaceholderColor, _styledComponents.datePickerTokens.textFieldCaretColor, _styledComponents.datePickerTokens.labelInnerFontFamily, _styledComponents.datePickerTokens.labelInnerFontSize, _styledComponents.datePickerTokens.labelInnerFontStyle, _styledComponents.datePickerTokens.labelInnerFontWeight, _styledComponents.datePickerTokens.labelInnerLetterSpacing, _styledComponents.datePickerTokens.labelInnerLineHeight, _styledComponents.datePickerTokens.textFieldBackgroundColor, _styledComponents.datePickerTokens.textFieldBackgroundColorFocus, _styledComponents.datePickerTokens.textFieldBackgroundErrorColor, _styledComponents.datePickerTokens.textFieldBackgroundErrorColorFocus, _styledComponents.datePickerTokens.textFieldBackgroundSuccessColor, _styledComponents.datePickerTokens.textFieldBackgroundSuccessColorFocus, _styledComponents.datePickerTokens.textFieldTextBeforeColor, _styledComponents.datePickerTokens.textFieldTextAfterColor, _styledComponents.datePickerTokens.focusColor, _styledComponents.datePickerTokens.textFieldPlaceholderColorFocus, _styledComponents.datePickerTokens.calendarShadow, _styledComponents.datePickerTokens.calendarSeparatorBackground, _styledComponents.datePickerTokens.calendarBackgroundColor, _styledComponents.datePickerTokens.calendarSelectedItemBackground, _styledComponents.datePickerTokens.calendarSelectedItemColor, _styledComponents.datePickerTokens.calendarSelectableItemBackgroundHover, _styledComponents.datePickerTokens.calendarCurrentItemBorderColor, _styledComponents.datePickerTokens.calendarCurrentItemBackgroundHover, _styledComponents.datePickerTokens.calendarCurrentItemColorHover, _styledComponents.datePickerTokens.calendarCurrentItemChildBackgroundHover, _styledComponents.datePickerTokens.calendarActiveItemBackground, _styledComponents.datePickerTokens.calendarActiveItemColor, _styledComponents.datePickerTokens.calendarHoveredItemBackground, _styledComponents.datePickerTokens.calendarHoveredItemColor, _styledComponents.datePickerTokens.calendarRangeBackground, _styledComponents.datePickerTokens.calendarOutlineFocusColor, _styledComponents.datePickerTokens.calendarContentPrimaryColor, _styledComponents.datePickerTokens.calendarContentSecondaryColor, _styledComponents.datePickerTokens.iconButtonColor, _styledComponents.datePickerTokens.iconButtonBackgroundColor, _styledComponents.datePickerTokens.iconButtonColorHover, _styledComponents.datePickerTokens.iconButtonBackgroundColorHover, _styledComponents.datePickerTokens.iconButtonColorActive, _styledComponents.datePickerTokens.iconButtonBackgroundColorActive, _styledComponents.datePickerTokens.iconButtonFocusColor)
+      "default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--surface-transparent-primary);\n                ", ": var(--surface-transparent-negative);\n                ", ": var(--surface-transparent-positive);\n\n                ", ": var(--text-primary);\n                ", ": var(--text-primary);\n                ", ": var(--text-secondary);\n\n                ", ": var(--text-primary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-accent);\n\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n\n                ", ": var(--surface-transparent-primary);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--surface-transparent-negative);\n                ", ": var(--surface-transparent-negative-active);\n                ", ": var(--surface-transparent-positive);\n                ", ": var(--surface-transparent-positive-active);\n\n                ", ": var(--text-tertiary);\n                ", ": var(--text-tertiary);\n\n                ", ": var(--text-accent);\n                ", ": var(--text-tertiary);\n\n                ", ": var(--shadow-down-soft-s);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--surface-solid-card);\n                ", ": var(--surface-solid-default);\n                ", ": var(--inverse-text-primary);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--surface-solid-default);\n                ", ": transparent;\n                ", ": var(--text-primary);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--surface-solid-default);\n                ", ": var(--inverse-text-primary);\n                ", ": var(--surface-accent);\n                ", ": var(--text-primary);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--surface-accent);\n                ", ": var(--surface-solid-default);\n                ", ": ", ";\n                ", ": var(--text-secondary);\n\n                ", ": var(--text-primary);\n                ", ": var(--surface-clear);\n                ", ": var(--text-primary-hover);\n                ", ": var(--surface-clear);\n                ", ": var(--text-primary-hover);\n                ", ": var(--surface-clear);\n                ", ": var(--surface-accent);\n            "])), _styledComponents.datePickerTokens.background, _styledComponents.datePickerTokens.backgroundError, _styledComponents.datePickerTokens.backgroundSuccess, _styledComponents.datePickerTokens.dividerColor, _styledComponents.datePickerTokens.labelColor, _styledComponents.datePickerTokens.leftHelperColor, _styledComponents.datePickerTokens.textFieldColor, _styledComponents.datePickerTokens.textFieldPlaceholderColor, _styledComponents.datePickerTokens.textFieldCaretColor, _styledComponents.datePickerTokens.labelInnerFontFamily, _styledComponents.datePickerTokens.labelInnerFontSize, _styledComponents.datePickerTokens.labelInnerFontStyle, _styledComponents.datePickerTokens.labelInnerFontWeight, _styledComponents.datePickerTokens.labelInnerLetterSpacing, _styledComponents.datePickerTokens.labelInnerLineHeight, _styledComponents.datePickerTokens.textFieldBackgroundColor, _styledComponents.datePickerTokens.textFieldBackgroundColorFocus, _styledComponents.datePickerTokens.textFieldBackgroundErrorColor, _styledComponents.datePickerTokens.textFieldBackgroundErrorColorFocus, _styledComponents.datePickerTokens.textFieldBackgroundSuccessColor, _styledComponents.datePickerTokens.textFieldBackgroundSuccessColorFocus, _styledComponents.datePickerTokens.textFieldTextBeforeColor, _styledComponents.datePickerTokens.textFieldTextAfterColor, _styledComponents.datePickerTokens.focusColor, _styledComponents.datePickerTokens.textFieldPlaceholderColorFocus, _styledComponents.datePickerTokens.calendarShadow, _styledComponents.datePickerTokens.calendarSeparatorBackground, _styledComponents.datePickerTokens.calendarBackgroundColor, _styledComponents.datePickerTokens.calendarSelectedItemBackground, _styledComponents.datePickerTokens.calendarSelectedItemColor, _styledComponents.datePickerTokens.calendarSelectableItemBackgroundHover, _styledComponents.datePickerTokens.calendarCurrentItemBorderColor, _styledComponents.datePickerTokens.calendarCurrentItemBackgroundHover, _styledComponents.datePickerTokens.calendarCurrentItemColorHover, _styledComponents.datePickerTokens.calendarCurrentItemChildBackgroundHover, _styledComponents.datePickerTokens.calendarActiveItemBackground, _styledComponents.datePickerTokens.calendarActiveItemColor, _styledComponents.datePickerTokens.calendarHoveredItemBackground, _styledComponents.datePickerTokens.calendarHoveredItemColor, _styledComponents.datePickerTokens.calendarRangeBackground, _styledComponents.datePickerTokens.calendarOutlineFocusColor, _styledComponents.datePickerTokens.calendarContentPrimaryColor, _styledComponents.datePickerTokens.calendarHeaderArrowColor, _styledComponents.datePickerTokens.calendarContentPrimaryColor, _styledComponents.datePickerTokens.calendarContentSecondaryColor, _styledComponents.datePickerTokens.iconButtonColor, _styledComponents.datePickerTokens.iconButtonBackgroundColor, _styledComponents.datePickerTokens.iconButtonColorHover, _styledComponents.datePickerTokens.iconButtonBackgroundColorHover, _styledComponents.datePickerTokens.iconButtonColorActive, _styledComponents.datePickerTokens.iconButtonBackgroundColorActive, _styledComponents.datePickerTokens.iconButtonFocusColor)
     },
     size: {
-      l: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 26.5rem;\n                ", ": 0.875rem;\n\n                ", ": 0 0.375rem;\n                ", ": var(--plasma-typo-body-l-font-family);\n                ", ": var(--plasma-typo-body-l-font-style);\n                ", ": var(--plasma-typo-body-l-font-size);\n                ", ": var(--plasma-typo-body-l-font-weight);\n                ", ": var(--plasma-typo-body-l-letter-spacing);\n                ", ": var(--plasma-typo-body-l-line-height);\n\n                ", ": 0 0 0 1rem;\n                ", ": 0;\n\n                ", ": 0 0 0.75rem 0;\n                ", ": 0.5625rem 0 0.125rem 0;\n                ", ": 1.5625rem 0 0.5625rem 0;\n\n                ", ": var(--plasma-typo-body-l-font-family);\n                ", ": var(--plasma-typo-body-l-font-style);\n                ", ": var(--plasma-typo-body-l-font-size);\n                ", ": var(--plasma-typo-body-l-font-weight);\n                ", ": var(--plasma-typo-body-l-letter-spacing);\n                ", ": var(--plasma-typo-body-l-line-height);\n\n                ", ": 3.5rem;\n                ", ": 0.875rem;\n                ", ": 1.0625rem 1.125rem 1.0625rem 1.125rem;\n                ", ": var(--plasma-typo-body-l-font-family);\n                ", ": var(--plasma-typo-body-l-font-style);\n                ", ": var(--plasma-typo-body-l-font-size);\n                ", ": var(--plasma-typo-body-l-font-weight);\n                ", ": var(--plasma-typo-body-l-letter-spacing);\n                ", ": var(--plasma-typo-body-l-line-height);\n\n                ", ": 0.25rem 0 0 0;\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n\n                ", ": -0.0625rem 0.5rem -0.0625rem -0.125rem;\n                ", ": -0.0625rem -0.125rem -0.0625rem 0.75rem;\n                ", ": 0 0.25rem 0 0;\n                ", ": 0 0 0 0.25rem;\n\n                ", ": 0.875rem;\n                ", ": 26.5rem;\n\n                ", ": 0.5rem 1rem 1.125rem 1rem;\n                ", ": 0.75rem;\n                ", ": 7.8125rem;\n                ", ": 5.25rem;\n\n                ", ": var(--plasma-typo-body-l-font-family);\n                ", ": var(--plasma-typo-body-l-font-size);\n                ", ": var(--plasma-typo-body-l-font-style);\n                ", ": var(--plasma-typo-body-l-letter-spacing);\n                ", ": var(--plasma-typo-body-l-line-height);\n                ", ": var(--plasma-typo-body-l-font-weight);\n                ", ": var(--plasma-typo-body-l-bold-font-weight);\n\n                ", ": 0.5rem 1rem 1.125rem 1rem;\n                ", ": 0.75rem;\n                ", ": 7.8125rem;\n                ", ": 5.25rem;\n\n                ", ": var(--plasma-typo-body-l-font-family);\n                ", ": var(--plasma-typo-body-l-font-size);\n                ", ": var(--plasma-typo-body-l-font-style);\n                ", ": var(--plasma-typo-body-l-letter-spacing);\n                ", ": var(--plasma-typo-body-l-line-height);\n                ", ": var(--plasma-typo-body-l-font-weight);\n                ", ": var(--plasma-typo-body-l-bold-font-weight);\n\n                ", ": 0.5rem 0.5rem 0 0.5rem;\n                ", ": 0.75rem;\n                ", ": 11.75rem;\n                ", ": 10.5rem;\n\n                ", ": var(--plasma-typo-body-l-font-family);\n                ", ": var(--plasma-typo-body-l-font-size);\n                ", ": var(--plasma-typo-body-l-font-style);\n                ", ": var(--plasma-typo-body-l-letter-spacing);\n                ", ": var(--plasma-typo-body-l-line-height);\n                ", ": var(--plasma-typo-body-l-font-weight);\n                ", ": var(--plasma-typo-body-l-bold-font-weight);\n\n                ", ": 0.5rem 1rem 1.125rem 1rem;\n                ", ": 0.75rem;\n                ", ": 3.5rem;\n                ", ": 3rem;\n\n                ", ": var(--plasma-typo-body-l-font-family);\n                ", ": var(--plasma-typo-body-l-font-size);\n                ", ": var(--plasma-typo-body-l-font-style);\n                ", ": var(--plasma-typo-body-l-letter-spacing);\n                ", ": var(--plasma-typo-body-l-line-height);\n                ", ": var(--plasma-typo-body-l-font-weight);\n                ", ": var(--plasma-typo-body-l-bold-font-weight);\n\n                ", ": 0.875rem 1rem 0 1rem;\n                ", ": 0.5rem;\n\n                ", ": 0 0 0 1rem;\n                ", ": 0.5rem;\n\n                ", ": var(--plasma-typo-h3-font-family);\n                ", ": var(--plasma-typo-h3-font-size);\n                ", ": var(--plasma-typo-h3-font-style);\n                ", ": var(--plasma-typo-h3-letter-spacing);\n                ", ": var(--plasma-typo-h3-line-height);\n                ", ": var(--plasma-typo-h3-font-weight);\n                ", ": var(--plasma-typo-h3-bold-font-weight);\n\n                ", ": 3.5rem;\n                ", ": 3.5rem;\n                ", ": 1.5rem;\n                ", ": 0.875rem;\n            "])), _styledComponents.datePickerTokens.width, _styledComponents.datePickerTokens.borderRadius, _styledComponents.datePickerTokens.dividerPadding, _styledComponents.datePickerTokens.dividerFontFamily, _styledComponents.datePickerTokens.dividerFontStyle, _styledComponents.datePickerTokens.dividerFontSize, _styledComponents.datePickerTokens.dividerFontWeight, _styledComponents.datePickerTokens.dividerLetterSpacing, _styledComponents.datePickerTokens.dividerLineHeight, _styledComponents.datePickerTokens.leftContentMargin, _styledComponents.datePickerTokens.rightContentMargin, _styledComponents.datePickerTokens.labelOffset, _styledComponents.datePickerTokens.labelInnerPadding, _styledComponents.datePickerTokens.contentLabelInnerPadding, _styledComponents.datePickerTokens.labelFontFamily, _styledComponents.datePickerTokens.labelFontStyle, _styledComponents.datePickerTokens.labelFontSize, _styledComponents.datePickerTokens.labelFontWeight, _styledComponents.datePickerTokens.labelLetterSpacing, _styledComponents.datePickerTokens.labelLineHeight, _styledComponents.datePickerTokens.textFieldHeight, _styledComponents.datePickerTokens.textFieldBorderRadius, _styledComponents.datePickerTokens.textFieldPadding, _styledComponents.datePickerTokens.textFieldFontFamily, _styledComponents.datePickerTokens.textFieldFontStyle, _styledComponents.datePickerTokens.textFieldFontSize, _styledComponents.datePickerTokens.textFieldFontWeight, _styledComponents.datePickerTokens.textFieldLetterSpacing, _styledComponents.datePickerTokens.textFieldLineHeight, _styledComponents.datePickerTokens.leftHelperOffset, _styledComponents.datePickerTokens.leftHelperFontFamily, _styledComponents.datePickerTokens.leftHelperFontStyle, _styledComponents.datePickerTokens.leftHelperFontSize, _styledComponents.datePickerTokens.leftHelperFontWeight, _styledComponents.datePickerTokens.leftHelperLetterSpacing, _styledComponents.datePickerTokens.leftHelperLineHeight, _styledComponents.datePickerTokens.textFieldLeftContentMargin, _styledComponents.datePickerTokens.textFieldRightContentMargin, _styledComponents.datePickerTokens.textFieldTextBeforeMargin, _styledComponents.datePickerTokens.textFieldTextAfterMargin, _styledComponents.datePickerTokens.calendarBorderRadius, _styledComponents.datePickerTokens.calendarWidth, _styledComponents.datePickerTokens.calendarYearsPadding, _styledComponents.datePickerTokens.calendarYearItemBorderRadius, _styledComponents.datePickerTokens.calendarYearItemWidth, _styledComponents.datePickerTokens.calendarYearItemHeight, _styledComponents.datePickerTokens.calendarYearFontFamily, _styledComponents.datePickerTokens.calendarYearFontSize, _styledComponents.datePickerTokens.calendarYearFontStyle, _styledComponents.datePickerTokens.calendarYearFontLetterSpacing, _styledComponents.datePickerTokens.calendarYearFontLineHeight, _styledComponents.datePickerTokens.calendarYearFontWeight, _styledComponents.datePickerTokens.calendarYearSelectedFontWeight, _styledComponents.datePickerTokens.calendarMonthsPadding, _styledComponents.datePickerTokens.calendarMonthItemBorderRadius, _styledComponents.datePickerTokens.calendarMonthItemWidth, _styledComponents.datePickerTokens.calendarMonthItemHeight, _styledComponents.datePickerTokens.calendarMonthFontFamily, _styledComponents.datePickerTokens.calendarMonthFontSize, _styledComponents.datePickerTokens.calendarMonthFontStyle, _styledComponents.datePickerTokens.calendarMonthFontLetterSpacing, _styledComponents.datePickerTokens.calendarMonthFontLineHeight, _styledComponents.datePickerTokens.calendarMonthFontWeight, _styledComponents.datePickerTokens.calendarMonthSelectedFontWeight, _styledComponents.datePickerTokens.calendarQuartersPadding, _styledComponents.datePickerTokens.calendarQuarterItemBorderRadius, _styledComponents.datePickerTokens.calendarQuarterItemWidth, _styledComponents.datePickerTokens.calendarQuarterItemHeight, _styledComponents.datePickerTokens.calendarQuarterFontFamily, _styledComponents.datePickerTokens.calendarQuarterFontSize, _styledComponents.datePickerTokens.calendarQuarterFontStyle, _styledComponents.datePickerTokens.calendarQuarterFontLetterSpacing, _styledComponents.datePickerTokens.calendarQuarterFontLineHeight, _styledComponents.datePickerTokens.calendarQuarterFontWeight, _styledComponents.datePickerTokens.calendarQuarterSelectedFontWeight, _styledComponents.datePickerTokens.calendarDaysPadding, _styledComponents.datePickerTokens.calendarDayItemBorderRadius, _styledComponents.datePickerTokens.calendarDayItemWidth, _styledComponents.datePickerTokens.calendarDayItemHeight, _styledComponents.datePickerTokens.calendarDayFontFamily, _styledComponents.datePickerTokens.calendarDayFontSize, _styledComponents.datePickerTokens.calendarDayFontStyle, _styledComponents.datePickerTokens.calendarDayFontLetterSpacing, _styledComponents.datePickerTokens.calendarDayFontLineHeight, _styledComponents.datePickerTokens.calendarDayFontWeight, _styledComponents.datePickerTokens.calendarDaySelectedFontWeight, _styledComponents.datePickerTokens.calendarHeaderWrapperPadding, _styledComponents.datePickerTokens.calendarHeaderArrowGap, _styledComponents.datePickerTokens.calendarHeaderPadding, _styledComponents.datePickerTokens.calendarHeaderDateGap, _styledComponents.datePickerTokens.calendarHeaderFontFamily, _styledComponents.datePickerTokens.calendarHeaderFontSize, _styledComponents.datePickerTokens.calendarHeaderFontStyle, _styledComponents.datePickerTokens.calendarHeaderFontLetterSpacing, _styledComponents.datePickerTokens.calendarHeaderFontLineHeight, _styledComponents.datePickerTokens.calendarHeaderFontWeight, _styledComponents.datePickerTokens.calendarHeaderFontWeightBold, _styledComponents.datePickerTokens.iconButtonHeight, _styledComponents.datePickerTokens.iconButtonWidth, _styledComponents.datePickerTokens.iconButtonPadding, _styledComponents.datePickerTokens.iconButtonRadius),
-      m: /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 23rem;\n                ", ": 0.75rem;\n\n                ", ": 0 0.375rem;\n                ", ": var(--plasma-typo-body-m-font-family);\n                ", ": var(--plasma-typo-body-m-font-style);\n                ", ": var(--plasma-typo-body-m-font-size);\n                ", ": var(--plasma-typo-body-m-font-weight);\n                ", ": var(--plasma-typo-body-m-letter-spacing);\n                ", ": var(--plasma-typo-body-m-line-height);\n\n                ", ": 0 0 0 0.875rem;\n                ", ": 0;\n\n                ", ": 0 0 0.625rem 0;\n                ", ": 0.375rem 0 0.125rem 0;\n                ", ": 1.375rem 0 0.375rem 0;\n\n                ", ": var(--plasma-typo-body-m-font-family);\n                ", ": var(--plasma-typo-body-m-font-style);\n                ", ": var(--plasma-typo-body-m-font-size);\n                ", ": var(--plasma-typo-body-m-font-weight);\n                ", ": var(--plasma-typo-body-m-letter-spacing);\n                ", ": var(--plasma-typo-body-m-line-height);\n\n                ", ": 3rem;\n                ", ": 0.75rem;\n                ", ": 0.875rem 1rem 0.875rem 1rem;\n                ", ": var(--plasma-typo-body-m-font-family);\n                ", ": var(--plasma-typo-body-m-font-style);\n                ", ": var(--plasma-typo-body-m-font-size);\n                ", ": var(--plasma-typo-body-m-font-weight);\n                ", ": var(--plasma-typo-body-m-letter-spacing);\n                ", ": var(--plasma-typo-body-m-line-height);\n\n                ", ": 0.25rem 0 0 0;\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n\n                ", ": -0.125rem 0.375rem -0.125rem -0.125rem;\n                ", ": -0.125rem -0.125rem -0.125rem 0.75rem;\n                ", ": 0 0.25rem 0 0;\n                ", ": 0 0 0 0.25rem;\n\n                ", ": 23rem;\n                ", ": 0.875rem;\n\n                ", ": 0.5rem 1rem 1.125rem 1rem;\n                ", ": 0.625rem;\n                ", ": 6.688rem;\n                ", ": 4.375rem;\n\n                ", ": var(--plasma-typo-body-m-font-family);\n                ", ": var(--plasma-typo-body-m-font-size);\n                ", ": var(--plasma-typo-body-m-font-style);\n                ", ": var(--plasma-typo-body-m-letter-spacing);\n                ", ": var(--plasma-typo-body-m-line-height);\n                ", ": var(--plasma-typo-body-m-font-weight);\n                ", ": var(--plasma-typo-body-m-bold-font-weight);\n\n                ", ": 0.5rem 0.5rem 0 0.5rem;\n                ", ": 0.625rem;\n                ", ": 10rem;\n                ", ": 8.5rem;\n\n                ", ": var(--plasma-typo-body-m-font-family);\n                ", ": var(--plasma-typo-body-m-font-size);\n                ", ": var(--plasma-typo-body-m-font-style);\n                ", ": var(--plasma-typo-body-m-letter-spacing);\n                ", ": var(--plasma-typo-body-m-line-height);\n                ", ": var(--plasma-typo-body-m-font-weight);\n                ", ": var(--plasma-typo-body-m-bold-font-weight);\n\n                ", ": 0.5rem 1rem 1.125rem 1rem;\n                ", ": 0.625rem;\n                ", ": 6.688rem;\n                ", ": 4.375rem;\n\n                ", ": var(--plasma-typo-body-m-font-family);\n                ", ": var(--plasma-typo-body-m-font-size);\n                ", ": var(--plasma-typo-body-m-font-style);\n                ", ": var(--plasma-typo-body-m-letter-spacing);\n                ", ": var(--plasma-typo-body-m-line-height);\n                ", ": var(--plasma-typo-body-m-font-weight);\n                ", ": var(--plasma-typo-body-m-bold-font-weight);\n\n                ", ": 0.5rem 1rem 1.125rem 1rem;\n                ", ": 0.625rem;\n                ", ": 3rem;\n                ", ": 2.5rem;\n\n                ", ": var(--plasma-typo-body-m-font-family);\n                ", ": var(--plasma-typo-body-m-font-size);\n                ", ": var(--plasma-typo-body-m-font-style);\n                ", ": var(--plasma-typo-body-m-letter-spacing);\n                ", ": var(--plasma-typo-body-m-line-height);\n                ", ": var(--plasma-typo-body-m-font-weight);\n                ", ": var(--plasma-typo-body-m-bold-font-weight);\n\n                ", ": 0.75rem 1rem 0 1rem;\n                ", ": 0.5rem;\n\n                ", ": 0 0 0 0.875rem;\n                ", ": 0.375rem;\n\n                ", ": var(--plasma-typo-h4-font-family);\n                ", ": var(--plasma-typo-h4-font-size);\n                ", ": var(--plasma-typo-h4-font-style);\n                ", ": var(--plasma-typo-h4-letter-spacing);\n                ", ": var(--plasma-typo-h4-line-height);\n                ", ": var(--plasma-typo-h4-font-weight);\n                ", ": var(--plasma-typo-h4-bold-font-weight);\n\n                ", ": 3rem;\n                ", ": 3rem;\n                ", ": 1.25rem;\n                ", ": 0.75rem;\n            "])), _styledComponents.datePickerTokens.width, _styledComponents.datePickerTokens.borderRadius, _styledComponents.datePickerTokens.dividerPadding, _styledComponents.datePickerTokens.dividerFontFamily, _styledComponents.datePickerTokens.dividerFontStyle, _styledComponents.datePickerTokens.dividerFontSize, _styledComponents.datePickerTokens.dividerFontWeight, _styledComponents.datePickerTokens.dividerLetterSpacing, _styledComponents.datePickerTokens.dividerLineHeight, _styledComponents.datePickerTokens.leftContentMargin, _styledComponents.datePickerTokens.rightContentMargin, _styledComponents.datePickerTokens.labelOffset, _styledComponents.datePickerTokens.labelInnerPadding, _styledComponents.datePickerTokens.contentLabelInnerPadding, _styledComponents.datePickerTokens.labelFontFamily, _styledComponents.datePickerTokens.labelFontStyle, _styledComponents.datePickerTokens.labelFontSize, _styledComponents.datePickerTokens.labelFontWeight, _styledComponents.datePickerTokens.labelLetterSpacing, _styledComponents.datePickerTokens.labelLineHeight, _styledComponents.datePickerTokens.textFieldHeight, _styledComponents.datePickerTokens.textFieldBorderRadius, _styledComponents.datePickerTokens.textFieldPadding, _styledComponents.datePickerTokens.textFieldFontFamily, _styledComponents.datePickerTokens.textFieldFontStyle, _styledComponents.datePickerTokens.textFieldFontSize, _styledComponents.datePickerTokens.textFieldFontWeight, _styledComponents.datePickerTokens.textFieldLetterSpacing, _styledComponents.datePickerTokens.textFieldLineHeight, _styledComponents.datePickerTokens.leftHelperOffset, _styledComponents.datePickerTokens.leftHelperFontFamily, _styledComponents.datePickerTokens.leftHelperFontStyle, _styledComponents.datePickerTokens.leftHelperFontSize, _styledComponents.datePickerTokens.leftHelperFontWeight, _styledComponents.datePickerTokens.leftHelperLetterSpacing, _styledComponents.datePickerTokens.leftHelperLineHeight, _styledComponents.datePickerTokens.textFieldLeftContentMargin, _styledComponents.datePickerTokens.textFieldRightContentMargin, _styledComponents.datePickerTokens.textFieldTextBeforeMargin, _styledComponents.datePickerTokens.textFieldTextAfterMargin, _styledComponents.datePickerTokens.calendarWidth, _styledComponents.datePickerTokens.calendarBorderRadius, _styledComponents.datePickerTokens.calendarYearsPadding, _styledComponents.datePickerTokens.calendarYearItemBorderRadius, _styledComponents.datePickerTokens.calendarYearItemWidth, _styledComponents.datePickerTokens.calendarYearItemHeight, _styledComponents.datePickerTokens.calendarYearFontFamily, _styledComponents.datePickerTokens.calendarYearFontSize, _styledComponents.datePickerTokens.calendarYearFontStyle, _styledComponents.datePickerTokens.calendarYearFontLetterSpacing, _styledComponents.datePickerTokens.calendarYearFontLineHeight, _styledComponents.datePickerTokens.calendarYearFontWeight, _styledComponents.datePickerTokens.calendarYearSelectedFontWeight, _styledComponents.datePickerTokens.calendarQuartersPadding, _styledComponents.datePickerTokens.calendarQuarterItemBorderRadius, _styledComponents.datePickerTokens.calendarQuarterItemWidth, _styledComponents.datePickerTokens.calendarQuarterItemHeight, _styledComponents.datePickerTokens.calendarQuarterFontFamily, _styledComponents.datePickerTokens.calendarQuarterFontSize, _styledComponents.datePickerTokens.calendarQuarterFontStyle, _styledComponents.datePickerTokens.calendarQuarterFontLetterSpacing, _styledComponents.datePickerTokens.calendarQuarterFontLineHeight, _styledComponents.datePickerTokens.calendarQuarterFontWeight, _styledComponents.datePickerTokens.calendarQuarterSelectedFontWeight, _styledComponents.datePickerTokens.calendarMonthsPadding, _styledComponents.datePickerTokens.calendarMonthItemBorderRadius, _styledComponents.datePickerTokens.calendarMonthItemWidth, _styledComponents.datePickerTokens.calendarMonthItemHeight, _styledComponents.datePickerTokens.calendarMonthFontFamily, _styledComponents.datePickerTokens.calendarMonthFontSize, _styledComponents.datePickerTokens.calendarMonthFontStyle, _styledComponents.datePickerTokens.calendarMonthFontLetterSpacing, _styledComponents.datePickerTokens.calendarMonthFontLineHeight, _styledComponents.datePickerTokens.calendarMonthFontWeight, _styledComponents.datePickerTokens.calendarMonthSelectedFontWeight, _styledComponents.datePickerTokens.calendarDaysPadding, _styledComponents.datePickerTokens.calendarDayItemBorderRadius, _styledComponents.datePickerTokens.calendarDayItemWidth, _styledComponents.datePickerTokens.calendarDayItemHeight, _styledComponents.datePickerTokens.calendarDayFontFamily, _styledComponents.datePickerTokens.calendarDayFontSize, _styledComponents.datePickerTokens.calendarDayFontStyle, _styledComponents.datePickerTokens.calendarDayFontLetterSpacing, _styledComponents.datePickerTokens.calendarDayFontLineHeight, _styledComponents.datePickerTokens.calendarDayFontWeight, _styledComponents.datePickerTokens.calendarDaySelectedFontWeight, _styledComponents.datePickerTokens.calendarHeaderWrapperPadding, _styledComponents.datePickerTokens.calendarHeaderArrowGap, _styledComponents.datePickerTokens.calendarHeaderPadding, _styledComponents.datePickerTokens.calendarHeaderDateGap, _styledComponents.datePickerTokens.calendarHeaderFontFamily, _styledComponents.datePickerTokens.calendarHeaderFontSize, _styledComponents.datePickerTokens.calendarHeaderFontStyle, _styledComponents.datePickerTokens.calendarHeaderFontLetterSpacing, _styledComponents.datePickerTokens.calendarHeaderFontLineHeight, _styledComponents.datePickerTokens.calendarHeaderFontWeight, _styledComponents.datePickerTokens.calendarHeaderFontWeightBold, _styledComponents.datePickerTokens.iconButtonHeight, _styledComponents.datePickerTokens.iconButtonWidth, _styledComponents.datePickerTokens.iconButtonPadding, _styledComponents.datePickerTokens.iconButtonRadius),
-      s: /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 19.5rem;\n                ", ": 0.625rem;\n\n                ", ": 0 0.375rem;\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n\n                ", ": 0 0 0 0.75rem;\n                ", ": 0;\n\n                ", ": 0 0 0.5rem 0;\n                ", ": 0.3125rem 0 0 0;\n                ", ": 1.0625rem 0 0.3125rem 0;\n\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n\n                ", ": 2.5rem;\n                ", ": 0.625rem;\n                ", ": 0.6875rem 0.875rem 0.6875rem 0.875rem;\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n\n                ", ": 0.25rem 0 0 0;\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n\n                ", ": -0.1875rem 0.25rem -0.1875rem -0.125rem;\n                ", ": -0.1875rem -0.125rem -0.1875rem 0.75rem;\n                ", ": 0 0.25rem 0 0;\n                ", ": 0 0 0 0.25rem;\n\n                ", ": 19.5rem;\n                ", ": 0.875rem;\n\n                ", ": 0.5rem 1rem 0.875rem 1rem;\n                ", ": 0.5rem;\n                ", ": 5.5rem;\n                ", ": 3.5rem;\n\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-bold-font-weight);\n\n                ", ": 0.5rem 0.5rem 0 0.5rem;\n                ", ": 0.5rem;\n                ", ": 8.25rem;\n                ", ": 7rem;\n\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-bold-font-weight);\n\n                ", ": 0.5rem 1rem 0.875rem 1rem;\n                ", ": 0.5rem;\n                ", ": 5.5rem;\n                ", ": 3.5rem;\n\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-bold-font-weight);\n\n                ", ": 0.5rem 1rem 0.875rem 1rem;\n                ", ": 0.5rem;\n                ", ": 2.5rem;\n                ", ": 2rem;\n\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-bold-font-weight);\n\n                ", ": 0.75rem 1rem 0 1rem;\n                ", ": 0.5rem;\n\n                ", ": 0 0 0 0.5rem;\n                ", ": 0.25rem;\n\n                ", ": var(--plasma-typo-h4-font-family);\n                ", ": var(--plasma-typo-h4-font-size);\n                ", ": var(--plasma-typo-h4-font-style);\n                ", ": var(--plasma-typo-h4-letter-spacing);\n                ", ": var(--plasma-typo-h4-line-height);\n                ", ": var(--plasma-typo-h4-font-weight);\n                ", ": var(--plasma-typo-h4-bold-font-weight);\n\n                ", ": 2rem;\n                ", ": 2rem;\n                ", ": 0.75rem;\n                ", ": 0.5rem;\n            "])), _styledComponents.datePickerTokens.width, _styledComponents.datePickerTokens.borderRadius, _styledComponents.datePickerTokens.dividerPadding, _styledComponents.datePickerTokens.dividerFontFamily, _styledComponents.datePickerTokens.dividerFontStyle, _styledComponents.datePickerTokens.dividerFontSize, _styledComponents.datePickerTokens.dividerFontWeight, _styledComponents.datePickerTokens.dividerLetterSpacing, _styledComponents.datePickerTokens.dividerLineHeight, _styledComponents.datePickerTokens.leftContentMargin, _styledComponents.datePickerTokens.rightContentMargin, _styledComponents.datePickerTokens.labelOffset, _styledComponents.datePickerTokens.labelInnerPadding, _styledComponents.datePickerTokens.contentLabelInnerPadding, _styledComponents.datePickerTokens.labelFontFamily, _styledComponents.datePickerTokens.labelFontStyle, _styledComponents.datePickerTokens.labelFontSize, _styledComponents.datePickerTokens.labelFontWeight, _styledComponents.datePickerTokens.labelLetterSpacing, _styledComponents.datePickerTokens.labelLineHeight, _styledComponents.datePickerTokens.textFieldHeight, _styledComponents.datePickerTokens.textFieldBorderRadius, _styledComponents.datePickerTokens.textFieldPadding, _styledComponents.datePickerTokens.textFieldFontFamily, _styledComponents.datePickerTokens.textFieldFontStyle, _styledComponents.datePickerTokens.textFieldFontSize, _styledComponents.datePickerTokens.textFieldFontWeight, _styledComponents.datePickerTokens.textFieldLetterSpacing, _styledComponents.datePickerTokens.textFieldLineHeight, _styledComponents.datePickerTokens.leftHelperOffset, _styledComponents.datePickerTokens.leftHelperFontFamily, _styledComponents.datePickerTokens.leftHelperFontStyle, _styledComponents.datePickerTokens.leftHelperFontSize, _styledComponents.datePickerTokens.leftHelperFontWeight, _styledComponents.datePickerTokens.leftHelperLetterSpacing, _styledComponents.datePickerTokens.leftHelperLineHeight, _styledComponents.datePickerTokens.textFieldLeftContentMargin, _styledComponents.datePickerTokens.textFieldRightContentMargin, _styledComponents.datePickerTokens.textFieldTextBeforeMargin, _styledComponents.datePickerTokens.textFieldTextAfterMargin, _styledComponents.datePickerTokens.calendarWidth, _styledComponents.datePickerTokens.calendarBorderRadius, _styledComponents.datePickerTokens.calendarYearsPadding, _styledComponents.datePickerTokens.calendarYearItemBorderRadius, _styledComponents.datePickerTokens.calendarYearItemWidth, _styledComponents.datePickerTokens.calendarYearItemHeight, _styledComponents.datePickerTokens.calendarYearFontFamily, _styledComponents.datePickerTokens.calendarYearFontSize, _styledComponents.datePickerTokens.calendarYearFontStyle, _styledComponents.datePickerTokens.calendarYearFontLetterSpacing, _styledComponents.datePickerTokens.calendarYearFontLineHeight, _styledComponents.datePickerTokens.calendarYearFontWeight, _styledComponents.datePickerTokens.calendarYearSelectedFontWeight, _styledComponents.datePickerTokens.calendarQuartersPadding, _styledComponents.datePickerTokens.calendarQuarterItemBorderRadius, _styledComponents.datePickerTokens.calendarQuarterItemWidth, _styledComponents.datePickerTokens.calendarQuarterItemHeight, _styledComponents.datePickerTokens.calendarQuarterFontFamily, _styledComponents.datePickerTokens.calendarQuarterFontSize, _styledComponents.datePickerTokens.calendarQuarterFontStyle, _styledComponents.datePickerTokens.calendarQuarterFontLetterSpacing, _styledComponents.datePickerTokens.calendarQuarterFontLineHeight, _styledComponents.datePickerTokens.calendarQuarterFontWeight, _styledComponents.datePickerTokens.calendarQuarterSelectedFontWeight, _styledComponents.datePickerTokens.calendarMonthsPadding, _styledComponents.datePickerTokens.calendarMonthItemBorderRadius, _styledComponents.datePickerTokens.calendarMonthItemWidth, _styledComponents.datePickerTokens.calendarMonthItemHeight, _styledComponents.datePickerTokens.calendarMonthFontFamily, _styledComponents.datePickerTokens.calendarMonthFontSize, _styledComponents.datePickerTokens.calendarMonthFontStyle, _styledComponents.datePickerTokens.calendarMonthFontLetterSpacing, _styledComponents.datePickerTokens.calendarMonthFontLineHeight, _styledComponents.datePickerTokens.calendarMonthFontWeight, _styledComponents.datePickerTokens.calendarMonthSelectedFontWeight, _styledComponents.datePickerTokens.calendarDaysPadding, _styledComponents.datePickerTokens.calendarDayItemBorderRadius, _styledComponents.datePickerTokens.calendarDayItemWidth, _styledComponents.datePickerTokens.calendarDayItemHeight, _styledComponents.datePickerTokens.calendarDayFontFamily, _styledComponents.datePickerTokens.calendarDayFontSize, _styledComponents.datePickerTokens.calendarDayFontStyle, _styledComponents.datePickerTokens.calendarDayFontLetterSpacing, _styledComponents.datePickerTokens.calendarDayFontLineHeight, _styledComponents.datePickerTokens.calendarDayFontWeight, _styledComponents.datePickerTokens.calendarDaySelectedFontWeight, _styledComponents.datePickerTokens.calendarHeaderWrapperPadding, _styledComponents.datePickerTokens.calendarHeaderArrowGap, _styledComponents.datePickerTokens.calendarHeaderPadding, _styledComponents.datePickerTokens.calendarHeaderDateGap, _styledComponents.datePickerTokens.calendarHeaderFontFamily, _styledComponents.datePickerTokens.calendarHeaderFontSize, _styledComponents.datePickerTokens.calendarHeaderFontStyle, _styledComponents.datePickerTokens.calendarHeaderFontLetterSpacing, _styledComponents.datePickerTokens.calendarHeaderFontLineHeight, _styledComponents.datePickerTokens.calendarHeaderFontWeight, _styledComponents.datePickerTokens.calendarHeaderFontWeightBold, _styledComponents.datePickerTokens.iconButtonHeight, _styledComponents.datePickerTokens.iconButtonWidth, _styledComponents.datePickerTokens.iconButtonPadding, _styledComponents.datePickerTokens.iconButtonRadius),
-      xs: /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 19rem;\n                ", ": 0.5rem;\n\n                ", ": 0 0.375rem;\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n\n                ", ": 0 0 0 0.5rem;\n                ", ": 0;\n\n                ", ": 0 0 0.375rem 0;\n                ", ": 0.3125rem 0 0 0;\n                ", ": 1.0625rem 0 0.3125rem 0;\n\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n\n                ", ": 2rem;\n                ", ": 0.5rem;\n                ", ": 0.5625rem 0.625rem 0.5625rem 0.625rem;\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n\n                ", ": 0.25rem 0 0 0;\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n\n                ", ": -0.0625rem 0.25rem -0.0625rem -0.125rem;\n                ", ": -0.0625rem -0.125rem -0.0625rem 0.75rem;\n                ", ": 0 0.25rem 0 0;\n                ", ": 0 0 0 0.25rem;\n\n                ", ": 19rem;\n                ", ": 0.5rem;\n\n                ", ": 0.5rem 0.75rem 0.625rem 0.75rem;\n                ", ": 0.375rem;\n                ", ": 5.625rem;\n                ", ": 3.281rem;\n\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n                ", ": var(--plasma-typo-body-xs-font-weight);\n                ", ": var(--plasma-typo-body-xs-bold-font-weight);\n\n                ", ": 0.375rem 0.25rem 0 0.25rem;\n                ", ": 0.375rem;\n                ", ": 8.25rem;\n                ", ": 6.563rem;\n\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n                ", ": var(--plasma-typo-body-xs-font-weight);\n                ", ": var(--plasma-typo-body-xs-bold-font-weight);\n\n                ", ": 0.5rem 0.75rem 0.625rem 0.75rem;\n                ", ": 0.375rem;\n                ", ": 5.625rem;\n                ", ": 3.281rem;\n\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n                ", ": var(--plasma-typo-body-xs-font-weight);\n                ", ": var(--plasma-typo-body-xs-bold-font-weight);\n\n                ", ": 0.375rem 0.75rem 0.625rem 0.75rem;\n                ", ": 0.375rem;\n                ", ": 2.5rem;\n                ", ": 2rem;\n\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n                ", ": var(--plasma-typo-body-xs-font-weight);\n                ", ": var(--plasma-typo-body-xs-bold-font-weight);\n\n                ", ": 0.5rem 0.75rem 0 0.75rem;\n                ", ": 0;\n\n                ", ": 0 0 0 0.5rem;\n                ", ": 0.25rem;\n\n                ", ": var(--plasma-typo-h5-font-family);\n                ", ": var(--plasma-typo-h5-font-size);\n                ", ": var(--plasma-typo-h5-font-style);\n                ", ": var(--plasma-typo-h5-letter-spacing);\n                ", ": var(--plasma-typo-h5-line-height);\n                ", ": var(--plasma-typo-h5-font-weight);\n                ", ": var(--plasma-typo-h5-bold-font-weight);\n\n                ", ": 2rem;\n                ", ": 2rem;\n                ", ": 0.75rem;\n                ", ": 0.5rem;\n            "])), _styledComponents.datePickerTokens.width, _styledComponents.datePickerTokens.borderRadius, _styledComponents.datePickerTokens.dividerPadding, _styledComponents.datePickerTokens.dividerFontFamily, _styledComponents.datePickerTokens.dividerFontStyle, _styledComponents.datePickerTokens.dividerFontSize, _styledComponents.datePickerTokens.dividerFontWeight, _styledComponents.datePickerTokens.dividerLetterSpacing, _styledComponents.datePickerTokens.dividerLineHeight, _styledComponents.datePickerTokens.leftContentMargin, _styledComponents.datePickerTokens.rightContentMargin, _styledComponents.datePickerTokens.labelOffset, _styledComponents.datePickerTokens.labelInnerPadding, _styledComponents.datePickerTokens.contentLabelInnerPadding, _styledComponents.datePickerTokens.labelFontFamily, _styledComponents.datePickerTokens.labelFontStyle, _styledComponents.datePickerTokens.labelFontSize, _styledComponents.datePickerTokens.labelFontWeight, _styledComponents.datePickerTokens.labelLetterSpacing, _styledComponents.datePickerTokens.labelLineHeight, _styledComponents.datePickerTokens.textFieldHeight, _styledComponents.datePickerTokens.textFieldBorderRadius, _styledComponents.datePickerTokens.textFieldPadding, _styledComponents.datePickerTokens.textFieldFontFamily, _styledComponents.datePickerTokens.textFieldFontStyle, _styledComponents.datePickerTokens.textFieldFontSize, _styledComponents.datePickerTokens.textFieldFontWeight, _styledComponents.datePickerTokens.textFieldLetterSpacing, _styledComponents.datePickerTokens.textFieldLineHeight, _styledComponents.datePickerTokens.leftHelperOffset, _styledComponents.datePickerTokens.leftHelperFontFamily, _styledComponents.datePickerTokens.leftHelperFontStyle, _styledComponents.datePickerTokens.leftHelperFontSize, _styledComponents.datePickerTokens.leftHelperFontWeight, _styledComponents.datePickerTokens.leftHelperLetterSpacing, _styledComponents.datePickerTokens.leftHelperLineHeight, _styledComponents.datePickerTokens.textFieldLeftContentMargin, _styledComponents.datePickerTokens.textFieldRightContentMargin, _styledComponents.datePickerTokens.textFieldTextBeforeMargin, _styledComponents.datePickerTokens.textFieldTextAfterMargin, _styledComponents.datePickerTokens.calendarWidth, _styledComponents.datePickerTokens.calendarBorderRadius, _styledComponents.datePickerTokens.calendarYearsPadding, _styledComponents.datePickerTokens.calendarYearItemBorderRadius, _styledComponents.datePickerTokens.calendarYearItemWidth, _styledComponents.datePickerTokens.calendarYearItemHeight, _styledComponents.datePickerTokens.calendarYearFontFamily, _styledComponents.datePickerTokens.calendarYearFontSize, _styledComponents.datePickerTokens.calendarYearFontStyle, _styledComponents.datePickerTokens.calendarYearFontLetterSpacing, _styledComponents.datePickerTokens.calendarYearFontLineHeight, _styledComponents.datePickerTokens.calendarYearFontWeight, _styledComponents.datePickerTokens.calendarYearSelectedFontWeight, _styledComponents.datePickerTokens.calendarQuartersPadding, _styledComponents.datePickerTokens.calendarQuarterItemBorderRadius, _styledComponents.datePickerTokens.calendarQuarterItemWidth, _styledComponents.datePickerTokens.calendarQuarterItemHeight, _styledComponents.datePickerTokens.calendarQuarterFontFamily, _styledComponents.datePickerTokens.calendarQuarterFontSize, _styledComponents.datePickerTokens.calendarQuarterFontStyle, _styledComponents.datePickerTokens.calendarQuarterFontLetterSpacing, _styledComponents.datePickerTokens.calendarQuarterFontLineHeight, _styledComponents.datePickerTokens.calendarQuarterFontWeight, _styledComponents.datePickerTokens.calendarQuarterSelectedFontWeight, _styledComponents.datePickerTokens.calendarMonthsPadding, _styledComponents.datePickerTokens.calendarMonthItemBorderRadius, _styledComponents.datePickerTokens.calendarMonthItemWidth, _styledComponents.datePickerTokens.calendarMonthItemHeight, _styledComponents.datePickerTokens.calendarMonthFontFamily, _styledComponents.datePickerTokens.calendarMonthFontSize, _styledComponents.datePickerTokens.calendarMonthFontStyle, _styledComponents.datePickerTokens.calendarMonthFontLetterSpacing, _styledComponents.datePickerTokens.calendarMonthFontLineHeight, _styledComponents.datePickerTokens.calendarMonthFontWeight, _styledComponents.datePickerTokens.calendarMonthSelectedFontWeight, _styledComponents.datePickerTokens.calendarDaysPadding, _styledComponents.datePickerTokens.calendarDayItemBorderRadius, _styledComponents.datePickerTokens.calendarDayItemWidth, _styledComponents.datePickerTokens.calendarDayItemHeight, _styledComponents.datePickerTokens.calendarDayFontFamily, _styledComponents.datePickerTokens.calendarDayFontSize, _styledComponents.datePickerTokens.calendarDayFontStyle, _styledComponents.datePickerTokens.calendarDayFontLetterSpacing, _styledComponents.datePickerTokens.calendarDayFontLineHeight, _styledComponents.datePickerTokens.calendarDayFontWeight, _styledComponents.datePickerTokens.calendarDaySelectedFontWeight, _styledComponents.datePickerTokens.calendarHeaderWrapperPadding, _styledComponents.datePickerTokens.calendarHeaderArrowGap, _styledComponents.datePickerTokens.calendarHeaderPadding, _styledComponents.datePickerTokens.calendarHeaderDateGap, _styledComponents.datePickerTokens.calendarHeaderFontFamily, _styledComponents.datePickerTokens.calendarHeaderFontSize, _styledComponents.datePickerTokens.calendarHeaderFontStyle, _styledComponents.datePickerTokens.calendarHeaderFontLetterSpacing, _styledComponents.datePickerTokens.calendarHeaderFontLineHeight, _styledComponents.datePickerTokens.calendarHeaderFontWeight, _styledComponents.datePickerTokens.calendarHeaderFontWeightBold, _styledComponents.datePickerTokens.iconButtonHeight, _styledComponents.datePickerTokens.iconButtonWidth, _styledComponents.datePickerTokens.iconButtonPadding, _styledComponents.datePickerTokens.iconButtonRadius)
+      l: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 26.5rem;\n                ", ": 0.875rem;\n\n                ", ": 0 0.375rem;\n                ", ": var(--plasma-typo-body-l-font-family);\n                ", ": var(--plasma-typo-body-l-font-style);\n                ", ": var(--plasma-typo-body-l-font-size);\n                ", ": var(--plasma-typo-body-l-font-weight);\n                ", ": var(--plasma-typo-body-l-letter-spacing);\n                ", ": var(--plasma-typo-body-l-line-height);\n\n                ", ": 0 0 0 1rem;\n                ", ": 0;\n\n                ", ": 0 0 0.75rem 0;\n                ", ": 0.5625rem 0 0.125rem 0;\n                ", ": 1.5625rem 0 0.5625rem 0;\n\n                ", ": var(--plasma-typo-body-l-font-family);\n                ", ": var(--plasma-typo-body-l-font-style);\n                ", ": var(--plasma-typo-body-l-font-size);\n                ", ": var(--plasma-typo-body-l-font-weight);\n                ", ": var(--plasma-typo-body-l-letter-spacing);\n                ", ": var(--plasma-typo-body-l-line-height);\n\n                ", ": 3.5rem;\n                ", ": 0.875rem;\n                ", ": 1.0625rem 1.125rem 1.0625rem 1.125rem;\n                ", ": var(--plasma-typo-body-l-font-family);\n                ", ": var(--plasma-typo-body-l-font-style);\n                ", ": var(--plasma-typo-body-l-font-size);\n                ", ": var(--plasma-typo-body-l-font-weight);\n                ", ": var(--plasma-typo-body-l-letter-spacing);\n                ", ": var(--plasma-typo-body-l-line-height);\n\n                ", ": 0.25rem 0 0 0;\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n\n                ", ": -0.0625rem 0.5rem -0.0625rem -0.125rem;\n                ", ": -0.0625rem -0.125rem -0.0625rem 0.75rem;\n                ", ": 0 0.25rem 0 0;\n                ", ": 0 0 0 0.25rem;\n\n                ", ": 0.875rem;\n                ", ": 26.5rem;\n\n                ", ": 0.5rem 1rem 1.125rem 1rem;\n                ", ": 0.75rem;\n                ", ": 7.8125rem;\n                ", ": 5.25rem;\n\n                ", ": var(--plasma-typo-body-l-font-family);\n                ", ": var(--plasma-typo-body-l-font-size);\n                ", ": var(--plasma-typo-body-l-font-style);\n                ", ": var(--plasma-typo-body-l-letter-spacing);\n                ", ": var(--plasma-typo-body-l-line-height);\n                ", ": var(--plasma-typo-body-l-font-weight);\n                ", ": var(--plasma-typo-body-l-bold-font-weight);\n\n                ", ": 0.5rem 1rem 1.125rem 1rem;\n                ", ": 0.75rem;\n                ", ": 7.8125rem;\n                ", ": 5.25rem;\n\n                ", ": var(--plasma-typo-body-l-font-family);\n                ", ": var(--plasma-typo-body-l-font-size);\n                ", ": var(--plasma-typo-body-l-font-style);\n                ", ": var(--plasma-typo-body-l-letter-spacing);\n                ", ": var(--plasma-typo-body-l-line-height);\n                ", ": var(--plasma-typo-body-l-font-weight);\n                ", ": var(--plasma-typo-body-l-bold-font-weight);\n\n                ", ": 0.5rem 0.5rem 0 0.5rem;\n                ", ": 0.75rem;\n                ", ": 11.75rem;\n                ", ": 10.5rem;\n\n                ", ": var(--plasma-typo-body-l-font-family);\n                ", ": var(--plasma-typo-body-l-font-size);\n                ", ": var(--plasma-typo-body-l-font-style);\n                ", ": var(--plasma-typo-body-l-letter-spacing);\n                ", ": var(--plasma-typo-body-l-line-height);\n                ", ": var(--plasma-typo-body-l-font-weight);\n                ", ": var(--plasma-typo-body-l-bold-font-weight);\n\n                ", ": 0.5rem 1rem 1.125rem 1rem;\n                ", ": 0.75rem;\n                ", ": 3.5rem;\n                ", ": 3rem;\n\n                ", ": var(--plasma-typo-body-l-font-family);\n                ", ": var(--plasma-typo-body-l-font-size);\n                ", ": var(--plasma-typo-body-l-font-style);\n                ", ": var(--plasma-typo-body-l-letter-spacing);\n                ", ": var(--plasma-typo-body-l-line-height);\n                ", ": var(--plasma-typo-body-l-font-weight);\n                ", ": var(--plasma-typo-body-l-bold-font-weight);\n\n                ", ": 0.063rem;\n\n                ", ": 0.875rem 1rem 0 1rem;\n                ", ": 0.5rem;\n\n                ", ": 0 0 0 1rem;\n                ", ": 0.5rem;\n\n                ", ": var(--plasma-typo-h3-font-family);\n                ", ": var(--plasma-typo-h3-font-size);\n                ", ": var(--plasma-typo-h3-font-style);\n                ", ": var(--plasma-typo-h3-letter-spacing);\n                ", ": var(--plasma-typo-h3-line-height);\n                ", ": var(--plasma-typo-h3-font-weight);\n                ", ": var(--plasma-typo-h3-bold-font-weight);\n\n                ", ": 3.5rem;\n                ", ": 3.5rem;\n                ", ": 1.5rem;\n                ", ": 0.875rem;\n            "])), _styledComponents.datePickerTokens.width, _styledComponents.datePickerTokens.borderRadius, _styledComponents.datePickerTokens.dividerPadding, _styledComponents.datePickerTokens.dividerFontFamily, _styledComponents.datePickerTokens.dividerFontStyle, _styledComponents.datePickerTokens.dividerFontSize, _styledComponents.datePickerTokens.dividerFontWeight, _styledComponents.datePickerTokens.dividerLetterSpacing, _styledComponents.datePickerTokens.dividerLineHeight, _styledComponents.datePickerTokens.leftContentMargin, _styledComponents.datePickerTokens.rightContentMargin, _styledComponents.datePickerTokens.labelOffset, _styledComponents.datePickerTokens.labelInnerPadding, _styledComponents.datePickerTokens.contentLabelInnerPadding, _styledComponents.datePickerTokens.labelFontFamily, _styledComponents.datePickerTokens.labelFontStyle, _styledComponents.datePickerTokens.labelFontSize, _styledComponents.datePickerTokens.labelFontWeight, _styledComponents.datePickerTokens.labelLetterSpacing, _styledComponents.datePickerTokens.labelLineHeight, _styledComponents.datePickerTokens.textFieldHeight, _styledComponents.datePickerTokens.textFieldBorderRadius, _styledComponents.datePickerTokens.textFieldPadding, _styledComponents.datePickerTokens.textFieldFontFamily, _styledComponents.datePickerTokens.textFieldFontStyle, _styledComponents.datePickerTokens.textFieldFontSize, _styledComponents.datePickerTokens.textFieldFontWeight, _styledComponents.datePickerTokens.textFieldLetterSpacing, _styledComponents.datePickerTokens.textFieldLineHeight, _styledComponents.datePickerTokens.leftHelperOffset, _styledComponents.datePickerTokens.leftHelperFontFamily, _styledComponents.datePickerTokens.leftHelperFontStyle, _styledComponents.datePickerTokens.leftHelperFontSize, _styledComponents.datePickerTokens.leftHelperFontWeight, _styledComponents.datePickerTokens.leftHelperLetterSpacing, _styledComponents.datePickerTokens.leftHelperLineHeight, _styledComponents.datePickerTokens.textFieldLeftContentMargin, _styledComponents.datePickerTokens.textFieldRightContentMargin, _styledComponents.datePickerTokens.textFieldTextBeforeMargin, _styledComponents.datePickerTokens.textFieldTextAfterMargin, _styledComponents.datePickerTokens.calendarBorderRadius, _styledComponents.datePickerTokens.calendarWidth, _styledComponents.datePickerTokens.calendarYearsPadding, _styledComponents.datePickerTokens.calendarYearItemBorderRadius, _styledComponents.datePickerTokens.calendarYearItemWidth, _styledComponents.datePickerTokens.calendarYearItemHeight, _styledComponents.datePickerTokens.calendarYearFontFamily, _styledComponents.datePickerTokens.calendarYearFontSize, _styledComponents.datePickerTokens.calendarYearFontStyle, _styledComponents.datePickerTokens.calendarYearFontLetterSpacing, _styledComponents.datePickerTokens.calendarYearFontLineHeight, _styledComponents.datePickerTokens.calendarYearFontWeight, _styledComponents.datePickerTokens.calendarYearSelectedFontWeight, _styledComponents.datePickerTokens.calendarMonthsPadding, _styledComponents.datePickerTokens.calendarMonthItemBorderRadius, _styledComponents.datePickerTokens.calendarMonthItemWidth, _styledComponents.datePickerTokens.calendarMonthItemHeight, _styledComponents.datePickerTokens.calendarMonthFontFamily, _styledComponents.datePickerTokens.calendarMonthFontSize, _styledComponents.datePickerTokens.calendarMonthFontStyle, _styledComponents.datePickerTokens.calendarMonthFontLetterSpacing, _styledComponents.datePickerTokens.calendarMonthFontLineHeight, _styledComponents.datePickerTokens.calendarMonthFontWeight, _styledComponents.datePickerTokens.calendarMonthSelectedFontWeight, _styledComponents.datePickerTokens.calendarQuartersPadding, _styledComponents.datePickerTokens.calendarQuarterItemBorderRadius, _styledComponents.datePickerTokens.calendarQuarterItemWidth, _styledComponents.datePickerTokens.calendarQuarterItemHeight, _styledComponents.datePickerTokens.calendarQuarterFontFamily, _styledComponents.datePickerTokens.calendarQuarterFontSize, _styledComponents.datePickerTokens.calendarQuarterFontStyle, _styledComponents.datePickerTokens.calendarQuarterFontLetterSpacing, _styledComponents.datePickerTokens.calendarQuarterFontLineHeight, _styledComponents.datePickerTokens.calendarQuarterFontWeight, _styledComponents.datePickerTokens.calendarQuarterSelectedFontWeight, _styledComponents.datePickerTokens.calendarDaysPadding, _styledComponents.datePickerTokens.calendarDayItemBorderRadius, _styledComponents.datePickerTokens.calendarDayItemWidth, _styledComponents.datePickerTokens.calendarDayItemHeight, _styledComponents.datePickerTokens.calendarDayFontFamily, _styledComponents.datePickerTokens.calendarDayFontSize, _styledComponents.datePickerTokens.calendarDayFontStyle, _styledComponents.datePickerTokens.calendarDayFontLetterSpacing, _styledComponents.datePickerTokens.calendarDayFontLineHeight, _styledComponents.datePickerTokens.calendarDayFontWeight, _styledComponents.datePickerTokens.calendarDaySelectedFontWeight, _styledComponents.datePickerTokens.calendarCurrentItemBorderWidth, _styledComponents.datePickerTokens.calendarHeaderWrapperPadding, _styledComponents.datePickerTokens.calendarHeaderArrowGap, _styledComponents.datePickerTokens.calendarHeaderPadding, _styledComponents.datePickerTokens.calendarHeaderDateGap, _styledComponents.datePickerTokens.calendarHeaderFontFamily, _styledComponents.datePickerTokens.calendarHeaderFontSize, _styledComponents.datePickerTokens.calendarHeaderFontStyle, _styledComponents.datePickerTokens.calendarHeaderFontLetterSpacing, _styledComponents.datePickerTokens.calendarHeaderFontLineHeight, _styledComponents.datePickerTokens.calendarHeaderFontWeight, _styledComponents.datePickerTokens.calendarHeaderFontWeightBold, _styledComponents.datePickerTokens.iconButtonHeight, _styledComponents.datePickerTokens.iconButtonWidth, _styledComponents.datePickerTokens.iconButtonPadding, _styledComponents.datePickerTokens.iconButtonRadius),
+      m: /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 23rem;\n                ", ": 0.75rem;\n\n                ", ": 0 0.375rem;\n                ", ": var(--plasma-typo-body-m-font-family);\n                ", ": var(--plasma-typo-body-m-font-style);\n                ", ": var(--plasma-typo-body-m-font-size);\n                ", ": var(--plasma-typo-body-m-font-weight);\n                ", ": var(--plasma-typo-body-m-letter-spacing);\n                ", ": var(--plasma-typo-body-m-line-height);\n\n                ", ": 0 0 0 0.875rem;\n                ", ": 0;\n\n                ", ": 0 0 0.625rem 0;\n                ", ": 0.375rem 0 0.125rem 0;\n                ", ": 1.375rem 0 0.375rem 0;\n\n                ", ": var(--plasma-typo-body-m-font-family);\n                ", ": var(--plasma-typo-body-m-font-style);\n                ", ": var(--plasma-typo-body-m-font-size);\n                ", ": var(--plasma-typo-body-m-font-weight);\n                ", ": var(--plasma-typo-body-m-letter-spacing);\n                ", ": var(--plasma-typo-body-m-line-height);\n\n                ", ": 3rem;\n                ", ": 0.75rem;\n                ", ": 0.875rem 1rem 0.875rem 1rem;\n                ", ": var(--plasma-typo-body-m-font-family);\n                ", ": var(--plasma-typo-body-m-font-style);\n                ", ": var(--plasma-typo-body-m-font-size);\n                ", ": var(--plasma-typo-body-m-font-weight);\n                ", ": var(--plasma-typo-body-m-letter-spacing);\n                ", ": var(--plasma-typo-body-m-line-height);\n\n                ", ": 0.25rem 0 0 0;\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n\n                ", ": -0.125rem 0.375rem -0.125rem -0.125rem;\n                ", ": -0.125rem -0.125rem -0.125rem 0.75rem;\n                ", ": 0 0.25rem 0 0;\n                ", ": 0 0 0 0.25rem;\n\n                ", ": 23rem;\n                ", ": 0.875rem;\n\n                ", ": 0.5rem 1rem 1.125rem 1rem;\n                ", ": 0.625rem;\n                ", ": 6.688rem;\n                ", ": 4.375rem;\n\n                ", ": var(--plasma-typo-body-m-font-family);\n                ", ": var(--plasma-typo-body-m-font-size);\n                ", ": var(--plasma-typo-body-m-font-style);\n                ", ": var(--plasma-typo-body-m-letter-spacing);\n                ", ": var(--plasma-typo-body-m-line-height);\n                ", ": var(--plasma-typo-body-m-font-weight);\n                ", ": var(--plasma-typo-body-m-bold-font-weight);\n\n                ", ": 0.5rem 0.5rem 0 0.5rem;\n                ", ": 0.625rem;\n                ", ": 10rem;\n                ", ": 8.5rem;\n\n                ", ": var(--plasma-typo-body-m-font-family);\n                ", ": var(--plasma-typo-body-m-font-size);\n                ", ": var(--plasma-typo-body-m-font-style);\n                ", ": var(--plasma-typo-body-m-letter-spacing);\n                ", ": var(--plasma-typo-body-m-line-height);\n                ", ": var(--plasma-typo-body-m-font-weight);\n                ", ": var(--plasma-typo-body-m-bold-font-weight);\n\n                ", ": 0.5rem 1rem 1.125rem 1rem;\n                ", ": 0.625rem;\n                ", ": 6.688rem;\n                ", ": 4.375rem;\n\n                ", ": var(--plasma-typo-body-m-font-family);\n                ", ": var(--plasma-typo-body-m-font-size);\n                ", ": var(--plasma-typo-body-m-font-style);\n                ", ": var(--plasma-typo-body-m-letter-spacing);\n                ", ": var(--plasma-typo-body-m-line-height);\n                ", ": var(--plasma-typo-body-m-font-weight);\n                ", ": var(--plasma-typo-body-m-bold-font-weight);\n\n                ", ": 0.5rem 1rem 1.125rem 1rem;\n                ", ": 0.625rem;\n                ", ": 3rem;\n                ", ": 2.5rem;\n\n                ", ": var(--plasma-typo-body-m-font-family);\n                ", ": var(--plasma-typo-body-m-font-size);\n                ", ": var(--plasma-typo-body-m-font-style);\n                ", ": var(--plasma-typo-body-m-letter-spacing);\n                ", ": var(--plasma-typo-body-m-line-height);\n                ", ": var(--plasma-typo-body-m-font-weight);\n                ", ": var(--plasma-typo-body-m-bold-font-weight);\n\n                ", ": 0.063rem;\n\n                ", ": 0.75rem 1rem 0 1rem;\n                ", ": 0.5rem;\n\n                ", ": 0 0 0 0.875rem;\n                ", ": 0.375rem;\n\n                ", ": var(--plasma-typo-h4-font-family);\n                ", ": var(--plasma-typo-h4-font-size);\n                ", ": var(--plasma-typo-h4-font-style);\n                ", ": var(--plasma-typo-h4-letter-spacing);\n                ", ": var(--plasma-typo-h4-line-height);\n                ", ": var(--plasma-typo-h4-font-weight);\n                ", ": var(--plasma-typo-h4-bold-font-weight);\n\n                ", ": 3rem;\n                ", ": 3rem;\n                ", ": 1.25rem;\n                ", ": 0.75rem;\n            "])), _styledComponents.datePickerTokens.width, _styledComponents.datePickerTokens.borderRadius, _styledComponents.datePickerTokens.dividerPadding, _styledComponents.datePickerTokens.dividerFontFamily, _styledComponents.datePickerTokens.dividerFontStyle, _styledComponents.datePickerTokens.dividerFontSize, _styledComponents.datePickerTokens.dividerFontWeight, _styledComponents.datePickerTokens.dividerLetterSpacing, _styledComponents.datePickerTokens.dividerLineHeight, _styledComponents.datePickerTokens.leftContentMargin, _styledComponents.datePickerTokens.rightContentMargin, _styledComponents.datePickerTokens.labelOffset, _styledComponents.datePickerTokens.labelInnerPadding, _styledComponents.datePickerTokens.contentLabelInnerPadding, _styledComponents.datePickerTokens.labelFontFamily, _styledComponents.datePickerTokens.labelFontStyle, _styledComponents.datePickerTokens.labelFontSize, _styledComponents.datePickerTokens.labelFontWeight, _styledComponents.datePickerTokens.labelLetterSpacing, _styledComponents.datePickerTokens.labelLineHeight, _styledComponents.datePickerTokens.textFieldHeight, _styledComponents.datePickerTokens.textFieldBorderRadius, _styledComponents.datePickerTokens.textFieldPadding, _styledComponents.datePickerTokens.textFieldFontFamily, _styledComponents.datePickerTokens.textFieldFontStyle, _styledComponents.datePickerTokens.textFieldFontSize, _styledComponents.datePickerTokens.textFieldFontWeight, _styledComponents.datePickerTokens.textFieldLetterSpacing, _styledComponents.datePickerTokens.textFieldLineHeight, _styledComponents.datePickerTokens.leftHelperOffset, _styledComponents.datePickerTokens.leftHelperFontFamily, _styledComponents.datePickerTokens.leftHelperFontStyle, _styledComponents.datePickerTokens.leftHelperFontSize, _styledComponents.datePickerTokens.leftHelperFontWeight, _styledComponents.datePickerTokens.leftHelperLetterSpacing, _styledComponents.datePickerTokens.leftHelperLineHeight, _styledComponents.datePickerTokens.textFieldLeftContentMargin, _styledComponents.datePickerTokens.textFieldRightContentMargin, _styledComponents.datePickerTokens.textFieldTextBeforeMargin, _styledComponents.datePickerTokens.textFieldTextAfterMargin, _styledComponents.datePickerTokens.calendarWidth, _styledComponents.datePickerTokens.calendarBorderRadius, _styledComponents.datePickerTokens.calendarYearsPadding, _styledComponents.datePickerTokens.calendarYearItemBorderRadius, _styledComponents.datePickerTokens.calendarYearItemWidth, _styledComponents.datePickerTokens.calendarYearItemHeight, _styledComponents.datePickerTokens.calendarYearFontFamily, _styledComponents.datePickerTokens.calendarYearFontSize, _styledComponents.datePickerTokens.calendarYearFontStyle, _styledComponents.datePickerTokens.calendarYearFontLetterSpacing, _styledComponents.datePickerTokens.calendarYearFontLineHeight, _styledComponents.datePickerTokens.calendarYearFontWeight, _styledComponents.datePickerTokens.calendarYearSelectedFontWeight, _styledComponents.datePickerTokens.calendarQuartersPadding, _styledComponents.datePickerTokens.calendarQuarterItemBorderRadius, _styledComponents.datePickerTokens.calendarQuarterItemWidth, _styledComponents.datePickerTokens.calendarQuarterItemHeight, _styledComponents.datePickerTokens.calendarQuarterFontFamily, _styledComponents.datePickerTokens.calendarQuarterFontSize, _styledComponents.datePickerTokens.calendarQuarterFontStyle, _styledComponents.datePickerTokens.calendarQuarterFontLetterSpacing, _styledComponents.datePickerTokens.calendarQuarterFontLineHeight, _styledComponents.datePickerTokens.calendarQuarterFontWeight, _styledComponents.datePickerTokens.calendarQuarterSelectedFontWeight, _styledComponents.datePickerTokens.calendarMonthsPadding, _styledComponents.datePickerTokens.calendarMonthItemBorderRadius, _styledComponents.datePickerTokens.calendarMonthItemWidth, _styledComponents.datePickerTokens.calendarMonthItemHeight, _styledComponents.datePickerTokens.calendarMonthFontFamily, _styledComponents.datePickerTokens.calendarMonthFontSize, _styledComponents.datePickerTokens.calendarMonthFontStyle, _styledComponents.datePickerTokens.calendarMonthFontLetterSpacing, _styledComponents.datePickerTokens.calendarMonthFontLineHeight, _styledComponents.datePickerTokens.calendarMonthFontWeight, _styledComponents.datePickerTokens.calendarMonthSelectedFontWeight, _styledComponents.datePickerTokens.calendarDaysPadding, _styledComponents.datePickerTokens.calendarDayItemBorderRadius, _styledComponents.datePickerTokens.calendarDayItemWidth, _styledComponents.datePickerTokens.calendarDayItemHeight, _styledComponents.datePickerTokens.calendarDayFontFamily, _styledComponents.datePickerTokens.calendarDayFontSize, _styledComponents.datePickerTokens.calendarDayFontStyle, _styledComponents.datePickerTokens.calendarDayFontLetterSpacing, _styledComponents.datePickerTokens.calendarDayFontLineHeight, _styledComponents.datePickerTokens.calendarDayFontWeight, _styledComponents.datePickerTokens.calendarDaySelectedFontWeight, _styledComponents.datePickerTokens.calendarCurrentItemBorderWidth, _styledComponents.datePickerTokens.calendarHeaderWrapperPadding, _styledComponents.datePickerTokens.calendarHeaderArrowGap, _styledComponents.datePickerTokens.calendarHeaderPadding, _styledComponents.datePickerTokens.calendarHeaderDateGap, _styledComponents.datePickerTokens.calendarHeaderFontFamily, _styledComponents.datePickerTokens.calendarHeaderFontSize, _styledComponents.datePickerTokens.calendarHeaderFontStyle, _styledComponents.datePickerTokens.calendarHeaderFontLetterSpacing, _styledComponents.datePickerTokens.calendarHeaderFontLineHeight, _styledComponents.datePickerTokens.calendarHeaderFontWeight, _styledComponents.datePickerTokens.calendarHeaderFontWeightBold, _styledComponents.datePickerTokens.iconButtonHeight, _styledComponents.datePickerTokens.iconButtonWidth, _styledComponents.datePickerTokens.iconButtonPadding, _styledComponents.datePickerTokens.iconButtonRadius),
+      s: /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 19.5rem;\n                ", ": 0.625rem;\n\n                ", ": 0 0.375rem;\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n\n                ", ": 0 0 0 0.75rem;\n                ", ": 0;\n\n                ", ": 0 0 0.5rem 0;\n                ", ": 0.3125rem 0 0 0;\n                ", ": 1.0625rem 0 0.3125rem 0;\n\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n\n                ", ": 2.5rem;\n                ", ": 0.625rem;\n                ", ": 0.6875rem 0.875rem 0.6875rem 0.875rem;\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n\n                ", ": 0.25rem 0 0 0;\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n\n                ", ": -0.1875rem 0.25rem -0.1875rem -0.125rem;\n                ", ": -0.1875rem -0.125rem -0.1875rem 0.75rem;\n                ", ": 0 0.25rem 0 0;\n                ", ": 0 0 0 0.25rem;\n\n                ", ": 19.5rem;\n                ", ": 0.875rem;\n\n                ", ": 0.5rem 1rem 0.875rem 1rem;\n                ", ": 0.5rem;\n                ", ": 5.5rem;\n                ", ": 3.5rem;\n\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-bold-font-weight);\n\n                ", ": 0.5rem 0.5rem 0 0.5rem;\n                ", ": 0.5rem;\n                ", ": 8.25rem;\n                ", ": 7rem;\n\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-bold-font-weight);\n\n                ", ": 0.5rem 1rem 0.875rem 1rem;\n                ", ": 0.5rem;\n                ", ": 5.5rem;\n                ", ": 3.5rem;\n\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-bold-font-weight);\n\n                ", ": 0.5rem 1rem 0.875rem 1rem;\n                ", ": 0.5rem;\n                ", ": 2.5rem;\n                ", ": 2rem;\n\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-bold-font-weight);\n\n                ", ": 0.063rem;\n\n                ", ": 0.75rem 1rem 0 1rem;\n                ", ": 0.5rem;\n\n                ", ": 0 0 0 0.5rem;\n                ", ": 0.25rem;\n\n                ", ": var(--plasma-typo-h4-font-family);\n                ", ": var(--plasma-typo-h4-font-size);\n                ", ": var(--plasma-typo-h4-font-style);\n                ", ": var(--plasma-typo-h4-letter-spacing);\n                ", ": var(--plasma-typo-h4-line-height);\n                ", ": var(--plasma-typo-h4-font-weight);\n                ", ": var(--plasma-typo-h4-bold-font-weight);\n\n                ", ": 2rem;\n                ", ": 2rem;\n                ", ": 0.75rem;\n                ", ": 0.5rem;\n            "])), _styledComponents.datePickerTokens.width, _styledComponents.datePickerTokens.borderRadius, _styledComponents.datePickerTokens.dividerPadding, _styledComponents.datePickerTokens.dividerFontFamily, _styledComponents.datePickerTokens.dividerFontStyle, _styledComponents.datePickerTokens.dividerFontSize, _styledComponents.datePickerTokens.dividerFontWeight, _styledComponents.datePickerTokens.dividerLetterSpacing, _styledComponents.datePickerTokens.dividerLineHeight, _styledComponents.datePickerTokens.leftContentMargin, _styledComponents.datePickerTokens.rightContentMargin, _styledComponents.datePickerTokens.labelOffset, _styledComponents.datePickerTokens.labelInnerPadding, _styledComponents.datePickerTokens.contentLabelInnerPadding, _styledComponents.datePickerTokens.labelFontFamily, _styledComponents.datePickerTokens.labelFontStyle, _styledComponents.datePickerTokens.labelFontSize, _styledComponents.datePickerTokens.labelFontWeight, _styledComponents.datePickerTokens.labelLetterSpacing, _styledComponents.datePickerTokens.labelLineHeight, _styledComponents.datePickerTokens.textFieldHeight, _styledComponents.datePickerTokens.textFieldBorderRadius, _styledComponents.datePickerTokens.textFieldPadding, _styledComponents.datePickerTokens.textFieldFontFamily, _styledComponents.datePickerTokens.textFieldFontStyle, _styledComponents.datePickerTokens.textFieldFontSize, _styledComponents.datePickerTokens.textFieldFontWeight, _styledComponents.datePickerTokens.textFieldLetterSpacing, _styledComponents.datePickerTokens.textFieldLineHeight, _styledComponents.datePickerTokens.leftHelperOffset, _styledComponents.datePickerTokens.leftHelperFontFamily, _styledComponents.datePickerTokens.leftHelperFontStyle, _styledComponents.datePickerTokens.leftHelperFontSize, _styledComponents.datePickerTokens.leftHelperFontWeight, _styledComponents.datePickerTokens.leftHelperLetterSpacing, _styledComponents.datePickerTokens.leftHelperLineHeight, _styledComponents.datePickerTokens.textFieldLeftContentMargin, _styledComponents.datePickerTokens.textFieldRightContentMargin, _styledComponents.datePickerTokens.textFieldTextBeforeMargin, _styledComponents.datePickerTokens.textFieldTextAfterMargin, _styledComponents.datePickerTokens.calendarWidth, _styledComponents.datePickerTokens.calendarBorderRadius, _styledComponents.datePickerTokens.calendarYearsPadding, _styledComponents.datePickerTokens.calendarYearItemBorderRadius, _styledComponents.datePickerTokens.calendarYearItemWidth, _styledComponents.datePickerTokens.calendarYearItemHeight, _styledComponents.datePickerTokens.calendarYearFontFamily, _styledComponents.datePickerTokens.calendarYearFontSize, _styledComponents.datePickerTokens.calendarYearFontStyle, _styledComponents.datePickerTokens.calendarYearFontLetterSpacing, _styledComponents.datePickerTokens.calendarYearFontLineHeight, _styledComponents.datePickerTokens.calendarYearFontWeight, _styledComponents.datePickerTokens.calendarYearSelectedFontWeight, _styledComponents.datePickerTokens.calendarQuartersPadding, _styledComponents.datePickerTokens.calendarQuarterItemBorderRadius, _styledComponents.datePickerTokens.calendarQuarterItemWidth, _styledComponents.datePickerTokens.calendarQuarterItemHeight, _styledComponents.datePickerTokens.calendarQuarterFontFamily, _styledComponents.datePickerTokens.calendarQuarterFontSize, _styledComponents.datePickerTokens.calendarQuarterFontStyle, _styledComponents.datePickerTokens.calendarQuarterFontLetterSpacing, _styledComponents.datePickerTokens.calendarQuarterFontLineHeight, _styledComponents.datePickerTokens.calendarQuarterFontWeight, _styledComponents.datePickerTokens.calendarQuarterSelectedFontWeight, _styledComponents.datePickerTokens.calendarMonthsPadding, _styledComponents.datePickerTokens.calendarMonthItemBorderRadius, _styledComponents.datePickerTokens.calendarMonthItemWidth, _styledComponents.datePickerTokens.calendarMonthItemHeight, _styledComponents.datePickerTokens.calendarMonthFontFamily, _styledComponents.datePickerTokens.calendarMonthFontSize, _styledComponents.datePickerTokens.calendarMonthFontStyle, _styledComponents.datePickerTokens.calendarMonthFontLetterSpacing, _styledComponents.datePickerTokens.calendarMonthFontLineHeight, _styledComponents.datePickerTokens.calendarMonthFontWeight, _styledComponents.datePickerTokens.calendarMonthSelectedFontWeight, _styledComponents.datePickerTokens.calendarDaysPadding, _styledComponents.datePickerTokens.calendarDayItemBorderRadius, _styledComponents.datePickerTokens.calendarDayItemWidth, _styledComponents.datePickerTokens.calendarDayItemHeight, _styledComponents.datePickerTokens.calendarDayFontFamily, _styledComponents.datePickerTokens.calendarDayFontSize, _styledComponents.datePickerTokens.calendarDayFontStyle, _styledComponents.datePickerTokens.calendarDayFontLetterSpacing, _styledComponents.datePickerTokens.calendarDayFontLineHeight, _styledComponents.datePickerTokens.calendarDayFontWeight, _styledComponents.datePickerTokens.calendarDaySelectedFontWeight, _styledComponents.datePickerTokens.calendarCurrentItemBorderWidth, _styledComponents.datePickerTokens.calendarHeaderWrapperPadding, _styledComponents.datePickerTokens.calendarHeaderArrowGap, _styledComponents.datePickerTokens.calendarHeaderPadding, _styledComponents.datePickerTokens.calendarHeaderDateGap, _styledComponents.datePickerTokens.calendarHeaderFontFamily, _styledComponents.datePickerTokens.calendarHeaderFontSize, _styledComponents.datePickerTokens.calendarHeaderFontStyle, _styledComponents.datePickerTokens.calendarHeaderFontLetterSpacing, _styledComponents.datePickerTokens.calendarHeaderFontLineHeight, _styledComponents.datePickerTokens.calendarHeaderFontWeight, _styledComponents.datePickerTokens.calendarHeaderFontWeightBold, _styledComponents.datePickerTokens.iconButtonHeight, _styledComponents.datePickerTokens.iconButtonWidth, _styledComponents.datePickerTokens.iconButtonPadding, _styledComponents.datePickerTokens.iconButtonRadius),
+      xs: /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 19rem;\n                ", ": 0.5rem;\n\n                ", ": 0 0.375rem;\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n\n                ", ": 0 0 0 0.5rem;\n                ", ": 0;\n\n                ", ": 0 0 0.375rem 0;\n                ", ": 0.3125rem 0 0 0;\n                ", ": 1.0625rem 0 0.3125rem 0;\n\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n\n                ", ": 2rem;\n                ", ": 0.5rem;\n                ", ": 0.5625rem 0.625rem 0.5625rem 0.625rem;\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n\n                ", ": 0.25rem 0 0 0;\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n\n                ", ": -0.0625rem 0.25rem -0.0625rem -0.125rem;\n                ", ": -0.0625rem -0.125rem -0.0625rem 0.75rem;\n                ", ": 0 0.25rem 0 0;\n                ", ": 0 0 0 0.25rem;\n\n                ", ": 19rem;\n                ", ": 0.5rem;\n\n                ", ": 0.5rem 0.75rem 0.625rem 0.75rem;\n                ", ": 0.375rem;\n                ", ": 5.625rem;\n                ", ": 3.281rem;\n\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n                ", ": var(--plasma-typo-body-xs-font-weight);\n                ", ": var(--plasma-typo-body-xs-bold-font-weight);\n\n                ", ": 0.375rem 0.25rem 0 0.25rem;\n                ", ": 0.375rem;\n                ", ": 8.25rem;\n                ", ": 6.563rem;\n\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n                ", ": var(--plasma-typo-body-xs-font-weight);\n                ", ": var(--plasma-typo-body-xs-bold-font-weight);\n\n                ", ": 0.5rem 0.75rem 0.625rem 0.75rem;\n                ", ": 0.375rem;\n                ", ": 5.625rem;\n                ", ": 3.281rem;\n\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n                ", ": var(--plasma-typo-body-xs-font-weight);\n                ", ": var(--plasma-typo-body-xs-bold-font-weight);\n\n                ", ": 0.375rem 0.75rem 0.625rem 0.75rem;\n                ", ": 0.375rem;\n                ", ": 2.5rem;\n                ", ": 2rem;\n\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n                ", ": var(--plasma-typo-body-xs-font-weight);\n                ", ": var(--plasma-typo-body-xs-bold-font-weight);\n\n                ", ": 0.063rem;\n\n                ", ": 0.5rem 0.75rem 0 0.75rem;\n                ", ": 0;\n\n                ", ": 0 0 0 0.5rem;\n                ", ": 0.25rem;\n\n                ", ": var(--plasma-typo-h5-font-family);\n                ", ": var(--plasma-typo-h5-font-size);\n                ", ": var(--plasma-typo-h5-font-style);\n                ", ": var(--plasma-typo-h5-letter-spacing);\n                ", ": var(--plasma-typo-h5-line-height);\n                ", ": var(--plasma-typo-h5-font-weight);\n                ", ": var(--plasma-typo-h5-bold-font-weight);\n\n                ", ": 2rem;\n                ", ": 2rem;\n                ", ": 0.75rem;\n                ", ": 0.5rem;\n            "])), _styledComponents.datePickerTokens.width, _styledComponents.datePickerTokens.borderRadius, _styledComponents.datePickerTokens.dividerPadding, _styledComponents.datePickerTokens.dividerFontFamily, _styledComponents.datePickerTokens.dividerFontStyle, _styledComponents.datePickerTokens.dividerFontSize, _styledComponents.datePickerTokens.dividerFontWeight, _styledComponents.datePickerTokens.dividerLetterSpacing, _styledComponents.datePickerTokens.dividerLineHeight, _styledComponents.datePickerTokens.leftContentMargin, _styledComponents.datePickerTokens.rightContentMargin, _styledComponents.datePickerTokens.labelOffset, _styledComponents.datePickerTokens.labelInnerPadding, _styledComponents.datePickerTokens.contentLabelInnerPadding, _styledComponents.datePickerTokens.labelFontFamily, _styledComponents.datePickerTokens.labelFontStyle, _styledComponents.datePickerTokens.labelFontSize, _styledComponents.datePickerTokens.labelFontWeight, _styledComponents.datePickerTokens.labelLetterSpacing, _styledComponents.datePickerTokens.labelLineHeight, _styledComponents.datePickerTokens.textFieldHeight, _styledComponents.datePickerTokens.textFieldBorderRadius, _styledComponents.datePickerTokens.textFieldPadding, _styledComponents.datePickerTokens.textFieldFontFamily, _styledComponents.datePickerTokens.textFieldFontStyle, _styledComponents.datePickerTokens.textFieldFontSize, _styledComponents.datePickerTokens.textFieldFontWeight, _styledComponents.datePickerTokens.textFieldLetterSpacing, _styledComponents.datePickerTokens.textFieldLineHeight, _styledComponents.datePickerTokens.leftHelperOffset, _styledComponents.datePickerTokens.leftHelperFontFamily, _styledComponents.datePickerTokens.leftHelperFontStyle, _styledComponents.datePickerTokens.leftHelperFontSize, _styledComponents.datePickerTokens.leftHelperFontWeight, _styledComponents.datePickerTokens.leftHelperLetterSpacing, _styledComponents.datePickerTokens.leftHelperLineHeight, _styledComponents.datePickerTokens.textFieldLeftContentMargin, _styledComponents.datePickerTokens.textFieldRightContentMargin, _styledComponents.datePickerTokens.textFieldTextBeforeMargin, _styledComponents.datePickerTokens.textFieldTextAfterMargin, _styledComponents.datePickerTokens.calendarWidth, _styledComponents.datePickerTokens.calendarBorderRadius, _styledComponents.datePickerTokens.calendarYearsPadding, _styledComponents.datePickerTokens.calendarYearItemBorderRadius, _styledComponents.datePickerTokens.calendarYearItemWidth, _styledComponents.datePickerTokens.calendarYearItemHeight, _styledComponents.datePickerTokens.calendarYearFontFamily, _styledComponents.datePickerTokens.calendarYearFontSize, _styledComponents.datePickerTokens.calendarYearFontStyle, _styledComponents.datePickerTokens.calendarYearFontLetterSpacing, _styledComponents.datePickerTokens.calendarYearFontLineHeight, _styledComponents.datePickerTokens.calendarYearFontWeight, _styledComponents.datePickerTokens.calendarYearSelectedFontWeight, _styledComponents.datePickerTokens.calendarQuartersPadding, _styledComponents.datePickerTokens.calendarQuarterItemBorderRadius, _styledComponents.datePickerTokens.calendarQuarterItemWidth, _styledComponents.datePickerTokens.calendarQuarterItemHeight, _styledComponents.datePickerTokens.calendarQuarterFontFamily, _styledComponents.datePickerTokens.calendarQuarterFontSize, _styledComponents.datePickerTokens.calendarQuarterFontStyle, _styledComponents.datePickerTokens.calendarQuarterFontLetterSpacing, _styledComponents.datePickerTokens.calendarQuarterFontLineHeight, _styledComponents.datePickerTokens.calendarQuarterFontWeight, _styledComponents.datePickerTokens.calendarQuarterSelectedFontWeight, _styledComponents.datePickerTokens.calendarMonthsPadding, _styledComponents.datePickerTokens.calendarMonthItemBorderRadius, _styledComponents.datePickerTokens.calendarMonthItemWidth, _styledComponents.datePickerTokens.calendarMonthItemHeight, _styledComponents.datePickerTokens.calendarMonthFontFamily, _styledComponents.datePickerTokens.calendarMonthFontSize, _styledComponents.datePickerTokens.calendarMonthFontStyle, _styledComponents.datePickerTokens.calendarMonthFontLetterSpacing, _styledComponents.datePickerTokens.calendarMonthFontLineHeight, _styledComponents.datePickerTokens.calendarMonthFontWeight, _styledComponents.datePickerTokens.calendarMonthSelectedFontWeight, _styledComponents.datePickerTokens.calendarDaysPadding, _styledComponents.datePickerTokens.calendarDayItemBorderRadius, _styledComponents.datePickerTokens.calendarDayItemWidth, _styledComponents.datePickerTokens.calendarDayItemHeight, _styledComponents.datePickerTokens.calendarDayFontFamily, _styledComponents.datePickerTokens.calendarDayFontSize, _styledComponents.datePickerTokens.calendarDayFontStyle, _styledComponents.datePickerTokens.calendarDayFontLetterSpacing, _styledComponents.datePickerTokens.calendarDayFontLineHeight, _styledComponents.datePickerTokens.calendarDayFontWeight, _styledComponents.datePickerTokens.calendarDaySelectedFontWeight, _styledComponents.datePickerTokens.calendarCurrentItemBorderWidth, _styledComponents.datePickerTokens.calendarHeaderWrapperPadding, _styledComponents.datePickerTokens.calendarHeaderArrowGap, _styledComponents.datePickerTokens.calendarHeaderPadding, _styledComponents.datePickerTokens.calendarHeaderDateGap, _styledComponents.datePickerTokens.calendarHeaderFontFamily, _styledComponents.datePickerTokens.calendarHeaderFontSize, _styledComponents.datePickerTokens.calendarHeaderFontStyle, _styledComponents.datePickerTokens.calendarHeaderFontLetterSpacing, _styledComponents.datePickerTokens.calendarHeaderFontLineHeight, _styledComponents.datePickerTokens.calendarHeaderFontWeight, _styledComponents.datePickerTokens.calendarHeaderFontWeightBold, _styledComponents.datePickerTokens.iconButtonHeight, _styledComponents.datePickerTokens.iconButtonWidth, _styledComponents.datePickerTokens.iconButtonPadding, _styledComponents.datePickerTokens.iconButtonRadius)
     },
     disabled: {
       "true": /*#__PURE__*/(0, _styledComponents.css)(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.4;\n            "])), _styledComponents.datePickerTokens.disabledOpacity)

package/components/Dropdown/Dropdown.config.js CHANGED Viewed

@@ -20,7 +20,7 @@ var config = exports.config = {
       xs: /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.125rem;\n                ", ": 10rem;\n                ", ": 0.5rem;\n\n                ", ": 1rem;\n                ", ": 0.5rem;\n                ", ": 0.25rem 0.5rem;\n                ", ": 0.375rem;\n\n                ", ": 0.25rem;\n                ", ": 0.5rem;\n                ", ": 0.25rem;\n                ", ": 0.5rem;\n                ", ": 0.125rem;\n                ", ": 0.125rem;\n\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n\n                ", ": 0rem;\n                ", ": 0rem;\n                ", ": 0rem;\n                ", ": 0rem;\n                ", ": 0.125rem;\n                ", ": 0.25rem;\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n            "])), _styledComponents.dropdownTokens.padding, _styledComponents.dropdownTokens.width, _styledComponents.dropdownTokens.borderRadius, _styledComponents.dropdownTokens.itemHeight, _styledComponents.dropdownTokens.itemPadding, _styledComponents.dropdownTokens.itemPaddingTight, _styledComponents.dropdownTokens.itemBorderRadius, _styledComponents.dropdownTokens.dividerMarginTop, _styledComponents.dropdownTokens.dividerMarginRight, _styledComponents.dropdownTokens.dividerMarginBottom, _styledComponents.dropdownTokens.dividerMarginLeft, _styledComponents.dropdownTokens.dividerMarginTopTight, _styledComponents.dropdownTokens.dividerMarginBottomTight, _styledComponents.dropdownTokens.itemFontFamily, _styledComponents.dropdownTokens.itemFontSize, _styledComponents.dropdownTokens.itemFontStyle, _styledComponents.dropdownTokens.itemFontWeightBold, _styledComponents.dropdownTokens.itemFontLetterSpacing, _styledComponents.dropdownTokens.itemFontLineHeight, _styledComponents.dropdownTokens.cellPadding, _styledComponents.dropdownTokens.cellPaddingLeftContent, _styledComponents.dropdownTokens.cellPaddingContent, _styledComponents.dropdownTokens.cellPaddingRightContent, _styledComponents.dropdownTokens.cellTextboxGap, _styledComponents.dropdownTokens.cellGap, _styledComponents.dropdownTokens.cellTitleFontFamily, _styledComponents.dropdownTokens.cellTitleFontSize, _styledComponents.dropdownTokens.cellTitleFontStyle, _styledComponents.dropdownTokens.cellTitleFontWeight, _styledComponents.dropdownTokens.cellTitleLetterSpacing, _styledComponents.dropdownTokens.cellTitleLineHeight)
     },
     view: {
-      "default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--surface-transparent-tertiary);\n            "])), _styledComponents.dropdownTokens.dividerColor)
+      "default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--surface-transparent-tertiary);\n            "])), _styledComponents.dropdownTokens.itemBackgroundHover, _styledComponents.dropdownTokens.dividerColor)
     }
   }
 };

package/components/Notification/Notification.config.d.ts CHANGED Viewed

@@ -1,6 +1,7 @@
 export declare const config: {
     defaults: {
         view: string;
+        closeIconType: string;
     };
     variations: {
         view: {
@@ -10,6 +11,9 @@ export declare const config: {
             horizontal: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
             vertical: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
         };
+        closeIconType: {
+            default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        };
         size: {
             xs: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
             xxs: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;

package/components/Notification/Notification.config.js CHANGED Viewed

@@ -5,11 +5,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.config = void 0;
 var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 var config = exports.config = {
   defaults: {
-    view: 'default'
+    view: 'default',
+    closeIconType: 'default'
   },
   variations: {
     view: {
@@ -19,9 +20,12 @@ var config = exports.config = {
       horizontal: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 25rem;\n                ", ": 1rem 0.5rem 1rem 0.875rem;\n            "])), _styledComponents.notificationTokens.width, _styledComponents.notificationTokens.horizontalLayoutPadding),
       vertical: /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 15rem;\n                ", ": 0.375rem;\n            "])), _styledComponents.notificationTokens.width, _styledComponents.notificationTokens.padding)
     },
+    closeIconType: {
+      "default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 1.5rem;\n                ", ": 1.5rem;\n            "])), _styledComponents.notificationTokens.closeIconButtonSize, _styledComponents.notificationTokens.closeIconSize)
+    },
     size: {
-      xs: /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.5rem;\n                ", ": 0.5rem;\n\n                ", ": 0.375rem;\n                ", ": 0rem;\n\n                ", ": 0.125rem;\n                ", ": 0.25rem;\n                ", ": 0rem;\n                ", ": 0.25rem;\n\n                ", ": 0rem;\n            "])), _styledComponents.notificationTokens.closeIconTop, _styledComponents.notificationTokens.closeIconRight, _styledComponents.notificationTokens.padding, _styledComponents.notificationTokens.textboxPaddingTopWithTopIcon, _styledComponents.notificationTokens.contentPaddingTop, _styledComponents.notificationTokens.contentPaddingRight, _styledComponents.notificationTokens.contentPaddingBottom, _styledComponents.notificationTokens.contentPaddingLeft, _styledComponents.notificationTokens.buttonsMarginLeft),
-      xxs: /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.8125rem;\n                ", ": 1rem;\n\n                ", ": 0.5625rem 1rem 1rem 1rem;\n                ", ": 0.1875rem;\n\n                ", ": 0.25rem;\n                ", ": 0rem;\n                ", ": 0rem;\n                ", ": 0rem;\n\n                ", ": 2rem;\n            "])), _styledComponents.notificationTokens.closeIconTop, _styledComponents.notificationTokens.closeIconRight, _styledComponents.notificationTokens.padding, _styledComponents.notificationTokens.textboxPaddingTopWithTopIcon, _styledComponents.notificationTokens.contentPaddingTop, _styledComponents.notificationTokens.contentPaddingRight, _styledComponents.notificationTokens.contentPaddingBottom, _styledComponents.notificationTokens.contentPaddingLeft, _styledComponents.notificationTokens.buttonsMarginLeft)
+      xs: /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.5rem;\n                ", ": 0.5rem;\n\n                ", ": 0.375rem;\n                ", ": 0rem;\n\n                ", ": 0.125rem;\n                ", ": 0.25rem;\n                ", ": 0rem;\n                ", ": 0.25rem;\n\n                ", ": 0rem;\n            "])), _styledComponents.notificationTokens.closeIconTop, _styledComponents.notificationTokens.closeIconRight, _styledComponents.notificationTokens.padding, _styledComponents.notificationTokens.textboxPaddingTopWithTopIcon, _styledComponents.notificationTokens.contentPaddingTop, _styledComponents.notificationTokens.contentPaddingRight, _styledComponents.notificationTokens.contentPaddingBottom, _styledComponents.notificationTokens.contentPaddingLeft, _styledComponents.notificationTokens.buttonsMarginLeft),
+      xxs: /*#__PURE__*/(0, _styledComponents.css)(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.8125rem;\n                ", ": 1rem;\n\n                ", ": 0.5625rem 1rem 1rem 1rem;\n                ", ": 0.1875rem;\n\n                ", ": 0.25rem;\n                ", ": 0rem;\n                ", ": 0rem;\n                ", ": 0rem;\n\n                ", ": 2rem;\n            "])), _styledComponents.notificationTokens.closeIconTop, _styledComponents.notificationTokens.closeIconRight, _styledComponents.notificationTokens.padding, _styledComponents.notificationTokens.textboxPaddingTopWithTopIcon, _styledComponents.notificationTokens.contentPaddingTop, _styledComponents.notificationTokens.contentPaddingRight, _styledComponents.notificationTokens.contentPaddingBottom, _styledComponents.notificationTokens.contentPaddingLeft, _styledComponents.notificationTokens.buttonsMarginLeft)
     }
   }
 };

package/components/Toast/Toast.config.d.ts CHANGED Viewed

@@ -2,6 +2,7 @@ export declare const config: {
     defaults: {
         view: string;
         size: string;
+        closeIconType: string;
     };
     variations: {
         view: {
@@ -12,6 +13,9 @@ export declare const config: {
         size: {
             m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
         };
+        closeIconType: {
+            default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        };
         pilled: {
             true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
         };

package/components/Toast/Toast.config.js CHANGED Viewed

@@ -5,12 +5,13 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.config = void 0;
 var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 var config = exports.config = {
   defaults: {
     view: 'default',
-    size: 'm'
+    size: 'm',
+    closeIconType: 'default'
   },
   variations: {
     view: {
@@ -19,10 +20,13 @@ var config = exports.config = {
       light: /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--on-light-text-primary);\n                ", ": var(--on-light-surface-solid-primary-brightness);\n\n                ", ": var(--on-light-text-secondary);\n                ", ": var(--on-light-text-secondary);\n            "])), _styledComponents.toastTokens.color, _styledComponents.toastTokens.background, _styledComponents.toastTokens.closeIconColor, _styledComponents.toastTokens.closeIconColorOnHover)
     },
     size: {
-      m: /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.75rem;\n                ", ": calc(100vw - 5rem);\n                ", ": 0.5625rem 0.75rem;\n\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n\n                ", ": -0.0625rem 0.375rem -0.0625rem -0.125rem;\n                ", ": -0.0625rem -0.25rem -0.0625rem 0.5rem;\n            "])), _styledComponents.toastTokens.borderRadius, _styledComponents.toastTokens.maxWidth, _styledComponents.toastTokens.padding, _styledComponents.toastTokens.fontFamily, _styledComponents.toastTokens.fontSize, _styledComponents.toastTokens.fontStyle, _styledComponents.toastTokens.fontWeight, _styledComponents.toastTokens.letterSpacing, _styledComponents.toastTokens.lineHeight, _styledComponents.toastTokens.leftContentMargin, _styledComponents.toastTokens.closeIconMargin)
+      m: /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.75rem;\n                ", ": calc(100vw - 5rem);\n                ", ": 0.5625rem 0.75rem;\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n\n                ", ": -0.0625rem 0.375rem -0.0625rem -0.125rem;\n                ", ": -0.0625rem -0.25rem -0.0625rem 0.5rem;\n            "])), _styledComponents.toastTokens.borderRadius, _styledComponents.toastTokens.maxWidth, _styledComponents.toastTokens.padding, _styledComponents.toastTokens.fontFamily, _styledComponents.toastTokens.fontSize, _styledComponents.toastTokens.fontStyle, _styledComponents.toastTokens.fontWeight, _styledComponents.toastTokens.letterSpacing, _styledComponents.toastTokens.lineHeight, _styledComponents.toastTokens.leftContentMargin, _styledComponents.toastTokens.closeIconMargin)
+    },
+    closeIconType: {
+      "default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 1rem;\n                ", ": 1.5rem;\n            "])), _styledComponents.toastTokens.closeIconButtonSize, _styledComponents.toastTokens.closeIconSize)
     },
     pilled: {
-      "true": /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 1.5rem;\n\n                ", ": -0.0625rem 0.375rem -0.0625rem -0.25rem;\n                ", ": -0.0625rem -0.25rem -0.0625rem 0.375rem;\n            "])), _styledComponents.toastTokens.pilledBorderRadius, _styledComponents.toastTokens.leftContentMargin, _styledComponents.toastTokens.closeIconMargin)
+      "true": /*#__PURE__*/(0, _styledComponents.css)(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 1.5rem;\n\n                ", ": -0.0625rem 0.375rem -0.0625rem -0.25rem;\n                ", ": -0.0625rem -0.25rem -0.0625rem 0.375rem;\n            "])), _styledComponents.toastTokens.pilledBorderRadius, _styledComponents.toastTokens.leftContentMargin, _styledComponents.toastTokens.closeIconMargin)
     }
   }
 };

package/components/Toast/Toast.d.ts CHANGED Viewed

@@ -9,6 +9,9 @@ export declare const Toast: import("react").FunctionComponent<import("@salutejs/
     size: {
         m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
     };
+    closeIconType: {
+        default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+    };
     pilled: {
         true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
     };

package/es/components/Autocomplete/Autocomplete.config.js CHANGED Viewed

@@ -9,10 +9,10 @@ export var config = {
   },
   variations: {
     view: {
-      "default": /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-primary);\n                ", ": var(--surface-transparent-primary);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--text-accent);\n                ", ": var(--text-secondary);\n                ", ": var(--text-tertiary);\n                ", ": var(--text-tertiary);\n                ", ": var(--text-tertiary);\n                ", ": var(--text-primary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-accent);\n\n                ", ": var(--surface-solid-card);\n                ", ": 0px 4px 14px -4px rgba(8, 8, 8, 0.08), 0px 1px 4px -1px rgba(0, 0, 0, 0.04);\n                ", ": var(--plasma-colors-transparent);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--text-primary);\n                ", ": var(--surface-accent);\n\n                ", ": var(--text-primary);\n            "])), tokens.textFieldColor, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldCaretColor, tokens.textFieldPlaceholderColor, tokens.textFieldPlaceholderColorFocus, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.textFieldLabelColor, tokens.textFieldLeftHelperColor, tokens.textFieldFocusColor, tokens.background, tokens.boxShadow, tokens.itemBackground, tokens.itemBackgroundHover, tokens.itemColor, tokens.focusColor, tokens.infiniteLoaderSpinnerColor),
-      positive: /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--plasma-colors-primary);\n                ", ": var(--surface-transparent-positive);\n                ", ": var(--surface-transparent-positive-active);\n                ", ": var(--text-accent);\n                ", ": var(--text-secondary);\n                ", ": var(--text-tertiary);\n                ", ": var(--text-tertiary);\n                ", ": var(--text-tertiary);\n                ", ": var(--text-primary);\n                ", ": var(--text-positive);\n                ", ": var(--text-accent);\n\n                ", ": var(--surface-solid-card);\n                ", ": 0px 4px 14px -4px rgba(8, 8, 8, 0.08), 0px 1px 4px -1px rgba(0, 0, 0, 0.04);\n                ", ": var(--plasma-colors-transparent);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--text-primary);\n                ", ": var(--surface-accent);\n\n                ", ": var(--text-primary);\n            "])), tokens.textFieldColor, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldCaretColor, tokens.textFieldPlaceholderColor, tokens.textFieldPlaceholderColorFocus, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.textFieldLabelColor, tokens.textFieldLeftHelperColor, tokens.textFieldFocusColor, tokens.background, tokens.boxShadow, tokens.itemBackground, tokens.itemBackgroundHover, tokens.itemColor, tokens.focusColor, tokens.infiniteLoaderSpinnerColor),
-      warning: /*#__PURE__*/css(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--plasma-colors-primary);\n                ", ": var(--surface-transparent-warning);\n                ", ": var(--surface-transparent-warning-active);\n                ", ": var(--text-accent);\n                ", ": var(--text-secondary);\n                ", ": var(--text-tertiary);\n                ", ": var(--text-tertiary);\n                ", ": var(--text-tertiary);\n                ", ": var(--text-primary);\n                ", ": var(--text-warning);\n                ", ": var(--text-accent);\n\n                ", ": var(--surface-solid-card);\n                ", ": 0px 4px 14px -4px rgba(8, 8, 8, 0.08), 0px 1px 4px -1px rgba(0, 0, 0, 0.04);\n                ", ": var(--plasma-colors-transparent);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--text-primary);\n                ", ": var(--surface-accent);\n\n                ", ": var(--text-primary);\n            "])), tokens.textFieldColor, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldCaretColor, tokens.textFieldPlaceholderColor, tokens.textFieldPlaceholderColorFocus, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.textFieldLabelColor, tokens.textFieldLeftHelperColor, tokens.textFieldFocusColor, tokens.background, tokens.boxShadow, tokens.itemBackground, tokens.itemBackgroundHover, tokens.itemColor, tokens.focusColor, tokens.infiniteLoaderSpinnerColor),
-      negative: /*#__PURE__*/css(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--plasma-colors-primary);\n                ", ": var(--surface-transparent-negative);\n                ", ": var(--surface-transparent-negative-active);\n                ", ": var(--text-accent);\n                ", ": var(--text-secondary);\n                ", ": var(--text-tertiary);\n                ", ": var(--text-tertiary);\n                ", ": var(--text-tertiary);\n                ", ": var(--text-primary);\n                ", ": var(--text-negative);\n                ", ": var(--text-accent);\n\n                ", ": var(--surface-solid-card);\n                ", ": 0px 4px 14px -4px rgba(8, 8, 8, 0.08), 0px 1px 4px -1px rgba(0, 0, 0, 0.04);\n                ", ": var(--plasma-colors-transparent);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--text-primary);\n                ", ": var(--surface-accent);\n\n                ", ": var(--text-primary);\n            "])), tokens.textFieldColor, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldCaretColor, tokens.textFieldPlaceholderColor, tokens.textFieldPlaceholderColorFocus, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.textFieldLabelColor, tokens.textFieldLeftHelperColor, tokens.textFieldFocusColor, tokens.background, tokens.boxShadow, tokens.itemBackground, tokens.itemBackgroundHover, tokens.itemColor, tokens.focusColor, tokens.infiniteLoaderSpinnerColor)
+      "default": /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-primary);\n                ", ": var(--surface-transparent-primary);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--text-accent);\n                ", ": var(--text-secondary);\n                ", ": var(--text-tertiary);\n                ", ": var(--text-tertiary);\n                ", ": var(--text-tertiary);\n                ", ": var(--text-primary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-accent);\n\n                ", ": var(--surface-solid-card);\n                ", ": 0px 4px 14px -4px rgba(8, 8, 8, 0.08), 0px 1px 4px -1px rgba(0, 0, 0, 0.04);\n                ", ": var(--plasma-colors-transparent);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--text-primary);\n                ", ": var(--surface-accent);\n\n                ", ": ", ";\n                ", ": ", ";\n                ", ": var(--text-primary);\n            "])), tokens.textFieldColor, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldCaretColor, tokens.textFieldPlaceholderColor, tokens.textFieldPlaceholderColorFocus, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.textFieldLabelColor, tokens.textFieldLeftHelperColor, tokens.textFieldFocusColor, tokens.background, tokens.boxShadow, tokens.itemBackground, tokens.itemBackgroundHover, tokens.itemColor, tokens.focusColor, tokens.textFieldContentSlotColor, tokens.textFieldColor, tokens.textFieldContentSlotRightColor, tokens.textFieldColor, tokens.infiniteLoaderSpinnerColor),
+      positive: /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--plasma-colors-primary);\n                ", ": var(--surface-transparent-positive);\n                ", ": var(--surface-transparent-positive-active);\n                ", ": var(--text-accent);\n                ", ": var(--text-secondary);\n                ", ": var(--text-tertiary);\n                ", ": var(--text-tertiary);\n                ", ": var(--text-tertiary);\n                ", ": var(--text-primary);\n                ", ": var(--text-positive);\n                ", ": var(--text-accent);\n\n                ", ": var(--surface-solid-card);\n                ", ": 0px 4px 14px -4px rgba(8, 8, 8, 0.08), 0px 1px 4px -1px rgba(0, 0, 0, 0.04);\n                ", ": var(--plasma-colors-transparent);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--text-primary);\n                ", ": var(--surface-accent);\n\n                ", ": ", ";\n                ", ": ", ";\n                ", ": var(--text-primary);\n            "])), tokens.textFieldColor, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldCaretColor, tokens.textFieldPlaceholderColor, tokens.textFieldPlaceholderColorFocus, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.textFieldLabelColor, tokens.textFieldLeftHelperColor, tokens.textFieldFocusColor, tokens.background, tokens.boxShadow, tokens.itemBackground, tokens.itemBackgroundHover, tokens.itemColor, tokens.focusColor, tokens.textFieldContentSlotColor, tokens.textFieldColor, tokens.textFieldContentSlotRightColor, tokens.textFieldColor, tokens.infiniteLoaderSpinnerColor),
+      warning: /*#__PURE__*/css(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--plasma-colors-primary);\n                ", ": var(--surface-transparent-warning);\n                ", ": var(--surface-transparent-warning-active);\n                ", ": var(--text-accent);\n                ", ": var(--text-secondary);\n                ", ": var(--text-tertiary);\n                ", ": var(--text-tertiary);\n                ", ": var(--text-tertiary);\n                ", ": var(--text-primary);\n                ", ": var(--text-warning);\n                ", ": var(--text-accent);\n\n                ", ": var(--surface-solid-card);\n                ", ": 0px 4px 14px -4px rgba(8, 8, 8, 0.08), 0px 1px 4px -1px rgba(0, 0, 0, 0.04);\n                ", ": var(--plasma-colors-transparent);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--text-primary);\n                ", ": var(--surface-accent);\n\n                ", ": ", ";\n                ", ": ", ";\n                ", ": var(--text-primary);\n            "])), tokens.textFieldColor, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldCaretColor, tokens.textFieldPlaceholderColor, tokens.textFieldPlaceholderColorFocus, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.textFieldLabelColor, tokens.textFieldLeftHelperColor, tokens.textFieldFocusColor, tokens.background, tokens.boxShadow, tokens.itemBackground, tokens.itemBackgroundHover, tokens.itemColor, tokens.focusColor, tokens.textFieldContentSlotColor, tokens.textFieldColor, tokens.textFieldContentSlotRightColor, tokens.textFieldColor, tokens.infiniteLoaderSpinnerColor),
+      negative: /*#__PURE__*/css(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--plasma-colors-primary);\n                ", ": var(--surface-transparent-negative);\n                ", ": var(--surface-transparent-negative-active);\n                ", ": var(--text-accent);\n                ", ": var(--text-secondary);\n                ", ": var(--text-tertiary);\n                ", ": var(--text-tertiary);\n                ", ": var(--text-tertiary);\n                ", ": var(--text-primary);\n                ", ": var(--text-negative);\n                ", ": var(--text-accent);\n\n                ", ": var(--surface-solid-card);\n                ", ": 0px 4px 14px -4px rgba(8, 8, 8, 0.08), 0px 1px 4px -1px rgba(0, 0, 0, 0.04);\n                ", ": var(--plasma-colors-transparent);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--text-primary);\n                ", ": var(--surface-accent);\n\n                ", ": ", ";\n                ", ": ", ";\n                ", ": var(--text-primary);\n            "])), tokens.textFieldColor, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldCaretColor, tokens.textFieldPlaceholderColor, tokens.textFieldPlaceholderColorFocus, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.textFieldLabelColor, tokens.textFieldLeftHelperColor, tokens.textFieldFocusColor, tokens.background, tokens.boxShadow, tokens.itemBackground, tokens.itemBackgroundHover, tokens.itemColor, tokens.focusColor, tokens.textFieldContentSlotColor, tokens.textFieldColor, tokens.textFieldContentSlotRightColor, tokens.textFieldColor, tokens.infiniteLoaderSpinnerColor)
     },
     size: {
       l: /*#__PURE__*/css(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 3.5rem;\n                ", ": 1.0625rem 1.125rem 1.0625rem 1.125rem;\n                ", ": 0.875rem;\n                ", ": -0.0625rem 0.5rem -0.0625rem -0.125rem;\n                ", ": -0.0625rem -0.125rem -0.0625rem 0.75rem;\n                ", ": 0 0.25rem 0 0;\n                ", ": 0 0 0 0.25rem;\n                ", ": var(--plasma-typo-body-l-font-family);\n                ", ": var(--plasma-typo-body-l-font-size);\n                ", ": var(--plasma-typo-body-l-font-style);\n                ", ": var(--plasma-typo-body-l-font-weight);\n                ", ": var(--plasma-typo-body-l-letter-spacing);\n                ", ": var(--plasma-typo-body-l-line-height);\n                ", ": 0.75rem;\n                ", ": var(--plasma-typo-body-l-font-family);\n                ", ": var(--plasma-typo-body-l-font-size);\n                ", ": var(--plasma-typo-body-l-font-style);\n                ", ": var(--plasma-typo-body-l-font-weight);\n                ", ": var(--plasma-typo-body-l-letter-spacing);\n                ", ": var(--plasma-typo-body-l-line-height);\n                ", ": 0.25rem;\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n                ", ": 0.5625rem 0 0.125rem 0;\n                ", ": 1.5625rem 0 0.5625rem 0;\n\n                ", ": 0.875rem;\n                ", ": 0.125rem;\n                ", ": 1.0625rem 1rem;\n                ", ": 0.75rem;\n\n                ", ": var(--plasma-typo-body-l-font-family);\n                ", ": var(--plasma-typo-body-l-font-size);\n                ", ": var(--plasma-typo-body-l-font-style);\n                ", ": var(--plasma-typo-body-l-font-weight);\n                ", ": var(--plasma-typo-body-l-letter-spacing);\n                ", ": var(--plasma-typo-body-l-line-height);\n\n                ", ": 2rem 1rem 1rem 1rem;\n                ", ": 0.5rem;\n\n                ", ": 1.5rem;\n                ", ": 0.5rem;\n            "])), tokens.textFieldHeight, tokens.textFieldPadding, tokens.textFieldBorderRadius, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.textFieldFontFamily, tokens.textFieldFontSize, tokens.textFieldFontStyle, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLabelOffset, tokens.textFieldLabelFontFamily, tokens.textFieldLabelFontSize, tokens.textFieldLabelFontStyle, tokens.textFieldLabelFontWeight, tokens.textFieldLabelLetterSpacing, tokens.textFieldLabelLineHeight, tokens.textFieldLeftHelperOffset, tokens.textFieldLeftHelperFontFamily, tokens.textFieldLeftHelperFontSize, tokens.textFieldLeftHelperFontStyle, tokens.textFieldLeftHelperFontWeight, tokens.textFieldLeftHelperLetterSpacing, tokens.textFieldLeftHelperLineHeight, tokens.textFieldLabelInnerPadding, tokens.textFieldContentLabelInnerPadding, tokens.borderRadius, tokens.padding, tokens.itemPadding, tokens.itemBorderRadius, tokens.itemFontFamily, tokens.itemFontSize, tokens.itemFontStyle, tokens.itemFontWeight, tokens.itemFontLetterSpacing, tokens.itemFontLineHeight, tokens.emptyStatePadding, tokens.emptyStateGap, tokens.infiniteLoaderSpinnerSize, tokens.infiniteLoaderGap),