npm - @salutejs/sdds-cs - Versions diffs - 0.316.0-canary.1972.15071772993.0 → 0.316.0-canary.1977.15107525912.0 - Mend

@salutejs/sdds-cs 0.316.0-canary.1972.15071772993.0 → 0.316.0-canary.1977.15107525912.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (35) hide show

package/emotion/es/components/Calendar/Calendar.stories.tsx CHANGED Viewed

@@ -82,7 +82,7 @@ const getBaseEvents = (type: 'days' | 'months' | 'quarters' | 'years', datesNumb
 };
 const StoryDefault = (args: CalendarProps) => {
-    const { isRange, isDouble, min, max, date, includeEdgeDates, size, ...rest } = args;
+    const { isRange, isDouble, min, max, date, includeEdgeDates, size } = args;
     const [value, setValue] = useState(new Date(2023, 10, 16));
     const [valueRange, setValueRange] = useState<[Date, Date?]>([new Date(2023, 10, 16), new Date(2023, 10, 23)]);
@@ -95,22 +95,17 @@ const StoryDefault = (args: CalendarProps) => {
     }, []);
     return (
-        <div style={{ height: '100vh' }}>
-            <Calendar
-                size={size}
-                isRange={isRange}
-                isDouble={isDouble}
-                date={date}
-                includeEdgeDates={includeEdgeDates}
-                min={min}
-                max={max}
-                {...rest}
-                value={(isRange ? valueRange : value) as Date & [Date, Date?]}
-                onChangeValue={
-                    (isRange ? handleOnRangeChange : handleOnChange) as (value: Date | [Date, Date?]) => void
-                }
-            />
-        </div>
+        <Calendar
+            size={size}
+            isRange={isRange}
+            isDouble={isDouble}
+            date={date}
+            value={(isRange ? valueRange : value) as Date & [Date, Date?]}
+            min={min}
+            max={max}
+            includeEdgeDates={includeEdgeDates}
+            onChangeValue={(isRange ? handleOnRangeChange : handleOnChange) as (value: Date | [Date, Date?]) => void}
+        />
     );
 };
@@ -122,13 +117,12 @@ export const Default: StoryObj<CalendarProps> = {
         isRange: false,
         includeEdgeDates: false,
         size: 's',
-        stretch: false,
     },
     render: (args) => <StoryDefault {...args} />,
 };
 const StoryBase = (args: CalendarBaseProps & { displayDouble: boolean }) => {
-    const { min, max, includeEdgeDates, size, displayDouble, ...rest } = args;
+    const { min, max, includeEdgeDates, size, displayDouble } = args;
     const [value, setValue] = useState(new Date(2023, 6, 7));
     const [currentState, setCurrentState] = useState('Days');
@@ -151,32 +145,32 @@ const StoryBase = (args: CalendarBaseProps & { displayDouble: boolean }) => {
             <CalendarDouble
                 size={size}
                 value={value}
+                min={min}
+                max={max}
                 includeEdgeDates={includeEdgeDates}
                 type={type}
                 onChangeValue={handleOnChange}
-                min={min}
-                max={max}
                 {...rest}
             />
         ) : (
             <CalendarBase
                 size={size}
                 value={value}
+                min={min}
+                max={max}
                 includeEdgeDates={includeEdgeDates}
                 type={type}
                 onChangeValue={handleOnChange}
-                min={min}
-                max={max}
                 {...rest}
             />
         );
     };
     const calendarMap = {
-        Days: getCalendarComponent({ type: 'Days', eventList: eventList.current, disabledList: disabledDays, ...rest }),
-        Months: getCalendarComponent({ type: 'Months', eventMonthList: eventMonthList.current, ...rest }),
-        Quarters: getCalendarComponent({ type: 'Quarters', eventQuarterList: eventQuarterList.current, ...rest }),
-        Years: getCalendarComponent({ type: 'Years', eventYearList: eventYearList.current, ...rest }),
+        Days: getCalendarComponent({ type: 'Days', eventList: eventList.current, disabledList: disabledDays }),
+        Months: getCalendarComponent({ type: 'Months', eventMonthList: eventMonthList.current }),
+        Quarters: getCalendarComponent({ type: 'Quarters', eventQuarterList: eventQuarterList.current }),
+        Years: getCalendarComponent({ type: 'Years', eventYearList: eventYearList.current }),
     };
     return (
@@ -195,7 +189,7 @@ const StoryBase = (args: CalendarBaseProps & { displayDouble: boolean }) => {
                     </TabItem>
                 ))}
             </Tabs>
-            <div style={{ marginTop: '1rem', height: '100vh' }}>{calendarMap[currentState]}</div>
+            <div style={{ marginTop: '1rem' }}>{calendarMap[currentState]}</div>
         </>
     );
 };
@@ -210,13 +204,12 @@ export const Base: StoryObj<CalendarBaseProps & { displayDouble: boolean }> = {
         max: defaultMaxDate,
         includeEdgeDates: false,
         displayDouble: false,
-        stretch: false,
     },
     render: (args) => <StoryBase {...args} />,
 };
 const StoryRange = (args: CalendarBaseRangeProps & { displayDouble: boolean }) => {
-    const { min, max, includeEdgeDates, size, displayDouble, ...rest } = args;
+    const { min, max, includeEdgeDates, size, displayDouble } = args;
     const [values, setValue] = useState<[Date, Date?]>([new Date(2023, 6, 1), new Date(2023, 6, 16)]);
     const [currentState, setCurrentState] = useState('Days');
@@ -238,33 +231,33 @@ const StoryRange = (args: CalendarBaseRangeProps & { displayDouble: boolean }) =
         return displayDouble ? (
             <CalendarDoubleRange
                 size={size}
+                value={values}
                 min={min}
                 max={max}
                 includeEdgeDates={includeEdgeDates}
                 type={type}
-                {...rest}
-                value={values}
                 onChangeValue={handleOnChange}
+                {...rest}
             />
         ) : (
             <CalendarBaseRange
                 size={size}
+                value={values}
                 min={min}
                 max={max}
                 includeEdgeDates={includeEdgeDates}
                 type={type}
-                {...rest}
-                value={values}
                 onChangeValue={handleOnChange}
+                {...rest}
             />
         );
     };
     const calendarMap = {
-        Days: getCalendarComponent({ type: 'Days', eventList: eventList.current, disabledList: disabledDays, ...rest }),
-        Months: getCalendarComponent({ type: 'Months', eventMonthList: eventMonthList.current, ...rest }),
-        Quarters: getCalendarComponent({ type: 'Quarters', eventQuarterList: eventQuarterList.current, ...rest }),
-        Years: getCalendarComponent({ type: 'Years', eventYearList: eventYearList.current, ...rest }),
+        Days: getCalendarComponent({ type: 'Days', eventList: eventList.current, disabledList: disabledDays }),
+        Months: getCalendarComponent({ type: 'Months', eventMonthList: eventMonthList.current }),
+        Quarters: getCalendarComponent({ type: 'Quarters', eventQuarterList: eventQuarterList.current }),
+        Years: getCalendarComponent({ type: 'Years', eventYearList: eventYearList.current }),
     };
     return (
@@ -283,7 +276,7 @@ const StoryRange = (args: CalendarBaseRangeProps & { displayDouble: boolean }) =
                     </TabItem>
                 ))}
             </Tabs>
-            <div style={{ marginTop: '1rem', height: '100vh' }}>{calendarMap[currentState]}</div>
+            <div style={{ marginTop: '1rem' }}>{calendarMap[currentState]}</div>
         </>
     );
 };
@@ -298,7 +291,6 @@ export const Range: StoryObj<CalendarBaseRangeProps & { displayDouble: boolean }
         max: defaultMaxDate,
         includeEdgeDates: false,
         displayDouble: false,
-        stretch: false,
     },
     render: (args) => <StoryRange {...args} />,
 };

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

@@ -11,7 +11,7 @@ export var config = {
       "default": /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--surface-accent);\n                ", ": var(--inverse-text-primary);\n                ", ": var(--surface-transparent-accent);\n                ", ": var(--inverse-outline-solid-secondary);\n                ", ": transparent;\n                ", ": var(--text-primary);\n                ", ": var(--surface-transparent-accent);\n                ", ": var(--surface-accent);\n                ", ": var(--inverse-text-primary);\n                ", ": var(--surface-transparent-accent);\n                ", ": var(--text-primary);\n                ", ": var(--surface-transparent-accent);\n                ", ": var(--surface-accent);\n                ", ": var(--surface-primary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-accent);\n                ", ": 1;\n\n                ", ": var(--text-accent);\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.calendarDayOfWeekColor, calendarBaseTokens.calendarHeaderArrowColor, calendarBaseTokens.calendarDisabledOpacity, calendarBaseTokens.iconButtonColor, calendarBaseTokens.iconButtonBackgroundColor, calendarBaseTokens.iconButtonColorHover, calendarBaseTokens.iconButtonBackgroundColorHover, calendarBaseTokens.iconButtonColorActive, calendarBaseTokens.iconButtonBackgroundColorActive, calendarBaseTokens.iconButtonFocusColor)
     },
     size: {
-      s: /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 17.5rem;\n                ", ": 17rem;\n\n                ", ": 0.5rem 0.5rem 0 0.5rem;\n                ", ": 0.5rem;\n\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-bold-font-weight);\n\n                ", ": 0.5rem 0.5rem 0 0.5rem;\n                ", ": 0.5rem;\n\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-bold-font-weight);\n\n                ", ": 0.5rem 0.5rem 0 0.5rem;\n                ", ": 0.5rem;\n\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-bold-font-weight);\n\n                ", ": 0.5rem 0 0 0;\n                ", ": 0.5rem;\n\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-bold-font-weight);\n\n                ", ": 0.125rem;\n\n                ", ": 0.5rem;\n\n                ", ": 0 0 0 0.5rem;\n                ", ": 0.25rem;\n\n                ", ": var(--plasma-typo-body-m-bold-font-family);\n                ", ": var(--plasma-typo-body-m-bold-font-size);\n                ", ": var(--plasma-typo-body-m-bold-font-style);\n                ", ": var(--plasma-typo-body-m-bold-letter-spacing);\n                ", ": var(--plasma-typo-body-m-bold-line-height);\n                ", ": var(--plasma-typo-body-m-font-weight);\n                ", ": var(--plasma-typo-body-m-bold-font-weight);\n\n                ", ": 2.5rem;\n                ", ": 2.5rem;\n                ", ": 1rem;\n                ", ": 0.625rem;\n            "])), calendarBaseTokens.calendarWidth, calendarBaseTokens.calendarHeight, calendarBaseTokens.calendarYearsPadding, calendarBaseTokens.calendarYearItemBorderRadius, calendarBaseTokens.calendarYearFontFamily, calendarBaseTokens.calendarYearFontSize, calendarBaseTokens.calendarYearFontStyle, calendarBaseTokens.calendarYearFontLetterSpacing, calendarBaseTokens.calendarYearFontLineHeight, calendarBaseTokens.calendarYearFontWeight, calendarBaseTokens.calendarYearSelectedFontWeight, calendarBaseTokens.calendarQuartersPadding, calendarBaseTokens.calendarQuarterItemBorderRadius, calendarBaseTokens.calendarQuarterFontFamily, calendarBaseTokens.calendarQuarterFontSize, calendarBaseTokens.calendarQuarterFontStyle, calendarBaseTokens.calendarQuarterFontLetterSpacing, calendarBaseTokens.calendarQuarterFontLineHeight, calendarBaseTokens.calendarQuarterFontWeight, calendarBaseTokens.calendarQuarterSelectedFontWeight, calendarBaseTokens.calendarMonthsPadding, calendarBaseTokens.calendarMonthItemBorderRadius, calendarBaseTokens.calendarMonthFontFamily, calendarBaseTokens.calendarMonthFontSize, calendarBaseTokens.calendarMonthFontStyle, calendarBaseTokens.calendarMonthFontLetterSpacing, calendarBaseTokens.calendarMonthFontLineHeight, calendarBaseTokens.calendarMonthFontWeight, calendarBaseTokens.calendarMonthSelectedFontWeight, calendarBaseTokens.calendarDaysPadding, calendarBaseTokens.calendarDayItemBorderRadius, 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)
+      s: /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 17.5rem;\n                ", ": 17rem;\n\n                ", ": 0.5rem 0.5rem 0 0.5rem;\n                ", ": 0.5rem;\n                ", ": 5.5rem;\n                ", ": 3.5rem;\n\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-bold-font-weight);\n\n                ", ": 0.5rem 0.5rem 0 0.5rem;\n                ", ": 0.5rem;\n                ", ": 8.25rem;\n                ", ": 7rem;\n\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-bold-font-weight);\n\n                ", ": 0.5rem 0.5rem 0 0.5rem;\n                ", ": 0.5rem;\n                ", ": 5.5rem;\n                ", ": 3.5rem;\n\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-bold-font-weight);\n\n                ", ": 0.5rem 0 0 0;\n                ", ": 0.5rem;\n                ", ": 2.5rem;\n                ", ": 2rem;\n\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-bold-font-weight);\n\n                ", ": 0.125rem;\n\n                ", ": 0.5rem;\n\n                ", ": 0 0 0 0.5rem;\n                ", ": 0.25rem;\n\n                ", ": var(--plasma-typo-body-m-bold-font-family);\n                ", ": var(--plasma-typo-body-m-bold-font-size);\n                ", ": var(--plasma-typo-body-m-bold-font-style);\n                ", ": var(--plasma-typo-body-m-bold-letter-spacing);\n                ", ": var(--plasma-typo-body-m-bold-line-height);\n                ", ": var(--plasma-typo-body-m-font-weight);\n                ", ": var(--plasma-typo-body-m-bold-font-weight);\n\n                ", ": 2.5rem;\n                ", ": 2.5rem;\n                ", ": 1rem;\n                ", ": 0.625rem;\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/emotion/es/components/Calendar/CalendarDouble.config.js CHANGED Viewed

@@ -11,7 +11,7 @@ export var config = {
       "default": /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--surface-accent);\n                ", ": var(--inverse-text-primary);\n                ", ": var(--surface-transparent-accent);\n                ", ": var(--inverse-outline-solid-secondary);\n                ", ": transparent;\n                ", ": var(--text-primary);\n                ", ": var(--surface-transparent-accent);\n                ", ": var(--surface-accent);\n                ", ": var(--inverse-text-primary);\n                ", ": var(--surface-transparent-accent);\n                ", ": var(--text-primary);\n                ", ": var(--surface-transparent-accent);\n                ", ": var(--surface-accent);\n                ", ": var(--surface-primary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-accent);\n                ", ": 1;\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.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.calendarContentSecondaryColor, calendarDoubleTokens.calendarContentSecondaryDisabledColor, calendarDoubleTokens.calendarDayOfWeekColor, calendarDoubleTokens.calendarHeaderArrowColor, calendarDoubleTokens.calendarDisabledOpacity, calendarDoubleTokens.iconButtonColor, calendarDoubleTokens.iconButtonBackgroundColor, calendarDoubleTokens.iconButtonColorHover, calendarDoubleTokens.iconButtonBackgroundColorHover, calendarDoubleTokens.iconButtonColorActive, calendarDoubleTokens.iconButtonBackgroundColorActive, calendarDoubleTokens.iconButtonFocusColor)
     },
     size: {
-      s: /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 37.063rem;\n                ", ": 17rem;\n\n                ", ": 0.5rem 0.5rem 0 0.5rem;\n                ", ": 0.5rem;\n\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-bold-font-weight);\n\n                ", ": 0.5rem 0.5rem 0 0.5rem;\n                ", ": 0.5rem;\n\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-bold-font-weight);\n\n                ", ": 0.5rem 0.5rem 0 0.5rem;\n                ", ": 0.5rem;\n\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-bold-font-weight);\n\n                ", ": 0.5rem;\n\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-bold-font-weight);\n\n                ", ": 0.125rem;\n\n                ", ": 0.5rem;\n\n                ", ": 0.5rem 0 0 0;\n                ", ": 0 0 0 0.5rem;\n                ", ": 0.25rem;\n\n                ", ": var(--plasma-typo-body-m-bold-font-family);\n                ", ": var(--plasma-typo-body-m-bold-font-size);\n                ", ": var(--plasma-typo-body-m-bold-font-style);\n                ", ": var(--plasma-typo-body-m-bold-letter-spacing);\n                ", ": var(--plasma-typo-body-m-bold-line-height);\n                ", ": var(--plasma-typo-body-m-font-weight);\n                ", ": var(--plasma-typo-body-m-bold-font-weight);\n\n                ", ": 2.5rem;\n                ", ": 2.5rem;\n                ", ": 1rem;\n                ", ": 0.625rem;\n            "])), calendarDoubleTokens.calendarWidth, calendarDoubleTokens.calendarHeight, calendarDoubleTokens.calendarYearsPadding, calendarDoubleTokens.calendarYearItemBorderRadius, calendarDoubleTokens.calendarYearFontFamily, calendarDoubleTokens.calendarYearFontSize, calendarDoubleTokens.calendarYearFontStyle, calendarDoubleTokens.calendarYearFontLetterSpacing, calendarDoubleTokens.calendarYearFontLineHeight, calendarDoubleTokens.calendarYearFontWeight, calendarDoubleTokens.calendarYearSelectedFontWeight, calendarDoubleTokens.calendarQuartersPadding, calendarDoubleTokens.calendarQuarterItemBorderRadius, calendarDoubleTokens.calendarQuarterFontFamily, calendarDoubleTokens.calendarQuarterFontSize, calendarDoubleTokens.calendarQuarterFontStyle, calendarDoubleTokens.calendarQuarterFontLetterSpacing, calendarDoubleTokens.calendarQuarterFontLineHeight, calendarDoubleTokens.calendarQuarterFontWeight, calendarDoubleTokens.calendarQuarterSelectedFontWeight, calendarDoubleTokens.calendarMonthsPadding, calendarDoubleTokens.calendarMonthItemBorderRadius, calendarDoubleTokens.calendarMonthFontFamily, calendarDoubleTokens.calendarMonthFontSize, calendarDoubleTokens.calendarMonthFontStyle, calendarDoubleTokens.calendarMonthFontLetterSpacing, calendarDoubleTokens.calendarMonthFontLineHeight, calendarDoubleTokens.calendarMonthFontWeight, calendarDoubleTokens.calendarMonthSelectedFontWeight, calendarDoubleTokens.calendarDayItemBorderRadius, 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)
+      s: /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 37.063rem;\n                ", ": 17rem;\n\n                ", ": 0.5rem 0.5rem 0 0.5rem;\n                ", ": 0.5rem;\n                ", ": 5.5rem;\n                ", ": 3.5rem;\n\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-bold-font-weight);\n\n                ", ": 0.5rem 0.5rem 0 0.5rem;\n                ", ": 0.5rem;\n                ", ": 8.25rem;\n                ", ": 7rem;\n\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-bold-font-weight);\n\n                ", ": 0.5rem 0.5rem 0 0.5rem;\n                ", ": 0.5rem;\n                ", ": 5.5rem;\n                ", ": 3.5rem;\n\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-bold-font-weight);\n\n                ", ": 0.5rem;\n                ", ": 2.5rem;\n                ", ": 2rem;\n\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-bold-font-weight);\n\n                ", ": 0.125rem;\n\n                ", ": 0.5rem;\n\n                ", ": 0.5rem 0 0 0;\n                ", ": 0 0 0 0.5rem;\n                ", ": 0.25rem;\n\n                ", ": var(--plasma-typo-body-m-bold-font-family);\n                ", ": var(--plasma-typo-body-m-bold-font-size);\n                ", ": var(--plasma-typo-body-m-bold-font-style);\n                ", ": var(--plasma-typo-body-m-bold-letter-spacing);\n                ", ": var(--plasma-typo-body-m-bold-line-height);\n                ", ": var(--plasma-typo-body-m-font-weight);\n                ", ": var(--plasma-typo-body-m-bold-font-weight);\n\n                ", ": 2.5rem;\n                ", ": 2.5rem;\n                ", ": 1rem;\n                ", ": 0.625rem;\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/emotion/es/components/DatePicker/DatePicker.config.js CHANGED Viewed

@@ -11,7 +11,7 @@ export var config = {
       "default": /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--surface-solid-card);\n                ", ": var(--outline-solid-primary);\n                ", ": var(--outline-solid-primary-hover);\n                ", ": var(--outline-accent);\n                ", ": var(--outline-negative);\n                ", ": var(--outline-accent);\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(--outline-solid-primary);\n                ", ": var(--outline-solid-primary-hover);\n                ", ": var(--outline-accent);\n                ", ": var(--outline-negative);\n                ", ": var(--outline-negative);\n                ", ": var(--outline-accent);\n                ", ": var(--outline-accent);\n                ", ": var(--surface-solid-card);\n                ", ": var(--text-secondary);\n\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary);\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-accent);\n                ", ": var(--inverse-text-primary);\n                ", ": var(--surface-transparent-accent);\n                ", ": var(--inverse-outline-solid-secondary);\n                ", ": transparent;\n                ", ": var(--text-primary);\n                ", ": var(--surface-transparent-accent);\n                ", ": var(--surface-accent);\n                ", ": var(--inverse-text-primary);\n                ", ": var(--surface-accent);\n                ", ": var(--text-primary);\n                ", ": var(--surface-transparent-accent);\n                ", ": var(--surface-accent);\n                ", ": var(--text-primary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-accent);\n                ", ": var(--outline-solid-primary);\n                ", ": var(--text-secondary);\n                ", ": 0.4;\n\n                ", ": var(--text-accent);\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\n                ", ": var(--text-accent);\n                ", ": #1A9E32;\n            "])), tokens.background, tokens.borderColor, tokens.borderColorHover, tokens.borderColorFocus, tokens.borderColorError, tokens.borderColorSuccess, 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.textFieldBorderColor, tokens.textFieldBorderColorHover, tokens.textFieldBorderColorFocus, tokens.textFieldBorderColorError, tokens.textFieldBorderColorErrorFocus, tokens.textFieldBorderColorSuccess, tokens.textFieldBorderColorSuccessFocus, tokens.textFieldBackgroundColor, tokens.textFieldContentSlotColor, 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.calendarContentSecondaryColor, tokens.calendarContentPrimaryDisabledColor, tokens.calendarContentSecondaryDisabledColor, tokens.calendarHeaderArrowColor, tokens.calendarBorderColor, tokens.calendarDayOfWeekColor, tokens.calendarDisabledOpacity, tokens.iconButtonColor, tokens.iconButtonBackgroundColor, tokens.iconButtonColorHover, tokens.iconButtonBackgroundColorHover, tokens.iconButtonColorActive, tokens.iconButtonBackgroundColorActive, tokens.iconButtonFocusColor, tokens.textFieldContentRightSlotColor, tokens.textFieldContentRightSlotColorHover)
     },
     size: {
-      s: /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 19.5rem;\n                ", ": 0.625rem;\n                ", ": 0.125rem;\n\n                ", ": 0 0.375rem;\n                ", ": var(--plasma-typo-body-m-font-family);\n                ", ": var(--plasma-typo-body-m-font-style);\n                ", ": var(--plasma-typo-body-m-font-size);\n                ", ": var(--plasma-typo-body-m-font-weight);\n                ", ": var(--plasma-typo-body-m-letter-spacing);\n                ", ": var(--plasma-typo-body-m-line-height);\n\n                ", ": 0 0 0 0.75rem;\n                ", ": 0;\n\n                ", ": 0.5rem;\n                ", ": 0.3125rem 0 0 0;\n                ", ": 1.0625rem 0 0.3125rem 0;\n\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n\n                ", ": 0.375rem;\n                ", ": 0.375rem;\n                ", ": 0 0 0 0;\n                ", ": 0.3125rem auto auto -0.6875rem;\n                ", ": 0 0 auto auto;\n                ", ": 0.25rem -0.625rem auto auto;\n\n                ", ": 2.5rem;\n                ", ": 0.625rem;\n                ", ": 0.125rem;\n                ", ": 0.6875rem 0.75rem 0.6875rem 0.75rem;\n                ", ": var(--plasma-typo-body-m-font-family);\n                ", ": var(--plasma-typo-body-m-font-style);\n                ", ": var(--plasma-typo-body-m-font-size);\n                ", ": var(--plasma-typo-body-m-font-weight);\n                ", ": var(--plasma-typo-body-m-letter-spacing);\n                ", ": var(--plasma-typo-body-m-line-height);\n\n                ", ": 0.25rem 0 0 0;\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n\n                ", ": -0.1875rem 0.25rem -0.1875rem -0.125rem;\n                ", ": -0.1875rem -0.125rem -0.1875rem 0.75rem;\n                ", ": 0 0.25rem 0 0;\n                ", ": 0 0 0 0.25rem;\n\n                ", ": 0.125rem;\n                ", ": 19.5rem;\n                ", ": 18.625rem;\n                ", ": 0.875rem;\n\n                ", ": 0.5rem 1rem 0.875rem 1rem;\n                ", ": 0.5rem;\n\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-bold-font-weight);\n\n                ", ": 0.5rem 0.5rem 0 0.5rem;\n                ", ": 0.5rem;\n\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-bold-font-weight);\n\n                ", ": 0.5rem 1rem 0.875rem 1rem;\n                ", ": 0.5rem;\n\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-bold-font-weight);\n\n                ", ": 0.5rem 1rem 0.875rem 1rem;\n                ", ": 0.5rem;\n\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-bold-font-weight);\n\n                ", ": 0.125rem;\n\n                ", ": 0.75rem 1rem 0 1rem;\n                ", ": 0.5rem;\n\n                ", ": 0 0 0 0.5rem;\n                ", ": 0.25rem;\n\n                ", ": var(--plasma-typo-body-m-bold-font-family);\n                ", ": var(--plasma-typo-body-m-bold-font-size);\n                ", ": var(--plasma-typo-body-m-bold-font-style);\n                ", ": var(--plasma-typo-body-m-bold-letter-spacing);\n                ", ": var(--plasma-typo-body-m-bold-line-height);\n                ", ": var(--plasma-typo-body-m-bold-font-weight);\n                ", ": var(--plasma-typo-body-m-bold-font-weight);\n\n                ", ": 2rem;\n                ", ": 2rem;\n                ", ": 0.75rem;\n                ", ": 0.5rem;\n            "])), tokens.width, tokens.borderRadius, tokens.borderWidth, 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.textFieldBorderWidth, 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.calendarBorderWidth, tokens.calendarWidth, tokens.calendarHeight, tokens.calendarBorderRadius, tokens.calendarYearsPadding, tokens.calendarYearItemBorderRadius, tokens.calendarYearFontFamily, tokens.calendarYearFontSize, tokens.calendarYearFontStyle, tokens.calendarYearFontLetterSpacing, tokens.calendarYearFontLineHeight, tokens.calendarYearFontWeight, tokens.calendarYearSelectedFontWeight, tokens.calendarQuartersPadding, tokens.calendarQuarterItemBorderRadius, tokens.calendarQuarterFontFamily, tokens.calendarQuarterFontSize, tokens.calendarQuarterFontStyle, tokens.calendarQuarterFontLetterSpacing, tokens.calendarQuarterFontLineHeight, tokens.calendarQuarterFontWeight, tokens.calendarQuarterSelectedFontWeight, tokens.calendarMonthsPadding, tokens.calendarMonthItemBorderRadius, tokens.calendarMonthFontFamily, tokens.calendarMonthFontSize, tokens.calendarMonthFontStyle, tokens.calendarMonthFontLetterSpacing, tokens.calendarMonthFontLineHeight, tokens.calendarMonthFontWeight, tokens.calendarMonthSelectedFontWeight, tokens.calendarDaysPadding, tokens.calendarDayItemBorderRadius, 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)
+      s: /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 19.5rem;\n                ", ": 0.625rem;\n                ", ": 0.125rem;\n\n                ", ": 0 0.375rem;\n                ", ": var(--plasma-typo-body-m-font-family);\n                ", ": var(--plasma-typo-body-m-font-style);\n                ", ": var(--plasma-typo-body-m-font-size);\n                ", ": var(--plasma-typo-body-m-font-weight);\n                ", ": var(--plasma-typo-body-m-letter-spacing);\n                ", ": var(--plasma-typo-body-m-line-height);\n\n                ", ": 0 0 0 0.75rem;\n                ", ": 0;\n\n                ", ": 0.5rem;\n                ", ": 0.3125rem 0 0 0;\n                ", ": 1.0625rem 0 0.3125rem 0;\n\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n\n                ", ": 0.375rem;\n                ", ": 0.375rem;\n                ", ": 0 0 0 0;\n                ", ": 0.3125rem auto auto -0.6875rem;\n                ", ": 0 0 auto auto;\n                ", ": 0.25rem -0.625rem auto auto;\n\n                ", ": 2.5rem;\n                ", ": 0.625rem;\n                ", ": 0.125rem;\n                ", ": 0.6875rem 0.75rem 0.6875rem 0.75rem;\n                ", ": var(--plasma-typo-body-m-font-family);\n                ", ": var(--plasma-typo-body-m-font-style);\n                ", ": var(--plasma-typo-body-m-font-size);\n                ", ": var(--plasma-typo-body-m-font-weight);\n                ", ": var(--plasma-typo-body-m-letter-spacing);\n                ", ": var(--plasma-typo-body-m-line-height);\n\n                ", ": 0.25rem 0 0 0;\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n\n                ", ": -0.1875rem 0.25rem -0.1875rem -0.125rem;\n                ", ": -0.1875rem -0.125rem -0.1875rem 0.75rem;\n                ", ": 0 0.25rem 0 0;\n                ", ": 0 0 0 0.25rem;\n\n                ", ": 0.125rem;\n                ", ": 19.5rem;\n                ", ": 0.875rem;\n\n                ", ": 0.5rem 1rem 0.875rem 1rem;\n                ", ": 0.5rem;\n                ", ": 5.5rem;\n                ", ": 3.5rem;\n\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-bold-font-weight);\n\n                ", ": 0.5rem 0.5rem 0 0.5rem;\n                ", ": 0.5rem;\n                ", ": 8.25rem;\n                ", ": 7rem;\n\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-bold-font-weight);\n\n                ", ": 0.5rem 1rem 0.875rem 1rem;\n                ", ": 0.5rem;\n                ", ": 5.5rem;\n                ", ": 3.5rem;\n\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-bold-font-weight);\n\n                ", ": 0.5rem 1rem 0.875rem 1rem;\n                ", ": 0.5rem;\n                ", ": 2.5rem;\n                ", ": 2rem;\n\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-bold-font-weight);\n\n                ", ": 0.125rem;\n\n                ", ": 0.75rem 1rem 0 1rem;\n                ", ": 0.5rem;\n\n                ", ": 0 0 0 0.5rem;\n                ", ": 0.25rem;\n\n                ", ": var(--plasma-typo-body-m-bold-font-family);\n                ", ": var(--plasma-typo-body-m-bold-font-size);\n                ", ": var(--plasma-typo-body-m-bold-font-style);\n                ", ": var(--plasma-typo-body-m-bold-letter-spacing);\n                ", ": var(--plasma-typo-body-m-bold-line-height);\n                ", ": var(--plasma-typo-body-m-bold-font-weight);\n                ", ": var(--plasma-typo-body-m-bold-font-weight);\n\n                ", ": 2rem;\n                ", ": 2rem;\n                ", ": 0.75rem;\n                ", ": 0.5rem;\n            "])), tokens.width, tokens.borderRadius, tokens.borderWidth, 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.textFieldBorderWidth, 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.calendarBorderWidth, tokens.calendarWidth, tokens.calendarBorderRadius, tokens.calendarYearsPadding, tokens.calendarYearItemBorderRadius, tokens.calendarYearItemWidth, tokens.calendarYearItemHeight, tokens.calendarYearFontFamily, tokens.calendarYearFontSize, tokens.calendarYearFontStyle, tokens.calendarYearFontLetterSpacing, tokens.calendarYearFontLineHeight, tokens.calendarYearFontWeight, tokens.calendarYearSelectedFontWeight, tokens.calendarQuartersPadding, tokens.calendarQuarterItemBorderRadius, tokens.calendarQuarterItemWidth, tokens.calendarQuarterItemHeight, tokens.calendarQuarterFontFamily, tokens.calendarQuarterFontSize, tokens.calendarQuarterFontStyle, tokens.calendarQuarterFontLetterSpacing, tokens.calendarQuarterFontLineHeight, tokens.calendarQuarterFontWeight, tokens.calendarQuarterSelectedFontWeight, tokens.calendarMonthsPadding, tokens.calendarMonthItemBorderRadius, tokens.calendarMonthItemWidth, tokens.calendarMonthItemHeight, tokens.calendarMonthFontFamily, tokens.calendarMonthFontSize, tokens.calendarMonthFontStyle, tokens.calendarMonthFontLetterSpacing, tokens.calendarMonthFontLineHeight, tokens.calendarMonthFontWeight, tokens.calendarMonthSelectedFontWeight, 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)
     },
     disabled: {
       "true": /*#__PURE__*/css(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--surface-solid-primary);\n                ", ": var(--surface-solid-primary);\n                ", ": var(--surface-solid-primary);\n                ", ": var(--surface-solid-primary);\n                ", ": var(--surface-solid-primary);\n                ", ": var(--surface-solid-primary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary);\n                ", ": var(--surface-solid-primary);\n                ", ": var(--text-secondary);\n            "])), tokens.background, tokens.borderColor, tokens.borderColorHover, tokens.borderColorFocus, tokens.borderColorSuccess, tokens.textFieldBorderColorFocus, tokens.textFieldColor, tokens.textFieldPlaceholderColor, tokens.textFieldColor, tokens.textFieldPlaceholderColor, tokens.textFieldCaretColor, tokens.textFieldBackgroundColor, tokens.labelColor)

package/emotion/es/components/DatePicker/DatePicker.stories.tsx CHANGED Viewed

@@ -154,9 +154,6 @@ export const Default: StoryObj<StoryPropsDefault> = {
         enableContentRight: true,
         valueError: false,
         valueSuccess: false,
-        calendarWidth: 0,
-        calendarHeight: 0,
-        stretch: false,
     },
     render: (args) => <StoryDefault {...args} />,
 };
@@ -293,9 +290,6 @@ export const Range: StoryObj<StoryPropsRange> = {
         firstValueSuccess: false,
         secondValueError: false,
         secondValueSuccess: false,
-        calendarWidth: 0,
-        calendarHeight: 0,
-        stretch: false,
     },
     render: (args) => <StoryRange {...args} />,
 };

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

@@ -11,7 +11,7 @@ export var config = {
       "default": /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--surface-accent);\n                ", ": var(--inverse-text-primary);\n                ", ": var(--surface-transparent-accent);\n                ", ": var(--inverse-outline-solid-secondary);\n                ", ": transparent;\n                ", ": var(--text-primary);\n                ", ": var(--surface-transparent-accent);\n                ", ": var(--surface-accent);\n                ", ": var(--inverse-text-primary);\n                ", ": var(--surface-transparent-accent);\n                ", ": var(--text-primary);\n                ", ": var(--surface-transparent-accent);\n                ", ": var(--surface-accent);\n                ", ": var(--surface-primary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-accent);\n                ", ": 1;\n\n                ", ": var(--text-accent);\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.calendarDayOfWeekColor, calendarBaseTokens.calendarHeaderArrowColor, calendarBaseTokens.calendarDisabledOpacity, calendarBaseTokens.iconButtonColor, calendarBaseTokens.iconButtonBackgroundColor, calendarBaseTokens.iconButtonColorHover, calendarBaseTokens.iconButtonBackgroundColorHover, calendarBaseTokens.iconButtonColorActive, calendarBaseTokens.iconButtonBackgroundColorActive, calendarBaseTokens.iconButtonFocusColor)
     },
     size: {
-      s: /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 17.5rem;\n                ", ": 17rem;\n\n                ", ": 0.5rem 0.5rem 0 0.5rem;\n                ", ": 0.5rem;\n\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-bold-font-weight);\n\n                ", ": 0.5rem 0.5rem 0 0.5rem;\n                ", ": 0.5rem;\n\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-bold-font-weight);\n\n                ", ": 0.5rem 0.5rem 0 0.5rem;\n                ", ": 0.5rem;\n\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-bold-font-weight);\n\n                ", ": 0.5rem 0 0 0;\n                ", ": 0.5rem;\n\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-bold-font-weight);\n\n                ", ": 0.125rem;\n\n                ", ": 0.5rem;\n\n                ", ": 0 0 0 0.5rem;\n                ", ": 0.25rem;\n\n                ", ": var(--plasma-typo-body-m-bold-font-family);\n                ", ": var(--plasma-typo-body-m-bold-font-size);\n                ", ": var(--plasma-typo-body-m-bold-font-style);\n                ", ": var(--plasma-typo-body-m-bold-letter-spacing);\n                ", ": var(--plasma-typo-body-m-bold-line-height);\n                ", ": var(--plasma-typo-body-m-font-weight);\n                ", ": var(--plasma-typo-body-m-bold-font-weight);\n\n                ", ": 2.5rem;\n                ", ": 2.5rem;\n                ", ": 1rem;\n                ", ": 0.625rem;\n            "])), calendarBaseTokens.calendarWidth, calendarBaseTokens.calendarHeight, calendarBaseTokens.calendarYearsPadding, calendarBaseTokens.calendarYearItemBorderRadius, calendarBaseTokens.calendarYearFontFamily, calendarBaseTokens.calendarYearFontSize, calendarBaseTokens.calendarYearFontStyle, calendarBaseTokens.calendarYearFontLetterSpacing, calendarBaseTokens.calendarYearFontLineHeight, calendarBaseTokens.calendarYearFontWeight, calendarBaseTokens.calendarYearSelectedFontWeight, calendarBaseTokens.calendarQuartersPadding, calendarBaseTokens.calendarQuarterItemBorderRadius, calendarBaseTokens.calendarQuarterFontFamily, calendarBaseTokens.calendarQuarterFontSize, calendarBaseTokens.calendarQuarterFontStyle, calendarBaseTokens.calendarQuarterFontLetterSpacing, calendarBaseTokens.calendarQuarterFontLineHeight, calendarBaseTokens.calendarQuarterFontWeight, calendarBaseTokens.calendarQuarterSelectedFontWeight, calendarBaseTokens.calendarMonthsPadding, calendarBaseTokens.calendarMonthItemBorderRadius, calendarBaseTokens.calendarMonthFontFamily, calendarBaseTokens.calendarMonthFontSize, calendarBaseTokens.calendarMonthFontStyle, calendarBaseTokens.calendarMonthFontLetterSpacing, calendarBaseTokens.calendarMonthFontLineHeight, calendarBaseTokens.calendarMonthFontWeight, calendarBaseTokens.calendarMonthSelectedFontWeight, calendarBaseTokens.calendarDaysPadding, calendarBaseTokens.calendarDayItemBorderRadius, 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)
+      s: /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 17.5rem;\n                ", ": 17rem;\n\n                ", ": 0.5rem 0.5rem 0 0.5rem;\n                ", ": 0.5rem;\n                ", ": 5.5rem;\n                ", ": 3.5rem;\n\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-bold-font-weight);\n\n                ", ": 0.5rem 0.5rem 0 0.5rem;\n                ", ": 0.5rem;\n                ", ": 8.25rem;\n                ", ": 7rem;\n\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-bold-font-weight);\n\n                ", ": 0.5rem 0.5rem 0 0.5rem;\n                ", ": 0.5rem;\n                ", ": 5.5rem;\n                ", ": 3.5rem;\n\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-bold-font-weight);\n\n                ", ": 0.5rem 0 0 0;\n                ", ": 0.5rem;\n                ", ": 2.5rem;\n                ", ": 2rem;\n\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-bold-font-weight);\n\n                ", ": 0.125rem;\n\n                ", ": 0.5rem;\n\n                ", ": 0 0 0 0.5rem;\n                ", ": 0.25rem;\n\n                ", ": var(--plasma-typo-body-m-bold-font-family);\n                ", ": var(--plasma-typo-body-m-bold-font-size);\n                ", ": var(--plasma-typo-body-m-bold-font-style);\n                ", ": var(--plasma-typo-body-m-bold-letter-spacing);\n                ", ": var(--plasma-typo-body-m-bold-line-height);\n                ", ": var(--plasma-typo-body-m-font-weight);\n                ", ": var(--plasma-typo-body-m-bold-font-weight);\n\n                ", ": 2.5rem;\n                ", ": 2.5rem;\n                ", ": 1rem;\n                ", ": 0.625rem;\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

@@ -11,7 +11,7 @@ export var config = {
       "default": /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--surface-accent);\n                ", ": var(--inverse-text-primary);\n                ", ": var(--surface-transparent-accent);\n                ", ": var(--inverse-outline-solid-secondary);\n                ", ": transparent;\n                ", ": var(--text-primary);\n                ", ": var(--surface-transparent-accent);\n                ", ": var(--surface-accent);\n                ", ": var(--inverse-text-primary);\n                ", ": var(--surface-transparent-accent);\n                ", ": var(--text-primary);\n                ", ": var(--surface-transparent-accent);\n                ", ": var(--surface-accent);\n                ", ": var(--surface-primary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-accent);\n                ", ": 1;\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.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.calendarContentSecondaryColor, calendarDoubleTokens.calendarContentSecondaryDisabledColor, calendarDoubleTokens.calendarDayOfWeekColor, calendarDoubleTokens.calendarHeaderArrowColor, calendarDoubleTokens.calendarDisabledOpacity, calendarDoubleTokens.iconButtonColor, calendarDoubleTokens.iconButtonBackgroundColor, calendarDoubleTokens.iconButtonColorHover, calendarDoubleTokens.iconButtonBackgroundColorHover, calendarDoubleTokens.iconButtonColorActive, calendarDoubleTokens.iconButtonBackgroundColorActive, calendarDoubleTokens.iconButtonFocusColor)
     },
     size: {
-      s: /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 37.063rem;\n                ", ": 17rem;\n\n                ", ": 0.5rem 0.5rem 0 0.5rem;\n                ", ": 0.5rem;\n\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-bold-font-weight);\n\n                ", ": 0.5rem 0.5rem 0 0.5rem;\n                ", ": 0.5rem;\n\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-bold-font-weight);\n\n                ", ": 0.5rem 0.5rem 0 0.5rem;\n                ", ": 0.5rem;\n\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-bold-font-weight);\n\n                ", ": 0.5rem;\n\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-bold-font-weight);\n\n                ", ": 0.125rem;\n\n                ", ": 0.5rem;\n\n                ", ": 0.5rem 0 0 0;\n                ", ": 0 0 0 0.5rem;\n                ", ": 0.25rem;\n\n                ", ": var(--plasma-typo-body-m-bold-font-family);\n                ", ": var(--plasma-typo-body-m-bold-font-size);\n                ", ": var(--plasma-typo-body-m-bold-font-style);\n                ", ": var(--plasma-typo-body-m-bold-letter-spacing);\n                ", ": var(--plasma-typo-body-m-bold-line-height);\n                ", ": var(--plasma-typo-body-m-font-weight);\n                ", ": var(--plasma-typo-body-m-bold-font-weight);\n\n                ", ": 2.5rem;\n                ", ": 2.5rem;\n                ", ": 1rem;\n                ", ": 0.625rem;\n            "])), calendarDoubleTokens.calendarWidth, calendarDoubleTokens.calendarHeight, calendarDoubleTokens.calendarYearsPadding, calendarDoubleTokens.calendarYearItemBorderRadius, calendarDoubleTokens.calendarYearFontFamily, calendarDoubleTokens.calendarYearFontSize, calendarDoubleTokens.calendarYearFontStyle, calendarDoubleTokens.calendarYearFontLetterSpacing, calendarDoubleTokens.calendarYearFontLineHeight, calendarDoubleTokens.calendarYearFontWeight, calendarDoubleTokens.calendarYearSelectedFontWeight, calendarDoubleTokens.calendarQuartersPadding, calendarDoubleTokens.calendarQuarterItemBorderRadius, calendarDoubleTokens.calendarQuarterFontFamily, calendarDoubleTokens.calendarQuarterFontSize, calendarDoubleTokens.calendarQuarterFontStyle, calendarDoubleTokens.calendarQuarterFontLetterSpacing, calendarDoubleTokens.calendarQuarterFontLineHeight, calendarDoubleTokens.calendarQuarterFontWeight, calendarDoubleTokens.calendarQuarterSelectedFontWeight, calendarDoubleTokens.calendarMonthsPadding, calendarDoubleTokens.calendarMonthItemBorderRadius, calendarDoubleTokens.calendarMonthFontFamily, calendarDoubleTokens.calendarMonthFontSize, calendarDoubleTokens.calendarMonthFontStyle, calendarDoubleTokens.calendarMonthFontLetterSpacing, calendarDoubleTokens.calendarMonthFontLineHeight, calendarDoubleTokens.calendarMonthFontWeight, calendarDoubleTokens.calendarMonthSelectedFontWeight, calendarDoubleTokens.calendarDayItemBorderRadius, 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)
+      s: /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 37.063rem;\n                ", ": 17rem;\n\n                ", ": 0.5rem 0.5rem 0 0.5rem;\n                ", ": 0.5rem;\n                ", ": 5.5rem;\n                ", ": 3.5rem;\n\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-bold-font-weight);\n\n                ", ": 0.5rem 0.5rem 0 0.5rem;\n                ", ": 0.5rem;\n                ", ": 8.25rem;\n                ", ": 7rem;\n\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-bold-font-weight);\n\n                ", ": 0.5rem 0.5rem 0 0.5rem;\n                ", ": 0.5rem;\n                ", ": 5.5rem;\n                ", ": 3.5rem;\n\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-bold-font-weight);\n\n                ", ": 0.5rem;\n                ", ": 2.5rem;\n                ", ": 2rem;\n\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-bold-font-weight);\n\n                ", ": 0.125rem;\n\n                ", ": 0.5rem;\n\n                ", ": 0.5rem 0 0 0;\n                ", ": 0 0 0 0.5rem;\n                ", ": 0.25rem;\n\n                ", ": var(--plasma-typo-body-m-bold-font-family);\n                ", ": var(--plasma-typo-body-m-bold-font-size);\n                ", ": var(--plasma-typo-body-m-bold-font-style);\n                ", ": var(--plasma-typo-body-m-bold-letter-spacing);\n                ", ": var(--plasma-typo-body-m-bold-line-height);\n                ", ": var(--plasma-typo-body-m-font-weight);\n                ", ": var(--plasma-typo-body-m-bold-font-weight);\n\n                ", ": 2.5rem;\n                ", ": 2.5rem;\n                ", ": 1rem;\n                ", ": 0.625rem;\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

@@ -11,7 +11,7 @@ export var config = {
       "default": /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--surface-solid-card);\n                ", ": var(--outline-solid-primary);\n                ", ": var(--outline-solid-primary-hover);\n                ", ": var(--outline-accent);\n                ", ": var(--outline-negative);\n                ", ": var(--outline-accent);\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(--outline-solid-primary);\n                ", ": var(--outline-solid-primary-hover);\n                ", ": var(--outline-accent);\n                ", ": var(--outline-negative);\n                ", ": var(--outline-negative);\n                ", ": var(--outline-accent);\n                ", ": var(--outline-accent);\n                ", ": var(--surface-solid-card);\n                ", ": var(--text-secondary);\n\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary);\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-accent);\n                ", ": var(--inverse-text-primary);\n                ", ": var(--surface-transparent-accent);\n                ", ": var(--inverse-outline-solid-secondary);\n                ", ": transparent;\n                ", ": var(--text-primary);\n                ", ": var(--surface-transparent-accent);\n                ", ": var(--surface-accent);\n                ", ": var(--inverse-text-primary);\n                ", ": var(--surface-accent);\n                ", ": var(--text-primary);\n                ", ": var(--surface-transparent-accent);\n                ", ": var(--surface-accent);\n                ", ": var(--text-primary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-accent);\n                ", ": var(--outline-solid-primary);\n                ", ": var(--text-secondary);\n                ", ": 0.4;\n\n                ", ": var(--text-accent);\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\n                ", ": var(--text-accent);\n                ", ": #1A9E32;\n            "])), tokens.background, tokens.borderColor, tokens.borderColorHover, tokens.borderColorFocus, tokens.borderColorError, tokens.borderColorSuccess, 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.textFieldBorderColor, tokens.textFieldBorderColorHover, tokens.textFieldBorderColorFocus, tokens.textFieldBorderColorError, tokens.textFieldBorderColorErrorFocus, tokens.textFieldBorderColorSuccess, tokens.textFieldBorderColorSuccessFocus, tokens.textFieldBackgroundColor, tokens.textFieldContentSlotColor, 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.calendarContentSecondaryColor, tokens.calendarContentPrimaryDisabledColor, tokens.calendarContentSecondaryDisabledColor, tokens.calendarHeaderArrowColor, tokens.calendarBorderColor, tokens.calendarDayOfWeekColor, tokens.calendarDisabledOpacity, tokens.iconButtonColor, tokens.iconButtonBackgroundColor, tokens.iconButtonColorHover, tokens.iconButtonBackgroundColorHover, tokens.iconButtonColorActive, tokens.iconButtonBackgroundColorActive, tokens.iconButtonFocusColor, tokens.textFieldContentRightSlotColor, tokens.textFieldContentRightSlotColorHover)
     },
     size: {
-      s: /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 19.5rem;\n                ", ": 0.625rem;\n                ", ": 0.125rem;\n\n                ", ": 0 0.375rem;\n                ", ": var(--plasma-typo-body-m-font-family);\n                ", ": var(--plasma-typo-body-m-font-style);\n                ", ": var(--plasma-typo-body-m-font-size);\n                ", ": var(--plasma-typo-body-m-font-weight);\n                ", ": var(--plasma-typo-body-m-letter-spacing);\n                ", ": var(--plasma-typo-body-m-line-height);\n\n                ", ": 0 0 0 0.75rem;\n                ", ": 0;\n\n                ", ": 0.5rem;\n                ", ": 0.3125rem 0 0 0;\n                ", ": 1.0625rem 0 0.3125rem 0;\n\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n\n                ", ": 0.375rem;\n                ", ": 0.375rem;\n                ", ": 0 0 0 0;\n                ", ": 0.3125rem auto auto -0.6875rem;\n                ", ": 0 0 auto auto;\n                ", ": 0.25rem -0.625rem auto auto;\n\n                ", ": 2.5rem;\n                ", ": 0.625rem;\n                ", ": 0.125rem;\n                ", ": 0.6875rem 0.75rem 0.6875rem 0.75rem;\n                ", ": var(--plasma-typo-body-m-font-family);\n                ", ": var(--plasma-typo-body-m-font-style);\n                ", ": var(--plasma-typo-body-m-font-size);\n                ", ": var(--plasma-typo-body-m-font-weight);\n                ", ": var(--plasma-typo-body-m-letter-spacing);\n                ", ": var(--plasma-typo-body-m-line-height);\n\n                ", ": 0.25rem 0 0 0;\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n\n                ", ": -0.1875rem 0.25rem -0.1875rem -0.125rem;\n                ", ": -0.1875rem -0.125rem -0.1875rem 0.75rem;\n                ", ": 0 0.25rem 0 0;\n                ", ": 0 0 0 0.25rem;\n\n                ", ": 0.125rem;\n                ", ": 19.5rem;\n                ", ": 18.625rem;\n                ", ": 0.875rem;\n\n                ", ": 0.5rem 1rem 0.875rem 1rem;\n                ", ": 0.5rem;\n\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-bold-font-weight);\n\n                ", ": 0.5rem 0.5rem 0 0.5rem;\n                ", ": 0.5rem;\n\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-bold-font-weight);\n\n                ", ": 0.5rem 1rem 0.875rem 1rem;\n                ", ": 0.5rem;\n\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-bold-font-weight);\n\n                ", ": 0.5rem 1rem 0.875rem 1rem;\n                ", ": 0.5rem;\n\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-bold-font-weight);\n\n                ", ": 0.125rem;\n\n                ", ": 0.75rem 1rem 0 1rem;\n                ", ": 0.5rem;\n\n                ", ": 0 0 0 0.5rem;\n                ", ": 0.25rem;\n\n                ", ": var(--plasma-typo-body-m-bold-font-family);\n                ", ": var(--plasma-typo-body-m-bold-font-size);\n                ", ": var(--plasma-typo-body-m-bold-font-style);\n                ", ": var(--plasma-typo-body-m-bold-letter-spacing);\n                ", ": var(--plasma-typo-body-m-bold-line-height);\n                ", ": var(--plasma-typo-body-m-bold-font-weight);\n                ", ": var(--plasma-typo-body-m-bold-font-weight);\n\n                ", ": 2rem;\n                ", ": 2rem;\n                ", ": 0.75rem;\n                ", ": 0.5rem;\n            "])), tokens.width, tokens.borderRadius, tokens.borderWidth, 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.textFieldBorderWidth, 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.calendarBorderWidth, tokens.calendarWidth, tokens.calendarHeight, tokens.calendarBorderRadius, tokens.calendarYearsPadding, tokens.calendarYearItemBorderRadius, tokens.calendarYearFontFamily, tokens.calendarYearFontSize, tokens.calendarYearFontStyle, tokens.calendarYearFontLetterSpacing, tokens.calendarYearFontLineHeight, tokens.calendarYearFontWeight, tokens.calendarYearSelectedFontWeight, tokens.calendarQuartersPadding, tokens.calendarQuarterItemBorderRadius, tokens.calendarQuarterFontFamily, tokens.calendarQuarterFontSize, tokens.calendarQuarterFontStyle, tokens.calendarQuarterFontLetterSpacing, tokens.calendarQuarterFontLineHeight, tokens.calendarQuarterFontWeight, tokens.calendarQuarterSelectedFontWeight, tokens.calendarMonthsPadding, tokens.calendarMonthItemBorderRadius, tokens.calendarMonthFontFamily, tokens.calendarMonthFontSize, tokens.calendarMonthFontStyle, tokens.calendarMonthFontLetterSpacing, tokens.calendarMonthFontLineHeight, tokens.calendarMonthFontWeight, tokens.calendarMonthSelectedFontWeight, tokens.calendarDaysPadding, tokens.calendarDayItemBorderRadius, 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)
+      s: /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 19.5rem;\n                ", ": 0.625rem;\n                ", ": 0.125rem;\n\n                ", ": 0 0.375rem;\n                ", ": var(--plasma-typo-body-m-font-family);\n                ", ": var(--plasma-typo-body-m-font-style);\n                ", ": var(--plasma-typo-body-m-font-size);\n                ", ": var(--plasma-typo-body-m-font-weight);\n                ", ": var(--plasma-typo-body-m-letter-spacing);\n                ", ": var(--plasma-typo-body-m-line-height);\n\n                ", ": 0 0 0 0.75rem;\n                ", ": 0;\n\n                ", ": 0.5rem;\n                ", ": 0.3125rem 0 0 0;\n                ", ": 1.0625rem 0 0.3125rem 0;\n\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n\n                ", ": 0.375rem;\n                ", ": 0.375rem;\n                ", ": 0 0 0 0;\n                ", ": 0.3125rem auto auto -0.6875rem;\n                ", ": 0 0 auto auto;\n                ", ": 0.25rem -0.625rem auto auto;\n\n                ", ": 2.5rem;\n                ", ": 0.625rem;\n                ", ": 0.125rem;\n                ", ": 0.6875rem 0.75rem 0.6875rem 0.75rem;\n                ", ": var(--plasma-typo-body-m-font-family);\n                ", ": var(--plasma-typo-body-m-font-style);\n                ", ": var(--plasma-typo-body-m-font-size);\n                ", ": var(--plasma-typo-body-m-font-weight);\n                ", ": var(--plasma-typo-body-m-letter-spacing);\n                ", ": var(--plasma-typo-body-m-line-height);\n\n                ", ": 0.25rem 0 0 0;\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n\n                ", ": -0.1875rem 0.25rem -0.1875rem -0.125rem;\n                ", ": -0.1875rem -0.125rem -0.1875rem 0.75rem;\n                ", ": 0 0.25rem 0 0;\n                ", ": 0 0 0 0.25rem;\n\n                ", ": 0.125rem;\n                ", ": 19.5rem;\n                ", ": 0.875rem;\n\n                ", ": 0.5rem 1rem 0.875rem 1rem;\n                ", ": 0.5rem;\n                ", ": 5.5rem;\n                ", ": 3.5rem;\n\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-bold-font-weight);\n\n                ", ": 0.5rem 0.5rem 0 0.5rem;\n                ", ": 0.5rem;\n                ", ": 8.25rem;\n                ", ": 7rem;\n\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-bold-font-weight);\n\n                ", ": 0.5rem 1rem 0.875rem 1rem;\n                ", ": 0.5rem;\n                ", ": 5.5rem;\n                ", ": 3.5rem;\n\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-bold-font-weight);\n\n                ", ": 0.5rem 1rem 0.875rem 1rem;\n                ", ": 0.5rem;\n                ", ": 2.5rem;\n                ", ": 2rem;\n\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-bold-font-weight);\n\n                ", ": 0.125rem;\n\n                ", ": 0.75rem 1rem 0 1rem;\n                ", ": 0.5rem;\n\n                ", ": 0 0 0 0.5rem;\n                ", ": 0.25rem;\n\n                ", ": var(--plasma-typo-body-m-bold-font-family);\n                ", ": var(--plasma-typo-body-m-bold-font-size);\n                ", ": var(--plasma-typo-body-m-bold-font-style);\n                ", ": var(--plasma-typo-body-m-bold-letter-spacing);\n                ", ": var(--plasma-typo-body-m-bold-line-height);\n                ", ": var(--plasma-typo-body-m-bold-font-weight);\n                ", ": var(--plasma-typo-body-m-bold-font-weight);\n\n                ", ": 2rem;\n                ", ": 2rem;\n                ", ": 0.75rem;\n                ", ": 0.5rem;\n            "])), tokens.width, tokens.borderRadius, tokens.borderWidth, 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.textFieldBorderWidth, 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.calendarBorderWidth, tokens.calendarWidth, tokens.calendarBorderRadius, tokens.calendarYearsPadding, tokens.calendarYearItemBorderRadius, tokens.calendarYearItemWidth, tokens.calendarYearItemHeight, tokens.calendarYearFontFamily, tokens.calendarYearFontSize, tokens.calendarYearFontStyle, tokens.calendarYearFontLetterSpacing, tokens.calendarYearFontLineHeight, tokens.calendarYearFontWeight, tokens.calendarYearSelectedFontWeight, tokens.calendarQuartersPadding, tokens.calendarQuarterItemBorderRadius, tokens.calendarQuarterItemWidth, tokens.calendarQuarterItemHeight, tokens.calendarQuarterFontFamily, tokens.calendarQuarterFontSize, tokens.calendarQuarterFontStyle, tokens.calendarQuarterFontLetterSpacing, tokens.calendarQuarterFontLineHeight, tokens.calendarQuarterFontWeight, tokens.calendarQuarterSelectedFontWeight, tokens.calendarMonthsPadding, tokens.calendarMonthItemBorderRadius, tokens.calendarMonthItemWidth, tokens.calendarMonthItemHeight, tokens.calendarMonthFontFamily, tokens.calendarMonthFontSize, tokens.calendarMonthFontStyle, tokens.calendarMonthFontLetterSpacing, tokens.calendarMonthFontLineHeight, tokens.calendarMonthFontWeight, tokens.calendarMonthSelectedFontWeight, 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)
     },
     disabled: {
       "true": /*#__PURE__*/css(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--surface-solid-primary);\n                ", ": var(--surface-solid-primary);\n                ", ": var(--surface-solid-primary);\n                ", ": var(--surface-solid-primary);\n                ", ": var(--surface-solid-primary);\n                ", ": var(--surface-solid-primary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary);\n                ", ": var(--surface-solid-primary);\n                ", ": var(--text-secondary);\n            "])), tokens.background, tokens.borderColor, tokens.borderColorHover, tokens.borderColorFocus, tokens.borderColorSuccess, tokens.textFieldBorderColorFocus, tokens.textFieldColor, tokens.textFieldPlaceholderColor, tokens.textFieldColor, tokens.textFieldPlaceholderColor, tokens.textFieldCaretColor, tokens.textFieldBackgroundColor, tokens.labelColor)

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@salutejs/sdds-cs",
-  "version": "0.316.0-canary.1972.15071772993.0",
+  "version": "0.316.0-canary.1977.15107525912.0",
   "description": "Salute Design System / React UI kit for SDDS CS web applications",
   "author": "Salute Frontend Team <salute.developers@gmail.com>",
   "license": "MIT",
@@ -30,7 +30,7 @@
     "directory": "packages/sdds-cs"
   },
   "dependencies": {
-    "@salutejs/plasma-new-hope": "0.324.0-canary.1972.15071772993.0",
+    "@salutejs/plasma-new-hope": "0.324.0-canary.1977.15107525912.0",
     "@salutejs/sdds-themes": "0.36.0"
   },
   "peerDependencies": {
@@ -123,5 +123,5 @@
     "Anton Vinogradov"
   ],
   "sideEffects": false,
-  "gitHead": "955fee2448f846c9cc28ff62989a1555d29010b9"
+  "gitHead": "9b5dcd35ec52a8d4f9ba850029a43072cafbb03c"
 }