@salutejs/sdds-cs 0.319.0-canary.1973.15850054289.0 → 0.319.0-canary.2010.15678347777.0

package/emotion/cjs/components/Calendar/Calendar.stories.tsx

@@ -0,0 +1,304 @@
+import React, { ComponentProps, useCallback, useRef, useState } from 'react';
+import type { StoryObj, Meta } from '@storybook/react';
+import { action } from '@storybook/addon-actions';
+import { disableProps, InSpacingDecorator } from '@salutejs/plasma-sb-utils';
+
+import { Tabs } from '../Tabs/Tabs';
+import { TabItem } from '../Tabs/TabItem';
+import { H3 } from '../Typography';
+
+import { Calendar, CalendarBase, CalendarBaseRange, CalendarDouble, CalendarDoubleRange } from '.';
+
+const onChangeValue = action('onChangeValue');
+
+const meta: Meta<CalendarProps> = {
+    title: 'Data Entry/Calendar',
+    decorators: [InSpacingDecorator],
+    component: Calendar,
+    argTypes: {
+        min: {
+            control: {
+                type: 'date',
+            },
+        },
+        max: {
+            control: {
+                type: 'date',
+            },
+        },
+        ...disableProps([
+            'size',
+            'value',
+            'onChangeValue',
+            'date',
+            'eventList',
+            'disabledList',
+            'eventMonthList',
+            'disabledMonthList',
+            'eventQuarterList',
+            'disabledQuarterList',
+            'eventYearList',
+            'disabledYearList',
+            'type',
+            'view',
+            'onChangeStartOfRange',
+        ]),
+    },
+};
+
+export default meta;
+
+type CalendarProps = ComponentProps<typeof Calendar>;
+type CalendarBaseProps = ComponentProps<typeof CalendarBase>;
+type CalendarBaseRangeProps = ComponentProps<typeof CalendarBaseRange>;
+const defaultMinDate = new Date(2016, 6, 1);
+const defaultMaxDate = new Date(2030, 11, 24);
+
+const getBaseEvents = (type: 'days' | 'months' | 'quarters' | 'years', datesNumber = 2) => {
+    const baseDate = {
+        day: 10,
+        monthIndex: 6,
+        year: 2023,
+    };
+
+    const events = [...new Array(datesNumber)].map((_, index) => {
+        const eventNumber = Math.floor(Math.random() * 3 + 1);
+        const day = type === 'days' ? baseDate.day + index : 1;
+        const month =
+            // eslint-disable-next-line no-nested-ternary
+            type === 'months' || type === 'quarters'
+                ? baseDate.monthIndex + index
+                : type === 'days'
+                ? baseDate.monthIndex
+                : 0;
+        const year = type === 'years' ? baseDate.year + index : baseDate.year;
+
+        return [...new Array(eventNumber)].map(() => {
+            return { date: new Date(year, month, day), color: 'var(--text-warning)' };
+        });
+    });
+
+    return events.flat();
+};
+
+const StoryDefault = (args: CalendarProps) => {
+    const { isRange, isDouble, min, max, date, includeEdgeDates, size, ...rest } = 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)]);
+
+    const handleOnChange = useCallback((newValue: Date) => {
+        setValue(newValue);
+        onChangeValue(newValue);
+    }, []);
+    const handleOnRangeChange = useCallback((newValue: [Date, Date?]) => {
+        setValueRange(newValue);
+    }, []);
+
+    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>
+    );
+};
+
+export const Default: StoryObj<CalendarProps> = {
+    args: {
+        min: new Date(2023, 10, 1),
+        max: new Date(2023, 11, 24),
+        isDouble: false,
+        isRange: false,
+        includeEdgeDates: false,
+        size: 's',
+        stretched: false,
+    },
+    render: (args) => <StoryDefault {...args} />,
+};
+
+const StoryBase = (args: CalendarBaseProps & { displayDouble: boolean }) => {
+    const { min, max, includeEdgeDates, size, displayDouble, ...rest } = args;
+    const [value, setValue] = useState(new Date(2023, 6, 7));
+    const [currentState, setCurrentState] = useState('Days');
+
+    const handleOnChange = useCallback((newValue: Date, dateInfo?: unknown) => {
+        setValue(newValue);
+        onChangeValue(newValue, dateInfo);
+    }, []);
+
+    const eventList = useRef(getBaseEvents('days', 5));
+    const eventMonthList = useRef(getBaseEvents('months', 5));
+    const eventQuarterList = useRef(getBaseEvents('quarters'));
+    const eventYearList = useRef(getBaseEvents('years'));
+
+    const disabledDays = [...new Array(5)].map((_, day) => ({
+        date: new Date(2023, 6, 23 + day),
+    }));
+
+    const getCalendarComponent = ({ type, ...rest }) => {
+        return displayDouble ? (
+            <CalendarDouble
+                size={size}
+                value={value}
+                includeEdgeDates={includeEdgeDates}
+                type={type}
+                onChangeValue={handleOnChange}
+                min={min}
+                max={max}
+                {...rest}
+            />
+        ) : (
+            <CalendarBase
+                size={size}
+                value={value}
+                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 }),
+    };
+
+    return (
+        <>
+            <H3>Тип календаря</H3>
+            <Tabs view="divider" size="s" hasDivider>
+                {Object.keys(calendarMap).map((state, i) => (
+                    <TabItem
+                        key={`item:${i}`}
+                        view="divider"
+                        selected={state === currentState}
+                        onClick={() => setCurrentState(state)}
+                        size="s"
+                    >
+                        {state}
+                    </TabItem>
+                ))}
+            </Tabs>
+            <div style={{ marginTop: '1rem', height: '100vh' }}>{calendarMap[currentState]}</div>
+        </>
+    );
+};
+
+export const Base: StoryObj<CalendarBaseProps & { displayDouble: boolean }> = {
+    argTypes: {
+        ...disableProps(['isRange', 'isDouble']),
+    },
+    args: {
+        size: 's',
+        min: defaultMinDate,
+        max: defaultMaxDate,
+        includeEdgeDates: false,
+        displayDouble: false,
+        stretched: false,
+    },
+    render: (args) => <StoryBase {...args} />,
+};
+
+const StoryRange = (args: CalendarBaseRangeProps & { displayDouble: boolean }) => {
+    const { min, max, includeEdgeDates, size, displayDouble, ...rest } = args;
+    const [values, setValue] = useState<[Date, Date?]>([new Date(2023, 6, 1), new Date(2023, 6, 16)]);
+    const [currentState, setCurrentState] = useState('Days');
+
+    const handleOnChange = (newValue: [Date, Date?], dateInfo) => {
+        onChangeValue(newValue, dateInfo);
+        setValue(newValue);
+    };
+
+    const eventList = useRef(getBaseEvents('days', 5));
+    const eventMonthList = useRef(getBaseEvents('months', 5));
+    const eventQuarterList = useRef(getBaseEvents('quarters'));
+    const eventYearList = useRef(getBaseEvents('years'));
+
+    const disabledDays = [...new Array(5)].map((_, day) => ({
+        date: new Date(2023, 6, 23 + day),
+    }));
+
+    const getCalendarComponent = ({ type, ...rest }) => {
+        return displayDouble ? (
+            <CalendarDoubleRange
+                size={size}
+                min={min}
+                max={max}
+                includeEdgeDates={includeEdgeDates}
+                type={type}
+                {...rest}
+                value={values}
+                onChangeValue={handleOnChange}
+            />
+        ) : (
+            <CalendarBaseRange
+                size={size}
+                min={min}
+                max={max}
+                includeEdgeDates={includeEdgeDates}
+                type={type}
+                {...rest}
+                value={values}
+                onChangeValue={handleOnChange}
+            />
+        );
+    };
+
+    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 }),
+    };
+
+    return (
+        <>
+            <H3>Тип календаря</H3>
+            <Tabs view="divider" size="s" hasDivider>
+                {Object.keys(calendarMap).map((state, i) => (
+                    <TabItem
+                        key={`item:${i}`}
+                        view="divider"
+                        selected={state === currentState}
+                        onClick={() => setCurrentState(state)}
+                        size="s"
+                    >
+                        {state}
+                    </TabItem>
+                ))}
+            </Tabs>
+            <div style={{ marginTop: '1rem', height: '100vh' }}>{calendarMap[currentState]}</div>
+        </>
+    );
+};
+
+export const Range: StoryObj<CalendarBaseRangeProps & { displayDouble: boolean }> = {
+    argTypes: {
+        ...disableProps(['isRange', 'isDouble']),
+    },
+    args: {
+        size: 's',
+        min: defaultMinDate,
+        max: defaultMaxDate,
+        includeEdgeDates: false,
+        displayDouble: false,
+        stretched: false,
+    },
+    render: (args) => <StoryRange {...args} />,
+};

package/emotion/cjs/components/Calendar/CalendarBase.config.js

@@ -1,133 +1,23 @@
 "use strict";
+
 Object.defineProperty(exports, "__esModule", {
-    value: true
+  value: true
 });
-Object.defineProperty(exports, "config", {
-    enumerable: true,
-    get: function() {
-        return config;
-    }
-});
-var _emotion = require("@salutejs/plasma-new-hope/emotion");
-function _tagged_template_literal(strings, raw) {
-    if (!raw) {
-        raw = strings.slice(0);
-    }
-    return Object.freeze(Object.defineProperties(strings, {
-        raw: {
-            value: Object.freeze(raw)
-        }
-    }));
-}
-function _templateObject() {
-    var data = _tagged_template_literal([
-        "\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            "
-    ]);
-    _templateObject = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject1() {
-    var data = _tagged_template_literal([
-        "\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            "
-    ]);
-    _templateObject1 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-var config = {
-    defaults: {
-        view: 'default',
-        size: 's'
+exports.config = void 0;
+var _emotion = /*#__PURE__*/require("@salutejs/plasma-new-hope/emotion");
+var _templateObject, _templateObject2;
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+var config = exports.config = {
+  defaults: {
+    view: 'default',
+    size: 's'
+  },
+  variations: {
+    view: {
+      "default": /*#__PURE__*/(0, _emotion.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            "])), _emotion.calendarBaseTokens.calendarSelectedItemBackground, _emotion.calendarBaseTokens.calendarSelectedItemColor, _emotion.calendarBaseTokens.calendarSelectableItemBackgroundHover, _emotion.calendarBaseTokens.calendarCurrentItemBorderColor, _emotion.calendarBaseTokens.calendarCurrentItemBackgroundHover, _emotion.calendarBaseTokens.calendarCurrentItemColorHover, _emotion.calendarBaseTokens.calendarCurrentItemChildBackgroundHover, _emotion.calendarBaseTokens.calendarActiveItemBackground, _emotion.calendarBaseTokens.calendarActiveItemColor, _emotion.calendarBaseTokens.calendarHoveredItemBackground, _emotion.calendarBaseTokens.calendarHoveredItemColor, _emotion.calendarBaseTokens.calendarRangeBackground, _emotion.calendarBaseTokens.calendarOutlineFocusColor, _emotion.calendarBaseTokens.calendarContentPrimaryColor, _emotion.calendarBaseTokens.calendarContentPrimaryDisabledColor, _emotion.calendarBaseTokens.calendarContentSecondaryColor, _emotion.calendarBaseTokens.calendarContentSecondaryDisabledColor, _emotion.calendarBaseTokens.calendarDayOfWeekColor, _emotion.calendarBaseTokens.calendarHeaderArrowColor, _emotion.calendarBaseTokens.calendarDisabledOpacity, _emotion.calendarBaseTokens.iconButtonColor, _emotion.calendarBaseTokens.iconButtonBackgroundColor, _emotion.calendarBaseTokens.iconButtonColorHover, _emotion.calendarBaseTokens.iconButtonBackgroundColorHover, _emotion.calendarBaseTokens.iconButtonColorActive, _emotion.calendarBaseTokens.iconButtonBackgroundColorActive, _emotion.calendarBaseTokens.iconButtonFocusColor)
     },
-    variations: {
-        view: {
-            default: (0, _emotion.css)(_templateObject(), _emotion.calendarBaseTokens.calendarSelectedItemBackground, _emotion.calendarBaseTokens.calendarSelectedItemColor, _emotion.calendarBaseTokens.calendarSelectableItemBackgroundHover, _emotion.calendarBaseTokens.calendarCurrentItemBorderColor, _emotion.calendarBaseTokens.calendarCurrentItemBackgroundHover, _emotion.calendarBaseTokens.calendarCurrentItemColorHover, _emotion.calendarBaseTokens.calendarCurrentItemChildBackgroundHover, _emotion.calendarBaseTokens.calendarActiveItemBackground, _emotion.calendarBaseTokens.calendarActiveItemColor, _emotion.calendarBaseTokens.calendarHoveredItemBackground, _emotion.calendarBaseTokens.calendarHoveredItemColor, _emotion.calendarBaseTokens.calendarRangeBackground, _emotion.calendarBaseTokens.calendarOutlineFocusColor, _emotion.calendarBaseTokens.calendarContentPrimaryColor, _emotion.calendarBaseTokens.calendarContentPrimaryDisabledColor, _emotion.calendarBaseTokens.calendarContentSecondaryColor, _emotion.calendarBaseTokens.calendarContentSecondaryDisabledColor, _emotion.calendarBaseTokens.calendarDayOfWeekColor, _emotion.calendarBaseTokens.calendarHeaderArrowColor, _emotion.calendarBaseTokens.calendarDisabledOpacity, _emotion.calendarBaseTokens.iconButtonColor, _emotion.calendarBaseTokens.iconButtonBackgroundColor, _emotion.calendarBaseTokens.iconButtonColorHover, _emotion.calendarBaseTokens.iconButtonBackgroundColorHover, _emotion.calendarBaseTokens.iconButtonColorActive, _emotion.calendarBaseTokens.iconButtonBackgroundColorActive, _emotion.calendarBaseTokens.iconButtonFocusColor)
-        },
-        size: {
-            s: (0, _emotion.css)(_templateObject1(), _emotion.calendarBaseTokens.calendarContainerWidth, _emotion.calendarBaseTokens.calendarContainerHeight, _emotion.calendarBaseTokens.calendarYearsPadding, _emotion.calendarBaseTokens.calendarYearItemBorderRadius, _emotion.calendarBaseTokens.calendarYearFontFamily, _emotion.calendarBaseTokens.calendarYearFontSize, _emotion.calendarBaseTokens.calendarYearFontStyle, _emotion.calendarBaseTokens.calendarYearFontLetterSpacing, _emotion.calendarBaseTokens.calendarYearFontLineHeight, _emotion.calendarBaseTokens.calendarYearFontWeight, _emotion.calendarBaseTokens.calendarYearSelectedFontWeight, _emotion.calendarBaseTokens.calendarQuartersPadding, _emotion.calendarBaseTokens.calendarQuarterItemBorderRadius, _emotion.calendarBaseTokens.calendarQuarterFontFamily, _emotion.calendarBaseTokens.calendarQuarterFontSize, _emotion.calendarBaseTokens.calendarQuarterFontStyle, _emotion.calendarBaseTokens.calendarQuarterFontLetterSpacing, _emotion.calendarBaseTokens.calendarQuarterFontLineHeight, _emotion.calendarBaseTokens.calendarQuarterFontWeight, _emotion.calendarBaseTokens.calendarQuarterSelectedFontWeight, _emotion.calendarBaseTokens.calendarMonthsPadding, _emotion.calendarBaseTokens.calendarMonthItemBorderRadius, _emotion.calendarBaseTokens.calendarMonthFontFamily, _emotion.calendarBaseTokens.calendarMonthFontSize, _emotion.calendarBaseTokens.calendarMonthFontStyle, _emotion.calendarBaseTokens.calendarMonthFontLetterSpacing, _emotion.calendarBaseTokens.calendarMonthFontLineHeight, _emotion.calendarBaseTokens.calendarMonthFontWeight, _emotion.calendarBaseTokens.calendarMonthSelectedFontWeight, _emotion.calendarBaseTokens.calendarDaysPadding, _emotion.calendarBaseTokens.calendarDayItemBorderRadius, _emotion.calendarBaseTokens.calendarDayFontFamily, _emotion.calendarBaseTokens.calendarDayFontSize, _emotion.calendarBaseTokens.calendarDayFontStyle, _emotion.calendarBaseTokens.calendarDayFontLetterSpacing, _emotion.calendarBaseTokens.calendarDayFontLineHeight, _emotion.calendarBaseTokens.calendarDayFontWeight, _emotion.calendarBaseTokens.calendarDaySelectedFontWeight, _emotion.calendarBaseTokens.calendarCurrentItemBorderWidth, _emotion.calendarBaseTokens.calendarHeaderArrowGap, _emotion.calendarBaseTokens.calendarHeaderPadding, _emotion.calendarBaseTokens.calendarHeaderDateGap, _emotion.calendarBaseTokens.calendarHeaderFontFamily, _emotion.calendarBaseTokens.calendarHeaderFontSize, _emotion.calendarBaseTokens.calendarHeaderFontStyle, _emotion.calendarBaseTokens.calendarHeaderFontLetterSpacing, _emotion.calendarBaseTokens.calendarHeaderFontLineHeight, _emotion.calendarBaseTokens.calendarHeaderFontWeight, _emotion.calendarBaseTokens.calendarHeaderFontWeightBold, _emotion.calendarBaseTokens.iconButtonHeight, _emotion.calendarBaseTokens.iconButtonWidth, _emotion.calendarBaseTokens.iconButtonPadding, _emotion.calendarBaseTokens.iconButtonRadius)
-        }
+    size: {
+      s: /*#__PURE__*/(0, _emotion.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            "])), _emotion.calendarBaseTokens.calendarContainerWidth, _emotion.calendarBaseTokens.calendarContainerHeight, _emotion.calendarBaseTokens.calendarYearsPadding, _emotion.calendarBaseTokens.calendarYearItemBorderRadius, _emotion.calendarBaseTokens.calendarYearFontFamily, _emotion.calendarBaseTokens.calendarYearFontSize, _emotion.calendarBaseTokens.calendarYearFontStyle, _emotion.calendarBaseTokens.calendarYearFontLetterSpacing, _emotion.calendarBaseTokens.calendarYearFontLineHeight, _emotion.calendarBaseTokens.calendarYearFontWeight, _emotion.calendarBaseTokens.calendarYearSelectedFontWeight, _emotion.calendarBaseTokens.calendarQuartersPadding, _emotion.calendarBaseTokens.calendarQuarterItemBorderRadius, _emotion.calendarBaseTokens.calendarQuarterFontFamily, _emotion.calendarBaseTokens.calendarQuarterFontSize, _emotion.calendarBaseTokens.calendarQuarterFontStyle, _emotion.calendarBaseTokens.calendarQuarterFontLetterSpacing, _emotion.calendarBaseTokens.calendarQuarterFontLineHeight, _emotion.calendarBaseTokens.calendarQuarterFontWeight, _emotion.calendarBaseTokens.calendarQuarterSelectedFontWeight, _emotion.calendarBaseTokens.calendarMonthsPadding, _emotion.calendarBaseTokens.calendarMonthItemBorderRadius, _emotion.calendarBaseTokens.calendarMonthFontFamily, _emotion.calendarBaseTokens.calendarMonthFontSize, _emotion.calendarBaseTokens.calendarMonthFontStyle, _emotion.calendarBaseTokens.calendarMonthFontLetterSpacing, _emotion.calendarBaseTokens.calendarMonthFontLineHeight, _emotion.calendarBaseTokens.calendarMonthFontWeight, _emotion.calendarBaseTokens.calendarMonthSelectedFontWeight, _emotion.calendarBaseTokens.calendarDaysPadding, _emotion.calendarBaseTokens.calendarDayItemBorderRadius, _emotion.calendarBaseTokens.calendarDayFontFamily, _emotion.calendarBaseTokens.calendarDayFontSize, _emotion.calendarBaseTokens.calendarDayFontStyle, _emotion.calendarBaseTokens.calendarDayFontLetterSpacing, _emotion.calendarBaseTokens.calendarDayFontLineHeight, _emotion.calendarBaseTokens.calendarDayFontWeight, _emotion.calendarBaseTokens.calendarDaySelectedFontWeight, _emotion.calendarBaseTokens.calendarCurrentItemBorderWidth, _emotion.calendarBaseTokens.calendarHeaderArrowGap, _emotion.calendarBaseTokens.calendarHeaderPadding, _emotion.calendarBaseTokens.calendarHeaderDateGap, _emotion.calendarBaseTokens.calendarHeaderFontFamily, _emotion.calendarBaseTokens.calendarHeaderFontSize, _emotion.calendarBaseTokens.calendarHeaderFontStyle, _emotion.calendarBaseTokens.calendarHeaderFontLetterSpacing, _emotion.calendarBaseTokens.calendarHeaderFontLineHeight, _emotion.calendarBaseTokens.calendarHeaderFontWeight, _emotion.calendarBaseTokens.calendarHeaderFontWeightBold, _emotion.calendarBaseTokens.iconButtonHeight, _emotion.calendarBaseTokens.iconButtonWidth, _emotion.calendarBaseTokens.iconButtonPadding, _emotion.calendarBaseTokens.iconButtonRadius)
     }
-};
+  }
+};

package/emotion/cjs/components/Calendar/CalendarDouble.config.js

@@ -1,133 +1,23 @@
 "use strict";
+
 Object.defineProperty(exports, "__esModule", {
-    value: true
+  value: true
 });
-Object.defineProperty(exports, "config", {
-    enumerable: true,
-    get: function() {
-        return config;
-    }
-});
-var _emotion = require("@salutejs/plasma-new-hope/emotion");
-function _tagged_template_literal(strings, raw) {
-    if (!raw) {
-        raw = strings.slice(0);
-    }
-    return Object.freeze(Object.defineProperties(strings, {
-        raw: {
-            value: Object.freeze(raw)
-        }
-    }));
-}
-function _templateObject() {
-    var data = _tagged_template_literal([
-        "\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            "
-    ]);
-    _templateObject = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject1() {
-    var data = _tagged_template_literal([
-        "\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            "
-    ]);
-    _templateObject1 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-var config = {
-    defaults: {
-        view: 'default',
-        size: 's'
+exports.config = void 0;
+var _emotion = /*#__PURE__*/require("@salutejs/plasma-new-hope/emotion");
+var _templateObject, _templateObject2;
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+var config = exports.config = {
+  defaults: {
+    view: 'default',
+    size: 's'
+  },
+  variations: {
+    view: {
+      "default": /*#__PURE__*/(0, _emotion.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            "])), _emotion.calendarDoubleTokens.calendarSelectedItemBackground, _emotion.calendarDoubleTokens.calendarSelectedItemColor, _emotion.calendarDoubleTokens.calendarSelectableItemBackgroundHover, _emotion.calendarDoubleTokens.calendarCurrentItemBorderColor, _emotion.calendarDoubleTokens.calendarCurrentItemBackgroundHover, _emotion.calendarDoubleTokens.calendarCurrentItemColorHover, _emotion.calendarDoubleTokens.calendarCurrentItemChildBackgroundHover, _emotion.calendarDoubleTokens.calendarActiveItemBackground, _emotion.calendarDoubleTokens.calendarActiveItemColor, _emotion.calendarDoubleTokens.calendarHoveredItemBackground, _emotion.calendarDoubleTokens.calendarHoveredItemColor, _emotion.calendarDoubleTokens.calendarRangeBackground, _emotion.calendarDoubleTokens.calendarOutlineFocusColor, _emotion.calendarDoubleTokens.calendarContentPrimaryColor, _emotion.calendarDoubleTokens.calendarContentPrimaryDisabledColor, _emotion.calendarDoubleTokens.calendarContentSecondaryColor, _emotion.calendarDoubleTokens.calendarContentSecondaryDisabledColor, _emotion.calendarDoubleTokens.calendarDayOfWeekColor, _emotion.calendarDoubleTokens.calendarHeaderArrowColor, _emotion.calendarDoubleTokens.calendarDisabledOpacity, _emotion.calendarDoubleTokens.iconButtonColor, _emotion.calendarDoubleTokens.iconButtonBackgroundColor, _emotion.calendarDoubleTokens.iconButtonColorHover, _emotion.calendarDoubleTokens.iconButtonBackgroundColorHover, _emotion.calendarDoubleTokens.iconButtonColorActive, _emotion.calendarDoubleTokens.iconButtonBackgroundColorActive, _emotion.calendarDoubleTokens.iconButtonFocusColor)
     },
-    variations: {
-        view: {
-            default: (0, _emotion.css)(_templateObject(), _emotion.calendarDoubleTokens.calendarSelectedItemBackground, _emotion.calendarDoubleTokens.calendarSelectedItemColor, _emotion.calendarDoubleTokens.calendarSelectableItemBackgroundHover, _emotion.calendarDoubleTokens.calendarCurrentItemBorderColor, _emotion.calendarDoubleTokens.calendarCurrentItemBackgroundHover, _emotion.calendarDoubleTokens.calendarCurrentItemColorHover, _emotion.calendarDoubleTokens.calendarCurrentItemChildBackgroundHover, _emotion.calendarDoubleTokens.calendarActiveItemBackground, _emotion.calendarDoubleTokens.calendarActiveItemColor, _emotion.calendarDoubleTokens.calendarHoveredItemBackground, _emotion.calendarDoubleTokens.calendarHoveredItemColor, _emotion.calendarDoubleTokens.calendarRangeBackground, _emotion.calendarDoubleTokens.calendarOutlineFocusColor, _emotion.calendarDoubleTokens.calendarContentPrimaryColor, _emotion.calendarDoubleTokens.calendarContentPrimaryDisabledColor, _emotion.calendarDoubleTokens.calendarContentSecondaryColor, _emotion.calendarDoubleTokens.calendarContentSecondaryDisabledColor, _emotion.calendarDoubleTokens.calendarDayOfWeekColor, _emotion.calendarDoubleTokens.calendarHeaderArrowColor, _emotion.calendarDoubleTokens.calendarDisabledOpacity, _emotion.calendarDoubleTokens.iconButtonColor, _emotion.calendarDoubleTokens.iconButtonBackgroundColor, _emotion.calendarDoubleTokens.iconButtonColorHover, _emotion.calendarDoubleTokens.iconButtonBackgroundColorHover, _emotion.calendarDoubleTokens.iconButtonColorActive, _emotion.calendarDoubleTokens.iconButtonBackgroundColorActive, _emotion.calendarDoubleTokens.iconButtonFocusColor)
-        },
-        size: {
-            s: (0, _emotion.css)(_templateObject1(), _emotion.calendarDoubleTokens.calendarContainerWidth, _emotion.calendarDoubleTokens.calendarContainerHeight, _emotion.calendarDoubleTokens.calendarYearsPadding, _emotion.calendarDoubleTokens.calendarYearItemBorderRadius, _emotion.calendarDoubleTokens.calendarYearFontFamily, _emotion.calendarDoubleTokens.calendarYearFontSize, _emotion.calendarDoubleTokens.calendarYearFontStyle, _emotion.calendarDoubleTokens.calendarYearFontLetterSpacing, _emotion.calendarDoubleTokens.calendarYearFontLineHeight, _emotion.calendarDoubleTokens.calendarYearFontWeight, _emotion.calendarDoubleTokens.calendarYearSelectedFontWeight, _emotion.calendarDoubleTokens.calendarQuartersPadding, _emotion.calendarDoubleTokens.calendarQuarterItemBorderRadius, _emotion.calendarDoubleTokens.calendarQuarterFontFamily, _emotion.calendarDoubleTokens.calendarQuarterFontSize, _emotion.calendarDoubleTokens.calendarQuarterFontStyle, _emotion.calendarDoubleTokens.calendarQuarterFontLetterSpacing, _emotion.calendarDoubleTokens.calendarQuarterFontLineHeight, _emotion.calendarDoubleTokens.calendarQuarterFontWeight, _emotion.calendarDoubleTokens.calendarQuarterSelectedFontWeight, _emotion.calendarDoubleTokens.calendarMonthsPadding, _emotion.calendarDoubleTokens.calendarMonthItemBorderRadius, _emotion.calendarDoubleTokens.calendarMonthFontFamily, _emotion.calendarDoubleTokens.calendarMonthFontSize, _emotion.calendarDoubleTokens.calendarMonthFontStyle, _emotion.calendarDoubleTokens.calendarMonthFontLetterSpacing, _emotion.calendarDoubleTokens.calendarMonthFontLineHeight, _emotion.calendarDoubleTokens.calendarMonthFontWeight, _emotion.calendarDoubleTokens.calendarMonthSelectedFontWeight, _emotion.calendarDoubleTokens.calendarDayItemBorderRadius, _emotion.calendarDoubleTokens.calendarDayFontFamily, _emotion.calendarDoubleTokens.calendarDayFontSize, _emotion.calendarDoubleTokens.calendarDayFontStyle, _emotion.calendarDoubleTokens.calendarDayFontLetterSpacing, _emotion.calendarDoubleTokens.calendarDayFontLineHeight, _emotion.calendarDoubleTokens.calendarDayFontWeight, _emotion.calendarDoubleTokens.calendarDaySelectedFontWeight, _emotion.calendarDoubleTokens.calendarCurrentItemBorderWidth, _emotion.calendarDoubleTokens.calendarHeaderArrowGap, _emotion.calendarDoubleTokens.calendarDaysPadding, _emotion.calendarDoubleTokens.calendarHeaderPadding, _emotion.calendarDoubleTokens.calendarHeaderDateGap, _emotion.calendarDoubleTokens.calendarHeaderFontFamily, _emotion.calendarDoubleTokens.calendarHeaderFontSize, _emotion.calendarDoubleTokens.calendarHeaderFontStyle, _emotion.calendarDoubleTokens.calendarHeaderFontLetterSpacing, _emotion.calendarDoubleTokens.calendarHeaderFontLineHeight, _emotion.calendarDoubleTokens.calendarHeaderFontWeight, _emotion.calendarDoubleTokens.calendarHeaderFontWeightBold, _emotion.calendarDoubleTokens.iconButtonHeight, _emotion.calendarDoubleTokens.iconButtonWidth, _emotion.calendarDoubleTokens.iconButtonPadding, _emotion.calendarDoubleTokens.iconButtonRadius)
-        }
+    size: {
+      s: /*#__PURE__*/(0, _emotion.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            "])), _emotion.calendarDoubleTokens.calendarContainerWidth, _emotion.calendarDoubleTokens.calendarContainerHeight, _emotion.calendarDoubleTokens.calendarYearsPadding, _emotion.calendarDoubleTokens.calendarYearItemBorderRadius, _emotion.calendarDoubleTokens.calendarYearFontFamily, _emotion.calendarDoubleTokens.calendarYearFontSize, _emotion.calendarDoubleTokens.calendarYearFontStyle, _emotion.calendarDoubleTokens.calendarYearFontLetterSpacing, _emotion.calendarDoubleTokens.calendarYearFontLineHeight, _emotion.calendarDoubleTokens.calendarYearFontWeight, _emotion.calendarDoubleTokens.calendarYearSelectedFontWeight, _emotion.calendarDoubleTokens.calendarQuartersPadding, _emotion.calendarDoubleTokens.calendarQuarterItemBorderRadius, _emotion.calendarDoubleTokens.calendarQuarterFontFamily, _emotion.calendarDoubleTokens.calendarQuarterFontSize, _emotion.calendarDoubleTokens.calendarQuarterFontStyle, _emotion.calendarDoubleTokens.calendarQuarterFontLetterSpacing, _emotion.calendarDoubleTokens.calendarQuarterFontLineHeight, _emotion.calendarDoubleTokens.calendarQuarterFontWeight, _emotion.calendarDoubleTokens.calendarQuarterSelectedFontWeight, _emotion.calendarDoubleTokens.calendarMonthsPadding, _emotion.calendarDoubleTokens.calendarMonthItemBorderRadius, _emotion.calendarDoubleTokens.calendarMonthFontFamily, _emotion.calendarDoubleTokens.calendarMonthFontSize, _emotion.calendarDoubleTokens.calendarMonthFontStyle, _emotion.calendarDoubleTokens.calendarMonthFontLetterSpacing, _emotion.calendarDoubleTokens.calendarMonthFontLineHeight, _emotion.calendarDoubleTokens.calendarMonthFontWeight, _emotion.calendarDoubleTokens.calendarMonthSelectedFontWeight, _emotion.calendarDoubleTokens.calendarDayItemBorderRadius, _emotion.calendarDoubleTokens.calendarDayFontFamily, _emotion.calendarDoubleTokens.calendarDayFontSize, _emotion.calendarDoubleTokens.calendarDayFontStyle, _emotion.calendarDoubleTokens.calendarDayFontLetterSpacing, _emotion.calendarDoubleTokens.calendarDayFontLineHeight, _emotion.calendarDoubleTokens.calendarDayFontWeight, _emotion.calendarDoubleTokens.calendarDaySelectedFontWeight, _emotion.calendarDoubleTokens.calendarCurrentItemBorderWidth, _emotion.calendarDoubleTokens.calendarHeaderArrowGap, _emotion.calendarDoubleTokens.calendarDaysPadding, _emotion.calendarDoubleTokens.calendarHeaderPadding, _emotion.calendarDoubleTokens.calendarHeaderDateGap, _emotion.calendarDoubleTokens.calendarHeaderFontFamily, _emotion.calendarDoubleTokens.calendarHeaderFontSize, _emotion.calendarDoubleTokens.calendarHeaderFontStyle, _emotion.calendarDoubleTokens.calendarHeaderFontLetterSpacing, _emotion.calendarDoubleTokens.calendarHeaderFontLineHeight, _emotion.calendarDoubleTokens.calendarHeaderFontWeight, _emotion.calendarDoubleTokens.calendarHeaderFontWeightBold, _emotion.calendarDoubleTokens.iconButtonHeight, _emotion.calendarDoubleTokens.iconButtonWidth, _emotion.calendarDoubleTokens.iconButtonPadding, _emotion.calendarDoubleTokens.iconButtonRadius)
     }
-};
+  }
+};