@skbkontur/react-ui 6.4.1-8cb58.0 → 6.4.2-static-css.0

package/components/DateRangePicker/DateRangePicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"DateRangePicker.js","sourceRoot":"","sources":["DateRangePicker.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { type AriaAttributes, useImperativeHandle, useLayoutEffect, useRef, useState } from 'react';\n\nimport type { CommonProps } from '../../internal/CommonWrapper/index.js';\nimport { CommonWrapper } from '../../internal/CommonWrapper/index.js';\nimport { ArrowAUpIcon16Light } from '../../internal/icons2022/ArrowAUpIcon/ArrowAUp16Light.js';\nimport { MobilePopup } from '../../internal/MobilePopup/index.js';\nimport { NativeDateInput } from '../../internal/NativeDateInput/index.js';\nimport { Popup } from '../../internal/Popup/index.js';\nimport { ZIndex } from '../../internal/ZIndex/index.js';\nimport { isIOS } from '../../lib/client.js';\nimport { isBetween, isGreater, isGreaterOrEqual, isLess, isLessOrEqual } from '../../lib/date/comparison.js';\nimport { InternalDate } from '../../lib/date/InternalDate.js';\nimport { InternalDateGetter } from '../../lib/date/InternalDateGetter.js';\nimport { forwardRefAndName } from '../../lib/forwardRefAndName.js';\nimport { getMenuPositions } from '../../lib/getMenuPositions.js';\nimport { LocaleContext } from '../../lib/locale/index.js';\nimport { useLocaleForControl } from '../../lib/locale/useLocaleForControl.js';\nimport { useEmotion, useStyles } from '../../lib/renderEnvironment/index.js';\nimport type { InstanceWithRootNode } from '../../lib/rootNode/index.js';\nimport { getRootNode } from '../../lib/rootNode/index.js';\nimport type { Theme } from '../../lib/theming/Theme.js';\nimport { ThemeContext } from '../../lib/theming/ThemeContext.js';\nimport { Button } from '../Button/index.js';\nimport { Calendar, CalendarDay } from '../Calendar/index.js';\nimport type { CalendarDayProps } from '../Calendar/index.js';\nimport { DateInput } from '../DateInput/index.js';\nimport type { DatePickerProps } from '../DatePicker/index.js';\nimport { useResponsiveLayout } from '../ResponsiveLayout/index.js';\nimport { getFontSize, getStyles } from './DateRangePicker.styles.js';\nimport { DateRangePickerContext } from './DateRangePickerContext.js';\nimport type { DateRangePickerContextProps } from './DateRangePickerContext.js';\nimport { DateRangePickerEnd, DateRangePickerStart } from './DateRangePickerInput.js';\nimport type { DateRangePickerInputType } from './DateRangePickerInput.js';\nimport { DateRangePickerSeparator } from './DateRangePickerSeparator.js';\nimport { getDateRangePickerTheme, getMobileDateRangePickerTheme } from './DateRangePickerTheme.js';\nimport { getStateForValue } from './helpers/getStateForValue.js';\nimport { validateDateRangePicker } from './helpers/validateDateRangePicker.js';\nimport { DateRangePickerLocaleHelper } from './locale/index.js';\n\nexport const DateRangePickerDataTids = {\n  root: 'DateRangePicker__root',\n  start: 'DateRangePicker__start',\n  end: 'DateRangePicker__end',\n  popup: 'DateRangePicker__popup',\n  calendar: 'DateRangePicker__calendar',\n  todayButton: 'DateRangePicker__todayButton',\n  startOptionalButton: 'DateRangePicker__startOptionalButton',\n  endOptionalButton: 'DateRangePicker__endOptionalButton',\n  mobileStart: 'DateRangePicker__mobileStart',\n  mobileEnd: 'DateRangePicker__mobileEnd',\n  rangeStart: 'DateRangePicker__rangeStart',\n  rangeEnd: 'DateRangePicker__rangeEnd',\n} as const;\n\nconst DayDateAttribute = 'data-date-range-picker-day';\n\nexport interface DateRangePickerProps\n  extends\n    CommonProps,\n    Pick<AriaAttributes, 'aria-describedby' | 'aria-label' | 'aria-labelledby'>,\n    Pick<\n      DatePickerProps,\n      | 'size'\n      | 'width'\n      | 'renderDay'\n      | 'menuPos'\n      | 'menuAlign'\n      | 'useMobileNativeDatePicker'\n      | 'enableTodayLink'\n      | 'onMonthChange'\n    > {\n  /**\n   * Элемент, относительно которого открывается календарь.\n   * Если передать значение `focused` — меню будет открываться у зафокусированного элемента.\n   * Если передать ссылку на DOM элемент или ref — меню откроется относительно переданного элемента.\n   */\n  menuAnchorElement?: 'focused' | Element | React.ReactNode | React.RefObject<any>;\n  /**\n   * Элементы DateRangePicker:\n   * `<DateRangePicker.Start />`\n   * `<DateRangePicker.Separator />`\n   * `<DateRangePicker.End />`\n   */\n  children: React.ReactNode;\n}\n\nexport interface DateRangePickerRef extends InstanceWithRootNode {\n  open: (inputType?: DateRangePickerInputType) => void;\n  close: () => void;\n  scrollToMonth: (month: number, year: number) => void;\n}\n\nexport type DateRangePicker = DateRangePickerRef;\n\n/** Поле выбора периода дат. */\nexport const DateRangePicker = Object.assign(\n  {\n    Start: DateRangePickerStart,\n    End: DateRangePickerEnd,\n    Separator: DateRangePickerSeparator,\n    validate: validateDateRangePicker,\n  },\n  forwardRefAndName<DateRangePickerRef, DateRangePickerProps>('DateRangePicker', (props: DateRangePickerProps, ref) => {\n    const { css, cx } = useEmotion();\n    const styles = useStyles(getStyles);\n    const { isMobile } = useResponsiveLayout();\n    const locale = useLocaleForControl('DateRangePicker', DateRangePickerLocaleHelper);\n\n    const [startValue, setStartValue] = useState<string>();\n    const [startOptional, setStartOptional] = useState(false);\n    const [startDisabled, setStartDisabled] = useState(false);\n\n    const [endValue, setEndValue] = useState<string>();\n    const [endOptional, setEndOptional] = useState(false);\n    const [endDisabled, setEndDisabled] = useState(false);\n\n    const [minDate, setMinDate] = useState('');\n    const [maxDate, setMaxDate] = useState('');\n\n    const [hoveredDay, setHoveredDay] = useState<string | null>(null);\n    const [showCalendar, setShowCalendar] = useState<boolean>(false);\n    const [focusInput, setFocusInput] = useState<DateRangePickerInputType | null>(null);\n\n    const dateRangePickerRef = useRef<HTMLDivElement>(null);\n    const calendarRef = useRef<Calendar>(null);\n    const startRef = useRef<DateInput>(null);\n    const endRef = useRef<DateInput>(null);\n    const mobileStartRef = useRef<DateInput>(null);\n    const mobileEndRef = useRef<DateInput>(null);\n    const mobileNativeStartRef = useRef<NativeDateInput>(null);\n    const mobileNativeEndRef = useRef<NativeDateInput>(null);\n    const isCalendarOpen = !startDisabled && !endDisabled && showCalendar;\n\n    const updateDateRangeValues = (value = '') => {\n      const currentValues = {\n        currentStart: startValue,\n        currentEnd: endValue,\n        minDate,\n        maxDate,\n      };\n      const updatedState = getStateForValue(focusInput, value, currentValues);\n\n      setStartValue(updatedState.start);\n      setEndValue(updatedState.end);\n\n      if (updatedState.isOpen && updatedState.focus) {\n        focus(updatedState.focus);\n      }\n\n      if (!updatedState.isOpen) {\n        close();\n      }\n    };\n\n    const open = (inputType: DateRangePickerInputType = 'start') => {\n      setFocusInput(inputType);\n      setShowCalendar(true);\n    };\n\n    const close = () => {\n      setShowCalendar(false);\n      setHoveredDay(null);\n    };\n\n    const focus = (inputType: DateRangePickerInputType = 'start') => {\n      setFocusInput(inputType);\n    };\n\n    const setEmpty = (type: DateRangePickerInputType) => {\n      switch (type) {\n        case 'start':\n          setStartValue('');\n          focus('end');\n          break;\n\n        case 'end':\n          setEndValue('');\n          close();\n          break;\n      }\n    };\n\n    useImperativeHandle(\n      ref,\n      () => ({\n        open,\n        close,\n        scrollToMonth: (month, year) => {\n          calendarRef.current?.scrollToMonth?.(month, year);\n        },\n        getRootNode: () => dateRangePickerRef.current,\n      }),\n      [],\n    );\n\n    useLayoutEffect(() => {\n      if (!focusInput) {\n        return;\n      }\n\n      // fix DateInput flushSync warning in React 18\n      const timeoutId = setTimeout(() => {\n        const isStart = focusInput === 'start';\n        let currentFieldRef;\n\n        // Mobile Native Picker\n        if (isMobile && props.useMobileNativeDatePicker) {\n          currentFieldRef = isStart ? mobileNativeStartRef : mobileNativeEndRef;\n          if (isIOS) {\n            currentFieldRef.current?.focus();\n          } else {\n            // Android open native datepicker only via click\n            currentFieldRef.current?.click();\n          }\n          return;\n        }\n\n        // Mobile\n        if (isMobile) {\n          currentFieldRef = isStart ? mobileStartRef : mobileEndRef;\n          currentFieldRef.current?.focus();\n          return;\n        }\n\n        // Desktop\n        currentFieldRef = isStart ? startRef : endRef;\n        currentFieldRef.current?.focus();\n      });\n\n      return () => clearTimeout(timeoutId);\n    }, [focusInput, isMobile, props.useMobileNativeDatePicker]);\n\n    const dateRangePickerContextProps: DateRangePickerContextProps = {\n      startValue,\n      startOptional,\n      startDisabled,\n      endValue,\n      endOptional,\n      endDisabled,\n      minDate,\n      maxDate,\n      size: props.size,\n      setStartValue,\n      setStartOptional,\n      setStartDisabled,\n      setEndValue,\n      setEndOptional,\n      setEndDisabled,\n      setMinDate,\n      setMaxDate,\n      setFocusInput,\n      open,\n      close,\n      dateRangePickerRef,\n      startRef,\n      endRef,\n    };\n\n    const renderCalendar = (theme: Theme, widthAuto = false) => (\n      <LocaleContext.Provider\n        value={{\n          locale: {\n            Calendar: {\n              months: locale.months,\n              dayCellChooseDateAriaLabel: locale.dayCellChooseDateAriaLabel,\n              selectMonthAriaLabel: locale.selectMonthAriaLabel,\n              selectYearAriaLabel: locale.selectYearAriaLabel,\n              selectChosenAriaLabel: locale.selectChosenAriaLabel,\n            },\n          },\n        }}\n      >\n        <Calendar\n          value={focusInput === 'start' ? startValue : endValue}\n          minDate={minDate}\n          maxDate={maxDate}\n          renderDay={(dayProps) => renderCalendarRange(dayProps, theme, props.renderDay)}\n          onValueChange={(value) => updateDateRangeValues(value)}\n          ref={calendarRef}\n          onMonthChange={props.onMonthChange}\n          className={cx({ [styles.calendarWidthAuto()]: widthAuto })}\n        />\n      </LocaleContext.Provider>\n    );\n\n    const renderMobileCalendar = (theme: Theme) => (\n      <MobilePopup\n        opened\n        verticalAlign={'center'}\n        headerChildComponent={\n          <div className={cx(styles.root(theme), styles.inputWrapperWidthFull())}>\n            <DateInput\n              withIcon\n              value={startValue}\n              width=\"auto\"\n              size=\"medium\"\n              className={cx({ [styles.inputVisuallyFocus(theme)]: focusInput === 'start' })}\n              disabled={startDisabled}\n              onValueChange={setStartValue}\n              onFocus={() => setFocusInput('start')}\n              ref={mobileStartRef}\n              data-tid={DateRangePickerDataTids.mobileStart}\n            />\n            <DateRangePicker.Separator />\n            <DateInput\n              withIcon\n              value={endValue}\n              width=\"auto\"\n              size=\"medium\"\n              className={cx({ [styles.inputVisuallyFocus(theme)]: focusInput === 'end' })}\n              disabled={endDisabled}\n              onValueChange={setEndValue}\n              onFocus={() => setFocusInput('end')}\n              ref={mobileEndRef}\n              data-tid={DateRangePickerDataTids.mobileEnd}\n            />\n          </div>\n        }\n        onCloseRequest={() => close()}\n        footerChildComponent={renderButtons()}\n      >\n        <ThemeContext.Provider value={getMobileDateRangePickerTheme(theme)}>\n          {renderCalendar(theme, true)}\n        </ThemeContext.Provider>\n      </MobilePopup>\n    );\n\n    const getAnchorElement = () => {\n      const { menuAnchorElement } = props;\n      if (menuAnchorElement === 'focused') {\n        return getRootNode(focusInput === 'start' ? startRef.current : endRef.current);\n      }\n\n      if (React.isValidElement(menuAnchorElement)) {\n        return menuAnchorElement;\n      }\n\n      if (menuAnchorElement && typeof menuAnchorElement === 'object' && 'current' in menuAnchorElement) {\n        return getRootNode(menuAnchorElement.current);\n      }\n\n      return getRootNode(startRef.current) || getRootNode(endRef.current) || getRootNode(dateRangePickerRef.current);\n    };\n\n    const renderDesktopCalendar = (theme: Theme) => (\n      <Popup\n        opened\n        hasShadow\n        priority={ZIndex.priorities.PopupMenu}\n        positions={getMenuPositions(props.menuPos, props.menuAlign)}\n        data-tid={DateRangePickerDataTids.popup}\n        anchorElement={getAnchorElement()}\n        margin={parseInt(theme.datePickerMenuOffsetY)}\n      >\n        <div\n          className={styles.calendarWrapper(theme)}\n          onMouseDown={(e) => e.preventDefault()}\n          onMouseMove={handleCalendarRangeMouseMove}\n        >\n          {renderCalendar(theme)}\n          {renderButtons()}\n        </div>\n      </Popup>\n    );\n\n    const renderButtons = () => {\n      const today = new InternalDate(locale)\n        .setComponents(InternalDateGetter.getTodayComponents())\n        .toString({ withPad: true, withSeparator: true });\n\n      const hasOptionalButtons = startOptional || endOptional;\n      return (\n        <div className={cx(styles.buttonWrap())}>\n          {hasOptionalButtons && (\n            <>\n              {focusInput === 'start' && startOptional && (\n                <Button\n                  width=\"100%\"\n                  data-tid={DateRangePickerDataTids.startOptionalButton}\n                  onClick={() => setEmpty('start')}\n                >\n                  {locale.startDateEmpty}\n                </Button>\n              )}\n              {focusInput === 'end' && endOptional && (\n                <Button\n                  width=\"100%\"\n                  data-tid={DateRangePickerDataTids.endOptionalButton}\n                  onClick={() => setEmpty('end')}\n                >\n                  {locale.endDateEmpty}\n                </Button>\n              )}\n            </>\n          )}\n\n          {props.enableTodayLink && (\n            <Button\n              icon={<ArrowAUpIcon16Light />}\n              aria-label={locale.todayAriaLabel}\n              data-tid={DateRangePickerDataTids.todayButton}\n              onClick={() => updateDateRangeValues(today)}\n            >\n              {!hasOptionalButtons && locale.today}\n            </Button>\n          )}\n        </div>\n      );\n    };\n\n    const renderMobileNativeDateInput = () => (\n      <>\n        <NativeDateInput\n          value={startValue}\n          minDate={minDate}\n          maxDate={maxDate}\n          onValueChange={setStartValue}\n          disabled={startDisabled}\n          ref={mobileNativeStartRef}\n        />\n        <NativeDateInput\n          value={endValue}\n          minDate={minDate}\n          maxDate={maxDate}\n          onValueChange={setEndValue}\n          disabled={endDisabled}\n          ref={mobileNativeEndRef}\n        />\n      </>\n    );\n\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => (\n          <ThemeContext.Provider value={getDateRangePickerTheme(theme)}>\n            <DateRangePickerContext.Provider value={dateRangePickerContextProps}>\n              <CommonWrapper {...props}>\n                <div\n                  className={cx(\n                    styles.root(theme),\n                    styles.inputWrapperWidth(theme),\n                    css`\n                      font-size: ${getFontSize(theme, props.size)};\n                    `,\n                  )}\n                  role=\"group\"\n                  aria-describedby={props['aria-describedby']}\n                  aria-label={props['aria-label']}\n                  aria-labelledby={props['aria-labelledby']}\n                  data-tid={DateRangePickerDataTids.root}\n                  ref={dateRangePickerRef}\n                  style={{ width: props.width }}\n                >\n                  {props.children}\n\n                  {props.useMobileNativeDatePicker && isMobile\n                    ? renderMobileNativeDateInput()\n                    : isCalendarOpen && (isMobile ? renderMobileCalendar(theme) : renderDesktopCalendar(theme))}\n                </div>\n              </CommonWrapper>\n            </DateRangePickerContext.Provider>\n          </ThemeContext.Provider>\n        )}\n      </ThemeContext.Consumer>\n    );\n\n    // Use parent mousemove event instead each CalendarDay's mouseenter / mouseover\n    function handleCalendarRangeMouseMove(e: React.MouseEvent<HTMLDivElement, MouseEvent>) {\n      if (!startValue && !endValue) {\n        return;\n      }\n\n      const hoveredElement = e.target as HTMLElement;\n      if (!hoveredElement.hasAttribute(DayDateAttribute) && hoveredDay === null) {\n        return;\n      }\n\n      const date = String(hoveredElement?.getAttribute(DayDateAttribute)) || null;\n      setHoveredDay(date);\n    }\n\n    function renderCalendarRange(\n      props: CalendarDayProps,\n      t: Theme,\n      renderDayFn: ((props: CalendarDayProps) => React.ReactElement<unknown>) | undefined,\n    ) {\n      const day = props.date;\n\n      const isDayFirst = startValue === day;\n      const isDayLast = endValue === day;\n      const isDayInPeriod = Boolean(startValue && endValue && isBetween(day, startValue, endValue));\n\n      const hasHoveredDay = hoveredDay !== null;\n      const isDayInHoveredPeriod =\n        hasHoveredDay &&\n        Boolean(\n          (focusInput === 'start' && endValue && isBetween(day, hoveredDay, endValue)) ||\n          (focusInput === 'end' && startValue && isBetween(day, startValue, hoveredDay)),\n        );\n\n      let hasLeftRoundings;\n      let hasRightRoundings;\n\n      if (hasHoveredDay) {\n        const isDayBeforeFirstInPeriod = startValue ? isLess(hoveredDay, startValue) : endValue;\n        const isDayAfterLastInPeriod = endValue ? isGreater(hoveredDay, endValue) : startValue;\n\n        if (isDayFirst && (isGreaterOrEqual(hoveredDay, startValue) || focusInput === 'end')) {\n          hasLeftRoundings = true;\n        }\n\n        if (isDayLast && (isLessOrEqual(hoveredDay, endValue) || focusInput === 'start')) {\n          hasRightRoundings = true;\n        }\n\n        const isDayHovered = hoveredDay === day;\n        if (isDayHovered) {\n          if (isDayBeforeFirstInPeriod) {\n            hasLeftRoundings = true;\n          }\n\n          if (isDayAfterLastInPeriod) {\n            hasRightRoundings = true;\n          }\n        }\n      } else {\n        if (isDayFirst) {\n          hasLeftRoundings = true;\n        }\n\n        if (isDayLast) {\n          hasRightRoundings = true;\n        }\n      }\n\n      const renderDayProps = {\n        ...props,\n        [DayDateAttribute]: props.date,\n      };\n\n      let dataTid = null;\n      if (isDayFirst) {\n        dataTid = DateRangePickerDataTids.rangeStart;\n      } else if (isDayLast) {\n        dataTid = DateRangePickerDataTids.rangeEnd;\n      }\n\n      return (\n        <div\n          className={cx(\n            styles.rangeCalendarDay(),\n            css`\n              background: ${isDayInPeriod && t.rangeCalendarCellBg};\n              border-top-left-radius: ${hasLeftRoundings && t.calendarCellBorderRadius};\n              border-bottom-left-radius: ${hasLeftRoundings && t.calendarCellBorderRadius};\n              border-top-right-radius: ${hasRightRoundings && t.calendarCellBorderRadius};\n              border-bottom-right-radius: ${hasRightRoundings && t.calendarCellBorderRadius};\n            `,\n            {\n              [styles.rangeCalendarDayEnd(t)]: isDayFirst || isDayLast,\n              [styles.rangeCalendarDayHoverInPeriod(t)]: isDayInPeriod,\n              [styles.rangeCalendarDayInHoveredPeriod(t)]: isDayInHoveredPeriod,\n            },\n          )}\n          data-tid={dataTid}\n        >\n          {renderDayFn ? renderDayFn(renderDayProps) : <CalendarDay {...renderDayProps} />}\n        </div>\n      );\n    }\n  }),\n);\n"]}
+{"version":3,"file":"DateRangePicker.js","sourceRoot":"","sources":["DateRangePicker.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { type AriaAttributes, useImperativeHandle, useLayoutEffect, useRef, useState } from 'react';\n\nimport type { CommonProps } from '../../internal/CommonWrapper/index.js';\nimport { CommonWrapper } from '../../internal/CommonWrapper/index.js';\nimport { ArrowAUpIcon16Light } from '../../internal/icons2022/ArrowAUpIcon/ArrowAUp16Light.js';\nimport { MobilePopup } from '../../internal/MobilePopup/index.js';\nimport { NativeDateInput } from '../../internal/NativeDateInput/index.js';\nimport { Popup } from '../../internal/Popup/index.js';\nimport { ZIndex } from '../../internal/ZIndex/index.js';\nimport { isIOS } from '../../lib/client.js';\nimport { isBetween, isGreater, isGreaterOrEqual, isLess, isLessOrEqual } from '../../lib/date/comparison.js';\nimport { InternalDate } from '../../lib/date/InternalDate.js';\nimport { InternalDateGetter } from '../../lib/date/InternalDateGetter.js';\nimport { forwardRefAndName } from '../../lib/forwardRefAndName.js';\nimport { getMenuPositions } from '../../lib/getMenuPositions.js';\nimport { LocaleContext } from '../../lib/locale/index.js';\nimport { useLocaleForControl } from '../../lib/locale/useLocaleForControl.js';\nimport { useStyles } from '../../lib/renderEnvironment/index.js';\nimport type { InstanceWithRootNode } from '../../lib/rootNode/index.js';\nimport { getRootNode } from '../../lib/rootNode/index.js';\nimport { concatClassNames as cx } from '../../lib/theming/Emotion.js';\nimport type { Theme } from '../../lib/theming/Theme.js';\nimport { ThemeContext } from '../../lib/theming/ThemeContext.js';\nimport { Button } from '../Button/index.js';\nimport { Calendar, CalendarDay } from '../Calendar/index.js';\nimport type { CalendarDayProps } from '../Calendar/index.js';\nimport { DateInput } from '../DateInput/index.js';\nimport type { DatePickerProps } from '../DatePicker/index.js';\nimport { useResponsiveLayout } from '../ResponsiveLayout/index.js';\nimport { getFontSizeClassName, getStyles } from './DateRangePicker.styles.js';\nimport { DateRangePickerContext } from './DateRangePickerContext.js';\nimport type { DateRangePickerContextProps } from './DateRangePickerContext.js';\nimport { DateRangePickerEnd, DateRangePickerStart } from './DateRangePickerInput.js';\nimport type { DateRangePickerInputType } from './DateRangePickerInput.js';\nimport { DateRangePickerSeparator } from './DateRangePickerSeparator.js';\nimport { getDateRangePickerTheme, getMobileDateRangePickerTheme } from './DateRangePickerTheme.js';\nimport { getStateForValue } from './helpers/getStateForValue.js';\nimport { validateDateRangePicker } from './helpers/validateDateRangePicker.js';\nimport { DateRangePickerLocaleHelper } from './locale/index.js';\n\nexport const DateRangePickerDataTids = {\n  root: 'DateRangePicker__root',\n  start: 'DateRangePicker__start',\n  end: 'DateRangePicker__end',\n  popup: 'DateRangePicker__popup',\n  calendar: 'DateRangePicker__calendar',\n  todayButton: 'DateRangePicker__todayButton',\n  startOptionalButton: 'DateRangePicker__startOptionalButton',\n  endOptionalButton: 'DateRangePicker__endOptionalButton',\n  mobileStart: 'DateRangePicker__mobileStart',\n  mobileEnd: 'DateRangePicker__mobileEnd',\n  rangeStart: 'DateRangePicker__rangeStart',\n  rangeEnd: 'DateRangePicker__rangeEnd',\n} as const;\n\nconst DayDateAttribute = 'data-date-range-picker-day';\n\nexport interface DateRangePickerProps\n  extends\n    CommonProps,\n    Pick<AriaAttributes, 'aria-describedby' | 'aria-label' | 'aria-labelledby'>,\n    Pick<\n      DatePickerProps,\n      | 'size'\n      | 'width'\n      | 'renderDay'\n      | 'menuPos'\n      | 'menuAlign'\n      | 'useMobileNativeDatePicker'\n      | 'enableTodayLink'\n      | 'onMonthChange'\n    > {\n  /**\n   * Элемент, относительно которого открывается календарь.\n   * Если передать значение `focused` — меню будет открываться у зафокусированного элемента.\n   * Если передать ссылку на DOM элемент или ref — меню откроется относительно переданного элемента.\n   */\n  menuAnchorElement?: 'focused' | Element | React.ReactNode | React.RefObject<any>;\n  /**\n   * Элементы DateRangePicker:\n   * `<DateRangePicker.Start />`\n   * `<DateRangePicker.Separator />`\n   * `<DateRangePicker.End />`\n   */\n  children: React.ReactNode;\n}\n\nexport interface DateRangePickerRef extends InstanceWithRootNode {\n  open: (inputType?: DateRangePickerInputType) => void;\n  close: () => void;\n  scrollToMonth: (month: number, year: number) => void;\n}\n\nexport type DateRangePicker = DateRangePickerRef;\n\n/** Поле выбора периода дат. */\nexport const DateRangePicker = Object.assign(\n  {\n    Start: DateRangePickerStart,\n    End: DateRangePickerEnd,\n    Separator: DateRangePickerSeparator,\n    validate: validateDateRangePicker,\n  },\n  forwardRefAndName<DateRangePickerRef, DateRangePickerProps>('DateRangePicker', (props: DateRangePickerProps, ref) => {\n    const styles = useStyles(getStyles);\n    const { isMobile } = useResponsiveLayout();\n    const locale = useLocaleForControl('DateRangePicker', DateRangePickerLocaleHelper);\n\n    const [startValue, setStartValue] = useState<string>();\n    const [startOptional, setStartOptional] = useState(false);\n    const [startDisabled, setStartDisabled] = useState(false);\n\n    const [endValue, setEndValue] = useState<string>();\n    const [endOptional, setEndOptional] = useState(false);\n    const [endDisabled, setEndDisabled] = useState(false);\n\n    const [minDate, setMinDate] = useState('');\n    const [maxDate, setMaxDate] = useState('');\n\n    const [hoveredDay, setHoveredDay] = useState<string | null>(null);\n    const [showCalendar, setShowCalendar] = useState<boolean>(false);\n    const [focusInput, setFocusInput] = useState<DateRangePickerInputType | null>(null);\n\n    const dateRangePickerRef = useRef<HTMLDivElement>(null);\n    const calendarRef = useRef<Calendar>(null);\n    const startRef = useRef<DateInput>(null);\n    const endRef = useRef<DateInput>(null);\n    const mobileStartRef = useRef<DateInput>(null);\n    const mobileEndRef = useRef<DateInput>(null);\n    const mobileNativeStartRef = useRef<NativeDateInput>(null);\n    const mobileNativeEndRef = useRef<NativeDateInput>(null);\n    const isCalendarOpen = !startDisabled && !endDisabled && showCalendar;\n\n    const updateDateRangeValues = (value = '') => {\n      const currentValues = {\n        currentStart: startValue,\n        currentEnd: endValue,\n        minDate,\n        maxDate,\n      };\n      const updatedState = getStateForValue(focusInput, value, currentValues);\n\n      setStartValue(updatedState.start);\n      setEndValue(updatedState.end);\n\n      if (updatedState.isOpen && updatedState.focus) {\n        focus(updatedState.focus);\n      }\n\n      if (!updatedState.isOpen) {\n        close();\n      }\n    };\n\n    const open = (inputType: DateRangePickerInputType = 'start') => {\n      setFocusInput(inputType);\n      setShowCalendar(true);\n    };\n\n    const close = () => {\n      setShowCalendar(false);\n      setHoveredDay(null);\n    };\n\n    const focus = (inputType: DateRangePickerInputType = 'start') => {\n      setFocusInput(inputType);\n    };\n\n    const setEmpty = (type: DateRangePickerInputType) => {\n      switch (type) {\n        case 'start':\n          setStartValue('');\n          focus('end');\n          break;\n\n        case 'end':\n          setEndValue('');\n          close();\n          break;\n      }\n    };\n\n    useImperativeHandle(\n      ref,\n      () => ({\n        open,\n        close,\n        scrollToMonth: (month, year) => {\n          calendarRef.current?.scrollToMonth?.(month, year);\n        },\n        getRootNode: () => dateRangePickerRef.current,\n      }),\n      [],\n    );\n\n    useLayoutEffect(() => {\n      if (!focusInput) {\n        return;\n      }\n\n      // fix DateInput flushSync warning in React 18\n      const timeoutId = setTimeout(() => {\n        const isStart = focusInput === 'start';\n        let currentFieldRef;\n\n        // Mobile Native Picker\n        if (isMobile && props.useMobileNativeDatePicker) {\n          currentFieldRef = isStart ? mobileNativeStartRef : mobileNativeEndRef;\n          if (isIOS) {\n            currentFieldRef.current?.focus();\n          } else {\n            // Android open native datepicker only via click\n            currentFieldRef.current?.click();\n          }\n          return;\n        }\n\n        // Mobile\n        if (isMobile) {\n          currentFieldRef = isStart ? mobileStartRef : mobileEndRef;\n          currentFieldRef.current?.focus();\n          return;\n        }\n\n        // Desktop\n        currentFieldRef = isStart ? startRef : endRef;\n        currentFieldRef.current?.focus();\n      });\n\n      return () => clearTimeout(timeoutId);\n    }, [focusInput, isMobile, props.useMobileNativeDatePicker]);\n\n    const dateRangePickerContextProps: DateRangePickerContextProps = {\n      startValue,\n      startOptional,\n      startDisabled,\n      endValue,\n      endOptional,\n      endDisabled,\n      minDate,\n      maxDate,\n      size: props.size,\n      setStartValue,\n      setStartOptional,\n      setStartDisabled,\n      setEndValue,\n      setEndOptional,\n      setEndDisabled,\n      setMinDate,\n      setMaxDate,\n      setFocusInput,\n      open,\n      close,\n      dateRangePickerRef,\n      startRef,\n      endRef,\n    };\n\n    const renderCalendar = (theme: Theme, widthAuto = false) => (\n      <LocaleContext.Provider\n        value={{\n          locale: {\n            Calendar: {\n              months: locale.months,\n              dayCellChooseDateAriaLabel: locale.dayCellChooseDateAriaLabel,\n              selectMonthAriaLabel: locale.selectMonthAriaLabel,\n              selectYearAriaLabel: locale.selectYearAriaLabel,\n              selectChosenAriaLabel: locale.selectChosenAriaLabel,\n            },\n          },\n        }}\n      >\n        <Calendar\n          value={focusInput === 'start' ? startValue : endValue}\n          minDate={minDate}\n          maxDate={maxDate}\n          renderDay={(dayProps) => renderCalendarRange(dayProps, theme, props.renderDay)}\n          onValueChange={(value) => updateDateRangeValues(value)}\n          ref={calendarRef}\n          onMonthChange={props.onMonthChange}\n          className={cx({ [styles.calendarWidthAuto()]: widthAuto })}\n        />\n      </LocaleContext.Provider>\n    );\n\n    const renderMobileCalendar = (theme: Theme) => (\n      <MobilePopup\n        opened\n        verticalAlign={'center'}\n        headerChildComponent={\n          <div className={cx(styles.root(), styles.inputWrapperWidthFull())}>\n            <DateInput\n              withIcon\n              value={startValue}\n              width=\"auto\"\n              size=\"medium\"\n              className={cx({ [styles.inputVisuallyFocus()]: focusInput === 'start' })}\n              disabled={startDisabled}\n              onValueChange={setStartValue}\n              onFocus={() => setFocusInput('start')}\n              ref={mobileStartRef}\n              data-tid={DateRangePickerDataTids.mobileStart}\n            />\n            <DateRangePicker.Separator />\n            <DateInput\n              withIcon\n              value={endValue}\n              width=\"auto\"\n              size=\"medium\"\n              className={cx({ [styles.inputVisuallyFocus()]: focusInput === 'end' })}\n              disabled={endDisabled}\n              onValueChange={setEndValue}\n              onFocus={() => setFocusInput('end')}\n              ref={mobileEndRef}\n              data-tid={DateRangePickerDataTids.mobileEnd}\n            />\n          </div>\n        }\n        onCloseRequest={() => close()}\n        footerChildComponent={renderButtons()}\n      >\n        <ThemeContext.Provider value={getMobileDateRangePickerTheme(theme)}>\n          {renderCalendar(theme, true)}\n        </ThemeContext.Provider>\n      </MobilePopup>\n    );\n\n    const getAnchorElement = () => {\n      const { menuAnchorElement } = props;\n      if (menuAnchorElement === 'focused') {\n        return getRootNode(focusInput === 'start' ? startRef.current : endRef.current);\n      }\n\n      if (React.isValidElement(menuAnchorElement)) {\n        return menuAnchorElement;\n      }\n\n      if (menuAnchorElement && typeof menuAnchorElement === 'object' && 'current' in menuAnchorElement) {\n        return getRootNode(menuAnchorElement.current);\n      }\n\n      return getRootNode(startRef.current) || getRootNode(endRef.current) || getRootNode(dateRangePickerRef.current);\n    };\n\n    const renderDesktopCalendar = (theme: Theme) => (\n      <Popup\n        opened\n        hasShadow\n        priority={ZIndex.priorities.PopupMenu}\n        positions={getMenuPositions(props.menuPos, props.menuAlign)}\n        data-tid={DateRangePickerDataTids.popup}\n        anchorElement={getAnchorElement()}\n        margin={parseInt(theme.datePickerMenuOffsetY)}\n      >\n        <div\n          className={styles.calendarWrapper()}\n          onMouseDown={(e) => e.preventDefault()}\n          onMouseMove={handleCalendarRangeMouseMove}\n        >\n          {renderCalendar(theme)}\n          {renderButtons()}\n        </div>\n      </Popup>\n    );\n\n    const renderButtons = () => {\n      const today = new InternalDate(locale)\n        .setComponents(InternalDateGetter.getTodayComponents())\n        .toString({ withPad: true, withSeparator: true });\n\n      const hasOptionalButtons = startOptional || endOptional;\n      return (\n        <div className={cx(styles.buttonWrap())}>\n          {hasOptionalButtons && (\n            <>\n              {focusInput === 'start' && startOptional && (\n                <Button\n                  width=\"100%\"\n                  data-tid={DateRangePickerDataTids.startOptionalButton}\n                  onClick={() => setEmpty('start')}\n                >\n                  {locale.startDateEmpty}\n                </Button>\n              )}\n              {focusInput === 'end' && endOptional && (\n                <Button\n                  width=\"100%\"\n                  data-tid={DateRangePickerDataTids.endOptionalButton}\n                  onClick={() => setEmpty('end')}\n                >\n                  {locale.endDateEmpty}\n                </Button>\n              )}\n            </>\n          )}\n\n          {props.enableTodayLink && (\n            <Button\n              icon={<ArrowAUpIcon16Light />}\n              aria-label={locale.todayAriaLabel}\n              data-tid={DateRangePickerDataTids.todayButton}\n              onClick={() => updateDateRangeValues(today)}\n            >\n              {!hasOptionalButtons && locale.today}\n            </Button>\n          )}\n        </div>\n      );\n    };\n\n    const renderMobileNativeDateInput = () => (\n      <>\n        <NativeDateInput\n          value={startValue}\n          minDate={minDate}\n          maxDate={maxDate}\n          onValueChange={setStartValue}\n          disabled={startDisabled}\n          ref={mobileNativeStartRef}\n        />\n        <NativeDateInput\n          value={endValue}\n          minDate={minDate}\n          maxDate={maxDate}\n          onValueChange={setEndValue}\n          disabled={endDisabled}\n          ref={mobileNativeEndRef}\n        />\n      </>\n    );\n\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => (\n          <ThemeContext.Provider value={getDateRangePickerTheme(theme)}>\n            <DateRangePickerContext.Provider value={dateRangePickerContextProps}>\n              <CommonWrapper {...props}>\n                <div\n                  className={cx(styles.root(), styles.inputWrapperWidth(), getFontSizeClassName(styles, props.size))}\n                  role=\"group\"\n                  aria-describedby={props['aria-describedby']}\n                  aria-label={props['aria-label']}\n                  aria-labelledby={props['aria-labelledby']}\n                  data-tid={DateRangePickerDataTids.root}\n                  ref={dateRangePickerRef}\n                  style={{ width: props.width }}\n                >\n                  {props.children}\n\n                  {props.useMobileNativeDatePicker && isMobile\n                    ? renderMobileNativeDateInput()\n                    : isCalendarOpen && (isMobile ? renderMobileCalendar(theme) : renderDesktopCalendar(theme))}\n                </div>\n              </CommonWrapper>\n            </DateRangePickerContext.Provider>\n          </ThemeContext.Provider>\n        )}\n      </ThemeContext.Consumer>\n    );\n\n    // Use parent mousemove event instead each CalendarDay's mouseenter / mouseover\n    function handleCalendarRangeMouseMove(e: React.MouseEvent<HTMLDivElement, MouseEvent>) {\n      if (!startValue && !endValue) {\n        return;\n      }\n\n      const hoveredElement = e.target as HTMLElement;\n      if (!hoveredElement.hasAttribute(DayDateAttribute) && hoveredDay === null) {\n        return;\n      }\n\n      const date = String(hoveredElement?.getAttribute(DayDateAttribute)) || null;\n      setHoveredDay(date);\n    }\n\n    function renderCalendarRange(\n      props: CalendarDayProps,\n      t: Theme,\n      renderDayFn: ((props: CalendarDayProps) => React.ReactElement<unknown>) | undefined,\n    ) {\n      const day = props.date;\n\n      const isDayFirst = startValue === day;\n      const isDayLast = endValue === day;\n      const isDayInPeriod = Boolean(startValue && endValue && isBetween(day, startValue, endValue));\n\n      const hasHoveredDay = hoveredDay !== null;\n      const isDayInHoveredPeriod =\n        hasHoveredDay &&\n        Boolean(\n          (focusInput === 'start' && endValue && isBetween(day, hoveredDay, endValue)) ||\n          (focusInput === 'end' && startValue && isBetween(day, startValue, hoveredDay)),\n        );\n\n      let hasLeftRoundings;\n      let hasRightRoundings;\n\n      if (hasHoveredDay) {\n        const isDayBeforeFirstInPeriod = startValue ? isLess(hoveredDay, startValue) : endValue;\n        const isDayAfterLastInPeriod = endValue ? isGreater(hoveredDay, endValue) : startValue;\n\n        if (isDayFirst && (isGreaterOrEqual(hoveredDay, startValue) || focusInput === 'end')) {\n          hasLeftRoundings = true;\n        }\n\n        if (isDayLast && (isLessOrEqual(hoveredDay, endValue) || focusInput === 'start')) {\n          hasRightRoundings = true;\n        }\n\n        const isDayHovered = hoveredDay === day;\n        if (isDayHovered) {\n          if (isDayBeforeFirstInPeriod) {\n            hasLeftRoundings = true;\n          }\n\n          if (isDayAfterLastInPeriod) {\n            hasRightRoundings = true;\n          }\n        }\n      } else {\n        if (isDayFirst) {\n          hasLeftRoundings = true;\n        }\n\n        if (isDayLast) {\n          hasRightRoundings = true;\n        }\n      }\n\n      const renderDayProps = {\n        ...props,\n        [DayDateAttribute]: props.date,\n      };\n\n      let dataTid = null;\n      if (isDayFirst) {\n        dataTid = DateRangePickerDataTids.rangeStart;\n      } else if (isDayLast) {\n        dataTid = DateRangePickerDataTids.rangeEnd;\n      }\n\n      return (\n        <div\n          className={cx(styles.rangeCalendarDay(), {\n            [styles.rangeCalendarDayInPeriod()]: isDayInPeriod,\n            [styles.rangeCalendarDayLeftRoundings()]: hasLeftRoundings,\n            [styles.rangeCalendarDayRightRoundings()]: hasRightRoundings,\n            [styles.rangeCalendarDayEnd()]: isDayFirst || isDayLast,\n            [styles.rangeCalendarDayHoverInPeriod()]: isDayInPeriod,\n            [styles.rangeCalendarDayInHoveredPeriod()]: isDayInHoveredPeriod,\n          })}\n          data-tid={dataTid}\n        >\n          {renderDayFn ? renderDayFn(renderDayProps) : <CalendarDay {...renderDayProps} />}\n        </div>\n      );\n    }\n  }),\n);\n"]}

package/components/DateRangePicker/DateRangePicker.styles.d.ts

@@ -1,16 +1,22 @@
-import type { Theme } from '../../lib/theming/Theme.js';
 import type { SizeProp } from '../../lib/types/props.js';
-export declare const getStyles: import("../../lib/theming/Emotion.js").StylesGetter<{
-    root(t: Theme): string;
-    inputWrapperWidth(t: Theme): string;
-    inputWrapperWidthFull(): string;
-    inputVisuallyFocus(t: Theme): string;
-    calendarWrapper(t: Theme): string;
-    calendarWidthAuto(): string;
-    rangeCalendarDay(): string;
-    rangeCalendarDayEnd(t: Theme): string;
-    rangeCalendarDayInHoveredPeriod(t: Theme): string;
-    rangeCalendarDayHoverInPeriod(t: Theme): string;
-    buttonWrap(): string;
+export declare function getFontSizeClassName(styles: ReturnType<typeof getStyles>, size?: SizeProp): string;
+/** Правила — в `DateRangePicker.css`; здесь только имена классов. */
+export declare const getStyles: (ignored?: unknown) => import("../../lib/theming/staticStyles.js").StaticStyles<{
+    root: string;
+    inputWrapperWidth: string;
+    inputWrapperWidthFull: string;
+    inputVisuallyFocus: string;
+    calendarWrapper: string;
+    calendarWidthAuto: string;
+    rangeCalendarDay: string;
+    rangeCalendarDayEnd: string;
+    rangeCalendarDayInPeriod: string;
+    rangeCalendarDayLeftRoundings: string;
+    rangeCalendarDayRightRoundings: string;
+    rootFontSizeSmall: string;
+    rootFontSizeMedium: string;
+    rootFontSizeLarge: string;
+    rangeCalendarDayInHoveredPeriod: string;
+    rangeCalendarDayHoverInPeriod: string;
+    buttonWrap: string;
 }>;
-export declare function getFontSize(t: Theme, size?: SizeProp): string;

package/components/DateRangePicker/DateRangePicker.styles.js

@@ -1,57 +1,33 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-import { memoizeGetStyles } from '../../lib/theming/Emotion.js';
-import { CalendarDataTids } from '../Calendar/index.js';
-export var getStyles = memoizeGetStyles(function (_a) {
-    var css = _a.css;
-    return ({
-        root: function (t) {
-            return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      display: inline-flex;\n      align-items: center;\n      color: ", ";\n\n      & > * {\n        flex: 1 1 50%;\n      }\n    "], ["\n      display: inline-flex;\n      align-items: center;\n      color: ", ";\n\n      & > * {\n        flex: 1 1 50%;\n      }\n    "])), t.textColorDefault);
-        },
-        inputWrapperWidth: function (t) {
-            return css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n      min-width: ", "px;\n    "], ["\n      min-width: ", "px;\n    "])), parseInt(t.calendarCellWidth) * 7 + parseInt(t.calendarPaddingX) * 2);
-        },
-        inputWrapperWidthFull: function () {
-            return css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n      width: 100%;\n    "], ["\n      width: 100%;\n    "])));
-        },
-        inputVisuallyFocus: function (t) {
-            return css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n      box-shadow: ", ";\n    "], ["\n      box-shadow: ", ";\n    "])), t.inputFocusShadow);
-        },
-        calendarWrapper: function (t) {
-            return css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n      box-shadow: ", ";\n      display: inline-block;\n      font-size: 0;\n      z-index: 1000;\n      touch-action: none;\n    "], ["\n      box-shadow: ", ";\n      display: inline-block;\n      font-size: 0;\n      z-index: 1000;\n      touch-action: none;\n    "])), t.pickerShadow);
-        },
-        calendarWidthAuto: function () {
-            return css(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n      width: auto;\n    "], ["\n      width: auto;\n    "])));
-        },
-        rangeCalendarDay: function () {
-            return css(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n      width: 100%;\n      height: 100%;\n    "], ["\n      width: 100%;\n      height: 100%;\n    "])));
-        },
-        rangeCalendarDayEnd: function (t) {
-            return css(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n      position: relative;\n\n      &:before {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        background: ", ";\n        border-radius: ", ";\n      }\n\n      [data-tid=", "] {\n        color: ", ";\n\n        @media (hover: hover) {\n          &:hover {\n            color: ", ";\n            background: none;\n          }\n        }\n      }\n    "], ["\n      position: relative;\n\n      &:before {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        background: ", ";\n        border-radius: ", ";\n      }\n\n      [data-tid=", "] {\n        color: ", ";\n\n        @media (hover: hover) {\n          &:hover {\n            color: ", ";\n            background: none;\n          }\n        }\n      }\n    "])), t.rangeCalendarCellEndBg, t.calendarCellBorderRadius, CalendarDataTids.dayCell, t.rangeCalendarCellEndColor, t.rangeCalendarCellEndColor);
-        },
-        rangeCalendarDayInHoveredPeriod: function (t) {
-            return css(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n      background: ", ";\n    "], ["\n      background: ", ";\n    "])), t.rangeCalendarCellBg);
-        },
-        rangeCalendarDayHoverInPeriod: function (t) {
-            return css(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n      @media (hover: hover) {\n        &:hover [data-tid=", "] {\n          background: ", ";\n        }\n      }\n    "], ["\n      @media (hover: hover) {\n        &:hover [data-tid=", "] {\n          background: ", ";\n        }\n      }\n    "])), CalendarDataTids.dayCell, t.rangeCalendarCellHoverBg);
-        },
-        buttonWrap: function () {
-            return css(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n      display: flex;\n      margin: 8px;\n\n      > * {\n        flex-grow: 1;\n      }\n\n      > *:not(:first-child) {\n        margin-left: 8px;\n      }\n    "], ["\n      display: flex;\n      margin: 8px;\n\n      > * {\n        flex-grow: 1;\n      }\n\n      > *:not(:first-child) {\n        margin-left: 8px;\n      }\n    "])));
-        },
-    });
-});
-export function getFontSize(t, size) {
+import { staticStyles } from '../../lib/theming/staticStyles.js';
+export function getFontSizeClassName(styles, size) {
     switch (size) {
         case 'large':
-            return t.fontSizeLarge;
+            return styles.rootFontSizeLarge();
         case 'medium':
-            return t.fontSizeMedium;
+            return styles.rootFontSizeMedium();
         case 'small':
         default:
-            return t.fontSizeSmall;
+            return styles.rootFontSizeSmall();
     }
 }
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11;
+/** Правила — в `DateRangePicker.css`; здесь только имена классов. */
+export var getStyles = staticStyles({
+    root: 'react-ui-DateRangePicker-root',
+    inputWrapperWidth: 'react-ui-DateRangePicker-inputWrapperWidth',
+    inputWrapperWidthFull: 'react-ui-DateRangePicker-inputWrapperWidthFull',
+    inputVisuallyFocus: 'react-ui-DateRangePicker-inputVisuallyFocus',
+    calendarWrapper: 'react-ui-DateRangePicker-calendarWrapper',
+    calendarWidthAuto: 'react-ui-DateRangePicker-calendarWidthAuto',
+    rangeCalendarDay: 'react-ui-DateRangePicker-rangeCalendarDay',
+    rangeCalendarDayEnd: 'react-ui-DateRangePicker-rangeCalendarDayEnd',
+    rangeCalendarDayInPeriod: 'react-ui-DateRangePicker-rangeCalendarDayInPeriod',
+    rangeCalendarDayLeftRoundings: 'react-ui-DateRangePicker-rangeCalendarDayLeftRoundings',
+    rangeCalendarDayRightRoundings: 'react-ui-DateRangePicker-rangeCalendarDayRightRoundings',
+    rootFontSizeSmall: 'react-ui-DateRangePicker-rootFontSizeSmall',
+    rootFontSizeMedium: 'react-ui-DateRangePicker-rootFontSizeMedium',
+    rootFontSizeLarge: 'react-ui-DateRangePicker-rootFontSizeLarge',
+    rangeCalendarDayInHoveredPeriod: 'react-ui-DateRangePicker-rangeCalendarDayInHoveredPeriod',
+    rangeCalendarDayHoverInPeriod: 'react-ui-DateRangePicker-rangeCalendarDayHoverInPeriod',
+    buttonWrap: 'react-ui-DateRangePicker-buttonWrap',
+});
 //# sourceMappingURL=DateRangePicker.styles.js.map

package/components/DateRangePicker/DateRangePicker.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"DateRangePicker.styles.js","sourceRoot":"","sources":["DateRangePicker.styles.ts"],"names":[],"mappings":";;;;AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAGhE,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAExD,MAAM,CAAC,IAAM,SAAS,GAAG,gBAAgB,CAAC,UAAC,EAAgB;QAAd,GAAG,SAAA;IAAgB,OAAA,CAAC;QAC/D,IAAI,YAAC,CAAQ;YACX,OAAO,GAAG,0MAAA,0EAGC,EAAkB,2DAK5B,KALU,CAAC,CAAC,gBAAgB,EAK3B;QACJ,CAAC;QACD,iBAAiB,YAAC,CAAQ;YACxB,OAAO,GAAG,qGAAA,qBACK,EAAoE,WAClF,KADc,QAAQ,CAAC,CAAC,CAAC,iBAAiB,CAAC,GAAG,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,gBAAgB,CAAC,GAAG,CAAC,EACjF;QACJ,CAAC;QACD,qBAAqB;YACnB,OAAO,GAAG,+FAAA,4BAET,KAAC;QACJ,CAAC;QACD,kBAAkB,YAAC,CAAQ;YACzB,OAAO,GAAG,oGAAA,sBACM,EAAkB,SACjC,KADe,CAAC,CAAC,gBAAgB,EAChC;QACJ,CAAC;QACD,eAAe,YAAC,CAAQ;YACtB,OAAO,GAAG,wMAAA,sBACM,EAAc,6GAK7B,KALe,CAAC,CAAC,YAAY,EAK5B;QACJ,CAAC;QACD,iBAAiB;YACf,OAAO,GAAG,+FAAA,4BAET,KAAC;QACJ,CAAC;QACD,gBAAgB;YACd,OAAO,GAAG,oHAAA,iDAGT,KAAC;QACJ,CAAC;QACD,mBAAmB,YAAC,CAAQ;YAC1B,OAAO,GAAG,kgBAAA,0MAUQ,EAAwB,4BACrB,EAA0B,gCAGjC,EAAwB,sBACzB,EAA2B,gFAIvB,EAA2B,yEAK3C,KAdiB,CAAC,CAAC,sBAAsB,EACrB,CAAC,CAAC,wBAAwB,EAGjC,gBAAgB,CAAC,OAAO,EACzB,CAAC,CAAC,yBAAyB,EAIvB,CAAC,CAAC,yBAAyB,EAK1C;QACJ,CAAC;QACD,+BAA+B,YAAC,CAAQ;YACtC,OAAO,GAAG,oGAAA,sBACM,EAAqB,SACpC,KADe,CAAC,CAAC,mBAAmB,EACnC;QACJ,CAAC;QACD,6BAA6B,YAAC,CAAQ;YACpC,OAAO,GAAG,gMAAA,6DAEc,EAAwB,6BAC5B,EAA0B,6BAG7C,KAJuB,gBAAgB,CAAC,OAAO,EAC5B,CAAC,CAAC,wBAAwB,EAG5C;QACJ,CAAC;QACD,UAAU;YACR,OAAO,GAAG,2OAAA,sKAWT,KAAC;QACJ,CAAC;KACF,CAAC;AAtG8D,CAsG9D,CAAC,CAAC;AAEJ,MAAM,UAAU,WAAW,CAAC,CAAQ,EAAE,IAAe;IACnD,QAAQ,IAAI,EAAE,CAAC;QACb,KAAK,OAAO;YACV,OAAO,CAAC,CAAC,aAAa,CAAC;QACzB,KAAK,QAAQ;YACX,OAAO,CAAC,CAAC,cAAc,CAAC;QAC1B,KAAK,OAAO,CAAC;QACb;YACE,OAAO,CAAC,CAAC,aAAa,CAAC;IAC3B,CAAC;AACH,CAAC","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { memoizeGetStyles } from '../../lib/theming/Emotion.js';\nimport type { Theme } from '../../lib/theming/Theme.js';\nimport type { SizeProp } from '../../lib/types/props.js';\nimport { CalendarDataTids } from '../Calendar/index.js';\n\nexport const getStyles = memoizeGetStyles(({ css }: Emotion) => ({\n  root(t: Theme) {\n    return css`\n      display: inline-flex;\n      align-items: center;\n      color: ${t.textColorDefault};\n\n      & > * {\n        flex: 1 1 50%;\n      }\n    `;\n  },\n  inputWrapperWidth(t: Theme) {\n    return css`\n      min-width: ${parseInt(t.calendarCellWidth) * 7 + parseInt(t.calendarPaddingX) * 2}px;\n    `;\n  },\n  inputWrapperWidthFull() {\n    return css`\n      width: 100%;\n    `;\n  },\n  inputVisuallyFocus(t: Theme) {\n    return css`\n      box-shadow: ${t.inputFocusShadow};\n    `;\n  },\n  calendarWrapper(t: Theme) {\n    return css`\n      box-shadow: ${t.pickerShadow};\n      display: inline-block;\n      font-size: 0;\n      z-index: 1000;\n      touch-action: none;\n    `;\n  },\n  calendarWidthAuto() {\n    return css`\n      width: auto;\n    `;\n  },\n  rangeCalendarDay() {\n    return css`\n      width: 100%;\n      height: 100%;\n    `;\n  },\n  rangeCalendarDayEnd(t: Theme) {\n    return css`\n      position: relative;\n\n      &:before {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        background: ${t.rangeCalendarCellEndBg};\n        border-radius: ${t.calendarCellBorderRadius};\n      }\n\n      [data-tid=${CalendarDataTids.dayCell}] {\n        color: ${t.rangeCalendarCellEndColor};\n\n        @media (hover: hover) {\n          &:hover {\n            color: ${t.rangeCalendarCellEndColor};\n            background: none;\n          }\n        }\n      }\n    `;\n  },\n  rangeCalendarDayInHoveredPeriod(t: Theme) {\n    return css`\n      background: ${t.rangeCalendarCellBg};\n    `;\n  },\n  rangeCalendarDayHoverInPeriod(t: Theme) {\n    return css`\n      @media (hover: hover) {\n        &:hover [data-tid=${CalendarDataTids.dayCell}] {\n          background: ${t.rangeCalendarCellHoverBg};\n        }\n      }\n    `;\n  },\n  buttonWrap() {\n    return css`\n      display: flex;\n      margin: 8px;\n\n      > * {\n        flex-grow: 1;\n      }\n\n      > *:not(:first-child) {\n        margin-left: 8px;\n      }\n    `;\n  },\n}));\n\nexport function getFontSize(t: Theme, size?: SizeProp): string {\n  switch (size) {\n    case 'large':\n      return t.fontSizeLarge;\n    case 'medium':\n      return t.fontSizeMedium;\n    case 'small':\n    default:\n      return t.fontSizeSmall;\n  }\n}\n"]}
+{"version":3,"file":"DateRangePicker.styles.js","sourceRoot":"","sources":["DateRangePicker.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAC;AAGjE,MAAM,UAAU,oBAAoB,CAAC,MAAoC,EAAE,IAAe;IACxF,QAAQ,IAAI,EAAE,CAAC;QACb,KAAK,OAAO;YACV,OAAO,MAAM,CAAC,iBAAiB,EAAE,CAAC;QACpC,KAAK,QAAQ;YACX,OAAO,MAAM,CAAC,kBAAkB,EAAE,CAAC;QACrC,KAAK,OAAO,CAAC;QACb;YACE,OAAO,MAAM,CAAC,iBAAiB,EAAE,CAAC;IACtC,CAAC;AACH,CAAC;AAED,qEAAqE;AACrE,MAAM,CAAC,IAAM,SAAS,GAAG,YAAY,CAAC;IACpC,IAAI,EAAE,+BAA+B;IACrC,iBAAiB,EAAE,4CAA4C;IAC/D,qBAAqB,EAAE,gDAAgD;IACvE,kBAAkB,EAAE,6CAA6C;IACjE,eAAe,EAAE,0CAA0C;IAC3D,iBAAiB,EAAE,4CAA4C;IAC/D,gBAAgB,EAAE,2CAA2C;IAC7D,mBAAmB,EAAE,8CAA8C;IACnE,wBAAwB,EAAE,mDAAmD;IAC7E,6BAA6B,EAAE,wDAAwD;IACvF,8BAA8B,EAAE,yDAAyD;IACzF,iBAAiB,EAAE,4CAA4C;IAC/D,kBAAkB,EAAE,6CAA6C;IACjE,iBAAiB,EAAE,4CAA4C;IAC/D,+BAA+B,EAAE,0DAA0D;IAC3F,6BAA6B,EAAE,wDAAwD;IACvF,UAAU,EAAE,qCAAqC;CAClD,CAAC,CAAC","sourcesContent":["import { staticStyles } from '../../lib/theming/staticStyles.js';\nimport type { SizeProp } from '../../lib/types/props.js';\n\nexport function getFontSizeClassName(styles: ReturnType<typeof getStyles>, size?: SizeProp): string {\n  switch (size) {\n    case 'large':\n      return styles.rootFontSizeLarge();\n    case 'medium':\n      return styles.rootFontSizeMedium();\n    case 'small':\n    default:\n      return styles.rootFontSizeSmall();\n  }\n}\n\n/** Правила — в `DateRangePicker.css`; здесь только имена классов. */\nexport const getStyles = staticStyles({\n  root: 'react-ui-DateRangePicker-root',\n  inputWrapperWidth: 'react-ui-DateRangePicker-inputWrapperWidth',\n  inputWrapperWidthFull: 'react-ui-DateRangePicker-inputWrapperWidthFull',\n  inputVisuallyFocus: 'react-ui-DateRangePicker-inputVisuallyFocus',\n  calendarWrapper: 'react-ui-DateRangePicker-calendarWrapper',\n  calendarWidthAuto: 'react-ui-DateRangePicker-calendarWidthAuto',\n  rangeCalendarDay: 'react-ui-DateRangePicker-rangeCalendarDay',\n  rangeCalendarDayEnd: 'react-ui-DateRangePicker-rangeCalendarDayEnd',\n  rangeCalendarDayInPeriod: 'react-ui-DateRangePicker-rangeCalendarDayInPeriod',\n  rangeCalendarDayLeftRoundings: 'react-ui-DateRangePicker-rangeCalendarDayLeftRoundings',\n  rangeCalendarDayRightRoundings: 'react-ui-DateRangePicker-rangeCalendarDayRightRoundings',\n  rootFontSizeSmall: 'react-ui-DateRangePicker-rootFontSizeSmall',\n  rootFontSizeMedium: 'react-ui-DateRangePicker-rootFontSizeMedium',\n  rootFontSizeLarge: 'react-ui-DateRangePicker-rootFontSizeLarge',\n  rangeCalendarDayInHoveredPeriod: 'react-ui-DateRangePicker-rangeCalendarDayInHoveredPeriod',\n  rangeCalendarDayHoverInPeriod: 'react-ui-DateRangePicker-rangeCalendarDayHoverInPeriod',\n  buttonWrap: 'react-ui-DateRangePicker-buttonWrap',\n});\n"]}

package/components/DateRangePicker/DateRangePickerTheme.js

@@ -4,22 +4,42 @@ export var getDateRangePickerTheme = function (theme) {
         calendarBottomSeparatorBorder: 'none',
         calendarCellBg: 'transparent',
         calendarCellSelectedBgColor: 'transparent',
-        calendarWrapperHeight: theme.rangeCalendarWrapperHeight,
+        get calendarWrapperHeight() {
+            return this.rangeCalendarWrapperHeight;
+        },
     }, theme);
 };
 export var getMobileDateRangePickerTheme = function (theme) {
     return ThemeFactory.create({
         calendarCellBg: 'transparent',
         calendarCellSelectedBgColor: 'transparent',
-        calendarCellBorderRadius: theme.mobileCalendarCellBorderRadius,
-        calendarCellFontSize: theme.mobileCalendarCellFontSize,
-        calendarGridRowSpacing: theme.mobileRangeCalendarGridRowSpacing,
-        calendarPaddingX: theme.mobileCalendarPaddingX,
-        calendarCellWidth: theme.mobileRangeCalendarCellWidth,
-        calendarCellHeight: theme.mobileRangeCalendarCellHeight,
-        calendarWrapperHeight: theme.mobileRangeCalendarWrapperHeight,
-        dateSelectFontSize: theme.mobileDateSelectFontSize,
-        dateSelectLineHeight: theme.mobileDateSelectLineHeight,
+        get calendarCellBorderRadius() {
+            return this.mobileCalendarCellBorderRadius;
+        },
+        get calendarCellFontSize() {
+            return this.mobileCalendarCellFontSize;
+        },
+        get calendarGridRowSpacing() {
+            return this.mobileRangeCalendarGridRowSpacing;
+        },
+        get calendarPaddingX() {
+            return this.mobileCalendarPaddingX;
+        },
+        get calendarCellWidth() {
+            return this.mobileRangeCalendarCellWidth;
+        },
+        get calendarCellHeight() {
+            return this.mobileRangeCalendarCellHeight;
+        },
+        get calendarWrapperHeight() {
+            return this.mobileRangeCalendarWrapperHeight;
+        },
+        get dateSelectFontSize() {
+            return this.mobileDateSelectFontSize;
+        },
+        get dateSelectLineHeight() {
+            return this.mobileDateSelectLineHeight;
+        },
     }, theme);
 };
 //# sourceMappingURL=DateRangePickerTheme.js.map

package/components/DateRangePicker/DateRangePickerTheme.js.map

@@ -1 +1 @@
-{"version":3,"file":"DateRangePickerTheme.js","sourceRoot":"","sources":["DateRangePickerTheme.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAC;AAEjE,MAAM,CAAC,IAAM,uBAAuB,GAAG,UAAC,KAAY;IAClD,OAAO,YAAY,CAAC,MAAM,CACxB;QACE,6BAA6B,EAAE,MAAM;QACrC,cAAc,EAAE,aAAa;QAC7B,2BAA2B,EAAE,aAAa;QAC1C,qBAAqB,EAAE,KAAK,CAAC,0BAA0B;KACxD,EACD,KAAK,CACN,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,6BAA6B,GAAG,UAAC,KAAY;IACxD,OAAO,YAAY,CAAC,MAAM,CACxB;QACE,cAAc,EAAE,aAAa;QAC7B,2BAA2B,EAAE,aAAa;QAC1C,wBAAwB,EAAE,KAAK,CAAC,8BAA8B;QAC9D,oBAAoB,EAAE,KAAK,CAAC,0BAA0B;QACtD,sBAAsB,EAAE,KAAK,CAAC,iCAAiC;QAC/D,gBAAgB,EAAE,KAAK,CAAC,sBAAsB;QAC9C,iBAAiB,EAAE,KAAK,CAAC,4BAA4B;QACrD,kBAAkB,EAAE,KAAK,CAAC,6BAA6B;QACvD,qBAAqB,EAAE,KAAK,CAAC,gCAAgC;QAC7D,kBAAkB,EAAE,KAAK,CAAC,wBAAwB;QAClD,oBAAoB,EAAE,KAAK,CAAC,0BAA0B;KACvD,EACD,KAAK,CACN,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import type { Theme } from '../../lib/theming/Theme.js';\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory.js';\n\nexport const getDateRangePickerTheme = (theme: Theme): Theme => {\n  return ThemeFactory.create(\n    {\n      calendarBottomSeparatorBorder: 'none',\n      calendarCellBg: 'transparent',\n      calendarCellSelectedBgColor: 'transparent',\n      calendarWrapperHeight: theme.rangeCalendarWrapperHeight,\n    },\n    theme,\n  );\n};\n\nexport const getMobileDateRangePickerTheme = (theme: Theme): Theme => {\n  return ThemeFactory.create(\n    {\n      calendarCellBg: 'transparent',\n      calendarCellSelectedBgColor: 'transparent',\n      calendarCellBorderRadius: theme.mobileCalendarCellBorderRadius,\n      calendarCellFontSize: theme.mobileCalendarCellFontSize,\n      calendarGridRowSpacing: theme.mobileRangeCalendarGridRowSpacing,\n      calendarPaddingX: theme.mobileCalendarPaddingX,\n      calendarCellWidth: theme.mobileRangeCalendarCellWidth,\n      calendarCellHeight: theme.mobileRangeCalendarCellHeight,\n      calendarWrapperHeight: theme.mobileRangeCalendarWrapperHeight,\n      dateSelectFontSize: theme.mobileDateSelectFontSize,\n      dateSelectLineHeight: theme.mobileDateSelectLineHeight,\n    },\n    theme,\n  );\n};\n"]}
+{"version":3,"file":"DateRangePickerTheme.js","sourceRoot":"","sources":["DateRangePickerTheme.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAC;AAEjE,MAAM,CAAC,IAAM,uBAAuB,GAAG,UAAC,KAAY;IAClD,OAAO,YAAY,CAAC,MAAM,CACxB;QACE,6BAA6B,EAAE,MAAM;QACrC,cAAc,EAAE,aAAa;QAC7B,2BAA2B,EAAE,aAAa;QAC1C,IAAI,qBAAqB;YACvB,OAAO,IAAI,CAAC,0BAA0B,CAAC;QACzC,CAAC;KACF,EACD,KAAK,CACN,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,6BAA6B,GAAG,UAAC,KAAY;IACxD,OAAO,YAAY,CAAC,MAAM,CACxB;QACE,cAAc,EAAE,aAAa;QAC7B,2BAA2B,EAAE,aAAa;QAC1C,IAAI,wBAAwB;YAC1B,OAAO,IAAI,CAAC,8BAA8B,CAAC;QAC7C,CAAC;QACD,IAAI,oBAAoB;YACtB,OAAO,IAAI,CAAC,0BAA0B,CAAC;QACzC,CAAC;QACD,IAAI,sBAAsB;YACxB,OAAO,IAAI,CAAC,iCAAiC,CAAC;QAChD,CAAC;QACD,IAAI,gBAAgB;YAClB,OAAO,IAAI,CAAC,sBAAsB,CAAC;QACrC,CAAC;QACD,IAAI,iBAAiB;YACnB,OAAO,IAAI,CAAC,4BAA4B,CAAC;QAC3C,CAAC;QACD,IAAI,kBAAkB;YACpB,OAAO,IAAI,CAAC,6BAA6B,CAAC;QAC5C,CAAC;QACD,IAAI,qBAAqB;YACvB,OAAO,IAAI,CAAC,gCAAgC,CAAC;QAC/C,CAAC;QACD,IAAI,kBAAkB;YACpB,OAAO,IAAI,CAAC,wBAAwB,CAAC;QACvC,CAAC;QACD,IAAI,oBAAoB;YACtB,OAAO,IAAI,CAAC,0BAA0B,CAAC;QACzC,CAAC;KACF,EACD,KAAK,CACN,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import type { Theme } from '../../lib/theming/Theme.js';\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory.js';\n\nexport const getDateRangePickerTheme = (theme: Theme): Theme => {\n  return ThemeFactory.create(\n    {\n      calendarBottomSeparatorBorder: 'none',\n      calendarCellBg: 'transparent',\n      calendarCellSelectedBgColor: 'transparent',\n      get calendarWrapperHeight() {\n        return this.rangeCalendarWrapperHeight;\n      },\n    },\n    theme,\n  );\n};\n\nexport const getMobileDateRangePickerTheme = (theme: Theme): Theme => {\n  return ThemeFactory.create(\n    {\n      calendarCellBg: 'transparent',\n      calendarCellSelectedBgColor: 'transparent',\n      get calendarCellBorderRadius() {\n        return this.mobileCalendarCellBorderRadius;\n      },\n      get calendarCellFontSize() {\n        return this.mobileCalendarCellFontSize;\n      },\n      get calendarGridRowSpacing() {\n        return this.mobileRangeCalendarGridRowSpacing;\n      },\n      get calendarPaddingX() {\n        return this.mobileCalendarPaddingX;\n      },\n      get calendarCellWidth() {\n        return this.mobileRangeCalendarCellWidth;\n      },\n      get calendarCellHeight() {\n        return this.mobileRangeCalendarCellHeight;\n      },\n      get calendarWrapperHeight() {\n        return this.mobileRangeCalendarWrapperHeight;\n      },\n      get dateSelectFontSize() {\n        return this.mobileDateSelectFontSize;\n      },\n      get dateSelectLineHeight() {\n        return this.mobileDateSelectLineHeight;\n      },\n    },\n    theme,\n  );\n};\n"]}

package/components/Dropdown/getDropdownTheme.d.ts

@@ -1,2 +1,13 @@
 import type { Theme } from '../../lib/theming/Theme.js';
+/**
+ * Тема Dropdown: токены `select*` читают значения токенов `dropdown*`.
+ *
+ * Перекладка задана геттерами, а не значениями, и это не стиль записи.
+ * Значение, скопированное из темы, уезжает в CSS литералом — то есть дельта
+ * такой темы зависит от базы и живёт только в атрибуте `style`. Геттер
+ * `this.<токен>` генератор узнаёт как проброску и печатает ссылкой
+ * `var(--kontur-<токен>)`: она одинакова для всех тем, а значит извлекается на
+ * сборке в файл и больше не приезжает инлайном. В JS геттер по-прежнему отдаёт
+ * настоящее значение.
+ */
 export declare const getDropdownTheme: (theme: Theme) => Theme;

package/components/Dropdown/getDropdownTheme.js

@@ -1,10 +1,23 @@
 import { ThemeFactory } from '../../lib/theming/ThemeFactory.js';
+/**
+ * Тема Dropdown: токены `select*` читают значения токенов `dropdown*`.
+ *
+ * Перекладка задана геттерами, а не значениями, и это не стиль записи.
+ * Значение, скопированное из темы, уезжает в CSS литералом — то есть дельта
+ * такой темы зависит от базы и живёт только в атрибуте `style`. Геттер
+ * `this.<токен>` генератор узнаёт как проброску и печатает ссылкой
+ * `var(--kontur-<токен>)`: она одинакова для всех тем, а значит извлекается на
+ * сборке в файл и больше не приезжает инлайном. В JS геттер по-прежнему отдаёт
+ * настоящее значение.
+ */
 export var getDropdownTheme = function (theme) {
     return ThemeFactory.create({
         selectDefaultBg: theme.dropdownDefaultBg,
         selectMenuOffsetY: theme.dropdownMenuOffsetY,
         selectBorderColorHover: theme.dropdownMenuHoverBorderColor,
-        selectBorderColorTransition: theme.dropdownMenuBorderColorTransition,
+        get selectBorderColorTransition() {
+            return this.dropdownMenuBorderColorTransition;
+        },
         selectBorderWidth: theme.dropdownBorderWidth,
         selectOutlineWidth: theme.dropdownOutlineWidth,
         selectLineHeightSmall: theme.dropdownLineHeightSmall,
@@ -12,19 +25,25 @@ export var getDropdownTheme = function (theme) {
         selectPaddingXSmall: theme.dropdownPaddingXSmall,
         selectPaddingYSmall: theme.dropdownPaddingYSmall,
         selectIconSizeSmall: theme.dropdownIconSizeSmall,
-        selectBorderRadiusSmall: theme.dropdownButtonBorderRadiusSmall,
+        get selectBorderRadiusSmall() {
+            return this.dropdownButtonBorderRadiusSmall;
+        },
         selectLineHeightMedium: theme.dropdownLineHeightMedium,
         selectFontSizeMedium: theme.dropdownFontSizeMedium,
         selectPaddingXMedium: theme.dropdownPaddingXMedium,
         selectPaddingYMedium: theme.dropdownPaddingYMedium,
         selectIconSizeMedium: theme.dropdownIconSizeMedium,
-        selectBorderRadiusMedium: theme.dropdownButtonBorderRadiusMedium,
+        get selectBorderRadiusMedium() {
+            return this.dropdownButtonBorderRadiusMedium;
+        },
         selectLineHeightLarge: theme.dropdownLineHeightLarge,
         selectFontSizeLarge: theme.dropdownFontSizeLarge,
         selectPaddingXLarge: theme.dropdownPaddingXLarge,
         selectPaddingYLarge: theme.dropdownPaddingYLarge,
         selectIconSizeLarge: theme.dropdownIconSizeLarge,
-        selectBorderRadiusLarge: theme.dropdownButtonBorderRadiusLarge,
+        get selectBorderRadiusLarge() {
+            return this.dropdownButtonBorderRadiusLarge;
+        },
         selectBgDisabled: theme.dropdownBgDisabled,
         selectBorderColorDisabled: theme.dropdownBorderColorDisabled,
         selectTextColorDisabled: theme.dropdownTextColorDisabled,

package/components/Dropdown/getDropdownTheme.js.map

@@ -1 +1 @@
-{"version":3,"file":"getDropdownTheme.js","sourceRoot":"","sources":["getDropdownTheme.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAC;AAEjE,MAAM,CAAC,IAAM,gBAAgB,GAAG,UAAC,KAAY;IAC3C,OAAO,YAAY,CAAC,MAAM,CACxB;QACE,eAAe,EAAE,KAAK,CAAC,iBAAiB;QACxC,iBAAiB,EAAE,KAAK,CAAC,mBAAmB;QAC5C,sBAAsB,EAAE,KAAK,CAAC,4BAA4B;QAC1D,2BAA2B,EAAE,KAAK,CAAC,iCAAiC;QAEpE,iBAAiB,EAAE,KAAK,CAAC,mBAAmB;QAC5C,kBAAkB,EAAE,KAAK,CAAC,oBAAoB;QAE9C,qBAAqB,EAAE,KAAK,CAAC,uBAAuB;QACpD,mBAAmB,EAAE,KAAK,CAAC,qBAAqB;QAChD,mBAAmB,EAAE,KAAK,CAAC,qBAAqB;QAChD,mBAAmB,EAAE,KAAK,CAAC,qBAAqB;QAChD,mBAAmB,EAAE,KAAK,CAAC,qBAAqB;QAChD,uBAAuB,EAAE,KAAK,CAAC,+BAA+B;QAE9D,sBAAsB,EAAE,KAAK,CAAC,wBAAwB;QACtD,oBAAoB,EAAE,KAAK,CAAC,sBAAsB;QAClD,oBAAoB,EAAE,KAAK,CAAC,sBAAsB;QAClD,oBAAoB,EAAE,KAAK,CAAC,sBAAsB;QAClD,oBAAoB,EAAE,KAAK,CAAC,sBAAsB;QAClD,wBAAwB,EAAE,KAAK,CAAC,gCAAgC;QAEhE,qBAAqB,EAAE,KAAK,CAAC,uBAAuB;QACpD,mBAAmB,EAAE,KAAK,CAAC,qBAAqB;QAChD,mBAAmB,EAAE,KAAK,CAAC,qBAAqB;QAChD,mBAAmB,EAAE,KAAK,CAAC,qBAAqB;QAChD,mBAAmB,EAAE,KAAK,CAAC,qBAAqB;QAChD,uBAAuB,EAAE,KAAK,CAAC,+BAA+B;QAE9D,gBAAgB,EAAE,KAAK,CAAC,kBAAkB;QAC1C,yBAAyB,EAAE,KAAK,CAAC,2BAA2B;QAC5D,uBAAuB,EAAE,KAAK,CAAC,yBAAyB;KACzD,EACD,KAAK,CACN,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import type { Theme } from '../../lib/theming/Theme.js';\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory.js';\n\nexport const getDropdownTheme = (theme: Theme): Theme => {\n  return ThemeFactory.create(\n    {\n      selectDefaultBg: theme.dropdownDefaultBg,\n      selectMenuOffsetY: theme.dropdownMenuOffsetY,\n      selectBorderColorHover: theme.dropdownMenuHoverBorderColor,\n      selectBorderColorTransition: theme.dropdownMenuBorderColorTransition,\n\n      selectBorderWidth: theme.dropdownBorderWidth,\n      selectOutlineWidth: theme.dropdownOutlineWidth,\n\n      selectLineHeightSmall: theme.dropdownLineHeightSmall,\n      selectFontSizeSmall: theme.dropdownFontSizeSmall,\n      selectPaddingXSmall: theme.dropdownPaddingXSmall,\n      selectPaddingYSmall: theme.dropdownPaddingYSmall,\n      selectIconSizeSmall: theme.dropdownIconSizeSmall,\n      selectBorderRadiusSmall: theme.dropdownButtonBorderRadiusSmall,\n\n      selectLineHeightMedium: theme.dropdownLineHeightMedium,\n      selectFontSizeMedium: theme.dropdownFontSizeMedium,\n      selectPaddingXMedium: theme.dropdownPaddingXMedium,\n      selectPaddingYMedium: theme.dropdownPaddingYMedium,\n      selectIconSizeMedium: theme.dropdownIconSizeMedium,\n      selectBorderRadiusMedium: theme.dropdownButtonBorderRadiusMedium,\n\n      selectLineHeightLarge: theme.dropdownLineHeightLarge,\n      selectFontSizeLarge: theme.dropdownFontSizeLarge,\n      selectPaddingXLarge: theme.dropdownPaddingXLarge,\n      selectPaddingYLarge: theme.dropdownPaddingYLarge,\n      selectIconSizeLarge: theme.dropdownIconSizeLarge,\n      selectBorderRadiusLarge: theme.dropdownButtonBorderRadiusLarge,\n\n      selectBgDisabled: theme.dropdownBgDisabled,\n      selectBorderColorDisabled: theme.dropdownBorderColorDisabled,\n      selectTextColorDisabled: theme.dropdownTextColorDisabled,\n    },\n    theme,\n  );\n};\n"]}
+{"version":3,"file":"getDropdownTheme.js","sourceRoot":"","sources":["getDropdownTheme.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAC;AAEjE;;;;;;;;;;GAUG;AACH,MAAM,CAAC,IAAM,gBAAgB,GAAG,UAAC,KAAY;IAC3C,OAAO,YAAY,CAAC,MAAM,CACxB;QACE,eAAe,EAAE,KAAK,CAAC,iBAAiB;QACxC,iBAAiB,EAAE,KAAK,CAAC,mBAAmB;QAC5C,sBAAsB,EAAE,KAAK,CAAC,4BAA4B;QAC1D,IAAI,2BAA2B;YAC7B,OAAO,IAAI,CAAC,iCAAiC,CAAC;QAChD,CAAC;QAED,iBAAiB,EAAE,KAAK,CAAC,mBAAmB;QAC5C,kBAAkB,EAAE,KAAK,CAAC,oBAAoB;QAE9C,qBAAqB,EAAE,KAAK,CAAC,uBAAuB;QACpD,mBAAmB,EAAE,KAAK,CAAC,qBAAqB;QAChD,mBAAmB,EAAE,KAAK,CAAC,qBAAqB;QAChD,mBAAmB,EAAE,KAAK,CAAC,qBAAqB;QAChD,mBAAmB,EAAE,KAAK,CAAC,qBAAqB;QAChD,IAAI,uBAAuB;YACzB,OAAO,IAAI,CAAC,+BAA+B,CAAC;QAC9C,CAAC;QAED,sBAAsB,EAAE,KAAK,CAAC,wBAAwB;QACtD,oBAAoB,EAAE,KAAK,CAAC,sBAAsB;QAClD,oBAAoB,EAAE,KAAK,CAAC,sBAAsB;QAClD,oBAAoB,EAAE,KAAK,CAAC,sBAAsB;QAClD,oBAAoB,EAAE,KAAK,CAAC,sBAAsB;QAClD,IAAI,wBAAwB;YAC1B,OAAO,IAAI,CAAC,gCAAgC,CAAC;QAC/C,CAAC;QAED,qBAAqB,EAAE,KAAK,CAAC,uBAAuB;QACpD,mBAAmB,EAAE,KAAK,CAAC,qBAAqB;QAChD,mBAAmB,EAAE,KAAK,CAAC,qBAAqB;QAChD,mBAAmB,EAAE,KAAK,CAAC,qBAAqB;QAChD,mBAAmB,EAAE,KAAK,CAAC,qBAAqB;QAChD,IAAI,uBAAuB;YACzB,OAAO,IAAI,CAAC,+BAA+B,CAAC;QAC9C,CAAC;QAED,gBAAgB,EAAE,KAAK,CAAC,kBAAkB;QAC1C,yBAAyB,EAAE,KAAK,CAAC,2BAA2B;QAC5D,uBAAuB,EAAE,KAAK,CAAC,yBAAyB;KACzD,EACD,KAAK,CACN,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import type { Theme } from '../../lib/theming/Theme.js';\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory.js';\n\n/**\n * Тема Dropdown: токены `select*` читают значения токенов `dropdown*`.\n *\n * Перекладка задана геттерами, а не значениями, и это не стиль записи.\n * Значение, скопированное из темы, уезжает в CSS литералом — то есть дельта\n * такой темы зависит от базы и живёт только в атрибуте `style`. Геттер\n * `this.<токен>` генератор узнаёт как проброску и печатает ссылкой\n * `var(--kontur-<токен>)`: она одинакова для всех тем, а значит извлекается на\n * сборке в файл и больше не приезжает инлайном. В JS геттер по-прежнему отдаёт\n * настоящее значение.\n */\nexport const getDropdownTheme = (theme: Theme): Theme => {\n  return ThemeFactory.create(\n    {\n      selectDefaultBg: theme.dropdownDefaultBg,\n      selectMenuOffsetY: theme.dropdownMenuOffsetY,\n      selectBorderColorHover: theme.dropdownMenuHoverBorderColor,\n      get selectBorderColorTransition() {\n        return this.dropdownMenuBorderColorTransition;\n      },\n\n      selectBorderWidth: theme.dropdownBorderWidth,\n      selectOutlineWidth: theme.dropdownOutlineWidth,\n\n      selectLineHeightSmall: theme.dropdownLineHeightSmall,\n      selectFontSizeSmall: theme.dropdownFontSizeSmall,\n      selectPaddingXSmall: theme.dropdownPaddingXSmall,\n      selectPaddingYSmall: theme.dropdownPaddingYSmall,\n      selectIconSizeSmall: theme.dropdownIconSizeSmall,\n      get selectBorderRadiusSmall() {\n        return this.dropdownButtonBorderRadiusSmall;\n      },\n\n      selectLineHeightMedium: theme.dropdownLineHeightMedium,\n      selectFontSizeMedium: theme.dropdownFontSizeMedium,\n      selectPaddingXMedium: theme.dropdownPaddingXMedium,\n      selectPaddingYMedium: theme.dropdownPaddingYMedium,\n      selectIconSizeMedium: theme.dropdownIconSizeMedium,\n      get selectBorderRadiusMedium() {\n        return this.dropdownButtonBorderRadiusMedium;\n      },\n\n      selectLineHeightLarge: theme.dropdownLineHeightLarge,\n      selectFontSizeLarge: theme.dropdownFontSizeLarge,\n      selectPaddingXLarge: theme.dropdownPaddingXLarge,\n      selectPaddingYLarge: theme.dropdownPaddingYLarge,\n      selectIconSizeLarge: theme.dropdownIconSizeLarge,\n      get selectBorderRadiusLarge() {\n        return this.dropdownButtonBorderRadiusLarge;\n      },\n\n      selectBgDisabled: theme.dropdownBgDisabled,\n      selectBorderColorDisabled: theme.dropdownBorderColorDisabled,\n      selectTextColorDisabled: theme.dropdownTextColorDisabled,\n    },\n    theme,\n  );\n};\n"]}

package/components/DropdownMenu/getDropdownMenuTheme.js

@@ -2,10 +2,17 @@ import { ThemeFactory } from '../../lib/theming/ThemeFactory.js';
 export var getDropdownMenuTheme = function (theme) {
     return ThemeFactory.create({
         popupMargin: theme.dropdownMenuMenuOffsetY,
-        menuBoxSizing: theme.dropdownMenuMenuBoxSizing,
+        get menuBoxSizing() {
+            return this.dropdownMenuMenuBoxSizing;
+        },
+        // Два токена меняются местами, и оба обязаны читать ИСХОДНУЮ тему.
+        // Геттер `this.menuPaddingY` вернул бы уже переставленное значение —
+        // перестановка выродилась бы в присвоение одного значения обоим.
         menuPaddingY: theme.menuScrollContainerContentWrapperPaddingY,
         menuScrollContainerContentWrapperPaddingY: theme.menuPaddingY,
-        scrollContainerScrollBarOffsetY: theme.dropdownMenuScrollContainerScrollBarOffsetY,
+        get scrollContainerScrollBarOffsetY() {
+            return this.dropdownMenuScrollContainerScrollBarOffsetY;
+        },
     }, theme);
 };
 //# sourceMappingURL=getDropdownMenuTheme.js.map

package/components/DropdownMenu/getDropdownMenuTheme.js.map

@@ -1 +1 @@
-{"version":3,"file":"getDropdownMenuTheme.js","sourceRoot":"","sources":["getDropdownMenuTheme.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAC;AAEjE,MAAM,CAAC,IAAM,oBAAoB,GAAG,UAAC,KAAY;IAC/C,OAAO,YAAY,CAAC,MAAM,CACxB;QACE,WAAW,EAAE,KAAK,CAAC,uBAAuB;QAC1C,aAAa,EAAE,KAAK,CAAC,yBAAyB;QAC9C,YAAY,EAAE,KAAK,CAAC,yCAAyC;QAC7D,yCAAyC,EAAE,KAAK,CAAC,YAAY;QAC7D,+BAA+B,EAAE,KAAK,CAAC,2CAA2C;KACnF,EACD,KAAK,CACN,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import type { Theme } from '../../lib/theming/Theme.js';\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory.js';\n\nexport const getDropdownMenuTheme = (theme: Theme): Theme => {\n  return ThemeFactory.create(\n    {\n      popupMargin: theme.dropdownMenuMenuOffsetY,\n      menuBoxSizing: theme.dropdownMenuMenuBoxSizing,\n      menuPaddingY: theme.menuScrollContainerContentWrapperPaddingY,\n      menuScrollContainerContentWrapperPaddingY: theme.menuPaddingY,\n      scrollContainerScrollBarOffsetY: theme.dropdownMenuScrollContainerScrollBarOffsetY,\n    },\n    theme,\n  );\n};\n"]}
+{"version":3,"file":"getDropdownMenuTheme.js","sourceRoot":"","sources":["getDropdownMenuTheme.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAC;AAEjE,MAAM,CAAC,IAAM,oBAAoB,GAAG,UAAC,KAAY;IAC/C,OAAO,YAAY,CAAC,MAAM,CACxB;QACE,WAAW,EAAE,KAAK,CAAC,uBAAuB;QAC1C,IAAI,aAAa;YACf,OAAO,IAAI,CAAC,yBAAyB,CAAC;QACxC,CAAC;QACD,mEAAmE;QACnE,qEAAqE;QACrE,iEAAiE;QACjE,YAAY,EAAE,KAAK,CAAC,yCAAyC;QAC7D,yCAAyC,EAAE,KAAK,CAAC,YAAY;QAC7D,IAAI,+BAA+B;YACjC,OAAO,IAAI,CAAC,2CAA2C,CAAC;QAC1D,CAAC;KACF,EACD,KAAK,CACN,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import type { Theme } from '../../lib/theming/Theme.js';\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory.js';\n\nexport const getDropdownMenuTheme = (theme: Theme): Theme => {\n  return ThemeFactory.create(\n    {\n      popupMargin: theme.dropdownMenuMenuOffsetY,\n      get menuBoxSizing() {\n        return this.dropdownMenuMenuBoxSizing;\n      },\n      // Два токена меняются местами, и оба обязаны читать ИСХОДНУЮ тему.\n      // Геттер `this.menuPaddingY` вернул бы уже переставленное значение —\n      // перестановка выродилась бы в присвоение одного значения обоим.\n      menuPaddingY: theme.menuScrollContainerContentWrapperPaddingY,\n      menuScrollContainerContentWrapperPaddingY: theme.menuPaddingY,\n      get scrollContainerScrollBarOffsetY() {\n        return this.dropdownMenuScrollContainerScrollBarOffsetY;\n      },\n    },\n    theme,\n  );\n};\n"]}

package/components/FileUploader/FileUploader.d.ts

@@ -25,7 +25,8 @@ interface _FileUploaderProps extends CommonProps, Omit<React.InputHTMLAttributes
     /** Включает отображение иконки предупреждения (восклицательный знак) при статусе предупреждения у файла.
      * @default false */
     withWarningIcon?: boolean;
-    /** Ширина контрола. */
+    /** Ширина контрола. По умолчанию — `fileUploaderWidth` из темы; в одиночной
+     * плитке ширину задаёт `fileUploaderTileWidth`, и проп её не меняет. */
     width?: React.CSSProperties['width'];
     /** Размер контрола и вложенных элементов.
      * @default small */