@salutejs/plasma-new-hope 0.326.1-canary.2043.15852251108.0 → 0.327.0-canary.1741.15775036215.0

package/es/components/Calendar/ui/CalendarDays/CalendarDays.js.map

@@ -1 +1 @@
-{"version":3,"file":"CalendarDays.js","sources":["../../../../../src/components/Calendar/ui/CalendarDays/CalendarDays.tsx"],"sourcesContent":["import React, { Fragment, useCallback, useEffect, useRef } from 'react';\n\nimport { useDays } from '../../hooks';\nimport {\n    canSelectDate,\n    FULL_DAY_NAMES,\n    getInRange,\n    getSideInRange,\n    isSameDay,\n    isSelectProcess,\n    ROW_STEP,\n    SHORT_DAY_NAMES,\n    I18N,\n} from '../../utils';\nimport { DateStructureItem } from '../DateStructureItem/DateStructureItem';\nimport { DateItem } from '../../Calendar.types';\nimport { innerTokens, tokens } from '../../Calendar.tokens';\n\nimport { StyledCalendarDays, StyledCalendarDaysHint } from './CalendarDays.styles';\nimport type { CalendarDaysProps } from './CalendarDays.types';\n\n/**\n * Компонент дней в календаре.\n */\nexport const CalendarDays: React.FC<CalendarDaysProps> = ({\n    date: currentDate,\n    value,\n    eventList,\n    disabledList,\n    min,\n    max,\n    includeEdgeDates,\n    hoveredDay,\n    selectIndexes,\n    isDouble,\n    isSecond,\n    outerRefs,\n    onChangeDay,\n    onHoverDay,\n    onSetSelected,\n    onKeyDown,\n    locale = 'ru',\n}) => {\n    const [days, selected] = useDays({ date: currentDate, value, eventList, disabledList, min, max, includeEdgeDates });\n    const selectedRef = useRef(selected);\n    const onSetSelectedRef = useRef(onSetSelected);\n\n    const offset = isSecond ? ROW_STEP : 0;\n\n    const dayItemTokens = {\n        [`${innerTokens.dateStructureFontFamily}`]: `var(${tokens.calendarDayFontFamily})`,\n        [`${innerTokens.dateStructureFontSize}`]: `var(${tokens.calendarDayFontSize})`,\n        [`${innerTokens.dateStructureFontWeight}`]: `var(${tokens.calendarDayFontWeight})`,\n        [`${innerTokens.dateStructureFontLineHeight}`]: `var(${tokens.calendarDayFontLineHeight})`,\n        [`${innerTokens.dateStructureFontLetterSpacing}`]: `var(${tokens.calendarDayFontLetterSpacing})`,\n        [`${innerTokens.dateStructureFontStyle}`]: `var(${tokens.calendarDayFontStyle})`,\n        [`${innerTokens.dateStructureSelectedFontWeight}`]: `var(${tokens.calendarDaySelectedFontWeight})`,\n        [`${innerTokens.dateStructureBorderRadius}`]: `var(${tokens.calendarDayItemBorderRadius})`,\n    };\n\n    const getSelectedDate = useCallback(\n        (event: React.MouseEvent<HTMLDivElement>) => {\n            const { day, monthIndex, year } = event.currentTarget.dataset;\n\n            const selectedDate = {\n                day: Number(day),\n                monthIndex: Number(monthIndex),\n                year: Number(year),\n            };\n\n            if (!canSelectDate(selectedDate, value, disabledList)) {\n                return;\n            }\n\n            return selectedDate;\n        },\n        [disabledList, value],\n    );\n\n    const handleOnChangeDay = useCallback(\n        (i: number, j: number) => (event: React.MouseEvent<HTMLDivElement>) => {\n            const selectedDate = getSelectedDate(event);\n\n            if (!selectedDate) {\n                return;\n            }\n\n            onChangeDay(selectedDate, [i + offset, j]);\n\n            if (isSelectProcess(value)) {\n                onHoverDay?.(undefined);\n            }\n        },\n        [getSelectedDate, onChangeDay, offset, value, onHoverDay],\n    );\n\n    const handleOnHoverDay = useCallback(\n        (event: React.MouseEvent<HTMLDivElement>) => {\n            const selectedDate = getSelectedDate(event);\n            const isSelectedDone = Array.isArray(value) && value[0] && value[1];\n\n            if (!selectedDate || !Array.isArray(value) || isSelectedDone) {\n                return;\n            }\n\n            onHoverDay?.(selectedDate);\n        },\n        [getSelectedDate, onHoverDay, value],\n    );\n\n    const handleMouseOutGrid = () => onHoverDay?.(undefined);\n\n    const getRefs = (element: HTMLDivElement, isDayInCurrentMonth: boolean, i: number, j: number) => {\n        if (isDayInCurrentMonth) {\n            if (!outerRefs.current[i + offset]) {\n                outerRefs.current[i + offset] = [];\n            }\n\n            outerRefs.current[i + offset][j] = element;\n        }\n    };\n\n    useEffect(() => {\n        if (selectedRef.current) {\n            onSetSelectedRef.current?.(selectedRef.current);\n        }\n    }, []);\n\n    return (\n        <StyledCalendarDays\n            role=\"grid\"\n            aria-labelledby=\"id-grid-label\"\n            onKeyDown={onKeyDown}\n            onMouseLeave={handleMouseOutGrid}\n        >\n            <StyledCalendarDaysHint id=\"withShift\">{I18N.navigationByShift[locale]}</StyledCalendarDaysHint>\n            <>\n                {SHORT_DAY_NAMES[locale].map((name) => (\n                    <DateStructureItem\n                        role=\"columnheader\"\n                        aria-label={FULL_DAY_NAMES[locale][name]}\n                        key={name}\n                        dayOfWeek\n                        day={name}\n                        style={dayItemTokens}\n                    >\n                        {name}\n                    </DateStructureItem>\n                ))}\n            </>\n            {days.map((day: DateItem[], i) => (\n                <Fragment key={i}>\n                    {day.map(\n                        (\n                            {\n                                date,\n                                events,\n                                disabled,\n                                isSelected,\n                                isCurrent,\n                                isDayInCurrentMonth,\n                                inRange,\n                                isOutOfMinMaxRange = false,\n                                disabledArrowKey,\n                                disabledDates,\n                            },\n                            j,\n                        ) => (\n                            <DateStructureItem\n                                ref={(element: HTMLDivElement) => getRefs(element, Boolean(isDayInCurrentMonth), i, j)}\n                                style={dayItemTokens}\n                                eventList={events}\n                                disabled={disabled}\n                                day={date.day}\n                                year={date.year}\n                                monthIndex={date.monthIndex}\n                                isFocused={\n                                    i + offset === selectIndexes?.[0] && j === selectIndexes?.[1] && !isOutOfMinMaxRange\n                                }\n                                isSelected={isSelected}\n                                isCurrent={isCurrent}\n                                isDayInCurrentMonth={isDayInCurrentMonth}\n                                isDouble={isDouble}\n                                isHovered={isSameDay(date, hoveredDay)}\n                                inRange={getInRange(value, date, hoveredDay, inRange)}\n                                sideInRange={getSideInRange(value, date, hoveredDay, isSelected)}\n                                onClick={disabled ? undefined : handleOnChangeDay(i, j)}\n                                onMouseOver={disabled ? undefined : handleOnHoverDay}\n                                key={`StyledDay-${i}-${j}`}\n                                role=\"gridcell\"\n                                disabledArrowKey={disabledArrowKey}\n                                disabledMonths={disabledDates}\n                            >\n                                {date.day}\n                            </DateStructureItem>\n                        ),\n                    )}\n                </Fragment>\n            ))}\n        </StyledCalendarDays>\n    );\n};\n"],"names":["CalendarDays","_ref","currentDate","date","value","eventList","disabledList","min","max","includeEdgeDates","hoveredDay","selectIndexes","isDouble","isSecond","outerRefs","onChangeDay","onHoverDay","onSetSelected","onKeyDown","_ref$locale","locale","_useDays","useDays","_useDays2","_slicedToArray","days","selected","selectedRef","useRef","onSetSelectedRef","offset","ROW_STEP","dayItemTokens","_defineProperty","concat","innerTokens","dateStructureFontFamily","tokens","calendarDayFontFamily","dateStructureFontSize","calendarDayFontSize","dateStructureFontWeight","calendarDayFontWeight","dateStructureFontLineHeight","calendarDayFontLineHeight","dateStructureFontLetterSpacing","calendarDayFontLetterSpacing","dateStructureFontStyle","calendarDayFontStyle","dateStructureSelectedFontWeight","calendarDaySelectedFontWeight","dateStructureBorderRadius","calendarDayItemBorderRadius","getSelectedDate","useCallback","event","_event$currentTarget$","currentTarget","dataset","day","monthIndex","year","selectedDate","Number","canSelectDate","handleOnChangeDay","i","j","isSelectProcess","undefined","handleOnHoverDay","isSelectedDone","Array","isArray","handleMouseOutGrid","getRefs","element","isDayInCurrentMonth","current","useEffect","_onSetSelectedRef$cur","call","React","createElement","StyledCalendarDays","role","onMouseLeave","StyledCalendarDaysHint","id","I18N","navigationByShift","Fragment","SHORT_DAY_NAMES","map","name","DateStructureItem","FULL_DAY_NAMES","key","dayOfWeek","style","_ref2","events","disabled","isSelected","isCurrent","inRange","_ref2$isOutOfMinMaxRa","isOutOfMinMaxRange","disabledArrowKey","disabledDates","ref","Boolean","isFocused","isHovered","isSameDay","getInRange","sideInRange","getSideInRange","onClick","onMouseOver","disabledMonths"],"mappings":"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"}
+{"version":3,"file":"CalendarDays.js","sources":["../../../../../src/components/Calendar/ui/CalendarDays/CalendarDays.tsx"],"sourcesContent":["import React, { Fragment, useCallback, useEffect, useRef } from 'react';\n\nimport { useDays } from '../../hooks';\nimport {\n    canSelectDate,\n    FULL_DAY_NAMES,\n    getInRange,\n    getSideInRange,\n    isSameDay,\n    isSelectProcess,\n    ROW_STEP,\n    SHORT_DAY_NAMES,\n    I18N,\n} from '../../utils';\nimport { DateStructureItem } from '../DateStructureItem/DateStructureItem';\nimport { DateItem } from '../../Calendar.types';\nimport { innerTokens, tokens } from '../../Calendar.tokens';\n\nimport { StyledCalendarDays, StyledCalendarDaysHint } from './CalendarDays.styles';\nimport type { CalendarDaysProps } from './CalendarDays.types';\n\n/**\n * Компонент дней в календаре.\n */\nexport const CalendarDays: React.FC<CalendarDaysProps> = ({\n    date: currentDate,\n    value,\n    eventList,\n    disabledList,\n    min,\n    max,\n    includeEdgeDates,\n    hoveredDay,\n    selectIndexes,\n    isDouble,\n    isSecond,\n    outerRefs,\n    onChangeDay,\n    onHoverDay,\n    onSetSelected,\n    onKeyDown,\n    locale = 'ru',\n}) => {\n    const [days, selected] = useDays({ date: currentDate, value, eventList, disabledList, min, max, includeEdgeDates });\n    const selectedRef = useRef(selected);\n    const onSetSelectedRef = useRef(onSetSelected);\n\n    const offset = isSecond ? ROW_STEP : 0;\n\n    const dayItemTokens = {\n        [`${innerTokens.dateStructureFontFamily}`]: `var(${tokens.calendarDayFontFamily})`,\n        [`${innerTokens.dateStructureFontSize}`]: `var(${tokens.calendarDayFontSize})`,\n        [`${innerTokens.dateStructureFontWeight}`]: `var(${tokens.calendarDayFontWeight})`,\n        [`${innerTokens.dateStructureFontLineHeight}`]: `var(${tokens.calendarDayFontLineHeight})`,\n        [`${innerTokens.dateStructureFontLetterSpacing}`]: `var(${tokens.calendarDayFontLetterSpacing})`,\n        [`${innerTokens.dateStructureFontStyle}`]: `var(${tokens.calendarDayFontStyle})`,\n        [`${innerTokens.dateStructureSelectedFontWeight}`]: `var(${tokens.calendarDaySelectedFontWeight})`,\n        [`${innerTokens.dateStructureBorderRadius}`]: `var(${tokens.calendarDayItemBorderRadius})`,\n    };\n\n    const getSelectedDate = useCallback(\n        (event: React.MouseEvent<HTMLDivElement>) => {\n            const { day, monthIndex, year } = event.currentTarget.dataset;\n\n            const selectedDate = {\n                day: Number(day),\n                monthIndex: Number(monthIndex),\n                year: Number(year),\n            };\n\n            if (!canSelectDate(selectedDate, value, disabledList)) {\n                return;\n            }\n\n            return selectedDate;\n        },\n        [disabledList, value],\n    );\n\n    const handleOnChangeDay = useCallback(\n        (i: number, j: number) => (event: React.MouseEvent<HTMLDivElement>) => {\n            const selectedDate = getSelectedDate(event);\n\n            if (!selectedDate) {\n                return;\n            }\n\n            onChangeDay(selectedDate, [i + offset, j]);\n\n            if (isSelectProcess(value)) {\n                onHoverDay?.(undefined);\n            }\n        },\n        [getSelectedDate, onChangeDay, offset, value, onHoverDay],\n    );\n\n    const handleOnHoverDay = useCallback(\n        (event: React.MouseEvent<HTMLDivElement>) => {\n            const selectedDate = getSelectedDate(event);\n            const isSelectedDone = Array.isArray(value) && value[0] && value[1];\n\n            if (!selectedDate || !Array.isArray(value) || isSelectedDone) {\n                return;\n            }\n\n            onHoverDay?.(selectedDate);\n        },\n        [getSelectedDate, onHoverDay, value],\n    );\n\n    const handleMouseOutGrid = () => onHoverDay?.(undefined);\n\n    const getRefs = (element: HTMLDivElement, isDayInCurrentMonth: boolean, i: number, j: number) => {\n        if (isDayInCurrentMonth) {\n            if (!outerRefs.current[i + offset]) {\n                outerRefs.current[i + offset] = [];\n            }\n\n            outerRefs.current[i + offset][j] = element;\n        }\n    };\n\n    useEffect(() => {\n        if (selectedRef.current) {\n            onSetSelectedRef.current?.(selectedRef.current);\n        }\n    }, []);\n\n    return (\n        <StyledCalendarDays\n            role=\"grid\"\n            aria-labelledby=\"id-grid-label\"\n            onKeyDown={onKeyDown}\n            onMouseLeave={handleMouseOutGrid}\n        >\n            <StyledCalendarDaysHint id=\"withShift\">{I18N.navigationByShift[locale]}</StyledCalendarDaysHint>\n            <>\n                {SHORT_DAY_NAMES[locale].map((name) => (\n                    <DateStructureItem\n                        role=\"columnheader\"\n                        aria-label={FULL_DAY_NAMES[locale][name]}\n                        key={name}\n                        dayOfWeek\n                        day={name}\n                        style={dayItemTokens}\n                    >\n                        {name}\n                    </DateStructureItem>\n                ))}\n            </>\n            {days.map((day: DateItem[], i) => (\n                <Fragment key={i}>\n                    {day.map(\n                        (\n                            {\n                                date,\n                                events,\n                                disabled,\n                                isSelected,\n                                isCurrent,\n                                isDayInCurrentMonth,\n                                inRange,\n                                isOutOfMinMaxRange = false,\n                                disabledArrowKey,\n                                disabledDates,\n                            },\n                            j,\n                        ) => (\n                            <DateStructureItem\n                                ref={(element: HTMLDivElement) => getRefs(element, Boolean(isDayInCurrentMonth), i, j)}\n                                style={dayItemTokens}\n                                eventList={events}\n                                disabled={disabled}\n                                day={date.day}\n                                year={date.year}\n                                monthIndex={date.monthIndex}\n                                isFocused={\n                                    i + offset === selectIndexes?.[0] && j === selectIndexes?.[1] && !isOutOfMinMaxRange\n                                }\n                                isSelected={isSelected}\n                                isCurrent={isCurrent}\n                                isDayInCurrentMonth={isDayInCurrentMonth}\n                                isDouble={isDouble}\n                                isHovered={isSameDay(date, hoveredDay)}\n                                inRange={getInRange(value, date, hoveredDay, inRange)}\n                                sideInRange={getSideInRange(value, date, hoveredDay, isSelected)}\n                                onClick={disabled ? undefined : handleOnChangeDay(i, j)}\n                                onMouseOver={disabled ? undefined : handleOnHoverDay}\n                                key={`StyledDay-${i}-${j}`}\n                                role=\"gridcell\"\n                                disabledArrowKey={disabledArrowKey}\n                                disabledMonths={disabledDates}\n                            >\n                                {date.day}\n                            </DateStructureItem>\n                        ),\n                    )}\n                </Fragment>\n            ))}\n        </StyledCalendarDays>\n    );\n};\n"],"names":["CalendarDays","date","currentDate","value","eventList","disabledList","min","max","includeEdgeDates","hoveredDay","selectIndexes","isDouble","isSecond","outerRefs","onChangeDay","onHoverDay","onSetSelected","onKeyDown","locale","days","selected","useDays","selectedRef","useRef","onSetSelectedRef","offset","ROW_STEP","dayItemTokens","innerTokens","dateStructureFontFamily","tokens","calendarDayFontFamily","dateStructureFontSize","calendarDayFontSize","dateStructureFontWeight","calendarDayFontWeight","dateStructureFontLineHeight","calendarDayFontLineHeight","dateStructureFontLetterSpacing","calendarDayFontLetterSpacing","dateStructureFontStyle","calendarDayFontStyle","dateStructureSelectedFontWeight","calendarDaySelectedFontWeight","dateStructureBorderRadius","calendarDayItemBorderRadius","getSelectedDate","useCallback","event","day","monthIndex","year","currentTarget","dataset","selectedDate","Number","canSelectDate","handleOnChangeDay","i","j","isSelectProcess","undefined","handleOnHoverDay","isSelectedDone","Array","isArray","handleMouseOutGrid","getRefs","element","isDayInCurrentMonth","current","useEffect","React","createElement","StyledCalendarDays","role","onMouseLeave","StyledCalendarDaysHint","id","I18N","navigationByShift","Fragment","SHORT_DAY_NAMES","map","name","DateStructureItem","FULL_DAY_NAMES","key","dayOfWeek","style","events","disabled","isSelected","isCurrent","inRange","isOutOfMinMaxRange","disabledArrowKey","disabledDates","ref","Boolean","isFocused","isHovered","isSameDay","getInRange","sideInRange","getSideInRange","onClick","onMouseOver","disabledMonths"],"mappings":"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"}

package/es/components/Calendar/ui/CalendarDays/CalendarDays.styles.js

@@ -1,14 +1,14 @@
 import './CalendarDays.styles_445k2m.css';
 import { styled } from '@linaria/react';
 
-var StyledCalendarDays = /*#__PURE__*/styled('div')({
+const StyledCalendarDays = /*#__PURE__*/styled('div')({
   name: "StyledCalendarDays",
-  "class": "s1jnjaxw",
+  class: "s1jnjaxw",
   propsAsIs: false
 });
-var StyledCalendarDaysHint = /*#__PURE__*/styled('span')({
+const StyledCalendarDaysHint = /*#__PURE__*/styled('span')({
   name: "StyledCalendarDaysHint",
-  "class": "s1rv3pd5",
+  class: "s1rv3pd5",
   propsAsIs: false
 });
 

package/es/components/Calendar/ui/CalendarDays/CalendarDays.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"CalendarDays.styles.js","sources":["../../../../../src/components/Calendar/ui/CalendarDays/CalendarDays.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { tokens } from '../../Calendar.tokens';\n\nexport const StyledCalendarDays = styled.div`\n    outline: none;\n\n    padding: var(${tokens.calendarDaysPadding});\n    box-sizing: border-box;\n    display: grid;\n    grid-template-columns: repeat(7, 1fr);\n    grid-template-rows: repeat(7, 1fr);\n\n    width: 100%;\n    height: 100%;\n`;\n\nexport const StyledCalendarDaysHint = styled.span`\n    display: none;\n`;\n"],"names":["StyledCalendarDays","styled","name","class","propsAsIs","StyledCalendarDaysHint"],"mappings":";;AAIO,IAAMA,kBAAkB,gBAAGC,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,oBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAWvC,EAAA;AAEM,IAAMC,sBAAsB,gBAAGJ,MAAM,CAAA,MAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,wBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAE3C;;;;"}
+{"version":3,"file":"CalendarDays.styles.js","sources":["../../../../../src/components/Calendar/ui/CalendarDays/CalendarDays.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { tokens } from '../../Calendar.tokens';\n\nexport const StyledCalendarDays = styled.div`\n    outline: none;\n\n    padding: var(${tokens.calendarDaysPadding});\n    box-sizing: border-box;\n    display: grid;\n    grid-template-columns: repeat(7, 1fr);\n    grid-template-rows: repeat(7, 1fr);\n\n    width: 100%;\n    height: 100%;\n`;\n\nexport const StyledCalendarDaysHint = styled.span`\n    display: none;\n`;\n"],"names":["StyledCalendarDays","styled","name","class","propsAsIs","StyledCalendarDaysHint"],"mappings":";;AAIO,MAAMA,kBAAkB,gBAAGC,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,oBAAA;AAAAC,EAAAA,KAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAWvC,EAAA;AAEM,MAAMC,sBAAsB,gBAAGJ,MAAM,CAAA,MAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,wBAAA;AAAAC,EAAAA,KAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAE3C;;;;"}

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

@@ -12,40 +12,39 @@ import { getCalendarType } from '../../utils/calendarGridHelper.js';
 /**
  * Компонент шапки календаря.
  */
-var CalendarHeader = function CalendarHeader(_ref) {
-  var _ref$type = _ref.type,
-    type = _ref$type === void 0 ? 'Days' : _ref$type,
-    _ref$startYear = _ref.startYear,
-    startYear = _ref$startYear === void 0 ? 0 : _ref$startYear,
-    size = _ref.size,
-    firstDate = _ref.firstDate,
-    secondDate = _ref.secondDate,
-    isDouble = _ref.isDouble,
-    onPrev = _ref.onPrev,
-    onNext = _ref.onNext,
-    onUpdateCalendarState = _ref.onUpdateCalendarState,
-    locale = _ref.locale;
-  var handleCalendarState = function handleCalendarState() {
-    var newSize = isDouble ? sizeMap.Months["double"] : sizeMap.Months.single;
+const CalendarHeader = ({
+  type = 'Days',
+  startYear = 0,
+  size,
+  firstDate,
+  secondDate,
+  isDouble,
+  onPrev,
+  onNext,
+  onUpdateCalendarState,
+  locale
+}) => {
+  const handleCalendarState = () => {
+    const newSize = isDouble ? sizeMap.Months.double : sizeMap.Months.single;
     if (type === CalendarState.Days) {
-      onUpdateCalendarState === null || onUpdateCalendarState === void 0 || onUpdateCalendarState(CalendarState.Months, newSize);
+      onUpdateCalendarState?.(CalendarState.Months, newSize);
     }
     if (type === CalendarState.Months || type === CalendarState.Quarters) {
-      onUpdateCalendarState === null || onUpdateCalendarState === void 0 || onUpdateCalendarState(CalendarState.Years, newSize);
+      onUpdateCalendarState?.(CalendarState.Years, newSize);
     }
   };
-  var handlePrev = function handlePrev(event) {
+  const handlePrev = event => {
     event.stopPropagation();
     if (startYear <= 0) {
       return;
     }
     onPrev();
   };
-  var handleNext = function handleNext(event) {
+  const handleNext = event => {
     event.stopPropagation();
     onNext();
   };
-  var getHeaderContent = function getHeaderContent(date, secondPart) {
+  const getHeaderContent = (date, secondPart) => {
     if (!date) {
       return '';
     }
@@ -62,7 +61,7 @@ var CalendarHeader = function CalendarHeader(_ref) {
       }));
     }
     if (type === CalendarState.Years) {
-      var yearValue = secondPart ? startYear + 12 : startYear;
+      const yearValue = secondPart ? startYear + 12 : startYear;
       return /*#__PURE__*/React.createElement(StyledHeaderDate, null, yearValue, "\u2014", yearValue + YEAR_RENDER_COUNT - 1, /*#__PURE__*/React.createElement(StyledHeaderArrow, {
         color: "inherit",
         size: size === 'xs' ? 'xs' : 's'
@@ -70,26 +69,22 @@ var CalendarHeader = function CalendarHeader(_ref) {
     }
     return '';
   };
-  var currentCalendarType = getCalendarType(type, locale);
-  var PreviousButton = function PreviousButton() {
-    return /*#__PURE__*/React.createElement(StyledArrow, {
-      className: cx(startYear <= 0 && classes.disabledPrevButton),
-      "aria-label": "".concat(I18N.previous[locale], " ").concat(currentCalendarType),
-      onClick: handlePrev
-    }, /*#__PURE__*/React.createElement(IconDisclosureLeft, {
-      color: "inherit",
-      size: size === 'xs' ? 'xs' : 's'
-    }));
-  };
-  var NextButton = function NextButton() {
-    return /*#__PURE__*/React.createElement(StyledArrow, {
-      "aria-label": "".concat(I18N.next[locale], " ").concat(currentCalendarType),
-      onClick: handleNext
-    }, /*#__PURE__*/React.createElement(IconDisclosureRight, {
-      color: "inherit",
-      size: size === 'xs' ? 'xs' : 's'
-    }));
-  };
+  const currentCalendarType = getCalendarType(type, locale);
+  const PreviousButton = () => /*#__PURE__*/React.createElement(StyledArrow, {
+    className: cx(startYear <= 0 && classes.disabledPrevButton),
+    "aria-label": `${I18N.previous[locale]} ${currentCalendarType}`,
+    onClick: handlePrev
+  }, /*#__PURE__*/React.createElement(IconDisclosureLeft, {
+    color: "inherit",
+    size: size === 'xs' ? 'xs' : 's'
+  }));
+  const NextButton = () => /*#__PURE__*/React.createElement(StyledArrow, {
+    "aria-label": `${I18N.next[locale]} ${currentCalendarType}`,
+    onClick: handleNext
+  }, /*#__PURE__*/React.createElement(IconDisclosureRight, {
+    color: "inherit",
+    size: size === 'xs' ? 'xs' : 's'
+  }));
   return /*#__PURE__*/React.createElement(StyledCalendarHeader, null, isDouble ? /*#__PURE__*/React.createElement(StyledNavigation, null, /*#__PURE__*/React.createElement(StyledDoubleHeaderWrapper, null, /*#__PURE__*/React.createElement(PreviousButton, null), /*#__PURE__*/React.createElement(StyledHeaderDouble, {
     onClick: handleCalendarState,
     "aria-live": "polite"

package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"CalendarHeader.js","sources":["../../../../../src/components/Calendar/ui/CalendarHeader/CalendarHeader.tsx"],"sourcesContent":["import React from 'react';\nimport type { MouseEvent } from 'react';\n\nimport { IconDisclosureLeft, IconDisclosureRight } from '../../../_Icon';\nimport { CalendarState } from '../../store/types';\nimport { getCalendarType, MONTH_NAMES, YEAR_RENDER_COUNT, I18N } from '../../utils';\nimport type { DateObject } from '../../Calendar.types';\nimport { classes } from '../../Calendar.tokens';\nimport { sizeMap } from '../../store/reducer';\nimport { cx } from '../../../../utils';\n\nimport type { CalendarHeaderProps } from './CalendarHeader.types';\nimport {\n    StyledArrow,\n    StyledArrows,\n    StyledCalendarHeader,\n    StyledDoubleHeaderWrapper,\n    StyledHeader,\n    StyledHeaderDate,\n    StyledHeaderDouble,\n    StyledNavigation,\n    StyledHeaderArrow,\n} from './CalendarHeader.styles';\n\n/**\n * Компонент шапки календаря.\n */\nexport const CalendarHeader: React.FC<CalendarHeaderProps> = ({\n    type = 'Days',\n    startYear = 0,\n    size,\n    firstDate,\n    secondDate,\n    isDouble,\n    onPrev,\n    onNext,\n    onUpdateCalendarState,\n    locale,\n}) => {\n    const handleCalendarState = () => {\n        const newSize: [number, number] = isDouble ? sizeMap.Months.double : sizeMap.Months.single;\n\n        if (type === CalendarState.Days) {\n            onUpdateCalendarState?.(CalendarState.Months, newSize);\n        }\n\n        if (type === CalendarState.Months || type === CalendarState.Quarters) {\n            onUpdateCalendarState?.(CalendarState.Years, newSize);\n        }\n    };\n\n    const handlePrev = (event: MouseEvent<HTMLDivElement>) => {\n        event.stopPropagation();\n\n        if (startYear <= 0) {\n            return;\n        }\n        onPrev();\n    };\n\n    const handleNext = (event: MouseEvent<HTMLDivElement>) => {\n        event.stopPropagation();\n\n        onNext();\n    };\n\n    const getHeaderContent = (date?: DateObject, secondPart?: boolean) => {\n        if (!date) {\n            return '';\n        }\n\n        if (type === CalendarState.Days) {\n            return (\n                <>\n                    <StyledHeaderDate>{MONTH_NAMES[locale][date.monthIndex]}</StyledHeaderDate>\n                    <StyledHeaderDate>\n                        {date.year}\n                        <StyledHeaderArrow color=\"inherit\" size={size === 'xs' ? 'xs' : 's'} />\n                    </StyledHeaderDate>\n                </>\n            );\n        }\n\n        if (type === CalendarState.Months || type === CalendarState.Quarters) {\n            return (\n                <StyledHeaderDate>\n                    {date.year}\n                    <StyledHeaderArrow color=\"inherit\" size={size === 'xs' ? 'xs' : 's'} />\n                </StyledHeaderDate>\n            );\n        }\n\n        if (type === CalendarState.Years) {\n            const yearValue = secondPart ? startYear + 12 : startYear;\n\n            return (\n                <StyledHeaderDate>\n                    {yearValue}—{yearValue + YEAR_RENDER_COUNT - 1}\n                    <StyledHeaderArrow color=\"inherit\" size={size === 'xs' ? 'xs' : 's'} />\n                </StyledHeaderDate>\n            );\n        }\n\n        return '';\n    };\n\n    const currentCalendarType = getCalendarType(type, locale);\n\n    const PreviousButton = () => (\n        <StyledArrow\n            className={cx(startYear <= 0 && classes.disabledPrevButton)}\n            aria-label={`${I18N.previous[locale]} ${currentCalendarType}`}\n            onClick={handlePrev}\n        >\n            <IconDisclosureLeft color=\"inherit\" size={size === 'xs' ? 'xs' : 's'} />\n        </StyledArrow>\n    );\n\n    const NextButton = () => (\n        <StyledArrow aria-label={`${I18N.next[locale]} ${currentCalendarType}`} onClick={handleNext}>\n            <IconDisclosureRight color=\"inherit\" size={size === 'xs' ? 'xs' : 's'} />\n        </StyledArrow>\n    );\n\n    return (\n        <StyledCalendarHeader>\n            {isDouble ? (\n                <StyledNavigation>\n                    <StyledDoubleHeaderWrapper>\n                        <PreviousButton />\n                        <StyledHeaderDouble onClick={handleCalendarState} aria-live=\"polite\">\n                            {getHeaderContent(firstDate)}\n                        </StyledHeaderDouble>\n                    </StyledDoubleHeaderWrapper>\n                    <StyledDoubleHeaderWrapper className={classes.doubleHeaderLastDateWrapper}>\n                        <StyledHeaderDouble onClick={handleCalendarState} aria-live=\"polite\">\n                            {getHeaderContent(secondDate, true)}\n                        </StyledHeaderDouble>\n                        <NextButton />\n                    </StyledDoubleHeaderWrapper>\n                </StyledNavigation>\n            ) : (\n                <>\n                    <StyledHeader\n                        type=\"button\"\n                        aria-live=\"polite\"\n                        id=\"id-grid-label\"\n                        onClick={handleCalendarState}\n                        tabIndex={0}\n                    >\n                        {getHeaderContent(firstDate)}\n                    </StyledHeader>\n                    <StyledArrows>\n                        <PreviousButton />\n                        <NextButton />\n                    </StyledArrows>\n                </>\n            )}\n        </StyledCalendarHeader>\n    );\n};\n"],"names":["CalendarHeader","_ref","_ref$type","type","_ref$startYear","startYear","size","firstDate","secondDate","isDouble","onPrev","onNext","onUpdateCalendarState","locale","handleCalendarState","newSize","sizeMap","Months","single","CalendarState","Days","Quarters","Years","handlePrev","event","stopPropagation","handleNext","getHeaderContent","date","secondPart","React","createElement","Fragment","StyledHeaderDate","MONTH_NAMES","monthIndex","year","StyledHeaderArrow","color","yearValue","YEAR_RENDER_COUNT","currentCalendarType","getCalendarType","PreviousButton","StyledArrow","className","cx","classes","disabledPrevButton","concat","I18N","previous","onClick","IconDisclosureLeft","NextButton","next","IconDisclosureRight","StyledCalendarHeader","StyledNavigation","StyledDoubleHeaderWrapper","StyledHeaderDouble","doubleHeaderLastDateWrapper","StyledHeader","id","tabIndex","StyledArrows"],"mappings":"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"}
+{"version":3,"file":"CalendarHeader.js","sources":["../../../../../src/components/Calendar/ui/CalendarHeader/CalendarHeader.tsx"],"sourcesContent":["import React from 'react';\nimport type { MouseEvent } from 'react';\n\nimport { IconDisclosureLeft, IconDisclosureRight } from '../../../_Icon';\nimport { CalendarState } from '../../store/types';\nimport { getCalendarType, MONTH_NAMES, YEAR_RENDER_COUNT, I18N } from '../../utils';\nimport type { DateObject } from '../../Calendar.types';\nimport { classes } from '../../Calendar.tokens';\nimport { sizeMap } from '../../store/reducer';\nimport { cx } from '../../../../utils';\n\nimport type { CalendarHeaderProps } from './CalendarHeader.types';\nimport {\n    StyledArrow,\n    StyledArrows,\n    StyledCalendarHeader,\n    StyledDoubleHeaderWrapper,\n    StyledHeader,\n    StyledHeaderDate,\n    StyledHeaderDouble,\n    StyledNavigation,\n    StyledHeaderArrow,\n} from './CalendarHeader.styles';\n\n/**\n * Компонент шапки календаря.\n */\nexport const CalendarHeader: React.FC<CalendarHeaderProps> = ({\n    type = 'Days',\n    startYear = 0,\n    size,\n    firstDate,\n    secondDate,\n    isDouble,\n    onPrev,\n    onNext,\n    onUpdateCalendarState,\n    locale,\n}) => {\n    const handleCalendarState = () => {\n        const newSize: [number, number] = isDouble ? sizeMap.Months.double : sizeMap.Months.single;\n\n        if (type === CalendarState.Days) {\n            onUpdateCalendarState?.(CalendarState.Months, newSize);\n        }\n\n        if (type === CalendarState.Months || type === CalendarState.Quarters) {\n            onUpdateCalendarState?.(CalendarState.Years, newSize);\n        }\n    };\n\n    const handlePrev = (event: MouseEvent<HTMLDivElement>) => {\n        event.stopPropagation();\n\n        if (startYear <= 0) {\n            return;\n        }\n        onPrev();\n    };\n\n    const handleNext = (event: MouseEvent<HTMLDivElement>) => {\n        event.stopPropagation();\n\n        onNext();\n    };\n\n    const getHeaderContent = (date?: DateObject, secondPart?: boolean) => {\n        if (!date) {\n            return '';\n        }\n\n        if (type === CalendarState.Days) {\n            return (\n                <>\n                    <StyledHeaderDate>{MONTH_NAMES[locale][date.monthIndex]}</StyledHeaderDate>\n                    <StyledHeaderDate>\n                        {date.year}\n                        <StyledHeaderArrow color=\"inherit\" size={size === 'xs' ? 'xs' : 's'} />\n                    </StyledHeaderDate>\n                </>\n            );\n        }\n\n        if (type === CalendarState.Months || type === CalendarState.Quarters) {\n            return (\n                <StyledHeaderDate>\n                    {date.year}\n                    <StyledHeaderArrow color=\"inherit\" size={size === 'xs' ? 'xs' : 's'} />\n                </StyledHeaderDate>\n            );\n        }\n\n        if (type === CalendarState.Years) {\n            const yearValue = secondPart ? startYear + 12 : startYear;\n\n            return (\n                <StyledHeaderDate>\n                    {yearValue}—{yearValue + YEAR_RENDER_COUNT - 1}\n                    <StyledHeaderArrow color=\"inherit\" size={size === 'xs' ? 'xs' : 's'} />\n                </StyledHeaderDate>\n            );\n        }\n\n        return '';\n    };\n\n    const currentCalendarType = getCalendarType(type, locale);\n\n    const PreviousButton = () => (\n        <StyledArrow\n            className={cx(startYear <= 0 && classes.disabledPrevButton)}\n            aria-label={`${I18N.previous[locale]} ${currentCalendarType}`}\n            onClick={handlePrev}\n        >\n            <IconDisclosureLeft color=\"inherit\" size={size === 'xs' ? 'xs' : 's'} />\n        </StyledArrow>\n    );\n\n    const NextButton = () => (\n        <StyledArrow aria-label={`${I18N.next[locale]} ${currentCalendarType}`} onClick={handleNext}>\n            <IconDisclosureRight color=\"inherit\" size={size === 'xs' ? 'xs' : 's'} />\n        </StyledArrow>\n    );\n\n    return (\n        <StyledCalendarHeader>\n            {isDouble ? (\n                <StyledNavigation>\n                    <StyledDoubleHeaderWrapper>\n                        <PreviousButton />\n                        <StyledHeaderDouble onClick={handleCalendarState} aria-live=\"polite\">\n                            {getHeaderContent(firstDate)}\n                        </StyledHeaderDouble>\n                    </StyledDoubleHeaderWrapper>\n                    <StyledDoubleHeaderWrapper className={classes.doubleHeaderLastDateWrapper}>\n                        <StyledHeaderDouble onClick={handleCalendarState} aria-live=\"polite\">\n                            {getHeaderContent(secondDate, true)}\n                        </StyledHeaderDouble>\n                        <NextButton />\n                    </StyledDoubleHeaderWrapper>\n                </StyledNavigation>\n            ) : (\n                <>\n                    <StyledHeader\n                        type=\"button\"\n                        aria-live=\"polite\"\n                        id=\"id-grid-label\"\n                        onClick={handleCalendarState}\n                        tabIndex={0}\n                    >\n                        {getHeaderContent(firstDate)}\n                    </StyledHeader>\n                    <StyledArrows>\n                        <PreviousButton />\n                        <NextButton />\n                    </StyledArrows>\n                </>\n            )}\n        </StyledCalendarHeader>\n    );\n};\n"],"names":["CalendarHeader","type","startYear","size","firstDate","secondDate","isDouble","onPrev","onNext","onUpdateCalendarState","locale","handleCalendarState","newSize","sizeMap","Months","double","single","CalendarState","Days","Quarters","Years","handlePrev","event","stopPropagation","handleNext","getHeaderContent","date","secondPart","React","createElement","Fragment","StyledHeaderDate","MONTH_NAMES","monthIndex","year","StyledHeaderArrow","color","yearValue","YEAR_RENDER_COUNT","currentCalendarType","getCalendarType","PreviousButton","StyledArrow","className","cx","classes","disabledPrevButton","I18N","previous","onClick","IconDisclosureLeft","NextButton","next","IconDisclosureRight","StyledCalendarHeader","StyledNavigation","StyledDoubleHeaderWrapper","StyledHeaderDouble","doubleHeaderLastDateWrapper","StyledHeader","id","tabIndex","StyledArrows"],"mappings":"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"}

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

@@ -1,62 +1,58 @@
 import './CalendarHeader.styles_13bk6ms.css';
 import { styled } from '@linaria/react';
-import { IconDisclosureDownFill } from '../../../_Icon/Icons/IconDisclosureDownFill.js';
-import { component, mergeConfig } from '../../../../engines/common.js';
+import { mergeConfig, component } from '../../../../engines/common.js';
 import { iconButtonConfig } from '../../../IconButton/IconButton.js';
+import { IconDisclosureDownFill } from '../../../_Icon/Icons/IconDisclosureDownFill.js';
 
-var mergedIconButtonConfig = /*#__PURE__*/mergeConfig(iconButtonConfig);
-var IconButton = /*#__PURE__*/component(mergedIconButtonConfig);
-var StyledCalendarHeader = /*#__PURE__*/styled('div')({
+const mergedIconButtonConfig = mergeConfig(iconButtonConfig);
+const IconButton = component(mergedIconButtonConfig);
+const StyledCalendarHeader = /*#__PURE__*/styled('div')({
   name: "StyledCalendarHeader",
-  "class": "sjaqipy",
+  class: "sjaqipy",
   propsAsIs: false
 });
-var StyledHeader = /*#__PURE__*/styled('button')({
+const StyledHeader = /*#__PURE__*/styled('button')({
   name: "StyledHeader",
-  "class": "s1k7jebr",
+  class: "s1k7jebr",
   propsAsIs: false
 });
-var StyledHeaderDate = /*#__PURE__*/styled('span')({
+const StyledHeaderDate = /*#__PURE__*/styled('span')({
   name: "StyledHeaderDate",
-  "class": "s1b07tlr",
+  class: "s1b07tlr",
   propsAsIs: false
 });
-var StyledArrows = /*#__PURE__*/styled('div')({
+const StyledArrows = /*#__PURE__*/styled('div')({
   name: "StyledArrows",
-  "class": "s13yvda3",
+  class: "s13yvda3",
   propsAsIs: false
 });
 
 // NOTE: переопределение токенов IconButton
-var _exp16 = function _exp16() {
-  return IconButton;
-};
-var StyledArrow = /*#__PURE__*/styled(_exp16())({
+const _exp16 = /*#__PURE__*/() => IconButton;
+const StyledArrow = /*#__PURE__*/styled(_exp16())({
   name: "StyledArrow",
-  "class": "s1i8jkj2",
+  class: "s1i8jkj2",
   propsAsIs: true
 });
-var StyledNavigation = /*#__PURE__*/styled('div')({
+const StyledNavigation = /*#__PURE__*/styled('div')({
   name: "StyledNavigation",
-  "class": "sw3by8z",
+  class: "sw3by8z",
   propsAsIs: false
 });
-var StyledDoubleHeaderWrapper = /*#__PURE__*/styled('div')({
+const StyledDoubleHeaderWrapper = /*#__PURE__*/styled('div')({
   name: "StyledDoubleHeaderWrapper",
-  "class": "sdke0q6",
+  class: "sdke0q6",
   propsAsIs: false
 });
-var StyledHeaderDouble = /*#__PURE__*/styled('button')({
+const StyledHeaderDouble = /*#__PURE__*/styled('button')({
   name: "StyledHeaderDouble",
-  "class": "sdtpxcv",
+  class: "sdtpxcv",
   propsAsIs: false
 });
-var _exp57 = function _exp57() {
-  return IconDisclosureDownFill;
-};
-var StyledHeaderArrow = /*#__PURE__*/styled(_exp57())({
+const _exp57 = /*#__PURE__*/() => IconDisclosureDownFill;
+const StyledHeaderArrow = /*#__PURE__*/styled(_exp57())({
   name: "StyledHeaderArrow",
-  "class": "s1fi7s2r",
+  class: "s1fi7s2r",
   propsAsIs: true
 });
 

package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"CalendarHeader.styles.js","sources":["../../../../../src/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { classes, tokens } from '../../Calendar.tokens';\nimport { component, mergeConfig } from '../../../../engines';\nimport { iconButtonConfig, iconButtonTokens } from '../../../IconButton';\nimport { flexCenter } from '../../mixins';\nimport { addFocus } from '../../../../mixins';\nimport { IconDisclosureDownFill } from '../../../_Icon';\n\nconst mergedIconButtonConfig = mergeConfig(iconButtonConfig);\nconst IconButton = component(mergedIconButtonConfig);\n\nexport const StyledCalendarHeader = styled.div`\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: var(${tokens.calendarHeaderWrapperPadding});\n`;\n\nexport const StyledHeader = styled.button`\n    border: none;\n    background-color: transparent;\n    padding: 0;\n    outline: none;\n    font-family: var(${tokens.calendarHeaderFontFamily});\n    font-size: var(${tokens.calendarHeaderFontSize});\n    font-style: var(${tokens.calendarHeaderFontStyle});\n    font-weight: var(${tokens.calendarHeaderFontWeightBold});\n    letter-spacing: var(${tokens.calendarHeaderFontLetterSpacing});\n    line-height: var(${tokens.calendarHeaderFontLineHeight});\n    padding: var(${tokens.calendarHeaderPadding});\n\n    color: var(${tokens.calendarContentPrimaryColor});\n\n    cursor: pointer;\n    display: flex;\n    gap: var(${tokens.calendarHeaderDateGap});\n    justify-content: space-between;\n    align-items: center;\n\n    &:hover,\n    &:active {\n        color: var(${tokens.calendarContentSecondaryColor});\n    }\n\n    ${addFocus({\n        outlineSize: '0.063rem',\n        outlineOffset: '-0.125rem',\n        outlineColor: `var(${tokens.calendarOutlineFocusColor})`,\n        outlineRadius: '0.563rem',\n    })};\n`;\n\nexport const StyledHeaderDate = styled.span`\n    ${flexCenter};\n    pointer-events: none;\n`;\n\nexport const StyledArrows = styled.div`\n    display: flex;\n    gap: var(${tokens.calendarHeaderArrowGap});\n    padding: var(${tokens.calendarHeaderArrowPadding});\n`;\n\n// NOTE: переопределение токенов IconButton\nexport const StyledArrow = styled(IconButton)`\n    ${iconButtonTokens.iconButtonColor}: var(${tokens.iconButtonColor});\n    ${iconButtonTokens.iconButtonBackgroundColor}: var(${tokens.iconButtonBackgroundColor});\n    ${iconButtonTokens.iconButtonColorHover}: var(${tokens.iconButtonColorHover});\n    ${iconButtonTokens.iconButtonBackgroundColorHover}: var(${tokens.iconButtonBackgroundColorHover});\n    ${iconButtonTokens.iconButtonColorActive}: var(${tokens.iconButtonColorActive});\n    ${iconButtonTokens.iconButtonBackgroundColorActive}: var(${tokens.iconButtonBackgroundColorActive});\n    ${iconButtonTokens.iconButtonHeight}: var(${tokens.iconButtonHeight});\n    ${iconButtonTokens.iconButtonWidth}: var(${tokens.iconButtonWidth});\n    ${iconButtonTokens.iconButtonPadding}: var(${tokens.iconButtonPadding});\n    ${iconButtonTokens.iconButtonRadius}: var(${tokens.iconButtonRadius});\n    ${iconButtonTokens.iconButtonFocusColor}: var(${tokens.iconButtonFocusColor});\n\n    &.${classes.disabledPrevButton} {\n        cursor: not-allowed;\n        opacity: 0.4;\n\n        &:hover,\n        &:active {\n            color: var(${tokens.iconButtonColor});\n        }\n    }\n`;\n\nexport const StyledNavigation = styled.div`\n    width: 100%;\n    ${flexCenter};\n`;\n\nexport const StyledDoubleHeaderWrapper = styled.div`\n    width: 100%;\n    display: grid;\n    align-items: center;\n    grid-template-columns: var(${tokens.iconButtonWidth}) 1fr var(${tokens.iconButtonWidth});\n    grid-template-areas: 'a b c';\n\n    ${StyledArrow} {\n        grid-area: a;\n    }\n\n    &.${classes.doubleHeaderLastDateWrapper} ${StyledArrow} {\n        grid-area: c;\n    }\n`;\n\nexport const StyledHeaderDouble = styled.button`\n    border: none;\n    background-color: transparent;\n    padding: 0;\n    outline: none;\n\n    font-family: var(${tokens.calendarHeaderFontFamily});\n    font-size: var(${tokens.calendarHeaderFontSize});\n    font-style: var(${tokens.calendarHeaderFontStyle});\n    font-weight: var(${tokens.calendarHeaderFontWeightBold});\n    letter-spacing: var(${tokens.calendarHeaderFontLetterSpacing});\n    line-height: var(${tokens.calendarHeaderFontLineHeight});\n\n    color: var(${tokens.calendarContentPrimaryColor});\n\n    grid-area: b;\n    justify-self: center;\n    cursor: pointer;\n    display: flex;\n    gap: var(${tokens.calendarHeaderDateGap});\n    justify-content: space-between;\n    align-items: center;\n    margin: 0;\n    height: fit-content;\n\n    ${String(flexCenter)};\n\n    ${addFocus({\n        outlineSize: '0.063rem',\n        outlineOffset: '-0.125rem',\n        outlineColor: `var(${tokens.calendarOutlineFocusColor})`,\n        outlineRadius: '0.563rem',\n    })};\n`;\n\nexport const StyledHeaderArrow = styled(IconDisclosureDownFill)`\n    color: var(${tokens.calendarHeaderArrowColor});\n`;\n"],"names":["mergedIconButtonConfig","mergeConfig","iconButtonConfig","IconButton","component","StyledCalendarHeader","styled","name","class","propsAsIs","StyledHeader","StyledHeaderDate","StyledArrows","_exp16","StyledArrow","StyledNavigation","StyledDoubleHeaderWrapper","StyledHeaderDouble","_exp57","IconDisclosureDownFill","StyledHeaderArrow"],"mappings":";;;;;AASA,IAAMA,sBAAsB,gBAAGC,WAAW,CAACC,gBAAgB,CAAC,CAAA;AAC5D,IAAMC,UAAU,gBAAGC,SAAS,CAACJ,sBAAsB,CAAC,CAAA;AAE7C,IAAMK,oBAAoB,gBAAGC,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,sBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAKzC,EAAA;AAEM,IAAMC,YAAY,gBAAGJ,MAAM,CAAA,QAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,cAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAgCjC,EAAA;AAEM,IAAME,gBAAgB,gBAAGL,MAAM,CAAA,MAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,kBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAGrC,EAAA;AAEM,IAAMG,YAAY,gBAAGN,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,cAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAIjC,EAAA;;AAED;AAAA,IAAAI,MAAA,GA/DkBA,SA+DlBA,MAAAA,GAAA;AAAA,EAAA,OACkCV,UAAU,CAAA;AAAA,CAAA,CAAA;AAArC,IAAMW,WAAW,gBAAGR,MAAM,CAAAO,MAAA,EAAA,CAAA,CAAA;AAAAN,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAsBhC,EAAA;AAEM,IAAMM,gBAAgB,gBAAGT,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,kBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAGrC,EAAA;AAEM,IAAMO,yBAAyB,gBAAGV,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,2BAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAc9C,EAAA;AAEM,IAAMQ,kBAAkB,gBAAGX,MAAM,CAAA,QAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,oBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAiCvC,EAAA;AAAC,IAAAS,MAAA,GA9IgBA,SA8IhBA,MAAAA,GAAA;AAAA,EAAA,OAEsCC,sBAAsB,CAAA;AAAA,CAAA,CAAA;AAAvD,IAAMC,iBAAiB,gBAAGd,MAAM,CAAAY,MAAA,EAAA,CAAA,CAAA;AAAAX,EAAAA,IAAA,EAAA,mBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAEtC;;;;"}
+{"version":3,"file":"CalendarHeader.styles.js","sources":["../../../../../src/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { classes, tokens } from '../../Calendar.tokens';\nimport { component, mergeConfig } from '../../../../engines';\nimport { iconButtonConfig, iconButtonTokens } from '../../../IconButton';\nimport { flexCenter } from '../../mixins';\nimport { addFocus } from '../../../../mixins';\nimport { IconDisclosureDownFill } from '../../../_Icon';\n\nconst mergedIconButtonConfig = mergeConfig(iconButtonConfig);\nconst IconButton = component(mergedIconButtonConfig);\n\nexport const StyledCalendarHeader = styled.div`\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: var(${tokens.calendarHeaderWrapperPadding});\n`;\n\nexport const StyledHeader = styled.button`\n    border: none;\n    background-color: transparent;\n    padding: 0;\n    outline: none;\n    font-family: var(${tokens.calendarHeaderFontFamily});\n    font-size: var(${tokens.calendarHeaderFontSize});\n    font-style: var(${tokens.calendarHeaderFontStyle});\n    font-weight: var(${tokens.calendarHeaderFontWeightBold});\n    letter-spacing: var(${tokens.calendarHeaderFontLetterSpacing});\n    line-height: var(${tokens.calendarHeaderFontLineHeight});\n    padding: var(${tokens.calendarHeaderPadding});\n\n    color: var(${tokens.calendarContentPrimaryColor});\n\n    cursor: pointer;\n    display: flex;\n    gap: var(${tokens.calendarHeaderDateGap});\n    justify-content: space-between;\n    align-items: center;\n\n    &:hover,\n    &:active {\n        color: var(${tokens.calendarContentSecondaryColor});\n    }\n\n    ${addFocus({\n        outlineSize: '0.063rem',\n        outlineOffset: '-0.125rem',\n        outlineColor: `var(${tokens.calendarOutlineFocusColor})`,\n        outlineRadius: '0.563rem',\n    })};\n`;\n\nexport const StyledHeaderDate = styled.span`\n    ${flexCenter};\n    pointer-events: none;\n`;\n\nexport const StyledArrows = styled.div`\n    display: flex;\n    gap: var(${tokens.calendarHeaderArrowGap});\n    padding: var(${tokens.calendarHeaderArrowPadding});\n`;\n\n// NOTE: переопределение токенов IconButton\nexport const StyledArrow = styled(IconButton)`\n    ${iconButtonTokens.iconButtonColor}: var(${tokens.iconButtonColor});\n    ${iconButtonTokens.iconButtonBackgroundColor}: var(${tokens.iconButtonBackgroundColor});\n    ${iconButtonTokens.iconButtonColorHover}: var(${tokens.iconButtonColorHover});\n    ${iconButtonTokens.iconButtonBackgroundColorHover}: var(${tokens.iconButtonBackgroundColorHover});\n    ${iconButtonTokens.iconButtonColorActive}: var(${tokens.iconButtonColorActive});\n    ${iconButtonTokens.iconButtonBackgroundColorActive}: var(${tokens.iconButtonBackgroundColorActive});\n    ${iconButtonTokens.iconButtonHeight}: var(${tokens.iconButtonHeight});\n    ${iconButtonTokens.iconButtonWidth}: var(${tokens.iconButtonWidth});\n    ${iconButtonTokens.iconButtonPadding}: var(${tokens.iconButtonPadding});\n    ${iconButtonTokens.iconButtonRadius}: var(${tokens.iconButtonRadius});\n    ${iconButtonTokens.iconButtonFocusColor}: var(${tokens.iconButtonFocusColor});\n\n    &.${classes.disabledPrevButton} {\n        cursor: not-allowed;\n        opacity: 0.4;\n\n        &:hover,\n        &:active {\n            color: var(${tokens.iconButtonColor});\n        }\n    }\n`;\n\nexport const StyledNavigation = styled.div`\n    width: 100%;\n    ${flexCenter};\n`;\n\nexport const StyledDoubleHeaderWrapper = styled.div`\n    width: 100%;\n    display: grid;\n    align-items: center;\n    grid-template-columns: var(${tokens.iconButtonWidth}) 1fr var(${tokens.iconButtonWidth});\n    grid-template-areas: 'a b c';\n\n    ${StyledArrow} {\n        grid-area: a;\n    }\n\n    &.${classes.doubleHeaderLastDateWrapper} ${StyledArrow} {\n        grid-area: c;\n    }\n`;\n\nexport const StyledHeaderDouble = styled.button`\n    border: none;\n    background-color: transparent;\n    padding: 0;\n    outline: none;\n\n    font-family: var(${tokens.calendarHeaderFontFamily});\n    font-size: var(${tokens.calendarHeaderFontSize});\n    font-style: var(${tokens.calendarHeaderFontStyle});\n    font-weight: var(${tokens.calendarHeaderFontWeightBold});\n    letter-spacing: var(${tokens.calendarHeaderFontLetterSpacing});\n    line-height: var(${tokens.calendarHeaderFontLineHeight});\n\n    color: var(${tokens.calendarContentPrimaryColor});\n\n    grid-area: b;\n    justify-self: center;\n    cursor: pointer;\n    display: flex;\n    gap: var(${tokens.calendarHeaderDateGap});\n    justify-content: space-between;\n    align-items: center;\n    margin: 0;\n    height: fit-content;\n\n    ${String(flexCenter)};\n\n    ${addFocus({\n        outlineSize: '0.063rem',\n        outlineOffset: '-0.125rem',\n        outlineColor: `var(${tokens.calendarOutlineFocusColor})`,\n        outlineRadius: '0.563rem',\n    })};\n`;\n\nexport const StyledHeaderArrow = styled(IconDisclosureDownFill)`\n    color: var(${tokens.calendarHeaderArrowColor});\n`;\n"],"names":["mergedIconButtonConfig","mergeConfig","iconButtonConfig","IconButton","component","StyledCalendarHeader","styled","name","class","propsAsIs","StyledHeader","StyledHeaderDate","StyledArrows","_exp16","StyledArrow","StyledNavigation","StyledDoubleHeaderWrapper","StyledHeaderDouble","_exp57","IconDisclosureDownFill","StyledHeaderArrow"],"mappings":";;;;;AASA,MAAMA,sBAAsB,GAAGC,WAAW,CAACC,gBAAgB,CAAC,CAAA;AAC5D,MAAMC,UAAU,GAAGC,SAAS,CAACJ,sBAAsB,CAAC,CAAA;AAE7C,MAAMK,oBAAoB,gBAAGC,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,sBAAA;AAAAC,EAAAA,KAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAKzC,EAAA;AAEM,MAAMC,YAAY,gBAAGJ,MAAM,CAAA,QAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,cAAA;AAAAC,EAAAA,KAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAgCjC,EAAA;AAEM,MAAME,gBAAgB,gBAAGL,MAAM,CAAA,MAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,kBAAA;AAAAC,EAAAA,KAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAGrC,EAAA;AAEM,MAAMG,YAAY,gBAAGN,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,cAAA;AAAAC,EAAAA,KAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAIjC,EAAA;;AAED;AAAA,MAAAI,MAAA,gBA/DkBA,MAgEgBV,UAAU,CAAA;AAArC,MAAMW,WAAW,gBAAGR,MAAM,CAAAO,MAAA,EAAA,CAAA,CAAA;AAAAN,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,KAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAsBhC,EAAA;AAEM,MAAMM,gBAAgB,gBAAGT,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,kBAAA;AAAAC,EAAAA,KAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAGrC,EAAA;AAEM,MAAMO,yBAAyB,gBAAGV,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,2BAAA;AAAAC,EAAAA,KAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAc9C,EAAA;AAEM,MAAMQ,kBAAkB,gBAAGX,MAAM,CAAA,QAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,oBAAA;AAAAC,EAAAA,KAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAiCvC,EAAA;AAAC,MAAAS,MAAA,gBA9IgBA,MAgJsBC,sBAAsB,CAAA;AAAvD,MAAMC,iBAAiB,gBAAGd,MAAM,CAAAY,MAAA,EAAA,CAAA,CAAA;AAAAX,EAAAA,IAAA,EAAA,mBAAA;AAAAC,EAAAA,KAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAEtC;;;;"}