npm - @salutejs/sdds-dfa - Versions diffs - 0.256.1-canary.1785.13402487738.0 → 0.257.0-canary.1748.13402355393.0 - Mend

@salutejs/sdds-dfa 0.256.1-canary.1785.13402487738.0 → 0.257.0-canary.1748.13402355393.0

Files changed (11) hide show

package/components/Calendar/CalendarBase.config.js CHANGED Viewed

@@ -14,7 +14,7 @@ var config = exports.config = {
   },
   variations: {
     view: {
-      "default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\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(--surface-solid-default);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary);\n                ", ": ", ";\n                ", ": var(--text-secondary);\n                ", ": 0.4;\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.calendarBaseTokens.calendarSelectedItemBackground, _styledComponents.calendarBaseTokens.calendarSelectedItemColor, _styledComponents.calendarBaseTokens.calendarSelectableItemBackgroundHover, _styledComponents.calendarBaseTokens.calendarCurrentItemBorderColor, _styledComponents.calendarBaseTokens.calendarCurrentItemBackgroundHover, _styledComponents.calendarBaseTokens.calendarCurrentItemColorHover, _styledComponents.calendarBaseTokens.calendarCurrentItemChildBackgroundHover, _styledComponents.calendarBaseTokens.calendarActiveItemBackground, _styledComponents.calendarBaseTokens.calendarActiveItemColor, _styledComponents.calendarBaseTokens.calendarHoveredItemBackground, _styledComponents.calendarBaseTokens.calendarHoveredItemColor, _styledComponents.calendarBaseTokens.calendarRangeBackground, _styledComponents.calendarBaseTokens.calendarOutlineFocusColor, _styledComponents.calendarBaseTokens.calendarContentPrimaryColor, _styledComponents.calendarBaseTokens.calendarContentPrimaryDisabledColor, _styledComponents.calendarBaseTokens.calendarContentSecondaryColor, _styledComponents.calendarBaseTokens.calendarContentSecondaryDisabledColor, _styledComponents.calendarBaseTokens.calendarHeaderArrowColor, _styledComponents.calendarBaseTokens.calendarContentPrimaryColor, _styledComponents.calendarBaseTokens.calendarDayOfWeekColor, _styledComponents.calendarBaseTokens.calendarDisabledOpacity, _styledComponents.calendarBaseTokens.iconButtonColor, _styledComponents.calendarBaseTokens.iconButtonBackgroundColor, _styledComponents.calendarBaseTokens.iconButtonColorHover, _styledComponents.calendarBaseTokens.iconButtonBackgroundColorHover, _styledComponents.calendarBaseTokens.iconButtonColorActive, _styledComponents.calendarBaseTokens.iconButtonBackgroundColorActive, _styledComponents.calendarBaseTokens.iconButtonFocusColor)
+      "default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\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-secondary);\n                ", ": 0.4;\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.calendarBaseTokens.calendarSelectedItemBackground, _styledComponents.calendarBaseTokens.calendarSelectedItemColor, _styledComponents.calendarBaseTokens.calendarSelectableItemBackgroundHover, _styledComponents.calendarBaseTokens.calendarCurrentItemBorderColor, _styledComponents.calendarBaseTokens.calendarCurrentItemBackgroundHover, _styledComponents.calendarBaseTokens.calendarCurrentItemColorHover, _styledComponents.calendarBaseTokens.calendarCurrentItemChildBackgroundHover, _styledComponents.calendarBaseTokens.calendarActiveItemBackground, _styledComponents.calendarBaseTokens.calendarActiveItemColor, _styledComponents.calendarBaseTokens.calendarHoveredItemBackground, _styledComponents.calendarBaseTokens.calendarHoveredItemColor, _styledComponents.calendarBaseTokens.calendarRangeBackground, _styledComponents.calendarBaseTokens.calendarOutlineFocusColor, _styledComponents.calendarBaseTokens.calendarContentPrimaryColor, _styledComponents.calendarBaseTokens.calendarContentSecondaryColor, _styledComponents.calendarBaseTokens.calendarHeaderArrowColor, _styledComponents.calendarBaseTokens.calendarContentPrimaryColor, _styledComponents.calendarBaseTokens.calendarDayOfWeekColor, _styledComponents.calendarBaseTokens.calendarDisabledOpacity, _styledComponents.calendarBaseTokens.iconButtonColor, _styledComponents.calendarBaseTokens.iconButtonBackgroundColor, _styledComponents.calendarBaseTokens.iconButtonColorHover, _styledComponents.calendarBaseTokens.iconButtonBackgroundColorHover, _styledComponents.calendarBaseTokens.iconButtonColorActive, _styledComponents.calendarBaseTokens.iconButtonBackgroundColorActive, _styledComponents.calendarBaseTokens.iconButtonFocusColor)
     },
     size: {
       l: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 24.5rem;\n                ", ": 25rem;\n\n                ", ": 0.5rem 0.5rem 0 0.5rem;\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 0.5rem 0 0.5rem;\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 0 0;\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.5rem;\n\n                ", ": 0 0 0 1rem;\n                ", ": 0.5rem;\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                ", ": 3.5rem;\n                ", ": 3.5rem;\n                ", ": 1.5rem;\n                ", ": 0.875rem;\n            "])), _styledComponents.calendarBaseTokens.calendarWidth, _styledComponents.calendarBaseTokens.calendarHeight, _styledComponents.calendarBaseTokens.calendarYearsPadding, _styledComponents.calendarBaseTokens.calendarYearItemBorderRadius, _styledComponents.calendarBaseTokens.calendarYearItemWidth, _styledComponents.calendarBaseTokens.calendarYearItemHeight, _styledComponents.calendarBaseTokens.calendarYearFontFamily, _styledComponents.calendarBaseTokens.calendarYearFontSize, _styledComponents.calendarBaseTokens.calendarYearFontStyle, _styledComponents.calendarBaseTokens.calendarYearFontLetterSpacing, _styledComponents.calendarBaseTokens.calendarYearFontLineHeight, _styledComponents.calendarBaseTokens.calendarYearFontWeight, _styledComponents.calendarBaseTokens.calendarYearSelectedFontWeight, _styledComponents.calendarBaseTokens.calendarQuartersPadding, _styledComponents.calendarBaseTokens.calendarQuarterItemBorderRadius, _styledComponents.calendarBaseTokens.calendarQuarterItemWidth, _styledComponents.calendarBaseTokens.calendarQuarterItemHeight, _styledComponents.calendarBaseTokens.calendarQuarterFontFamily, _styledComponents.calendarBaseTokens.calendarQuarterFontSize, _styledComponents.calendarBaseTokens.calendarQuarterFontStyle, _styledComponents.calendarBaseTokens.calendarQuarterFontLetterSpacing, _styledComponents.calendarBaseTokens.calendarQuarterFontLineHeight, _styledComponents.calendarBaseTokens.calendarQuarterFontWeight, _styledComponents.calendarBaseTokens.calendarQuarterSelectedFontWeight, _styledComponents.calendarBaseTokens.calendarMonthsPadding, _styledComponents.calendarBaseTokens.calendarMonthItemBorderRadius, _styledComponents.calendarBaseTokens.calendarMonthItemWidth, _styledComponents.calendarBaseTokens.calendarMonthItemHeight, _styledComponents.calendarBaseTokens.calendarMonthFontFamily, _styledComponents.calendarBaseTokens.calendarMonthFontSize, _styledComponents.calendarBaseTokens.calendarMonthFontStyle, _styledComponents.calendarBaseTokens.calendarMonthFontLetterSpacing, _styledComponents.calendarBaseTokens.calendarMonthFontLineHeight, _styledComponents.calendarBaseTokens.calendarMonthFontWeight, _styledComponents.calendarBaseTokens.calendarMonthSelectedFontWeight, _styledComponents.calendarBaseTokens.calendarDaysPadding, _styledComponents.calendarBaseTokens.calendarDayItemBorderRadius, _styledComponents.calendarBaseTokens.calendarDayItemWidth, _styledComponents.calendarBaseTokens.calendarDayItemHeight, _styledComponents.calendarBaseTokens.calendarDayFontFamily, _styledComponents.calendarBaseTokens.calendarDayFontSize, _styledComponents.calendarBaseTokens.calendarDayFontStyle, _styledComponents.calendarBaseTokens.calendarDayFontLetterSpacing, _styledComponents.calendarBaseTokens.calendarDayFontLineHeight, _styledComponents.calendarBaseTokens.calendarDayFontWeight, _styledComponents.calendarBaseTokens.calendarDaySelectedFontWeight, _styledComponents.calendarBaseTokens.calendarCurrentItemBorderWidth, _styledComponents.calendarBaseTokens.calendarHeaderArrowGap, _styledComponents.calendarBaseTokens.calendarHeaderPadding, _styledComponents.calendarBaseTokens.calendarHeaderDateGap, _styledComponents.calendarBaseTokens.calendarHeaderFontFamily, _styledComponents.calendarBaseTokens.calendarHeaderFontSize, _styledComponents.calendarBaseTokens.calendarHeaderFontStyle, _styledComponents.calendarBaseTokens.calendarHeaderFontLetterSpacing, _styledComponents.calendarBaseTokens.calendarHeaderFontLineHeight, _styledComponents.calendarBaseTokens.calendarHeaderFontWeight, _styledComponents.calendarBaseTokens.calendarHeaderFontWeightBold, _styledComponents.calendarBaseTokens.iconButtonHeight, _styledComponents.calendarBaseTokens.iconButtonWidth, _styledComponents.calendarBaseTokens.iconButtonPadding, _styledComponents.calendarBaseTokens.iconButtonRadius),

package/components/Calendar/CalendarDouble.config.js CHANGED Viewed

@@ -14,7 +14,7 @@ var config = exports.config = {
   },
   variations: {
     view: {
-      "default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--surface-transparent-secondary);\n                ", ": transparent;\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(--surface-solid-default);\n                ", ": ", ";\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary);\n                ", ": 0.4;\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.calendarDoubleTokens.calendarSeparatorBackground, _styledComponents.calendarDoubleTokens.calendarBackgroundColor, _styledComponents.calendarDoubleTokens.calendarSelectedItemBackground, _styledComponents.calendarDoubleTokens.calendarSelectedItemColor, _styledComponents.calendarDoubleTokens.calendarSelectableItemBackgroundHover, _styledComponents.calendarDoubleTokens.calendarCurrentItemBorderColor, _styledComponents.calendarDoubleTokens.calendarCurrentItemBackgroundHover, _styledComponents.calendarDoubleTokens.calendarCurrentItemColorHover, _styledComponents.calendarDoubleTokens.calendarCurrentItemChildBackgroundHover, _styledComponents.calendarDoubleTokens.calendarActiveItemBackground, _styledComponents.calendarDoubleTokens.calendarActiveItemColor, _styledComponents.calendarDoubleTokens.calendarHoveredItemBackground, _styledComponents.calendarDoubleTokens.calendarHoveredItemColor, _styledComponents.calendarDoubleTokens.calendarRangeBackground, _styledComponents.calendarDoubleTokens.calendarOutlineFocusColor, _styledComponents.calendarDoubleTokens.calendarContentPrimaryColor, _styledComponents.calendarDoubleTokens.calendarContentPrimaryDisabledColor, _styledComponents.calendarDoubleTokens.calendarHeaderArrowColor, _styledComponents.calendarDoubleTokens.calendarContentPrimaryColor, _styledComponents.calendarDoubleTokens.calendarContentSecondaryColor, _styledComponents.calendarDoubleTokens.calendarContentSecondaryDisabledColor, _styledComponents.calendarDoubleTokens.calendarDisabledOpacity, _styledComponents.calendarDoubleTokens.iconButtonColor, _styledComponents.calendarDoubleTokens.iconButtonBackgroundColor, _styledComponents.calendarDoubleTokens.iconButtonColorHover, _styledComponents.calendarDoubleTokens.iconButtonBackgroundColorHover, _styledComponents.calendarDoubleTokens.iconButtonColorActive, _styledComponents.calendarDoubleTokens.iconButtonBackgroundColorActive, _styledComponents.calendarDoubleTokens.iconButtonFocusColor)
+      "default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--surface-transparent-secondary);\n                ", ": transparent;\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                ", ": 0.4;\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.calendarDoubleTokens.calendarSeparatorBackground, _styledComponents.calendarDoubleTokens.calendarBackgroundColor, _styledComponents.calendarDoubleTokens.calendarSelectedItemBackground, _styledComponents.calendarDoubleTokens.calendarSelectedItemColor, _styledComponents.calendarDoubleTokens.calendarSelectableItemBackgroundHover, _styledComponents.calendarDoubleTokens.calendarCurrentItemBorderColor, _styledComponents.calendarDoubleTokens.calendarCurrentItemBackgroundHover, _styledComponents.calendarDoubleTokens.calendarCurrentItemColorHover, _styledComponents.calendarDoubleTokens.calendarCurrentItemChildBackgroundHover, _styledComponents.calendarDoubleTokens.calendarActiveItemBackground, _styledComponents.calendarDoubleTokens.calendarActiveItemColor, _styledComponents.calendarDoubleTokens.calendarHoveredItemBackground, _styledComponents.calendarDoubleTokens.calendarHoveredItemColor, _styledComponents.calendarDoubleTokens.calendarRangeBackground, _styledComponents.calendarDoubleTokens.calendarOutlineFocusColor, _styledComponents.calendarDoubleTokens.calendarContentPrimaryColor, _styledComponents.calendarDoubleTokens.calendarHeaderArrowColor, _styledComponents.calendarDoubleTokens.calendarContentPrimaryColor, _styledComponents.calendarDoubleTokens.calendarContentSecondaryColor, _styledComponents.calendarDoubleTokens.calendarDisabledOpacity, _styledComponents.calendarDoubleTokens.iconButtonColor, _styledComponents.calendarDoubleTokens.iconButtonBackgroundColor, _styledComponents.calendarDoubleTokens.iconButtonColorHover, _styledComponents.calendarDoubleTokens.iconButtonBackgroundColorHover, _styledComponents.calendarDoubleTokens.iconButtonColorActive, _styledComponents.calendarDoubleTokens.iconButtonBackgroundColorActive, _styledComponents.calendarDoubleTokens.iconButtonFocusColor)
     },
     size: {
       l: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 51.063rem;\n                ", ": 25rem;\n\n                ", ": 0.5rem 0.5rem 0 0.5rem;\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 0.5rem 0 0.5rem;\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.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.5rem;\n\n                ", ": 0.5rem 0 0 0;\n                ", ": 0 0 0 1rem;\n                ", ": 0.5rem;\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                ", ": 3.5rem;\n                ", ": 3.5rem;\n                ", ": 1.5rem;\n                ", ": 0.875rem;\n            "])), _styledComponents.calendarDoubleTokens.calendarWidth, _styledComponents.calendarDoubleTokens.calendarHeight, _styledComponents.calendarDoubleTokens.calendarYearsPadding, _styledComponents.calendarDoubleTokens.calendarYearItemBorderRadius, _styledComponents.calendarDoubleTokens.calendarYearItemWidth, _styledComponents.calendarDoubleTokens.calendarYearItemHeight, _styledComponents.calendarDoubleTokens.calendarYearFontFamily, _styledComponents.calendarDoubleTokens.calendarYearFontSize, _styledComponents.calendarDoubleTokens.calendarYearFontStyle, _styledComponents.calendarDoubleTokens.calendarYearFontLetterSpacing, _styledComponents.calendarDoubleTokens.calendarYearFontLineHeight, _styledComponents.calendarDoubleTokens.calendarYearFontWeight, _styledComponents.calendarDoubleTokens.calendarYearSelectedFontWeight, _styledComponents.calendarDoubleTokens.calendarQuartersPadding, _styledComponents.calendarDoubleTokens.calendarQuarterItemBorderRadius, _styledComponents.calendarDoubleTokens.calendarQuarterItemWidth, _styledComponents.calendarDoubleTokens.calendarQuarterItemHeight, _styledComponents.calendarDoubleTokens.calendarQuarterFontFamily, _styledComponents.calendarDoubleTokens.calendarQuarterFontSize, _styledComponents.calendarDoubleTokens.calendarQuarterFontStyle, _styledComponents.calendarDoubleTokens.calendarQuarterFontLetterSpacing, _styledComponents.calendarDoubleTokens.calendarQuarterFontLineHeight, _styledComponents.calendarDoubleTokens.calendarQuarterFontWeight, _styledComponents.calendarDoubleTokens.calendarQuarterSelectedFontWeight, _styledComponents.calendarDoubleTokens.calendarMonthsPadding, _styledComponents.calendarDoubleTokens.calendarMonthItemBorderRadius, _styledComponents.calendarDoubleTokens.calendarMonthItemWidth, _styledComponents.calendarDoubleTokens.calendarMonthItemHeight, _styledComponents.calendarDoubleTokens.calendarMonthFontFamily, _styledComponents.calendarDoubleTokens.calendarMonthFontSize, _styledComponents.calendarDoubleTokens.calendarMonthFontStyle, _styledComponents.calendarDoubleTokens.calendarMonthFontLetterSpacing, _styledComponents.calendarDoubleTokens.calendarMonthFontLineHeight, _styledComponents.calendarDoubleTokens.calendarMonthFontWeight, _styledComponents.calendarDoubleTokens.calendarMonthSelectedFontWeight, _styledComponents.calendarDoubleTokens.calendarDayItemBorderRadius, _styledComponents.calendarDoubleTokens.calendarDayItemWidth, _styledComponents.calendarDoubleTokens.calendarDayItemHeight, _styledComponents.calendarDoubleTokens.calendarDayFontFamily, _styledComponents.calendarDoubleTokens.calendarDayFontSize, _styledComponents.calendarDoubleTokens.calendarDayFontStyle, _styledComponents.calendarDoubleTokens.calendarDayFontLetterSpacing, _styledComponents.calendarDoubleTokens.calendarDayFontLineHeight, _styledComponents.calendarDoubleTokens.calendarDayFontWeight, _styledComponents.calendarDoubleTokens.calendarDaySelectedFontWeight, _styledComponents.calendarDoubleTokens.calendarCurrentItemBorderWidth, _styledComponents.calendarDoubleTokens.calendarHeaderArrowGap, _styledComponents.calendarDoubleTokens.calendarDaysPadding, _styledComponents.calendarDoubleTokens.calendarHeaderPadding, _styledComponents.calendarDoubleTokens.calendarHeaderDateGap, _styledComponents.calendarDoubleTokens.calendarHeaderFontFamily, _styledComponents.calendarDoubleTokens.calendarHeaderFontSize, _styledComponents.calendarDoubleTokens.calendarHeaderFontStyle, _styledComponents.calendarDoubleTokens.calendarHeaderFontLetterSpacing, _styledComponents.calendarDoubleTokens.calendarHeaderFontLineHeight, _styledComponents.calendarDoubleTokens.calendarHeaderFontWeight, _styledComponents.calendarDoubleTokens.calendarHeaderFontWeightBold, _styledComponents.calendarDoubleTokens.iconButtonHeight, _styledComponents.calendarDoubleTokens.iconButtonWidth, _styledComponents.calendarDoubleTokens.iconButtonPadding, _styledComponents.calendarDoubleTokens.iconButtonRadius),

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

@@ -14,7 +14,7 @@ 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                ", ": var(--text-negative);\n                ", ": var(--text-positive);\n\n                ", ": var(--text-primary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-tertiary);\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-negative);\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\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(--surface-solid-default);\n                ", ": ", ";\n                ", ": var(--text-secondary);\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.leftHelperColorError, _styledComponents.datePickerTokens.leftHelperColorSuccess, _styledComponents.datePickerTokens.textFieldColor, _styledComponents.datePickerTokens.textFieldPlaceholderColor, _styledComponents.datePickerTokens.textFieldPlaceholderColorFocus, _styledComponents.datePickerTokens.textFieldCaretColor, _styledComponents.datePickerTokens.labelInnerFontFamily, _styledComponents.datePickerTokens.labelInnerFontSize, _styledComponents.datePickerTokens.labelInnerFontStyle, _styledComponents.datePickerTokens.labelInnerFontWeight, _styledComponents.datePickerTokens.labelInnerLetterSpacing, _styledComponents.datePickerTokens.labelInnerLineHeight, _styledComponents.datePickerTokens.indicatorColor, _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.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.calendarContentPrimaryDisabledColor, _styledComponents.datePickerTokens.calendarHeaderArrowColor, _styledComponents.datePickerTokens.calendarContentPrimaryColor, _styledComponents.datePickerTokens.calendarContentSecondaryColor, _styledComponents.datePickerTokens.calendarContentSecondaryDisabledColor, _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                ", ": var(--text-negative);\n                ", ": var(--text-positive);\n\n                ", ": var(--text-primary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-tertiary);\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-negative);\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\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.leftHelperColorError, _styledComponents.datePickerTokens.leftHelperColorSuccess, _styledComponents.datePickerTokens.textFieldColor, _styledComponents.datePickerTokens.textFieldPlaceholderColor, _styledComponents.datePickerTokens.textFieldPlaceholderColorFocus, _styledComponents.datePickerTokens.textFieldCaretColor, _styledComponents.datePickerTokens.labelInnerFontFamily, _styledComponents.datePickerTokens.labelInnerFontSize, _styledComponents.datePickerTokens.labelInnerFontStyle, _styledComponents.datePickerTokens.labelInnerFontWeight, _styledComponents.datePickerTokens.labelInnerLetterSpacing, _styledComponents.datePickerTokens.labelInnerLineHeight, _styledComponents.datePickerTokens.indicatorColor, _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.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.75rem;\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                ", ": 0.5rem;\n                ", ": 0.375rem;\n                ", ": 0 0 0 0;\n                ", ": 0.5rem auto auto -0.75rem;\n                ", ": 0 0 auto auto;\n                ", ": 0.25rem -0.625rem auto auto;\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.indicatorSize, _styledComponents.datePickerTokens.indicatorSizeOuter, _styledComponents.datePickerTokens.indicatorPlacement, _styledComponents.datePickerTokens.indicatorOuterPlacement, _styledComponents.datePickerTokens.indicatorPlacementRight, _styledComponents.datePickerTokens.indicatorOuterPlacementRight, _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),

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

@@ -43,5 +43,8 @@ export declare const config: {
         disabled: {
             true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
         };
+        readOnly: {
+            true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        };
     };
 };

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.config = void 0;
 var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24;
 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: {
@@ -38,9 +38,9 @@ var config = exports.config = {
       outer: /*#__PURE__*/(0, _styledComponents.css)(_templateObject16 || (_templateObject16 = /*#__PURE__*/_taggedTemplateLiteral([""])))
     },
     chipView: {
-      "default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject17 || (_templateObject17 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--inverse-text-primary);\n                ", ": var(--surface-solid-default);\n                ", ": var(--surface-solid-default-hover);\n                ", ": var(--inverse-text-primary);\n            "])), _styledComponents.selectTokens.textFieldChipColor, _styledComponents.selectTokens.textFieldChipBackground, _styledComponents.selectTokens.textFieldChipBackgroundHover, _styledComponents.selectTokens.textFieldChipCloseIconColor),
-      secondary: /*#__PURE__*/(0, _styledComponents.css)(_templateObject18 || (_templateObject18 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-primary);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--surface-transparent-secondary-hover);\n                ", ": var(--text-primary);\n            "])), _styledComponents.selectTokens.textFieldChipColor, _styledComponents.selectTokens.textFieldChipBackground, _styledComponents.selectTokens.textFieldChipBackgroundHover, _styledComponents.selectTokens.textFieldChipCloseIconColor),
-      accent: /*#__PURE__*/(0, _styledComponents.css)(_templateObject19 || (_templateObject19 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--surface-accent);\n                ", ": var(--surface-accent-hover);\n                ", ": var(--on-dark-text-primary);\n            "])), _styledComponents.selectTokens.textFieldChipColor, _styledComponents.selectTokens.textFieldChipBackground, _styledComponents.selectTokens.textFieldChipBackgroundHover, _styledComponents.selectTokens.textFieldChipCloseIconColor)
+      "default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject17 || (_templateObject17 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--inverse-text-primary);\n                ", ": var(--surface-solid-default);\n                ", ": var(--surface-solid-default-hover);\n                ", ": var(--inverse-text-primary);\n\n                ", ": var(--surface-solid-default);\n                ", ": var(--inverse-text-primary);\n                ", ": var(--surface-solid-default);\n                ", ": var(--inverse-text-primary);\n                ", ": var(--inverse-text-primary);\n            "])), _styledComponents.selectTokens.textFieldChipColor, _styledComponents.selectTokens.textFieldChipBackground, _styledComponents.selectTokens.textFieldChipBackgroundHover, _styledComponents.selectTokens.textFieldChipCloseIconColor, _styledComponents.selectTokens.textFieldChipBackgroundReadOnly, _styledComponents.selectTokens.textFieldChipColorReadOnly, _styledComponents.selectTokens.textFieldChipBackgroundReadOnlyHover, _styledComponents.selectTokens.textFieldChipColorReadOnlyHover, _styledComponents.selectTokens.textFieldChipOpacityReadonly),
+      secondary: /*#__PURE__*/(0, _styledComponents.css)(_templateObject18 || (_templateObject18 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-primary);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--surface-transparent-secondary-hover);\n                ", ": var(--text-primary);\n\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--text-primary);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--text-primary);\n                ", ": 0.72;\n            "])), _styledComponents.selectTokens.textFieldChipColor, _styledComponents.selectTokens.textFieldChipBackground, _styledComponents.selectTokens.textFieldChipBackgroundHover, _styledComponents.selectTokens.textFieldChipCloseIconColor, _styledComponents.selectTokens.textFieldChipBackgroundReadOnly, _styledComponents.selectTokens.textFieldChipColorReadOnly, _styledComponents.selectTokens.textFieldChipBackgroundReadOnlyHover, _styledComponents.selectTokens.textFieldChipColorReadOnlyHover, _styledComponents.selectTokens.textFieldChipOpacityReadonly),
+      accent: /*#__PURE__*/(0, _styledComponents.css)(_templateObject19 || (_templateObject19 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--surface-accent);\n                ", ": var(--surface-accent-hover);\n                ", ": var(--on-dark-text-primary);\n\n                ", ": var(--surface-accent);\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--surface-accent);\n                ", ": var(--on-dark-text-primary);\n                ", ": 0.72;\n            "])), _styledComponents.selectTokens.textFieldChipColor, _styledComponents.selectTokens.textFieldChipBackground, _styledComponents.selectTokens.textFieldChipBackgroundHover, _styledComponents.selectTokens.textFieldChipCloseIconColor, _styledComponents.selectTokens.textFieldChipBackgroundReadOnly, _styledComponents.selectTokens.textFieldChipColorReadOnly, _styledComponents.selectTokens.textFieldChipBackgroundReadOnlyHover, _styledComponents.selectTokens.textFieldChipColorReadOnlyHover, _styledComponents.selectTokens.textFieldChipOpacityReadonly)
     },
     hintView: {
       "default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject20 || (_templateObject20 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--surface-solid-card-brightness);\n                ", ": var(--shadow-down-hard-m, 0px 4px 12px 0px rgba(0, 0, 0, 0.16),0px 1px 4px 0px rgba(0, 0, 0, 0.08));\n                ", ": var(--text-primary);\n                ", ": var(--surface-solid-card);\n            "])), _styledComponents.selectTokens.textFieldTooltipBackgroundColor, _styledComponents.selectTokens.textFieldTooltipBoxShadow, _styledComponents.selectTokens.textFieldTooltipColor, _styledComponents.selectTokens.textFieldTooltipArrowBackground)
@@ -51,6 +51,9 @@ var config = exports.config = {
     },
     disabled: {
       "true": /*#__PURE__*/(0, _styledComponents.css)(_templateObject23 || (_templateObject23 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.4;\n            "])), _styledComponents.selectTokens.textFieldDisabledOpacity)
+    },
+    readOnly: {
+      "true": /*#__PURE__*/(0, _styledComponents.css)(_templateObject24 || (_templateObject24 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-secondary);\n                ", ": var(--surface-transparent-primary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary);\n                ", ": var(--surface-transparent-primary);\n            "])), _styledComponents.selectTokens.textFieldColorReadOnly, _styledComponents.selectTokens.textFieldBackgroundColorReadOnly, _styledComponents.selectTokens.textFieldPlaceholderColorReadOnly, _styledComponents.selectTokens.textFieldLeftHelperColorReadOnly, _styledComponents.selectTokens.textFieldTitleCaptionColorReadOnly, _styledComponents.selectTokens.textFieldLabelColorReadOnly, _styledComponents.selectTokens.textFieldDividerColorReadOnly)
     }
   }
 };

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

@@ -38,6 +38,9 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
     disabled: {
         true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
     };
+    readOnly: {
+        true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+    };
 }> & ((import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").RequiredProps & {
     hintText: string;
     hintTrigger?: "hover" | "click" | undefined;
@@ -68,6 +71,7 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
     placeholder?: string | undefined;
     helperText?: string | undefined;
     disabled?: boolean | undefined;
+    readOnly?: boolean | undefined;
     items?: import("@salutejs/plasma-new-hope/styled-components").DropdownNodeSelect[] | undefined;
     onItemSelect?: ((e: import("@salutejs/plasma-new-hope/styled-components").DropdownNodeSelect, event: React.SyntheticEvent<Element, Event>) => void) | undefined;
     children?: undefined;
@@ -120,6 +124,7 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
     placeholder?: string | undefined;
     helperText?: string | undefined;
     disabled?: boolean | undefined;
+    readOnly?: boolean | undefined;
     items?: import("@salutejs/plasma-new-hope/styled-components").DropdownNodeSelect[] | undefined;
     onItemSelect?: ((e: import("@salutejs/plasma-new-hope/styled-components").DropdownNodeSelect, event: React.SyntheticEvent<Element, Event>) => void) | undefined;
     children?: undefined;
@@ -172,6 +177,7 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
     placeholder?: string | undefined;
     helperText?: string | undefined;
     disabled?: boolean | undefined;
+    readOnly?: boolean | undefined;
     items?: import("@salutejs/plasma-new-hope/styled-components").DropdownNodeSelect[] | undefined;
     onItemSelect?: ((e: import("@salutejs/plasma-new-hope/styled-components").DropdownNodeSelect, event: React.SyntheticEvent<Element, Event>) => void) | undefined;
     children?: undefined;
@@ -224,6 +230,7 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
     placeholder?: string | undefined;
     helperText?: string | undefined;
     disabled?: boolean | undefined;
+    readOnly?: boolean | undefined;
     items?: import("@salutejs/plasma-new-hope/styled-components").DropdownNodeSelect[] | undefined;
     onItemSelect?: ((e: import("@salutejs/plasma-new-hope/styled-components").DropdownNodeSelect, event: React.SyntheticEvent<Element, Event>) => void) | undefined;
     children?: undefined;
@@ -264,6 +271,7 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
     placeholder?: string | undefined;
     helperText?: string | undefined;
     disabled?: boolean | undefined;
+    readOnly?: boolean | undefined;
     items?: import("@salutejs/plasma-new-hope/styled-components").DropdownNodeSelect[] | undefined;
     onItemSelect?: ((e: import("@salutejs/plasma-new-hope/styled-components").DropdownNodeSelect, event: React.SyntheticEvent<Element, Event>) => void) | undefined;
     children?: undefined;
@@ -304,6 +312,7 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
     placeholder?: string | undefined;
     helperText?: string | undefined;
     disabled?: boolean | undefined;
+    readOnly?: boolean | undefined;
     items?: import("@salutejs/plasma-new-hope/styled-components").DropdownNodeSelect[] | undefined;
     onItemSelect?: ((e: import("@salutejs/plasma-new-hope/styled-components").DropdownNodeSelect, event: React.SyntheticEvent<Element, Event>) => void) | undefined;
     children?: undefined;

package/es/components/Calendar/CalendarBase.config.js CHANGED Viewed

@@ -8,7 +8,7 @@ export var config = {
   },
   variations: {
     view: {
-      "default": /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\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(--surface-solid-default);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary);\n                ", ": ", ";\n                ", ": var(--text-secondary);\n                ", ": 0.4;\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            "])), calendarBaseTokens.calendarSelectedItemBackground, calendarBaseTokens.calendarSelectedItemColor, calendarBaseTokens.calendarSelectableItemBackgroundHover, calendarBaseTokens.calendarCurrentItemBorderColor, calendarBaseTokens.calendarCurrentItemBackgroundHover, calendarBaseTokens.calendarCurrentItemColorHover, calendarBaseTokens.calendarCurrentItemChildBackgroundHover, calendarBaseTokens.calendarActiveItemBackground, calendarBaseTokens.calendarActiveItemColor, calendarBaseTokens.calendarHoveredItemBackground, calendarBaseTokens.calendarHoveredItemColor, calendarBaseTokens.calendarRangeBackground, calendarBaseTokens.calendarOutlineFocusColor, calendarBaseTokens.calendarContentPrimaryColor, calendarBaseTokens.calendarContentPrimaryDisabledColor, calendarBaseTokens.calendarContentSecondaryColor, calendarBaseTokens.calendarContentSecondaryDisabledColor, calendarBaseTokens.calendarHeaderArrowColor, calendarBaseTokens.calendarContentPrimaryColor, calendarBaseTokens.calendarDayOfWeekColor, calendarBaseTokens.calendarDisabledOpacity, calendarBaseTokens.iconButtonColor, calendarBaseTokens.iconButtonBackgroundColor, calendarBaseTokens.iconButtonColorHover, calendarBaseTokens.iconButtonBackgroundColorHover, calendarBaseTokens.iconButtonColorActive, calendarBaseTokens.iconButtonBackgroundColorActive, calendarBaseTokens.iconButtonFocusColor)
+      "default": /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\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-secondary);\n                ", ": 0.4;\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            "])), calendarBaseTokens.calendarSelectedItemBackground, calendarBaseTokens.calendarSelectedItemColor, calendarBaseTokens.calendarSelectableItemBackgroundHover, calendarBaseTokens.calendarCurrentItemBorderColor, calendarBaseTokens.calendarCurrentItemBackgroundHover, calendarBaseTokens.calendarCurrentItemColorHover, calendarBaseTokens.calendarCurrentItemChildBackgroundHover, calendarBaseTokens.calendarActiveItemBackground, calendarBaseTokens.calendarActiveItemColor, calendarBaseTokens.calendarHoveredItemBackground, calendarBaseTokens.calendarHoveredItemColor, calendarBaseTokens.calendarRangeBackground, calendarBaseTokens.calendarOutlineFocusColor, calendarBaseTokens.calendarContentPrimaryColor, calendarBaseTokens.calendarContentSecondaryColor, calendarBaseTokens.calendarHeaderArrowColor, calendarBaseTokens.calendarContentPrimaryColor, calendarBaseTokens.calendarDayOfWeekColor, calendarBaseTokens.calendarDisabledOpacity, calendarBaseTokens.iconButtonColor, calendarBaseTokens.iconButtonBackgroundColor, calendarBaseTokens.iconButtonColorHover, calendarBaseTokens.iconButtonBackgroundColorHover, calendarBaseTokens.iconButtonColorActive, calendarBaseTokens.iconButtonBackgroundColorActive, calendarBaseTokens.iconButtonFocusColor)
     },
     size: {
       l: /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 24.5rem;\n                ", ": 25rem;\n\n                ", ": 0.5rem 0.5rem 0 0.5rem;\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 0.5rem 0 0.5rem;\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 0 0;\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.5rem;\n\n                ", ": 0 0 0 1rem;\n                ", ": 0.5rem;\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                ", ": 3.5rem;\n                ", ": 3.5rem;\n                ", ": 1.5rem;\n                ", ": 0.875rem;\n            "])), calendarBaseTokens.calendarWidth, calendarBaseTokens.calendarHeight, calendarBaseTokens.calendarYearsPadding, calendarBaseTokens.calendarYearItemBorderRadius, calendarBaseTokens.calendarYearItemWidth, calendarBaseTokens.calendarYearItemHeight, calendarBaseTokens.calendarYearFontFamily, calendarBaseTokens.calendarYearFontSize, calendarBaseTokens.calendarYearFontStyle, calendarBaseTokens.calendarYearFontLetterSpacing, calendarBaseTokens.calendarYearFontLineHeight, calendarBaseTokens.calendarYearFontWeight, calendarBaseTokens.calendarYearSelectedFontWeight, calendarBaseTokens.calendarQuartersPadding, calendarBaseTokens.calendarQuarterItemBorderRadius, calendarBaseTokens.calendarQuarterItemWidth, calendarBaseTokens.calendarQuarterItemHeight, calendarBaseTokens.calendarQuarterFontFamily, calendarBaseTokens.calendarQuarterFontSize, calendarBaseTokens.calendarQuarterFontStyle, calendarBaseTokens.calendarQuarterFontLetterSpacing, calendarBaseTokens.calendarQuarterFontLineHeight, calendarBaseTokens.calendarQuarterFontWeight, calendarBaseTokens.calendarQuarterSelectedFontWeight, calendarBaseTokens.calendarMonthsPadding, calendarBaseTokens.calendarMonthItemBorderRadius, calendarBaseTokens.calendarMonthItemWidth, calendarBaseTokens.calendarMonthItemHeight, calendarBaseTokens.calendarMonthFontFamily, calendarBaseTokens.calendarMonthFontSize, calendarBaseTokens.calendarMonthFontStyle, calendarBaseTokens.calendarMonthFontLetterSpacing, calendarBaseTokens.calendarMonthFontLineHeight, calendarBaseTokens.calendarMonthFontWeight, calendarBaseTokens.calendarMonthSelectedFontWeight, calendarBaseTokens.calendarDaysPadding, calendarBaseTokens.calendarDayItemBorderRadius, calendarBaseTokens.calendarDayItemWidth, calendarBaseTokens.calendarDayItemHeight, calendarBaseTokens.calendarDayFontFamily, calendarBaseTokens.calendarDayFontSize, calendarBaseTokens.calendarDayFontStyle, calendarBaseTokens.calendarDayFontLetterSpacing, calendarBaseTokens.calendarDayFontLineHeight, calendarBaseTokens.calendarDayFontWeight, calendarBaseTokens.calendarDaySelectedFontWeight, calendarBaseTokens.calendarCurrentItemBorderWidth, calendarBaseTokens.calendarHeaderArrowGap, calendarBaseTokens.calendarHeaderPadding, calendarBaseTokens.calendarHeaderDateGap, calendarBaseTokens.calendarHeaderFontFamily, calendarBaseTokens.calendarHeaderFontSize, calendarBaseTokens.calendarHeaderFontStyle, calendarBaseTokens.calendarHeaderFontLetterSpacing, calendarBaseTokens.calendarHeaderFontLineHeight, calendarBaseTokens.calendarHeaderFontWeight, calendarBaseTokens.calendarHeaderFontWeightBold, calendarBaseTokens.iconButtonHeight, calendarBaseTokens.iconButtonWidth, calendarBaseTokens.iconButtonPadding, calendarBaseTokens.iconButtonRadius),

package/es/components/Calendar/CalendarDouble.config.js CHANGED Viewed

@@ -8,7 +8,7 @@ export var config = {
   },
   variations: {
     view: {
-      "default": /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--surface-transparent-secondary);\n                ", ": transparent;\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(--surface-solid-default);\n                ", ": ", ";\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary);\n                ", ": 0.4;\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            "])), calendarDoubleTokens.calendarSeparatorBackground, calendarDoubleTokens.calendarBackgroundColor, calendarDoubleTokens.calendarSelectedItemBackground, calendarDoubleTokens.calendarSelectedItemColor, calendarDoubleTokens.calendarSelectableItemBackgroundHover, calendarDoubleTokens.calendarCurrentItemBorderColor, calendarDoubleTokens.calendarCurrentItemBackgroundHover, calendarDoubleTokens.calendarCurrentItemColorHover, calendarDoubleTokens.calendarCurrentItemChildBackgroundHover, calendarDoubleTokens.calendarActiveItemBackground, calendarDoubleTokens.calendarActiveItemColor, calendarDoubleTokens.calendarHoveredItemBackground, calendarDoubleTokens.calendarHoveredItemColor, calendarDoubleTokens.calendarRangeBackground, calendarDoubleTokens.calendarOutlineFocusColor, calendarDoubleTokens.calendarContentPrimaryColor, calendarDoubleTokens.calendarContentPrimaryDisabledColor, calendarDoubleTokens.calendarHeaderArrowColor, calendarDoubleTokens.calendarContentPrimaryColor, calendarDoubleTokens.calendarContentSecondaryColor, calendarDoubleTokens.calendarContentSecondaryDisabledColor, calendarDoubleTokens.calendarDisabledOpacity, calendarDoubleTokens.iconButtonColor, calendarDoubleTokens.iconButtonBackgroundColor, calendarDoubleTokens.iconButtonColorHover, calendarDoubleTokens.iconButtonBackgroundColorHover, calendarDoubleTokens.iconButtonColorActive, calendarDoubleTokens.iconButtonBackgroundColorActive, calendarDoubleTokens.iconButtonFocusColor)
+      "default": /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--surface-transparent-secondary);\n                ", ": transparent;\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                ", ": 0.4;\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            "])), calendarDoubleTokens.calendarSeparatorBackground, calendarDoubleTokens.calendarBackgroundColor, calendarDoubleTokens.calendarSelectedItemBackground, calendarDoubleTokens.calendarSelectedItemColor, calendarDoubleTokens.calendarSelectableItemBackgroundHover, calendarDoubleTokens.calendarCurrentItemBorderColor, calendarDoubleTokens.calendarCurrentItemBackgroundHover, calendarDoubleTokens.calendarCurrentItemColorHover, calendarDoubleTokens.calendarCurrentItemChildBackgroundHover, calendarDoubleTokens.calendarActiveItemBackground, calendarDoubleTokens.calendarActiveItemColor, calendarDoubleTokens.calendarHoveredItemBackground, calendarDoubleTokens.calendarHoveredItemColor, calendarDoubleTokens.calendarRangeBackground, calendarDoubleTokens.calendarOutlineFocusColor, calendarDoubleTokens.calendarContentPrimaryColor, calendarDoubleTokens.calendarHeaderArrowColor, calendarDoubleTokens.calendarContentPrimaryColor, calendarDoubleTokens.calendarContentSecondaryColor, calendarDoubleTokens.calendarDisabledOpacity, calendarDoubleTokens.iconButtonColor, calendarDoubleTokens.iconButtonBackgroundColor, calendarDoubleTokens.iconButtonColorHover, calendarDoubleTokens.iconButtonBackgroundColorHover, calendarDoubleTokens.iconButtonColorActive, calendarDoubleTokens.iconButtonBackgroundColorActive, calendarDoubleTokens.iconButtonFocusColor)
     },
     size: {
       l: /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 51.063rem;\n                ", ": 25rem;\n\n                ", ": 0.5rem 0.5rem 0 0.5rem;\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 0.5rem 0 0.5rem;\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.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.5rem;\n\n                ", ": 0.5rem 0 0 0;\n                ", ": 0 0 0 1rem;\n                ", ": 0.5rem;\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                ", ": 3.5rem;\n                ", ": 3.5rem;\n                ", ": 1.5rem;\n                ", ": 0.875rem;\n            "])), calendarDoubleTokens.calendarWidth, calendarDoubleTokens.calendarHeight, calendarDoubleTokens.calendarYearsPadding, calendarDoubleTokens.calendarYearItemBorderRadius, calendarDoubleTokens.calendarYearItemWidth, calendarDoubleTokens.calendarYearItemHeight, calendarDoubleTokens.calendarYearFontFamily, calendarDoubleTokens.calendarYearFontSize, calendarDoubleTokens.calendarYearFontStyle, calendarDoubleTokens.calendarYearFontLetterSpacing, calendarDoubleTokens.calendarYearFontLineHeight, calendarDoubleTokens.calendarYearFontWeight, calendarDoubleTokens.calendarYearSelectedFontWeight, calendarDoubleTokens.calendarQuartersPadding, calendarDoubleTokens.calendarQuarterItemBorderRadius, calendarDoubleTokens.calendarQuarterItemWidth, calendarDoubleTokens.calendarQuarterItemHeight, calendarDoubleTokens.calendarQuarterFontFamily, calendarDoubleTokens.calendarQuarterFontSize, calendarDoubleTokens.calendarQuarterFontStyle, calendarDoubleTokens.calendarQuarterFontLetterSpacing, calendarDoubleTokens.calendarQuarterFontLineHeight, calendarDoubleTokens.calendarQuarterFontWeight, calendarDoubleTokens.calendarQuarterSelectedFontWeight, calendarDoubleTokens.calendarMonthsPadding, calendarDoubleTokens.calendarMonthItemBorderRadius, calendarDoubleTokens.calendarMonthItemWidth, calendarDoubleTokens.calendarMonthItemHeight, calendarDoubleTokens.calendarMonthFontFamily, calendarDoubleTokens.calendarMonthFontSize, calendarDoubleTokens.calendarMonthFontStyle, calendarDoubleTokens.calendarMonthFontLetterSpacing, calendarDoubleTokens.calendarMonthFontLineHeight, calendarDoubleTokens.calendarMonthFontWeight, calendarDoubleTokens.calendarMonthSelectedFontWeight, calendarDoubleTokens.calendarDayItemBorderRadius, calendarDoubleTokens.calendarDayItemWidth, calendarDoubleTokens.calendarDayItemHeight, calendarDoubleTokens.calendarDayFontFamily, calendarDoubleTokens.calendarDayFontSize, calendarDoubleTokens.calendarDayFontStyle, calendarDoubleTokens.calendarDayFontLetterSpacing, calendarDoubleTokens.calendarDayFontLineHeight, calendarDoubleTokens.calendarDayFontWeight, calendarDoubleTokens.calendarDaySelectedFontWeight, calendarDoubleTokens.calendarCurrentItemBorderWidth, calendarDoubleTokens.calendarHeaderArrowGap, calendarDoubleTokens.calendarDaysPadding, calendarDoubleTokens.calendarHeaderPadding, calendarDoubleTokens.calendarHeaderDateGap, calendarDoubleTokens.calendarHeaderFontFamily, calendarDoubleTokens.calendarHeaderFontSize, calendarDoubleTokens.calendarHeaderFontStyle, calendarDoubleTokens.calendarHeaderFontLetterSpacing, calendarDoubleTokens.calendarHeaderFontLineHeight, calendarDoubleTokens.calendarHeaderFontWeight, calendarDoubleTokens.calendarHeaderFontWeightBold, calendarDoubleTokens.iconButtonHeight, calendarDoubleTokens.iconButtonWidth, calendarDoubleTokens.iconButtonPadding, calendarDoubleTokens.iconButtonRadius),

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

@@ -8,7 +8,7 @@ export var config = {
   },
   variations: {
     view: {
-      "default": /*#__PURE__*/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                ", ": var(--text-negative);\n                ", ": var(--text-positive);\n\n                ", ": var(--text-primary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-tertiary);\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-negative);\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\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(--surface-solid-default);\n                ", ": ", ";\n                ", ": var(--text-secondary);\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            "])), tokens.background, tokens.backgroundError, tokens.backgroundSuccess, tokens.dividerColor, tokens.labelColor, tokens.leftHelperColor, tokens.leftHelperColorError, tokens.leftHelperColorSuccess, tokens.textFieldColor, tokens.textFieldPlaceholderColor, tokens.textFieldPlaceholderColorFocus, tokens.textFieldCaretColor, tokens.labelInnerFontFamily, tokens.labelInnerFontSize, tokens.labelInnerFontStyle, tokens.labelInnerFontWeight, tokens.labelInnerLetterSpacing, tokens.labelInnerLineHeight, tokens.indicatorColor, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldBackgroundErrorColor, tokens.textFieldBackgroundErrorColorFocus, tokens.textFieldBackgroundSuccessColor, tokens.textFieldBackgroundSuccessColorFocus, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.focusColor, tokens.calendarShadow, tokens.calendarSeparatorBackground, tokens.calendarBackgroundColor, tokens.calendarSelectedItemBackground, tokens.calendarSelectedItemColor, tokens.calendarSelectableItemBackgroundHover, tokens.calendarCurrentItemBorderColor, tokens.calendarCurrentItemBackgroundHover, tokens.calendarCurrentItemColorHover, tokens.calendarCurrentItemChildBackgroundHover, tokens.calendarActiveItemBackground, tokens.calendarActiveItemColor, tokens.calendarHoveredItemBackground, tokens.calendarHoveredItemColor, tokens.calendarRangeBackground, tokens.calendarOutlineFocusColor, tokens.calendarContentPrimaryColor, tokens.calendarContentPrimaryDisabledColor, tokens.calendarHeaderArrowColor, tokens.calendarContentPrimaryColor, tokens.calendarContentSecondaryColor, tokens.calendarContentSecondaryDisabledColor, tokens.iconButtonColor, tokens.iconButtonBackgroundColor, tokens.iconButtonColorHover, tokens.iconButtonBackgroundColorHover, tokens.iconButtonColorActive, tokens.iconButtonBackgroundColorActive, tokens.iconButtonFocusColor)
+      "default": /*#__PURE__*/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                ", ": var(--text-negative);\n                ", ": var(--text-positive);\n\n                ", ": var(--text-primary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-tertiary);\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-negative);\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\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            "])), tokens.background, tokens.backgroundError, tokens.backgroundSuccess, tokens.dividerColor, tokens.labelColor, tokens.leftHelperColor, tokens.leftHelperColorError, tokens.leftHelperColorSuccess, tokens.textFieldColor, tokens.textFieldPlaceholderColor, tokens.textFieldPlaceholderColorFocus, tokens.textFieldCaretColor, tokens.labelInnerFontFamily, tokens.labelInnerFontSize, tokens.labelInnerFontStyle, tokens.labelInnerFontWeight, tokens.labelInnerLetterSpacing, tokens.labelInnerLineHeight, tokens.indicatorColor, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldBackgroundErrorColor, tokens.textFieldBackgroundErrorColorFocus, tokens.textFieldBackgroundSuccessColor, tokens.textFieldBackgroundSuccessColorFocus, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.focusColor, tokens.calendarShadow, tokens.calendarSeparatorBackground, tokens.calendarBackgroundColor, tokens.calendarSelectedItemBackground, tokens.calendarSelectedItemColor, tokens.calendarSelectableItemBackgroundHover, tokens.calendarCurrentItemBorderColor, tokens.calendarCurrentItemBackgroundHover, tokens.calendarCurrentItemColorHover, tokens.calendarCurrentItemChildBackgroundHover, tokens.calendarActiveItemBackground, tokens.calendarActiveItemColor, tokens.calendarHoveredItemBackground, tokens.calendarHoveredItemColor, tokens.calendarRangeBackground, tokens.calendarOutlineFocusColor, tokens.calendarContentPrimaryColor, tokens.calendarHeaderArrowColor, tokens.calendarContentPrimaryColor, tokens.calendarContentSecondaryColor, tokens.iconButtonColor, tokens.iconButtonBackgroundColor, tokens.iconButtonColorHover, tokens.iconButtonBackgroundColorHover, tokens.iconButtonColorActive, tokens.iconButtonBackgroundColorActive, tokens.iconButtonFocusColor)
     },
     size: {
       l: /*#__PURE__*/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.75rem;\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                ", ": 0.5rem;\n                ", ": 0.375rem;\n                ", ": 0 0 0 0;\n                ", ": 0.5rem auto auto -0.75rem;\n                ", ": 0 0 auto auto;\n                ", ": 0.25rem -0.625rem auto auto;\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            "])), tokens.width, tokens.borderRadius, tokens.dividerPadding, tokens.dividerFontFamily, tokens.dividerFontStyle, tokens.dividerFontSize, tokens.dividerFontWeight, tokens.dividerLetterSpacing, tokens.dividerLineHeight, tokens.leftContentMargin, tokens.rightContentMargin, tokens.labelOffset, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.labelFontFamily, tokens.labelFontStyle, tokens.labelFontSize, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.indicatorSize, tokens.indicatorSizeOuter, tokens.indicatorPlacement, tokens.indicatorOuterPlacement, tokens.indicatorPlacementRight, tokens.indicatorOuterPlacementRight, tokens.textFieldHeight, tokens.textFieldBorderRadius, tokens.textFieldPadding, tokens.textFieldFontFamily, tokens.textFieldFontStyle, tokens.textFieldFontSize, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontStyle, tokens.leftHelperFontSize, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.calendarBorderRadius, tokens.calendarWidth, tokens.calendarYearsPadding, tokens.calendarYearItemBorderRadius, tokens.calendarYearItemWidth, tokens.calendarYearItemHeight, tokens.calendarYearFontFamily, tokens.calendarYearFontSize, tokens.calendarYearFontStyle, tokens.calendarYearFontLetterSpacing, tokens.calendarYearFontLineHeight, tokens.calendarYearFontWeight, tokens.calendarYearSelectedFontWeight, tokens.calendarMonthsPadding, tokens.calendarMonthItemBorderRadius, tokens.calendarMonthItemWidth, tokens.calendarMonthItemHeight, tokens.calendarMonthFontFamily, tokens.calendarMonthFontSize, tokens.calendarMonthFontStyle, tokens.calendarMonthFontLetterSpacing, tokens.calendarMonthFontLineHeight, tokens.calendarMonthFontWeight, tokens.calendarMonthSelectedFontWeight, tokens.calendarQuartersPadding, tokens.calendarQuarterItemBorderRadius, tokens.calendarQuarterItemWidth, tokens.calendarQuarterItemHeight, tokens.calendarQuarterFontFamily, tokens.calendarQuarterFontSize, tokens.calendarQuarterFontStyle, tokens.calendarQuarterFontLetterSpacing, tokens.calendarQuarterFontLineHeight, tokens.calendarQuarterFontWeight, tokens.calendarQuarterSelectedFontWeight, tokens.calendarDaysPadding, tokens.calendarDayItemBorderRadius, tokens.calendarDayItemWidth, tokens.calendarDayItemHeight, tokens.calendarDayFontFamily, tokens.calendarDayFontSize, tokens.calendarDayFontStyle, tokens.calendarDayFontLetterSpacing, tokens.calendarDayFontLineHeight, tokens.calendarDayFontWeight, tokens.calendarDaySelectedFontWeight, tokens.calendarCurrentItemBorderWidth, tokens.calendarHeaderWrapperPadding, tokens.calendarHeaderArrowGap, tokens.calendarHeaderPadding, tokens.calendarHeaderDateGap, tokens.calendarHeaderFontFamily, tokens.calendarHeaderFontSize, tokens.calendarHeaderFontStyle, tokens.calendarHeaderFontLetterSpacing, tokens.calendarHeaderFontLineHeight, tokens.calendarHeaderFontWeight, tokens.calendarHeaderFontWeightBold, tokens.iconButtonHeight, tokens.iconButtonWidth, tokens.iconButtonPadding, tokens.iconButtonRadius),

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

@@ -1,4 +1,4 @@
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24;
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 import { css, selectTokens as tokens } from '@salutejs/plasma-new-hope/styled-components';
 export var config = {
@@ -32,9 +32,9 @@ export var config = {
       outer: /*#__PURE__*/css(_templateObject16 || (_templateObject16 = /*#__PURE__*/_taggedTemplateLiteral([""])))
     },
     chipView: {
-      "default": /*#__PURE__*/css(_templateObject17 || (_templateObject17 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--inverse-text-primary);\n                ", ": var(--surface-solid-default);\n                ", ": var(--surface-solid-default-hover);\n                ", ": var(--inverse-text-primary);\n            "])), tokens.textFieldChipColor, tokens.textFieldChipBackground, tokens.textFieldChipBackgroundHover, tokens.textFieldChipCloseIconColor),
-      secondary: /*#__PURE__*/css(_templateObject18 || (_templateObject18 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-primary);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--surface-transparent-secondary-hover);\n                ", ": var(--text-primary);\n            "])), tokens.textFieldChipColor, tokens.textFieldChipBackground, tokens.textFieldChipBackgroundHover, tokens.textFieldChipCloseIconColor),
-      accent: /*#__PURE__*/css(_templateObject19 || (_templateObject19 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--surface-accent);\n                ", ": var(--surface-accent-hover);\n                ", ": var(--on-dark-text-primary);\n            "])), tokens.textFieldChipColor, tokens.textFieldChipBackground, tokens.textFieldChipBackgroundHover, tokens.textFieldChipCloseIconColor)
+      "default": /*#__PURE__*/css(_templateObject17 || (_templateObject17 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--inverse-text-primary);\n                ", ": var(--surface-solid-default);\n                ", ": var(--surface-solid-default-hover);\n                ", ": var(--inverse-text-primary);\n\n                ", ": var(--surface-solid-default);\n                ", ": var(--inverse-text-primary);\n                ", ": var(--surface-solid-default);\n                ", ": var(--inverse-text-primary);\n                ", ": var(--inverse-text-primary);\n            "])), tokens.textFieldChipColor, tokens.textFieldChipBackground, tokens.textFieldChipBackgroundHover, tokens.textFieldChipCloseIconColor, tokens.textFieldChipBackgroundReadOnly, tokens.textFieldChipColorReadOnly, tokens.textFieldChipBackgroundReadOnlyHover, tokens.textFieldChipColorReadOnlyHover, tokens.textFieldChipOpacityReadonly),
+      secondary: /*#__PURE__*/css(_templateObject18 || (_templateObject18 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-primary);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--surface-transparent-secondary-hover);\n                ", ": var(--text-primary);\n\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--text-primary);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--text-primary);\n                ", ": 0.72;\n            "])), tokens.textFieldChipColor, tokens.textFieldChipBackground, tokens.textFieldChipBackgroundHover, tokens.textFieldChipCloseIconColor, tokens.textFieldChipBackgroundReadOnly, tokens.textFieldChipColorReadOnly, tokens.textFieldChipBackgroundReadOnlyHover, tokens.textFieldChipColorReadOnlyHover, tokens.textFieldChipOpacityReadonly),
+      accent: /*#__PURE__*/css(_templateObject19 || (_templateObject19 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--surface-accent);\n                ", ": var(--surface-accent-hover);\n                ", ": var(--on-dark-text-primary);\n\n                ", ": var(--surface-accent);\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--surface-accent);\n                ", ": var(--on-dark-text-primary);\n                ", ": 0.72;\n            "])), tokens.textFieldChipColor, tokens.textFieldChipBackground, tokens.textFieldChipBackgroundHover, tokens.textFieldChipCloseIconColor, tokens.textFieldChipBackgroundReadOnly, tokens.textFieldChipColorReadOnly, tokens.textFieldChipBackgroundReadOnlyHover, tokens.textFieldChipColorReadOnlyHover, tokens.textFieldChipOpacityReadonly)
     },
     hintView: {
       "default": /*#__PURE__*/css(_templateObject20 || (_templateObject20 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--surface-solid-card-brightness);\n                ", ": var(--shadow-down-hard-m, 0px 4px 12px 0px rgba(0, 0, 0, 0.16),0px 1px 4px 0px rgba(0, 0, 0, 0.08));\n                ", ": var(--text-primary);\n                ", ": var(--surface-solid-card);\n            "])), tokens.textFieldTooltipBackgroundColor, tokens.textFieldTooltipBoxShadow, tokens.textFieldTooltipColor, tokens.textFieldTooltipArrowBackground)
@@ -45,6 +45,9 @@ export var config = {
     },
     disabled: {
       "true": /*#__PURE__*/css(_templateObject23 || (_templateObject23 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.4;\n            "])), tokens.textFieldDisabledOpacity)
+    },
+    readOnly: {
+      "true": /*#__PURE__*/css(_templateObject24 || (_templateObject24 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-secondary);\n                ", ": var(--surface-transparent-primary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary);\n                ", ": var(--surface-transparent-primary);\n            "])), tokens.textFieldColorReadOnly, tokens.textFieldBackgroundColorReadOnly, tokens.textFieldPlaceholderColorReadOnly, tokens.textFieldLeftHelperColorReadOnly, tokens.textFieldTitleCaptionColorReadOnly, tokens.textFieldLabelColorReadOnly, tokens.textFieldDividerColorReadOnly)
     }
   }
 };

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@salutejs/sdds-dfa",
-  "version": "0.256.1-canary.1785.13402487738.0",
+  "version": "0.257.0-canary.1748.13402355393.0",
   "description": "Salute Design System / React UI kit for SDDS DFA web applications",
   "author": "Salute Frontend Team <salute.developers@gmail.com>",
   "license": "MIT",
@@ -19,7 +19,7 @@
     "directory": "packages/sdds-dfa"
   },
   "dependencies": {
-    "@salutejs/plasma-new-hope": "0.272.1-canary.1785.13402487738.0",
+    "@salutejs/plasma-new-hope": "0.273.0-canary.1748.13402355393.0",
     "@salutejs/sdds-themes": "0.32.0-dev.0"
   },
   "peerDependencies": {
@@ -94,5 +94,5 @@
     "Anton Vinogradov"
   ],
   "sideEffects": false,
-  "gitHead": "7c60999a133d0ad8a22e279becd624bc4642df76"
+  "gitHead": "dc995bc67837d944936535630f1432fc25ad0783"
 }