npm - @sberbusiness/triplex-next - Versions diffs - 1.43.0 → 1.45.0 - Mend

@sberbusiness/triplex-next 1.43.0 → 1.45.0

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

Files changed (629) hide show

package/components/DatePickerExtended/DatePickerExtended.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DatePickerExtended.js","sources":["../../../src/components/DatePickerExtended/DatePickerExtended.tsx"],"sourcesContent":["import React, { useState, useEffect, useRef } from \"react\";\nimport moment from \"moment\";\nimport { FocusTrapProps } from \"focus-trap-react\";\nimport { isKey } from \"../../utils/keyboard\";\nimport { Calendar, ICalendarProps } from \"../Calendar\";\nimport { EDropdownAlignment, IDropdownProps } from \"../Dropdown\";\nimport { DatePickerExtendedContext } from \"./DatePickerExtendedContext\";\nimport { DatePickerExtendedDropdown } from \"./DatePickerExtendedDropdown\";\nimport { EComponentSize } from \"../../enums\";\n\n/** Свойства компонента DatePickerExtended. /\nexport interface IDatePickerExtendedProps\n extends Omit<React.HTMLAttributes<HTMLDivElement>, \"onChange\">, Pick<IDropdownProps, \"alignment\">, ICalendarProps {\n /* Ссылка на целевой элемент для Dropdown. /\n dropdownTargetRef?: React.RefObject<HTMLElement>;\n /* Рендер-функция целевого элемента. /\n renderTarget: () => React.ReactNode;\n /* Рендер-функция целевого элемента в заголовке DropdownMobile. /\n renderDropdownHeaderTarget: () => React.ReactNode;\n /* Callback на открытие Dropdown. /\n onDropdownOpen?: () => void;\n /* Callback на закрытие Dropdown. /\n onDropdownClose?: () => void;\n /* Свойства FocusTrap. Используется npm-пакет focus-trap-react. /\n focusTrapProps?: FocusTrapProps;\n}\n\n/* База для ~~компонента~~ ~~DatePicker.~~ /\nexport const DatePickerExtended = React.forwardRef<HTMLDivElement, IDatePickerExtendedProps>((props, ref) => {\n const {\n // Dropdown props\n dropdownTargetRef,\n alignment = EDropdownAlignment.LEFT,\n focusTrapProps,\n // Calendar props\n pickType,\n format,\n defaultViewDate,\n onViewChange,\n onPageChange,\n pickedDate,\n limitRange,\n markedDays,\n disabledDays,\n reversedPick,\n dayHtmlAttributes,\n monthHtmlAttributes,\n yearHtmlAttributes,\n prevButtonProps,\n nextButtonProps,\n viewButtonProps,\n todayButtonProps,\n onDateChange,\n // Other\n renderTarget,\n renderDropdownHeaderTarget,\n onKeyDown,\n onMouseDown,\n onDropdownOpen,\n onDropdownClose,\n ...restProps\n } = props;\n const [dropdownOpen, setDropdownOpen] = useState(false);\n const containerRef = useRef<HTMLDivElement \| null>(null);\n const dropdownRef = useRef<HTMLDivElement>(null);\n /* Флаг взаимодействия пользователя мышью. /\n const mouseUsedRef = useRef(false);\n\n useEffect(() => {\n /* Обработчик нажатия мыши вне компонента. /\n const handleOutsideMouseDown = (event: MouseEvent) => {\n if (\n !containerRef.current?.contains(event.target as Node) &&\n !dropdownRef.current?.contains(event.target as Node)\n ) {\n setDropdownOpen(false);\n }\n };\n\n ~~if (dropdownOpen) {\n~~ document.addEventListener(\"mousedown\", handleOutsideMouseDown);\n\n return () => {\n document.removeEventListener(\"mousedown\", handleOutsideMouseDown);\n ~~};\n~~ } ~~else {\n mouseUsedRef.current = false~~;\n ~~}\n~~ }, [dropdownOpen]);\n\n /* Обработчик нажатия клавиши. /\n const handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n const key = event.code \|\| event.keyCode;\n\n if (isKey(key, \"ESCAPE\")) {\n ~~if (dropdownOpen) {\n~~ setDropdownOpen(false);\n ~~}\n~~ }\n\n onKeyDown?.(event);\n };\n\n /* Обработчик нажатия мыши. /\n const handleMouseDown = (event: React.MouseEvent<HTMLDivElement>) => {\n mouseUsedRef.current = true;\n\n onMouseDown?.(event);\n };\n\n /* Рендер календаря. /\n const renderCalendar = (~~adaptiveMode~~: boolean) => (\n <Calendar\n defaultViewDate={defaultViewDate}\n pickedDate={pickedDate}\n pickType={pickType}\n format={format}\n limitRange={limitRange}\n markedDays={markedDays}\n disabledDays={disabledDays}\n reversedPick={reversedPick}\n adaptiveMode={~~adaptiveMode~~}\n onDateChange={~~handleChangeDate~~}\n onPageChange={onPageChange}\n onViewChange={onViewChange}\n dayHtmlAttributes={dayHtmlAttributes}\n monthHtmlAttributes={monthHtmlAttributes}\n yearHtmlAttributes={yearHtmlAttributes}\n prevButtonProps={prevButtonProps}\n nextButtonProps={nextButtonProps}\n viewButtonProps={viewButtonProps}\n todayButtonProps={todayButtonProps}\n ~~/>\n );\n\n /* Обработчик изменения даты. /\n const handleChangeDate~~ = ~~(date: moment.Moment) =>~~ {\n ~~setDropdownOpen(false);\~~n~~\n onDateChange(date~~);\n ~~};\n~~\n ~~/* Функция для хранения ссылки. */\n~~ const setRef = (node: HTMLDivElement \| null) => {\n containerRef.current = node;\n if (typeof ref === \"function\") {\n ref(node);\n } else if (ref) {\n ref.current = node;\n }\n };\n\n return (\n <div\n onKeyDown={handleKeyDown}\n onMouseDown={handleMouseDown}\n {...restProps}\n data-tx={process.env.npm_package_version}\n ref={setRef}\n >\n <DatePickerExtendedContext.Provider value={{ dropdownOpen, mouseUsedRef, setDropdownOpen }}>\n {renderTarget()}\n <DatePickerExtendedDropdown\n opened={dropdownOpen}\n size={EComponentSize.MD}\n alignment={alignment}\n targetRef={dropdownTargetRef \|\| containerRef}\n focusTrapProps={focusTrapProps}\n renderCalendar={renderCalendar}\n renderHeaderTarget={renderDropdownHeaderTarget}\n setOpened={setDropdownOpen}\n onOpen={onDropdownOpen}\n onClose={onDropdownClose}\n ref={dropdownRef}\n />\n </DatePickerExtendedContext.Provider>\n </div>\n );\n});\n\nDatePickerExtended.displayName = \"DatePickerExtended\";\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;~~AA4BO~~,MAAM,qBAAqBA,eAAM,WAAqD,CAAC,OAAO,QAAQ;AACzG,QAAM;AAAA;AAAA,IAEF;AAAA,IACA,YAAY,mBAAmB;AAAA,IAC/B;AAAA;AAAA,IAEA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA,IAEA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EAAA,IACH;AACJ,QAAM,CAAC,cAAc,eAAe,IAAI,SAAS,KAAK;AACtD,QAAM,eAAe,OAA8B,IAAI;AACvD,QAAM,cAAc,OAAuB,IAAI;AAE/C,QAAM,eAAe,OAAO,KAAK;AAEjC,YAAU,MAAM;~~AAEZ~~,UAAM,yBAAyB,CAAC,UAAsB;;AAClD,UACI,GAAC,kBAAa,YAAb,mBAAsB,SAAS,MAAM,YACtC,GAAC,iBAAY,YAAZ,mBAAqB,SAAS,MAAM,UACvC;AACE,wBAAgB,KAAK;AAAA,MACzB;AAAA,IACJ;AAEA,~~QAAI~~,~~cAAc;AACd,eAAS,~~iBAAiB,aAAa,sBAAsB;AAE7D,~~aAAO~~,MAAM;AACT,~~iBAAS~~,oBAAoB,aAAa,sBAAsB;AAAA,~~MACpE~~;AAAA,~~IACJ,OAAO;AACH,mBAAa,UAAU;AAAA,IAC3B;AAAA,~~EACJ,GAAG,CAAC,YAAY,CAAC;AAGjB,QAAM,gBAAgB,CAAC,UAA+C;AAClE,UAAM,MAAM,MAAM,QAAQ,MAAM;AAEhC,QAAI,MAAM,KAAK,QAAQ,GAAG;~~AACtB~~,~~UAAI~~,~~cAAc;AACd,wBAAgB,~~KAAK;AAAA,~~MACzB~~;~~AAAA,IACJ;~~AAEA,2CAAY;AAAA,EAChB;AAGA,QAAM,kBAAkB,CAAC,UAA4C;AACjE,iBAAa,UAAU;AAEvB,+CAAc;AAAA,EAClB;AAGA,QAAM,iBAAiB,CAAC,~~iBACpB~~;AAAA,IAAC;AAAA,IAAA;AAAA,MACG;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,~~MACA~~,cAAc;AAAA,MACd;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,~~IAAA~~;AAAA,~~EAAA~~;~~AAKR~~,~~QAAM,mBAAmB,CAAC,SAAwB~~;~~AAC9C,oBAAgB,KAAK;AAErB,iBAAa,IAAI;~~AAAA,~~EACrB~~;~~AAGA~~,QAAM,SAAS,CAAC,SAAgC;AAC5C,iBAAa,UAAU;~~AACvB~~,QAAI,OAAO,QAAQ,YAAY;AAC3B,UAAI,IAAI;AAAA,IACZ,WAAW,KAAK;AACZ,UAAI,UAAU;AAAA,IAClB;AAAA,EACJ;AAEA,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAW;AAAA,MACX,aAAa;AAAA,MACZ,GAAG;AAAA,MACJ,WAAS;AAAA,MACT,KAAK;AAAA,MAEL,UAAA,qBAAC,0BAA0B,UAA1B,EAAmC,OAAO,EAAE,cAAc,cAAc,gBAAA,GACpE,UAAA;AAAA,QAAA,aAAA;AAAA,QACD;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,QAAQ;AAAA,YACR,MAAM,eAAe;AAAA,YACrB;AAAA,YACA,WAAW,qBAAqB;AAAA,YAChC;AAAA,YACA;AAAA,YACA,oBAAoB;AAAA,YACpB,WAAW;AAAA,YACX,QAAQ;AAAA,YACR,SAAS;AAAA,YACT,KAAK;AAAA,UAAA;AAAA,QAAA;AAAA,MACT,GACJ;AAAA,IAAA;AAAA,EAAA;AAGZ,CAAC;AAED,mBAAmB,cAAc;"}
1	+ {"version":3,"file":"DatePickerExtended.js","sources":["../../../src/components/DatePickerExtended/DatePickerExtended.tsx"],"sourcesContent":["import React, { useState, useEffect, useRef } from \"react\";\nimport moment from \"moment\";\nimport { FocusTrapProps } from \"focus-trap-react\";\nimport { isKey } from \"../../utils/keyboard\";\nimport { Calendar, ICalendarProps } from \"../Calendar\";\nimport { EDropdownAlignment, IDropdownProps } from \"../Dropdown\";\nimport { DatePickerExtendedContext } from \"./DatePickerExtendedContext\";\nimport { DatePickerExtendedDropdown } from \"./DatePickerExtendedDropdown\";\nimport { EComponentSize } from \"../../enums\";\n\n/*\n Свойства компонента DatePickerExtended.\n * adaptiveMode исключён из props календаря: адаптивный режим компонент определяет сам по версии дропдауна.\n /\nexport interface IDatePickerExtendedProps\n extends\n Omit<React.HTMLAttributes<HTMLDivElement>, \"onChange\">,\n Pick<IDropdownProps, \"alignment\">,\n Omit<ICalendarProps, \"adaptiveMode\"> {\n /* Ссылка на целевой элемент для Dropdown. По умолчанию — корневой элемент компонента. /\n dropdownTargetRef?: React.RefObject<HTMLElement>;\n /* Рендер-функция целевого элемента. /\n renderTarget: () => React.ReactNode;\n /* Рендер-функция целевого элемента в заголовке DropdownMobile. /\n renderDropdownHeaderTarget: () => React.ReactNode;\n /* Callback на открытие Dropdown. /\n onDropdownOpen?: () => void;\n /* Callback на закрытие Dropdown. /\n onDropdownClose?: () => void;\n /* Свойства FocusTrap. Используется npm-пакет focus-trap-react. /\n focusTrapProps?: FocusTrapProps;\n}\n\n/\n База для компонентов выбора даты (DateField, MonthYearField, ChipDatePicker).\n * Рендерит переданный целевым элемент и выпадающий Calendar, хранит состояние открытости\n * дропдауна и отдаёт его целевому элементу через DatePickerExtendedContext.\n /\nexport const DatePickerExtended = React.forwardRef<HTMLDivElement, IDatePickerExtendedProps>((props, ref) => {\n const {\n // Dropdown props\n dropdownTargetRef,\n alignment = EDropdownAlignment.LEFT,\n focusTrapProps,\n // Calendar props — перечислены явно, иначе они попадут в restProps и осядут на корневом div.\n pickType,\n format,\n defaultViewDate,\n onViewChange,\n onPageChange,\n pickedDate,\n limitRange,\n markedDays,\n disabledDays,\n reversedPick,\n dayHtmlAttributes,\n monthHtmlAttributes,\n yearHtmlAttributes,\n prevButtonProps,\n nextButtonProps,\n viewButtonProps,\n yesterdayButtonProps,\n todayButtonProps,\n tomorrowButtonProps,\n onDateChange,\n // Other\n renderTarget,\n renderDropdownHeaderTarget,\n onKeyDown,\n onMouseDown,\n onDropdownOpen,\n onDropdownClose,\n // adaptiveMode исключён из публичного типа, но JS-потребитель и старый скомпилированный код\n // всё ещё могут его передать. Снимаем значение здесь, иначе оно уйдёт на корневой div.\n adaptiveMode,\n ...restProps\n } = props as IDatePickerExtendedProps & Pick<ICalendarProps, \"adaptiveMode\">;\n const [dropdownOpen, setDropdownOpen] = useState(false);\n const containerRef = useRef<HTMLDivElement \| null>(null);\n const dropdownRef = useRef<HTMLDivElement>(null);\n /* Флаг взаимодействия пользователя мышью. /\n const mouseUsedRef = useRef(false);\n\n useEffect(() => {\n if (!dropdownOpen) {\n mouseUsedRef.current = false;\n\n return;\n }\n\n /* Обработчик нажатия мыши вне компонента. /\n const handleOutsideMouseDown = (event: MouseEvent) => {\n if (\n !containerRef.current?.contains(event.target as Node) &&\n !dropdownRef.current?.contains(event.target as Node)\n ) {\n setDropdownOpen(false);\n }\n };\n\n document.addEventListener(\"mousedown\", handleOutsideMouseDown);\n\n return () => {\n document.removeEventListener(\"mousedown\", handleOutsideMouseDown);\n };\n }, [dropdownOpen]);\n\n /* Обработчик нажатия клавиши. /\n const handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n const key = event.code \|\| event.keyCode;\n\n if (dropdownOpen && isKey(key, \"ESCAPE\")) {\n setDropdownOpen(false);\n }\n\n onKeyDown?.(event);\n };\n\n /* Обработчик нажатия мыши. /\n const handleMouseDown = (event: React.MouseEvent<HTMLDivElement>) => {\n mouseUsedRef.current = true;\n\n onMouseDown?.(event);\n };\n\n /* Обработчик изменения даты. Выбор даты закрывает дропдаун. /\n const handleDateChange = (date: moment.Moment) => {\n setDropdownOpen(false);\n\n onDateChange(date);\n };\n\n /* Рендер календаря. Адаптивный режим включает мобильная версия дропдауна. */\n const renderCalendar = (adaptive: boolean) => (\n <Calendar\n defaultViewDate={defaultViewDate}\n pickedDate={pickedDate}\n pickType={pickType}\n format={format}\n limitRange={limitRange}\n markedDays={markedDays}\n disabledDays={disabledDays}\n reversedPick={reversedPick}\n adaptiveMode={adaptive}\n onDateChange={handleDateChange}\n onPageChange={onPageChange}\n onViewChange={onViewChange}\n dayHtmlAttributes={dayHtmlAttributes}\n monthHtmlAttributes={monthHtmlAttributes}\n yearHtmlAttributes={yearHtmlAttributes}\n prevButtonProps={prevButtonProps}\n nextButtonProps={nextButtonProps}\n viewButtonProps={viewButtonProps}\n yesterdayButtonProps={yesterdayButtonProps}\n todayButtonProps={todayButtonProps}\n tomorrowButtonProps={tomorrowButtonProps}\n />\n );\n\n const setRef = (node: HTMLDivElement \| null) => {\n containerRef.current = node;\n\n if (typeof ref === \"function\") {\n ref(node);\n } else if (ref) {\n ref.current = node;\n }\n };\n\n return (\n <div\n onKeyDown={handleKeyDown}\n onMouseDown={handleMouseDown}\n {...restProps}\n data-tx={process.env.npm_package_version}\n ref={setRef}\n >\n <DatePickerExtendedContext.Provider value={{ dropdownOpen, mouseUsedRef, setDropdownOpen }}>\n {renderTarget()}\n <DatePickerExtendedDropdown\n opened={dropdownOpen}\n size={EComponentSize.MD}\n alignment={alignment}\n targetRef={dropdownTargetRef \|\| containerRef}\n focusTrapProps={focusTrapProps}\n renderCalendar={renderCalendar}\n renderHeaderTarget={renderDropdownHeaderTarget}\n setOpened={setDropdownOpen}\n onOpen={onDropdownOpen}\n onClose={onDropdownClose}\n ref={dropdownRef}\n />\n </DatePickerExtendedContext.Provider>\n </div>\n );\n});\n\nDatePickerExtended.displayName = \"DatePickerExtended\";\n"],"names":["React"],"mappings":"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"}

package/components/DatePickerExtended/DatePickerExtendedContext.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DatePickerExtendedContext.js","sources":["../../../src/components/DatePickerExtended/DatePickerExtendedContext.tsx"],"sourcesContent":["import React from \"react\";\n\n/** Свойства контекста компонента DatePickerExtended. /\~~ninterface~~ IDatePickerExtendedContext {\n dropdownOpen: boolean;\n mouseUsedRef: React.MutableRefObject<boolean>;\n setDropdownOpen: (open: boolean) => void;\n}\n\n/* Контекст компонента DatePickerExtended. */\nexport const DatePickerExtendedContext = React.createContext<IDatePickerExtendedContext>({\n dropdownOpen: false,\n mouseUsedRef: { current: false },\n setDropdownOpen: () => {},\n});\n"],"names":["React"],"mappings":";~~AAUO~~,MAAM,4BAA4BA,eAAM,cAA0C;AAAA,EACrF,cAAc;AAAA,EACd,cAAc,EAAE,SAAS,MAAA;AAAA,EACzB,iBAAiB,MAAM;AAAA,EAAC;AAC5B,CAAC;"}
1	+ {"version":3,"file":"DatePickerExtendedContext.js","sources":["../../../src/components/DatePickerExtended/DatePickerExtendedContext.tsx"],"sourcesContent":["import React from \"react\";\n\n/** Свойства контекста компонента DatePickerExtended. /\nexport interface IDatePickerExtendedContext {\n /* Выпадающий календарь открыт. /\n dropdownOpen: boolean;\n /* Флаг взаимодействия пользователя мышью. Управляет поведением FocusTrap выпадающего календаря. /\n mouseUsedRef: React.MutableRefObject<boolean>;\n /* Открывает и закрывает выпадающий календарь. /\n setDropdownOpen: (open: boolean) => void;\n}\n\n/\n Контекст компонента DatePickerExtended.\n * Через него целевой элемент (renderTarget) управляет открытостью выпадающего календаря.\n */\nexport const DatePickerExtendedContext = React.createContext<IDatePickerExtendedContext>({\n dropdownOpen: false,\n mouseUsedRef: { current: false },\n setDropdownOpen: () => {},\n});\n"],"names":["React"],"mappings":";AAgBO,MAAM,4BAA4BA,eAAM,cAA0C;AAAA,EACrF,cAAc;AAAA,EACd,cAAc,EAAE,SAAS,MAAA;AAAA,EACzB,iBAAiB,MAAM;AAAA,EAAC;AAC5B,CAAC;"}

package/components/DatePickerExtended/DatePickerExtendedDropdown.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import React__default, { useContext } from "react";
+import React__default, { useContext, useRef } from "react";
 import { j as focusTrapReactExports } from "../../chunks/vendor-D4wvHis9.js";
 import { Dropdown } from "../Dropdown/Dropdown.js";
 import { DatePickerExtendedContext } from "./DatePickerExtendedContext.js";
@@ -14,7 +14,7 @@ import "../Dropdown/mobile/DropdownMobileList.js";
 import "../Dropdown/mobile/DropdownMobileListItem.js";
 import "../Loader/LoaderSmall/LoaderSmall.js";
 import "../Loader/LoaderMiddle/LoaderMiddle.js";
-const datePickerExtendedMobileDropdown = "datePickerExtendedMobileDropdown__fe995ef4";
+const datePickerExtendedMobileDropdown = "datePickerExtendedMobileDropdown__fe540966";
 const styles = {
   datePickerExtendedMobileDropdown
 };
@@ -22,6 +22,7 @@ const DatePickerExtendedDropdown = React__default.forwardRef(
   (props, ref) => {
     const { children, targetRef, setOpened, renderHeaderTarget, renderCalendar, focusTrapProps, ...rest } = props;
     const { mouseUsedRef, setDropdownOpen } = useContext(DatePickerExtendedContext);
+    const calendarRef = useRef(null);
     const renderMobileContent = () => /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsx(DropdownMobileHeader, { controlButtons: /* @__PURE__ */ jsx(DropdownMobileClose, { onClick: () => setDropdownOpen(false) }), children: renderHeaderTarget() }),
       /* @__PURE__ */ jsx(DropdownMobileBody, { children: renderCalendar(true) })
@@ -45,12 +46,18 @@ const DatePickerExtendedDropdown = React__default.forwardRef(
             ...focusTrapProps,
             focusTrapOptions: {
               clickOutsideDeactivates: true,
-              fallbackFocus: targetRef.current,
-              initialFocus: !mouseUsedRef.current && void 0,
+              // Контейнер календаря: если внутри ловушки нет ни одного tabbable-элемента
+              // (например, страница лет с отключёнными prev/next и недоступными датами),
+              // фокус остаётся внутри aria-modal диалога, а не уходит на целевой элемент.
+              // Функция, а не элемент: ref на момент рендера может быть ещё не заполнен.
+              // targetRef и document.body — страховка: focus-trap бросает исключение на пустом fallback.
+              fallbackFocus: () => calendarRef.current ?? targetRef.current ?? document.body,
+              // false — не переводить фокус внутрь ловушки при открытии мышью.
+              initialFocus: mouseUsedRef.current ? false : void 0,
               returnFocusOnDeactivate: !mouseUsedRef.current,
               ...focusTrapProps == null ? void 0 : focusTrapProps.focusTrapOptions
             },
-            children: /* @__PURE__ */ jsx("div", { role: "presentation", children: renderCalendar(false) })
+            children: /* @__PURE__ */ jsx("div", { ref: calendarRef, tabIndex: -1, children: renderCalendar(false) })
           }
         )
       }

package/components/DatePickerExtended/DatePickerExtendedDropdown.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DatePickerExtendedDropdown.js","sources":["../../../src/components/DatePickerExtended/DatePickerExtendedDropdown.tsx"],"sourcesContent":["import React, { useContext } from \"react\";\nimport { FocusTrap, FocusTrapProps } from \"focus-trap-react\";\nimport { Dropdown, IDropdownProps } from \"../Dropdown/Dropdown\";\nimport { DatePickerExtendedContext } from \"./DatePickerExtendedContext\";\nimport { DropdownMobileHeader, DropdownMobileClose, DropdownMobileBody } from \"../Dropdown/mobile\";\nimport styles from \"./styles/DatePickerExtended.module.less\";\n\n/** Свойства компонента DatePickerExtendedDropdown. /\nexport interface IDatePickerExtendedDropdownProps extends IDropdownProps {\n /* Рендер-функция календаря. /\n renderCalendar: (adaptiveMode: boolean) => React.ReactNode;\n /* Рендер-функция целевого элемента в заголовке DropdownMobile. /\n renderHeaderTarget: () => React.ReactNode;\n /* Свойства компонента FocusTrap. Используется npm-пакет focus-trap-react. /\n focusTrapProps?: FocusTrapProps;\n}\n\n/* Выпадающее меню компонента DatePickerExtended. /\nexport const DatePickerExtendedDropdown = React.forwardRef<HTMLDivElement, IDatePickerExtendedDropdownProps>(\n (props, ref) => {\n const { children, targetRef, setOpened, renderHeaderTarget, renderCalendar, focusTrapProps, ...rest } = props;\n const { mouseUsedRef, setDropdownOpen } = useContext(DatePickerExtendedContext);\n\n /* Отрисовка содержимого в мобильном режиме. */\n const renderMobileContent = () => (\n <>\n <DropdownMobileHeader controlButtons={<DropdownMobileClose onClick={() => setDropdownOpen(false)} />}>\n {renderHeaderTarget()}\n </DropdownMobileHeader>\n <DropdownMobileBody>{renderCalendar(true)}</DropdownMobileBody>\n </>\n );\n\n return (\n <Dropdown\n role=\"dialog\"\n aria-modal=\"true\"\n targetRef={targetRef}\n mobileViewProps={{\n children: renderMobileContent(),\n className: styles.datePickerExtendedMobileDropdown,\n }}\n setOpened={setOpened}\n {...rest}\n ref={ref}\n >\n <FocusTrap\n {...focusTrapProps}\n focusTrapOptions={{\n clickOutsideDeactivates: true,\n fallbackFocus: targetRef.current~~!,\~~n initialFocus: !mouseUsedRef.current && undefined,\n returnFocusOnDeactivate: !mouseUsedRef.current,\n ...focusTrapProps?.focusTrapOptions,\n }}\n >\n ~~<div~~ role=\"presentation\">{renderCalendar(false)}</div>\n </FocusTrap>\n </Dropdown>\n );\n },\n);\n\nDatePickerExtendedDropdown.displayName = \"DatePickerExtendedDropdown\";\n"],"names":["React","FocusTrap"],"mappings":";;;;;;;;;;;;;;;;;;;;~~AAkBO~~,MAAM,6BAA6BA,eAAM;AAAA,EAC5C,CAAC,OAAO,QAAQ;AACZ,UAAM,EAAE,UAAU,WAAW,WAAW,oBAAoB,gBAAgB,gBAAgB,GAAG,KAAA,IAAS;AACxG,UAAM,EAAE,cAAc,oBAAoB,WAAW,yBAAyB;~~AAG9E~~,UAAM,sBAAsB,MACxB,qBAAA,UAAA,EACI,UAAA;AAAA,MAAA,oBAAC,sBAAA,EAAqB,gBAAgB,oBAAC,qBAAA,EAAoB,SAAS,MAAM,gBAAgB,KAAK,EAAA,CAAG,GAC7F,UAAA,mBAAA,EAAmB,CACxB;AAAA,MACA,oBAAC,oBAAA,EAAoB,UAAA,eAAe,IAAI,EAAA,CAAE;AAAA,IAAA,GAC9C;AAGJ,WACI;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,MAAK;AAAA,QACL,cAAW;AAAA,QACX;AAAA,QACA,iBAAiB;AAAA,UACb,UAAU,oBAAA;AAAA,UACV,WAAW,OAAO;AAAA,QAAA;AAAA,QAEtB;AAAA,QACC,GAAG;AAAA,QACJ;AAAA,QAEA,UAAA;AAAA,UAACC,sBAAAA;AAAAA,UAAA;AAAA,YACI,GAAG;AAAA,YACJ,kBAAkB;AAAA,cACd,yBAAyB;AAAA,~~cACzB~~,eAAe,UAAU;AAAA,~~cACzB~~,cAAc,~~CAAC,~~aAAa,~~WAAW~~;AAAA,~~cACvC~~,yBAAyB,CAAC,aAAa;AAAA,cACvC,GAAG,iDAAgB;AAAA,YAAA;AAAA,~~YAGvB~~,~~8BAAC~~,~~OAAA~~,~~EAAI~~,~~MAAK~~,~~gBAAgB~~,UAAA,eAAe,KAAK,EAAA,~~CAAE~~;AAAA,UAAA;AAAA,QAAA;AAAA,~~MACpD~~;AAAA,IAAA;AAAA,EAGZ;AACJ;AAEA,2BAA2B,cAAc;"}
1	+ {"version":3,"file":"DatePickerExtendedDropdown.js","sources":["../../../src/components/DatePickerExtended/DatePickerExtendedDropdown.tsx"],"sourcesContent":["import React, { useContext, useRef } from \"react\";\nimport { FocusTrap, FocusTrapProps } from \"focus-trap-react\";\nimport { Dropdown, IDropdownProps } from \"../Dropdown/Dropdown\";\nimport { DatePickerExtendedContext } from \"./DatePickerExtendedContext\";\nimport { DropdownMobileHeader, DropdownMobileClose, DropdownMobileBody } from \"../Dropdown/mobile\";\nimport styles from \"./styles/DatePickerExtended.module.less\";\n\n/** Свойства компонента DatePickerExtendedDropdown. /\nexport interface IDatePickerExtendedDropdownProps extends IDropdownProps {\n /* Рендер-функция календаря. /\n renderCalendar: (adaptiveMode: boolean) => React.ReactNode;\n /* Рендер-функция целевого элемента в заголовке DropdownMobile. /\n renderHeaderTarget: () => React.ReactNode;\n /* Свойства компонента FocusTrap. Используется npm-пакет focus-trap-react. /\n focusTrapProps?: FocusTrapProps;\n}\n\n/\n Выпадающее меню компонента DatePickerExtended.\n * Внутренний компонент, не экспортируется через barrel.\n /\nexport const DatePickerExtendedDropdown = React.forwardRef<HTMLDivElement, IDatePickerExtendedDropdownProps>(\n (props, ref) => {\n const { children, targetRef, setOpened, renderHeaderTarget, renderCalendar, focusTrapProps, ...rest } = props;\n const { mouseUsedRef, setDropdownOpen } = useContext(DatePickerExtendedContext);\n const calendarRef = useRef<HTMLDivElement>(null);\n\n /* Отрисовка содержимого в мобильном режиме. /\n const renderMobileContent = () => (\n <>\n <DropdownMobileHeader controlButtons={<DropdownMobileClose onClick={() => setDropdownOpen(false)} />}>\n {renderHeaderTarget()}\n </DropdownMobileHeader>\n <DropdownMobileBody>{renderCalendar(true)}</DropdownMobileBody>\n </>\n );\n\n return (\n <Dropdown\n role=\"dialog\"\n aria-modal=\"true\"\n targetRef={targetRef}\n mobileViewProps={{\n children: renderMobileContent(),\n className: styles.datePickerExtendedMobileDropdown,\n }}\n setOpened={setOpened}\n {...rest}\n ref={ref}\n >\n <FocusTrap\n {...focusTrapProps}\n focusTrapOptions={{\n clickOutsideDeactivates: true,\n // Контейнер календаря: если внутри ловушки нет ни одного tabbable-элемента\n // (например, страница лет с отключёнными prev/next и недоступными датами),\n // фокус остаётся внутри aria-modal диалога, а не уходит на целевой элемент.\n // Функция, а не элемент: ref на момент рендера может быть ещё не заполнен.\n // targetRef и document.body — страховка: focus-trap бросает исключение на пустом fallback.\n fallbackFocus: () => calendarRef.current ?? targetRef.current ?? document.body,\n // false — не переводить фокус внутрь ловушки при открытии мышью.\n initialFocus: mouseUsedRef.current ? false : undefined,\n returnFocusOnDeactivate: !mouseUsedRef.current,\n ...focusTrapProps?.focusTrapOptions,\n }}\n >\n {/\n * tabIndex={-1} — чтобы контейнер мог принять fallback-фокус, не попадая в таб-порядок.\n * role=\"presentation\" здесь не ставится: по спецификации ARIA он игнорируется\n * на фокусируемом элементе, и рядом с tabIndex только вводил бы в заблуждение.\n */}\n <div ref={calendarRef} tabIndex={-1}>\n {renderCalendar(false)}\n </div>\n </FocusTrap>\n </Dropdown>\n );\n },\n);\n\nDatePickerExtendedDropdown.displayName = \"DatePickerExtendedDropdown\";\n"],"names":["React","FocusTrap"],"mappings":";;;;;;;;;;;;;;;;;;;;AAqBO,MAAM,6BAA6BA,eAAM;AAAA,EAC5C,CAAC,OAAO,QAAQ;AACZ,UAAM,EAAE,UAAU,WAAW,WAAW,oBAAoB,gBAAgB,gBAAgB,GAAG,KAAA,IAAS;AACxG,UAAM,EAAE,cAAc,oBAAoB,WAAW,yBAAyB;AAC9E,UAAM,cAAc,OAAuB,IAAI;AAG/C,UAAM,sBAAsB,MACxB,qBAAA,UAAA,EACI,UAAA;AAAA,MAAA,oBAAC,sBAAA,EAAqB,gBAAgB,oBAAC,qBAAA,EAAoB,SAAS,MAAM,gBAAgB,KAAK,EAAA,CAAG,GAC7F,UAAA,mBAAA,EAAmB,CACxB;AAAA,MACA,oBAAC,oBAAA,EAAoB,UAAA,eAAe,IAAI,EAAA,CAAE;AAAA,IAAA,GAC9C;AAGJ,WACI;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,MAAK;AAAA,QACL,cAAW;AAAA,QACX;AAAA,QACA,iBAAiB;AAAA,UACb,UAAU,oBAAA;AAAA,UACV,WAAW,OAAO;AAAA,QAAA;AAAA,QAEtB;AAAA,QACC,GAAG;AAAA,QACJ;AAAA,QAEA,UAAA;AAAA,UAACC,sBAAAA;AAAAA,UAAA;AAAA,YACI,GAAG;AAAA,YACJ,kBAAkB;AAAA,cACd,yBAAyB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,cAMzB,eAAe,MAAM,YAAY,WAAW,UAAU,WAAW,SAAS;AAAA;AAAA,cAE1E,cAAc,aAAa,UAAU,QAAQ;AAAA,cAC7C,yBAAyB,CAAC,aAAa;AAAA,cACvC,GAAG,iDAAgB;AAAA,YAAA;AAAA,YAQvB,UAAA,oBAAC,SAAI,KAAK,aAAa,UAAU,IAC5B,UAAA,eAAe,KAAK,EAAA,CACzB;AAAA,UAAA;AAAA,QAAA;AAAA,MACJ;AAAA,IAAA;AAAA,EAGZ;AACJ;AAEA,2BAA2B,cAAc;"}

package/components/DatePickerExtended/index.js CHANGED Viewed

@@ -1,5 +1,7 @@
 import { DatePickerExtended } from "./DatePickerExtended.js";
+import { DatePickerExtendedContext } from "./DatePickerExtendedContext.js";
 export {
-  DatePickerExtended
+  DatePickerExtended,
+  DatePickerExtendedContext
 };
 //# sourceMappingURL=index.js.map

package/components/DatePickerExtended/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
1	+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/components/DateRange/DateRange.js CHANGED Viewed

@@ -4,9 +4,9 @@ import { CaretleftStrokeSrvIcon20, RangeStrokeSrvIcon16, CaretrightStrokeSrvIcon
 import { dateFormatYYYYMMDD } from "../../consts/DateConst.js";
 import { EDateRangeShiftUnit } from "./enums.js";
 import { c as clsx } from "../../chunks/vendor-D4wvHis9.js";
-const dateRange = "dateRange__a0ae2024";
-const dateRangeButton = "dateRangeButton__0e0f1f31";
-const separator = "separator__4ed8a537";
+const dateRange = "dateRange__a0247ddb";
+const dateRangeButton = "dateRangeButton__98062505";
+const separator = "separator__6b9df255";
 const styles = {
   dateRange,
   dateRangeButton,

package/components/DesignTokens/DesignTokenUtils.js CHANGED Viewed

@@ -31,7 +31,7 @@ const DesignTokenUtils = {
   getCSSVariableByTokenGroup: (tokenGroup, tokens) => {
     const tokenGroupTitle = Object.keys(tokenGroup)[0];
     const tokenPrefix = "triplex-next";
-    let tokenVersion = "1.43.0";
+    let tokenVersion = "1.45.0";
     tokenVersion = tokenVersion.replace(/\./g, "-");
     return Object.keys(tokenGroup[tokenGroupTitle]).map(
       (tokenTitle) => `--${tokenPrefix}-${tokenGroupTitle}-${tokenTitle}-${tokenVersion}: ${DesignTokenUtils.getTokenValue(

package/components/DesignTokens/components/Button.js CHANGED Viewed

@@ -79,7 +79,7 @@ const Button_Tokens = {
   // var(--triplex-next-Button-Secondary_Color_Hover)
   Secondary_Shadow_Focus: [{ value: "0 0 0 1px #FFD169 inset" }, { value: "0 0 0 1px #FFD169 inset" }],
   // var(--triplex-next-Button-Secondary_Shadow_Focus)
-  SecondaryLight_Background_Active: [{ ref: "ColorNeutral.30" }, { ref: "ColorDarkNeutral.100" }],
+  SecondaryLight_Background_Active: [{ ref: "ColorNeutral.40" }, { ref: "ColorDarkNeutral.70" }],
   // var(--triplex-next-Button-SecondaryLight_Background_Active)
   SecondaryLight_Background_Default: [{ ref: "ColorNeutral.100" }, { ref: "ColorDarkNeutral.50" }],
   // var(--triplex-next-Button-SecondaryLight_Background_Default)

package/components/DesignTokens/components/Button.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Button.js","sources":["../../../../src/components/DesignTokens/components/Button.ts"],"sourcesContent":["import { TDesignTokenValue, TDesignTokenValues } from \"../types/DesignTokenTypes\";\n\n// Название токенов компонента Button.\nexport const designTokensComponentsButtonKeys = [\n \"General_Background_Active\",\n \"General_Background_Default\",\n \"General_Background_Disabled\",\n \"General_Background_Hover\",\n \"General_Color_Active\",\n \"General_Color_Default\",\n \"General_Color_Disabled\",\n \"General_Color_Hover\",\n \"General_Shadow_Focus\",\n\n \"Secondary_Background_Active\",\n \"Secondary_Background_Default\",\n \"Secondary_Background_Disabled\",\n \"Secondary_Background_Hover\",\n \"Secondary_Color_Active\",\n \"Secondary_Color_Default\",\n \"Secondary_Color_Disabled\",\n \"Secondary_Color_Hover\",\n \"Secondary_Shadow_Focus\",\n\n \"SecondaryLight_Background_Active\",\n \"SecondaryLight_Background_Default\",\n \"SecondaryLight_Background_Disabled\",\n \"SecondaryLight_Background_Hover\",\n \"SecondaryLight_Color_Active\",\n \"SecondaryLight_Color_Default\",\n \"SecondaryLight_Color_Disabled\",\n \"SecondaryLight_Color_Hover\",\n \"SecondaryLight_Shadow_Focus\",\n\n \"Danger_Background_Active\",\n \"Danger_Background_Default\",\n \"Danger_Background_Disabled\",\n \"Danger_Background_Hover\",\n \"Danger_Color_Active\",\n \"Danger_Color_Default\",\n \"Danger_Color_Disabled\",\n \"Danger_Color_Hover\",\n \"Danger_Shadow_Focus\",\n\n \"Icon_Shadow_Focus\",\n\n \"Link_Color_Active\",\n \"Link_Color_Default\",\n \"Link_Color_Disabled\",\n \"Link_Color_Hover\",\n \"Link_Shadow_Focus\",\n] as const;\n\n// Тип, содержащий названия токенов компонента Button.\nexport type TDesignTokensComponentsButtonKeys = (typeof designTokensComponentsButtonKeys)[number];\n// Тип, содержащий названия токенов компонента Button и их значения.\nexport type TDesignTokensComponentsButtonValue = Record<TDesignTokensComponentsButtonKeys, TDesignTokenValue>;\n// Тип, содержащий названия токенов компонента Button и их значения в светлой и темной теме.\nexport type TDesignTokensComponentsButtonValues = Record<TDesignTokensComponentsButtonKeys, TDesignTokenValues>;\n// Тип локальных токенов компонента Button.\nexport type TDesignTokensComponentsButton = { Button: TDesignTokensComponentsButtonValue };\n\n// Токены компонента Button в светлой и темной темах.\nexport const Button_Tokens: TDesignTokensComponentsButtonValues = {\n General_Background_Active: [{ ref: \"ColorBrand.30\" }, { ref: \"ColorBrand.30\" }], // var(--triplex-next-Button-General_Background_Active)\n General_Background_Default: [{ ref: \"ColorBrand.50\" }, { ref: \"ColorBrand.50\" }], // var(--triplex-next-Button-General_Background_Default)\n General_Background_Disabled: [{ ref: \"ColorNeutral.90\" }, { ref: \"ColorDarkNeutral.60\" }], // var(--triplex-next-Button-General_Background_Disabled)\n General_Background_Hover: [{ ref: \"ColorBrand.60\" }, { ref: \"ColorBrand.60\" }], // var(--triplex-next-Button-General_Background_Hover)\n General_Color_Active: [{ ref: \"ColorNeutralAlpha.0\" }, { ref: \"ColorNeutralAlpha.0\" }], // var(--triplex-next-Button-General_Color_Active)\n General_Color_Default: [{ ref: \"ColorNeutralAlpha.0\" }, { ref: \"ColorNeutralAlpha.0\" }], // var(--triplex-next-Button-General_Color_Default)\n General_Color_Disabled: [{ ref: \"ColorDarkNeutralAlpha.70\" }, { ref: \"ColorNeutralAlpha.80\" }], // var(--triplex-next-Button-General_Color_Disabled)\n General_Color_Hover: [{ ref: \"ColorNeutralAlpha.0\" }, { ref: \"ColorNeutralAlpha.0\" }], // var(--triplex-next-Button-General_Color_Hover)\n General_Shadow_Focus: [{ value: \"0 0 0 1px #FFD169 inset\" }, { value: \"0 0 0 1px #FFD169 inset\" }], // var(--triplex-next-Button-General_Shadow_Focus)\n\n Secondary_Background_Active: [{ ref: \"ColorNeutral.30\" }, { ref: \"ColorDarkNeutral.100\" }], // var(--triplex-next-Button-Secondary_Background_Active)\n Secondary_Background_Default: [{ ref: \"ColorNeutral.90\" }, { ref: \"ColorDarkNeutral.80\" }], // var(--triplex-next-Button-Secondary_Background_Default)\n Secondary_Background_Disabled: [{ ref: \"ColorNeutral.90\" }, { ref: \"ColorDarkNeutral.60\" }], // var(--triplex-next-Button-Secondary_Background_Disabled)\n Secondary_Background_Hover: [{ ref: \"ColorNeutral.70\" }, { ref: \"ColorDarkNeutral.90\" }], // var(--triplex-next-Button-Secondary_Background_Hover)\n Secondary_Color_Active: [{ ref: \"ColorBrand.30\" }, { ref: \"ColorBrand.40\" }], // var(--triplex-next-Button-Secondary_Color_Active)\n Secondary_Color_Default: [{ ref: \"ColorBrand.40\" }, { ref: \"ColorBrand.60\" }], // var(--triplex-next-Button-Secondary_Color_Default)\n Secondary_Color_Disabled: [{ ref: \"ColorDarkNeutralAlpha.70\" }, { ref: \"ColorNeutralAlpha.80\" }], // var(--triplex-next-Button-Secondary_Color_Disabled)\n Secondary_Color_Hover: [{ ref: \"ColorBrand.50\" }, { ref: \"ColorBrand.70\" }], // var(--triplex-next-Button-Secondary_Color_Hover)\n Secondary_Shadow_Focus: [{ value: \"0 0 0 1px #FFD169 inset\" }, { value: \"0 0 0 1px #FFD169 inset\" }], // var(--triplex-next-Button-Secondary_Shadow_Focus)\n\n SecondaryLight_Background_Active: [{ ref: \"ColorNeutral.30\" }, { ref: \"ColorDarkNeutral.100\" }], // var(--triplex-next-Button-SecondaryLight_Background_Active)\n SecondaryLight_Background_Default: [{ ref: \"ColorNeutral.100\" }, { ref: \"ColorDarkNeutral.50\" }], // var(--triplex-next-Button-SecondaryLight_Background_Default)\n SecondaryLight_Background_Disabled: [{ ref: \"ColorNeutral.90\" }, { ref: \"ColorDarkNeutral.60\" }], // var(--triplex-next-Button-SecondaryLight_Background_Disabled)\n SecondaryLight_Background_Hover: [{ ref: \"ColorNeutral.80\" }, { ref: \"ColorDarkNeutral.60\" }], // var(--triplex-next-Button-SecondaryLight_Background_Hover)\n SecondaryLight_Color_Active: [{ ref: \"ColorBrand.30\" }, { ref: \"ColorBrand.40\" }], // var(--triplex-next-Button-SecondaryLight_Color_Active)\n SecondaryLight_Color_Default: [{ ref: \"ColorBrand.40\" }, { ref: \"ColorBrand.60\" }], // var(--triplex-next-Button-SecondaryLight_Color_Default)\n SecondaryLight_Color_Disabled: [{ ref: \"ColorDarkNeutralAlpha.70\" }, { ref: \"ColorNeutralAlpha.80\" }], // var(--triplex-next-Button-SecondaryLight_Color_Disabled)\n SecondaryLight_Color_Hover: [{ ref: \"ColorBrand.50\" }, { ref: \"ColorBrand.70\" }], // var(--triplex-next-Button-SecondaryLight_Color_Hover)\n SecondaryLight_Shadow_Focus: [{ value: \"0 0 0 1px #FFD169 inset\" }, { value: \"0 0 0 1px #FFD169 inset\" }], // var(--triplex-next-Button-SecondaryLight_Shadow_Focus)\n\n Danger_Background_Active: [{ ref: \"ColorError.30\" }, { ref: \"ColorError.30\" }], // var(--triplex-next-Button-Danger_Background_Active)\n Danger_Background_Default: [{ ref: \"ColorError.50\" }, { ref: \"ColorError.50\" }], // var(--triplex-next-Button-Danger_Background_Default)\n Danger_Background_Disabled: [{ ref: \"ColorNeutral.90\" }, { ref: \"ColorDarkNeutral.60\" }], // var(--triplex-next-Button-Danger_Background_Disabled)\n Danger_Background_Hover: [{ ref: \"ColorError.60\" }, { ref: \"ColorError.60\" }], // var(--triplex-next-Button-Danger_Background_Hover)\n Danger_Color_Active: [{ ref: \"ColorNeutralAlpha.0\" }, { ref: \"ColorNeutralAlpha.0\" }], // var(--triplex-next-Button-Danger_Color_Active)\n Danger_Color_Default: [{ ref: \"ColorNeutralAlpha.0\" }, { ref: \"ColorNeutralAlpha.0\" }], // var(--triplex-next-Button-Danger_Color_Default)\n Danger_Color_Disabled: [{ ref: \"ColorDarkNeutralAlpha.70\" }, { ref: \"ColorNeutralAlpha.80\" }], // var(--triplex-next-Button-Danger_Color_Disabled)\n Danger_Color_Hover: [{ ref: \"ColorNeutralAlpha.0\" }, { ref: \"ColorNeutralAlpha.0\" }], // var(--triplex-next-Button-Danger_Color_Hover)\n Danger_Shadow_Focus: [{ value: \"0 0 0 1px #FFD169 inset\" }, { value: \"0 0 0 1px #FFD169 inset\" }], // var(--triplex-next-Button-Danger_Shadow_Focus)\n\n Icon_Shadow_Focus: [{ value: \"0 0 0 1px #FFD169\" }, { value: \"0 0 0 1px #FFD169\" }], // var(--triplex-next-Button-Icon_Shadow_Focus)\n\n Link_Color_Active: [{ ref: \"ColorBrand.30\" }, { ref: \"ColorBrand.40\" }], // var(--triplex-next-Button-Link_Color_Active)\n Link_Color_Default: [{ ref: \"ColorBrand.40\" }, { ref: \"ColorBrand.60\" }], // var(--triplex-next-Button-Link_Color_Default)\n Link_Color_Disabled: [{ ref: \"ColorDarkNeutralAlpha.70\" }, { ref: \"ColorNeutralAlpha.80\" }], // var(--triplex-next-Button-Link_Color_Disabled)\n Link_Color_Hover: [{ ref: \"ColorBrand.50\" }, { ref: \"ColorBrand.70\" }], // var(--triplex-next-Button-Link_Color_Hover)\n Link_Shadow_Focus: [{ value: \"0 0 0 1px #FFD169 inset\" }, { value: \"0 0 0 1px #FFD169 inset\" }], // var(--triplex-next-Button-Link_Shadow_Focus)\n};\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"Button.js","sources":["../../../../src/components/DesignTokens/components/Button.ts"],"sourcesContent":["import { TDesignTokenValue, TDesignTokenValues } from \"../types/DesignTokenTypes\";\n\n// Название токенов компонента Button.\nexport const designTokensComponentsButtonKeys = [\n \"General_Background_Active\",\n \"General_Background_Default\",\n \"General_Background_Disabled\",\n \"General_Background_Hover\",\n \"General_Color_Active\",\n \"General_Color_Default\",\n \"General_Color_Disabled\",\n \"General_Color_Hover\",\n \"General_Shadow_Focus\",\n\n \"Secondary_Background_Active\",\n \"Secondary_Background_Default\",\n \"Secondary_Background_Disabled\",\n \"Secondary_Background_Hover\",\n \"Secondary_Color_Active\",\n \"Secondary_Color_Default\",\n \"Secondary_Color_Disabled\",\n \"Secondary_Color_Hover\",\n \"Secondary_Shadow_Focus\",\n\n \"SecondaryLight_Background_Active\",\n \"SecondaryLight_Background_Default\",\n \"SecondaryLight_Background_Disabled\",\n \"SecondaryLight_Background_Hover\",\n \"SecondaryLight_Color_Active\",\n \"SecondaryLight_Color_Default\",\n \"SecondaryLight_Color_Disabled\",\n \"SecondaryLight_Color_Hover\",\n \"SecondaryLight_Shadow_Focus\",\n\n \"Danger_Background_Active\",\n \"Danger_Background_Default\",\n \"Danger_Background_Disabled\",\n \"Danger_Background_Hover\",\n \"Danger_Color_Active\",\n \"Danger_Color_Default\",\n \"Danger_Color_Disabled\",\n \"Danger_Color_Hover\",\n \"Danger_Shadow_Focus\",\n\n \"Icon_Shadow_Focus\",\n\n \"Link_Color_Active\",\n \"Link_Color_Default\",\n \"Link_Color_Disabled\",\n \"Link_Color_Hover\",\n \"Link_Shadow_Focus\",\n] as const;\n\n// Тип, содержащий названия токенов компонента Button.\nexport type TDesignTokensComponentsButtonKeys = (typeof designTokensComponentsButtonKeys)[number];\n// Тип, содержащий названия токенов компонента Button и их значения.\nexport type TDesignTokensComponentsButtonValue = Record<TDesignTokensComponentsButtonKeys, TDesignTokenValue>;\n// Тип, содержащий названия токенов компонента Button и их значения в светлой и темной теме.\nexport type TDesignTokensComponentsButtonValues = Record<TDesignTokensComponentsButtonKeys, TDesignTokenValues>;\n// Тип локальных токенов компонента Button.\nexport type TDesignTokensComponentsButton = { Button: TDesignTokensComponentsButtonValue };\n\n// Токены компонента Button в светлой и темной темах.\nexport const Button_Tokens: TDesignTokensComponentsButtonValues = {\n General_Background_Active: [{ ref: \"ColorBrand.30\" }, { ref: \"ColorBrand.30\" }], // var(--triplex-next-Button-General_Background_Active)\n General_Background_Default: [{ ref: \"ColorBrand.50\" }, { ref: \"ColorBrand.50\" }], // var(--triplex-next-Button-General_Background_Default)\n General_Background_Disabled: [{ ref: \"ColorNeutral.90\" }, { ref: \"ColorDarkNeutral.60\" }], // var(--triplex-next-Button-General_Background_Disabled)\n General_Background_Hover: [{ ref: \"ColorBrand.60\" }, { ref: \"ColorBrand.60\" }], // var(--triplex-next-Button-General_Background_Hover)\n General_Color_Active: [{ ref: \"ColorNeutralAlpha.0\" }, { ref: \"ColorNeutralAlpha.0\" }], // var(--triplex-next-Button-General_Color_Active)\n General_Color_Default: [{ ref: \"ColorNeutralAlpha.0\" }, { ref: \"ColorNeutralAlpha.0\" }], // var(--triplex-next-Button-General_Color_Default)\n General_Color_Disabled: [{ ref: \"ColorDarkNeutralAlpha.70\" }, { ref: \"ColorNeutralAlpha.80\" }], // var(--triplex-next-Button-General_Color_Disabled)\n General_Color_Hover: [{ ref: \"ColorNeutralAlpha.0\" }, { ref: \"ColorNeutralAlpha.0\" }], // var(--triplex-next-Button-General_Color_Hover)\n General_Shadow_Focus: [{ value: \"0 0 0 1px #FFD169 inset\" }, { value: \"0 0 0 1px #FFD169 inset\" }], // var(--triplex-next-Button-General_Shadow_Focus)\n\n Secondary_Background_Active: [{ ref: \"ColorNeutral.30\" }, { ref: \"ColorDarkNeutral.100\" }], // var(--triplex-next-Button-Secondary_Background_Active)\n Secondary_Background_Default: [{ ref: \"ColorNeutral.90\" }, { ref: \"ColorDarkNeutral.80\" }], // var(--triplex-next-Button-Secondary_Background_Default)\n Secondary_Background_Disabled: [{ ref: \"ColorNeutral.90\" }, { ref: \"ColorDarkNeutral.60\" }], // var(--triplex-next-Button-Secondary_Background_Disabled)\n Secondary_Background_Hover: [{ ref: \"ColorNeutral.70\" }, { ref: \"ColorDarkNeutral.90\" }], // var(--triplex-next-Button-Secondary_Background_Hover)\n Secondary_Color_Active: [{ ref: \"ColorBrand.30\" }, { ref: \"ColorBrand.40\" }], // var(--triplex-next-Button-Secondary_Color_Active)\n Secondary_Color_Default: [{ ref: \"ColorBrand.40\" }, { ref: \"ColorBrand.60\" }], // var(--triplex-next-Button-Secondary_Color_Default)\n Secondary_Color_Disabled: [{ ref: \"ColorDarkNeutralAlpha.70\" }, { ref: \"ColorNeutralAlpha.80\" }], // var(--triplex-next-Button-Secondary_Color_Disabled)\n Secondary_Color_Hover: [{ ref: \"ColorBrand.50\" }, { ref: \"ColorBrand.70\" }], // var(--triplex-next-Button-Secondary_Color_Hover)\n Secondary_Shadow_Focus: [{ value: \"0 0 0 1px #FFD169 inset\" }, { value: \"0 0 0 1px #FFD169 inset\" }], // var(--triplex-next-Button-Secondary_Shadow_Focus)\n\n SecondaryLight_Background_Active: [{ ref: \"ColorNeutral.40\" }, { ref: \"ColorDarkNeutral.70\" }], // var(--triplex-next-Button-SecondaryLight_Background_Active)\n SecondaryLight_Background_Default: [{ ref: \"ColorNeutral.100\" }, { ref: \"ColorDarkNeutral.50\" }], // var(--triplex-next-Button-SecondaryLight_Background_Default)\n SecondaryLight_Background_Disabled: [{ ref: \"ColorNeutral.90\" }, { ref: \"ColorDarkNeutral.60\" }], // var(--triplex-next-Button-SecondaryLight_Background_Disabled)\n SecondaryLight_Background_Hover: [{ ref: \"ColorNeutral.80\" }, { ref: \"ColorDarkNeutral.60\" }], // var(--triplex-next-Button-SecondaryLight_Background_Hover)\n SecondaryLight_Color_Active: [{ ref: \"ColorBrand.30\" }, { ref: \"ColorBrand.40\" }], // var(--triplex-next-Button-SecondaryLight_Color_Active)\n SecondaryLight_Color_Default: [{ ref: \"ColorBrand.40\" }, { ref: \"ColorBrand.60\" }], // var(--triplex-next-Button-SecondaryLight_Color_Default)\n SecondaryLight_Color_Disabled: [{ ref: \"ColorDarkNeutralAlpha.70\" }, { ref: \"ColorNeutralAlpha.80\" }], // var(--triplex-next-Button-SecondaryLight_Color_Disabled)\n SecondaryLight_Color_Hover: [{ ref: \"ColorBrand.50\" }, { ref: \"ColorBrand.70\" }], // var(--triplex-next-Button-SecondaryLight_Color_Hover)\n SecondaryLight_Shadow_Focus: [{ value: \"0 0 0 1px #FFD169 inset\" }, { value: \"0 0 0 1px #FFD169 inset\" }], // var(--triplex-next-Button-SecondaryLight_Shadow_Focus)\n\n Danger_Background_Active: [{ ref: \"ColorError.30\" }, { ref: \"ColorError.30\" }], // var(--triplex-next-Button-Danger_Background_Active)\n Danger_Background_Default: [{ ref: \"ColorError.50\" }, { ref: \"ColorError.50\" }], // var(--triplex-next-Button-Danger_Background_Default)\n Danger_Background_Disabled: [{ ref: \"ColorNeutral.90\" }, { ref: \"ColorDarkNeutral.60\" }], // var(--triplex-next-Button-Danger_Background_Disabled)\n Danger_Background_Hover: [{ ref: \"ColorError.60\" }, { ref: \"ColorError.60\" }], // var(--triplex-next-Button-Danger_Background_Hover)\n Danger_Color_Active: [{ ref: \"ColorNeutralAlpha.0\" }, { ref: \"ColorNeutralAlpha.0\" }], // var(--triplex-next-Button-Danger_Color_Active)\n Danger_Color_Default: [{ ref: \"ColorNeutralAlpha.0\" }, { ref: \"ColorNeutralAlpha.0\" }], // var(--triplex-next-Button-Danger_Color_Default)\n Danger_Color_Disabled: [{ ref: \"ColorDarkNeutralAlpha.70\" }, { ref: \"ColorNeutralAlpha.80\" }], // var(--triplex-next-Button-Danger_Color_Disabled)\n Danger_Color_Hover: [{ ref: \"ColorNeutralAlpha.0\" }, { ref: \"ColorNeutralAlpha.0\" }], // var(--triplex-next-Button-Danger_Color_Hover)\n Danger_Shadow_Focus: [{ value: \"0 0 0 1px #FFD169 inset\" }, { value: \"0 0 0 1px #FFD169 inset\" }], // var(--triplex-next-Button-Danger_Shadow_Focus)\n\n Icon_Shadow_Focus: [{ value: \"0 0 0 1px #FFD169\" }, { value: \"0 0 0 1px #FFD169\" }], // var(--triplex-next-Button-Icon_Shadow_Focus)\n\n Link_Color_Active: [{ ref: \"ColorBrand.30\" }, { ref: \"ColorBrand.40\" }], // var(--triplex-next-Button-Link_Color_Active)\n Link_Color_Default: [{ ref: \"ColorBrand.40\" }, { ref: \"ColorBrand.60\" }], // var(--triplex-next-Button-Link_Color_Default)\n Link_Color_Disabled: [{ ref: \"ColorDarkNeutralAlpha.70\" }, { ref: \"ColorNeutralAlpha.80\" }], // var(--triplex-next-Button-Link_Color_Disabled)\n Link_Color_Hover: [{ ref: \"ColorBrand.50\" }, { ref: \"ColorBrand.70\" }], // var(--triplex-next-Button-Link_Color_Hover)\n Link_Shadow_Focus: [{ value: \"0 0 0 1px #FFD169 inset\" }, { value: \"0 0 0 1px #FFD169 inset\" }], // var(--triplex-next-Button-Link_Shadow_Focus)\n};\n"],"names":[],"mappings":"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"}

package/components/DesignTokens/components/ImageGallery.js CHANGED Viewed

@@ -2,11 +2,9 @@ const designTokensComponentsImageGalleryKeys = [
   "Arrow_Background_Default",
   "Arrow_Background_Hover",
   "Arrow_Background_Active",
-  "Arrow_Background_Disabled",
   "Arrow_BorderColor_Default",
   "Arrow_BorderColor_Hover",
   "Arrow_BorderColor_Active",
-  "Arrow_BorderColor_Disabled",
   "Dot_Background_Default",
   "Dot_Background_Hover",
   "Dot_Background_Active",
@@ -20,16 +18,12 @@ const ImageGallery_Tokens = {
   // var(--triplex-next-ImageGallery-Arrow_Background_Hover)
   Arrow_Background_Active: [{ ref: "ColorDarkNeutralAlpha.50" }, { ref: "ColorNeutralAlpha.40" }],
   // var(--triplex-next-ImageGallery-Arrow_Background_Active)
-  Arrow_Background_Disabled: [{ ref: "ColorDarkNeutralAlpha.90" }, { ref: "ColorNeutralAlpha.90" }],
-  // var(--triplex-next-ImageGallery-Arrow_Background_Disabled)
   Arrow_BorderColor_Default: [{ ref: "ColorDarkNeutralAlpha.90" }, { ref: "ColorNeutralAlpha.90" }],
   // var(--triplex-next-ImageGallery-Arrow_BorderColor_Default)
   Arrow_BorderColor_Hover: [{ ref: "ColorDarkNeutralAlpha.90" }, { ref: "ColorNeutralAlpha.90" }],
   // var(--triplex-next-ImageGallery-Arrow_BorderColor_Hover)
   Arrow_BorderColor_Active: [{ ref: "ColorDarkNeutralAlpha.90" }, { ref: "ColorNeutralAlpha.90" }],
   // var(--triplex-next-ImageGallery-Arrow_BorderColor_Active)
-  Arrow_BorderColor_Disabled: [{ ref: "ColorDarkNeutralAlpha.90" }, { ref: "ColorNeutralAlpha.90" }],
-  // var(--triplex-next-ImageGallery-Arrow_BorderColor_Disabled)
   Dot_Background_Default: [{ ref: "ColorDarkNeutralAlpha.80" }, { ref: "ColorNeutralAlpha.80" }],
   // var(--triplex-next-ImageGallery-Dot_Background_Default)
   Dot_Background_Hover: [{ ref: "ColorDarkNeutralAlpha.60" }, { ref: "ColorNeutralAlpha.60" }],

package/components/DesignTokens/components/ImageGallery.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ImageGallery.js","sources":["../../../../src/components/DesignTokens/components/ImageGallery.ts"],"sourcesContent":["import { TDesignTokenValue, TDesignTokenValues } from \"../types/DesignTokenTypes\";\n\n// Название токенов компонента ImageGallery.\nexport const designTokensComponentsImageGalleryKeys = [\n \"Arrow_Background_Default\",\n \"Arrow_Background_Hover\",\n \"Arrow_Background_Active\",\n \"~~Arrow_Background_Disabled\",\n \"~~Arrow_BorderColor_Default\",\n \"Arrow_BorderColor_Hover\",\n \"Arrow_BorderColor_Active\",\n \"~~Arrow_BorderColor_Disabled\",\n \"~~Dot_Background_Default\",\n \"Dot_Background_Hover\",\n \"Dot_Background_Active\",\n \"Thumb_Mask_Background\",\n \"Accent_Color\",\n] as const;\n// Тип, содержащий названия токенов компонента ImageGallery.\nexport type TDesignTokensComponentsImageGalleryKeys = (typeof designTokensComponentsImageGalleryKeys)[number];\n// Тип, содержащий названия токенов компонента ImageGallery и их значения.\nexport type TDesignTokensComponentsImageGalleryValue = Record<\n TDesignTokensComponentsImageGalleryKeys,\n TDesignTokenValue\n>;\n// Тип, содержащий названия токенов компонента ImageGallery и их значения в светлой и темной теме.\nexport type TDesignTokensComponentsImageGalleryValues = Record<\n TDesignTokensComponentsImageGalleryKeys,\n TDesignTokenValues\n>;\n// Тип локальных токенов компонента ImageGallery.\nexport type TDesignTokensComponentsImageGallery = { ImageGallery: TDesignTokensComponentsImageGalleryValue };\n\n// Токены компонента ImageGallery в светлой и темной темах.\nexport const ImageGallery_Tokens: TDesignTokensComponentsImageGalleryValues = {\n Arrow_Background_Default: [{ ref: \"ColorDarkNeutralAlpha.80\" }, { ref: \"ColorNeutralAlpha.70\" }], // var(--triplex-next-ImageGallery-Arrow_Background_Default)\n Arrow_Background_Hover: [{ ref: \"ColorDarkNeutralAlpha.60\" }, { ref: \"ColorNeutralAlpha.50\" }], // var(--triplex-next-ImageGallery-Arrow_Background_Hover)\n Arrow_Background_Active: [{ ref: \"ColorDarkNeutralAlpha.50\" }, { ref: \"ColorNeutralAlpha.40\" }], // var(--triplex-next-ImageGallery-Arrow_Background_Active)\n ~~Arrow_Background_Disabled: [{ ref: \"ColorDarkNeutralAlpha.90\" }, { ref: \"ColorNeutralAlpha.90\" }], // var(--triplex-next-ImageGallery-Arrow_Background_Disabled)\n~~ Arrow_BorderColor_Default: [{ ref: \"ColorDarkNeutralAlpha.90\" }, { ref: \"ColorNeutralAlpha.90\" }], // var(--triplex-next-ImageGallery-Arrow_BorderColor_Default)\n Arrow_BorderColor_Hover: [{ ref: \"ColorDarkNeutralAlpha.90\" }, { ref: \"ColorNeutralAlpha.90\" }], // var(--triplex-next-ImageGallery-Arrow_BorderColor_Hover)\n Arrow_BorderColor_Active: [{ ref: \"ColorDarkNeutralAlpha.90\" }, { ref: \"ColorNeutralAlpha.90\" }], // var(--triplex-next-ImageGallery-Arrow_BorderColor_Active)\n ~~Arrow_BorderColor_Disabled: [{ ref: \"ColorDarkNeutralAlpha.90\" }, { ref: \"ColorNeutralAlpha.90\" }], // var(--triplex-next-ImageGallery-Arrow_BorderColor_Disabled)\n~~ Dot_Background_Default: [{ ref: \"ColorDarkNeutralAlpha.80\" }, { ref: \"ColorNeutralAlpha.80\" }], // var(--triplex-next-ImageGallery-Dot_Background_Default)\n Dot_Background_Hover: [{ ref: \"ColorDarkNeutralAlpha.60\" }, { ref: \"ColorNeutralAlpha.60\" }], // var(--triplex-next-ImageGallery-Dot_Background_Hover)\n Dot_Background_Active: [{ ref: \"ColorDarkNeutralAlpha.30\" }, { ref: \"ColorNeutralAlpha.30\" }], // var(--triplex-next-ImageGallery-Dot_Background_Active)\n Thumb_Mask_Background: [{ ref: \"ColorDarkNeutralAlpha.80\" }, { ref: \"ColorDarkNeutralAlpha.80\" }], // var(--triplex-next-ImageGallery-Thumb_Mask_Background)\n Accent_Color: [{ ref: \"ColorBrand.50\" }, { ref: \"ColorBrand.60\" }], // var(--triplex-next-ImageGallery-Accent_Color)\n};\n"],"names":[],"mappings":"AAGO,MAAM,yCAAyC;AAAA,EAClD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;~~AAAA,EACA;AAAA,EACA;~~AACJ;AAiBO,MAAM,sBAAiE;AAAA,EAC1E,0BAA0B,CAAC,EAAE,KAAK,8BAA8B,EAAE,KAAK,wBAAwB;AAAA;AAAA,EAC/F,wBAAwB,CAAC,EAAE,KAAK,8BAA8B,EAAE,KAAK,wBAAwB;AAAA;AAAA,EAC7F,yBAAyB,CAAC,EAAE,KAAK,8BAA8B,EAAE,KAAK,wBAAwB;AAAA;AAAA,EAC9F,2BAA2B,CAAC,EAAE,KAAK,8BAA8B,EAAE,KAAK,wBAAwB;AAAA;AAAA,EAChG,~~2BAA2B,CAAC,EAAE,KAAK,8BAA8B,EAAE,KAAK,wBAAwB;AAAA;AAAA,EAChG,~~yBAAyB,CAAC,EAAE,KAAK,8BAA8B,EAAE,KAAK,wBAAwB;AAAA;AAAA,EAC9F,0BAA0B,CAAC,EAAE,KAAK,8BAA8B,EAAE,KAAK,wBAAwB;AAAA;AAAA,EAC/F,~~4BAA4B,CAAC,EAAE,KAAK,8BAA8B,EAAE,KAAK,~~wBAAwB~~;AAAA;AAAA~~,~~EACjG,wBAAwB,~~CAAC,EAAE,KAAK,8BAA8B,EAAE,KAAK,wBAAwB;AAAA;AAAA,EAC7F,sBAAsB,CAAC,EAAE,KAAK,8BAA8B,EAAE,KAAK,wBAAwB;AAAA;AAAA,EAC3F,uBAAuB,CAAC,EAAE,KAAK,8BAA8B,EAAE,KAAK,wBAAwB;AAAA;AAAA,EAC5F,uBAAuB,CAAC,EAAE,KAAK,8BAA8B,EAAE,KAAK,4BAA4B;AAAA;AAAA,EAChG,cAAc,CAAC,EAAE,KAAK,mBAAmB,EAAE,KAAK,gBAAA,CAAiB;AAAA;AACrE;"}
1	+ {"version":3,"file":"ImageGallery.js","sources":["../../../../src/components/DesignTokens/components/ImageGallery.ts"],"sourcesContent":["import { TDesignTokenValue, TDesignTokenValues } from \"../types/DesignTokenTypes\";\n\n// Название токенов компонента ImageGallery.\nexport const designTokensComponentsImageGalleryKeys = [\n \"Arrow_Background_Default\",\n \"Arrow_Background_Hover\",\n \"Arrow_Background_Active\",\n \"Arrow_BorderColor_Default\",\n \"Arrow_BorderColor_Hover\",\n \"Arrow_BorderColor_Active\",\n \"Dot_Background_Default\",\n \"Dot_Background_Hover\",\n \"Dot_Background_Active\",\n \"Thumb_Mask_Background\",\n \"Accent_Color\",\n] as const;\n// Тип, содержащий названия токенов компонента ImageGallery.\nexport type TDesignTokensComponentsImageGalleryKeys = (typeof designTokensComponentsImageGalleryKeys)[number];\n// Тип, содержащий названия токенов компонента ImageGallery и их значения.\nexport type TDesignTokensComponentsImageGalleryValue = Record<\n TDesignTokensComponentsImageGalleryKeys,\n TDesignTokenValue\n>;\n// Тип, содержащий названия токенов компонента ImageGallery и их значения в светлой и темной теме.\nexport type TDesignTokensComponentsImageGalleryValues = Record<\n TDesignTokensComponentsImageGalleryKeys,\n TDesignTokenValues\n>;\n// Тип локальных токенов компонента ImageGallery.\nexport type TDesignTokensComponentsImageGallery = { ImageGallery: TDesignTokensComponentsImageGalleryValue };\n\n// Токены компонента ImageGallery в светлой и темной темах.\nexport const ImageGallery_Tokens: TDesignTokensComponentsImageGalleryValues = {\n Arrow_Background_Default: [{ ref: \"ColorDarkNeutralAlpha.80\" }, { ref: \"ColorNeutralAlpha.70\" }], // var(--triplex-next-ImageGallery-Arrow_Background_Default)\n Arrow_Background_Hover: [{ ref: \"ColorDarkNeutralAlpha.60\" }, { ref: \"ColorNeutralAlpha.50\" }], // var(--triplex-next-ImageGallery-Arrow_Background_Hover)\n Arrow_Background_Active: [{ ref: \"ColorDarkNeutralAlpha.50\" }, { ref: \"ColorNeutralAlpha.40\" }], // var(--triplex-next-ImageGallery-Arrow_Background_Active)\n Arrow_BorderColor_Default: [{ ref: \"ColorDarkNeutralAlpha.90\" }, { ref: \"ColorNeutralAlpha.90\" }], // var(--triplex-next-ImageGallery-Arrow_BorderColor_Default)\n Arrow_BorderColor_Hover: [{ ref: \"ColorDarkNeutralAlpha.90\" }, { ref: \"ColorNeutralAlpha.90\" }], // var(--triplex-next-ImageGallery-Arrow_BorderColor_Hover)\n Arrow_BorderColor_Active: [{ ref: \"ColorDarkNeutralAlpha.90\" }, { ref: \"ColorNeutralAlpha.90\" }], // var(--triplex-next-ImageGallery-Arrow_BorderColor_Active)\n Dot_Background_Default: [{ ref: \"ColorDarkNeutralAlpha.80\" }, { ref: \"ColorNeutralAlpha.80\" }], // var(--triplex-next-ImageGallery-Dot_Background_Default)\n Dot_Background_Hover: [{ ref: \"ColorDarkNeutralAlpha.60\" }, { ref: \"ColorNeutralAlpha.60\" }], // var(--triplex-next-ImageGallery-Dot_Background_Hover)\n Dot_Background_Active: [{ ref: \"ColorDarkNeutralAlpha.30\" }, { ref: \"ColorNeutralAlpha.30\" }], // var(--triplex-next-ImageGallery-Dot_Background_Active)\n Thumb_Mask_Background: [{ ref: \"ColorDarkNeutralAlpha.80\" }, { ref: \"ColorDarkNeutralAlpha.80\" }], // var(--triplex-next-ImageGallery-Thumb_Mask_Background)\n Accent_Color: [{ ref: \"ColorBrand.50\" }, { ref: \"ColorBrand.60\" }], // var(--triplex-next-ImageGallery-Accent_Color)\n};\n"],"names":[],"mappings":"AAGO,MAAM,yCAAyC;AAAA,EAClD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ;AAiBO,MAAM,sBAAiE;AAAA,EAC1E,0BAA0B,CAAC,EAAE,KAAK,8BAA8B,EAAE,KAAK,wBAAwB;AAAA;AAAA,EAC/F,wBAAwB,CAAC,EAAE,KAAK,8BAA8B,EAAE,KAAK,wBAAwB;AAAA;AAAA,EAC7F,yBAAyB,CAAC,EAAE,KAAK,8BAA8B,EAAE,KAAK,wBAAwB;AAAA;AAAA,EAC9F,2BAA2B,CAAC,EAAE,KAAK,8BAA8B,EAAE,KAAK,wBAAwB;AAAA;AAAA,EAChG,yBAAyB,CAAC,EAAE,KAAK,8BAA8B,EAAE,KAAK,wBAAwB;AAAA;AAAA,EAC9F,0BAA0B,CAAC,EAAE,KAAK,8BAA8B,EAAE,KAAK,wBAAwB;AAAA;AAAA,EAC/F,wBAAwB,CAAC,EAAE,KAAK,8BAA8B,EAAE,KAAK,wBAAwB;AAAA;AAAA,EAC7F,sBAAsB,CAAC,EAAE,KAAK,8BAA8B,EAAE,KAAK,wBAAwB;AAAA;AAAA,EAC3F,uBAAuB,CAAC,EAAE,KAAK,8BAA8B,EAAE,KAAK,wBAAwB;AAAA;AAAA,EAC5F,uBAAuB,CAAC,EAAE,KAAK,8BAA8B,EAAE,KAAK,4BAA4B;AAAA;AAAA,EAChG,cAAc,CAAC,EAAE,KAAK,mBAAmB,EAAE,KAAK,gBAAA,CAAiB;AAAA;AACrE;"}

package/components/DesignTokens/components/Skeleton.js CHANGED Viewed

@@ -1,18 +1,24 @@
 const designTokensComponentsSkeletonKeys = [
-  "BackgroundColor_Light_Start",
-  "BackgroundColor_Light_End",
-  "BackgroundColor_Dark_Start",
-  "BackgroundColor_Dark_End"
+  "BackgroundColor_Type1_Start",
+  "BackgroundColor_Type1_End",
+  "BackgroundColor_Type2_Start",
+  "BackgroundColor_Type2_End",
+  "BackgroundColor_Type3_Start",
+  "BackgroundColor_Type3_End"
 ];
 const Skeleton_Tokens = {
-  BackgroundColor_Light_Start: [{ ref: "ColorNeutral.90" }, { ref: "ColorDarkNeutral.50" }],
-  // var(--triplex-next-Skeleton-BackgroundColor_Light_Start)
-  BackgroundColor_Light_End: [{ ref: "ColorNeutral.40" }, { ref: "ColorDarkNeutral.70" }],
-  // var(--triplex-next-Skeleton-BackgroundColor_Light_End)
-  BackgroundColor_Dark_Start: [{ ref: "ColorDarkNeutralAlpha.100" }, { ref: "ColorNeutralAlpha.90" }],
-  // var(--triplex-next-Skeleton-BackgroundColor_Dark_Start)
-  BackgroundColor_Dark_End: [{ ref: "ColorDarkNeutralAlpha.90" }, { ref: "ColorNeutralAlpha.80" }]
-  // var(--triplex-next-Skeleton-BackgroundColor_Dark_End)
+  BackgroundColor_Type1_Start: [{ ref: "ColorNeutral.90" }, { ref: "ColorDarkNeutral.50" }],
+  // var(--triplex-next-Skeleton-BackgroundColor_Type1_Start)
+  BackgroundColor_Type1_End: [{ ref: "ColorNeutral.40" }, { ref: "ColorDarkNeutral.70" }],
+  // var(--triplex-next-Skeleton-BackgroundColor_Type1_End)
+  BackgroundColor_Type2_Start: [{ ref: "ColorDarkNeutralAlpha.100" }, { ref: "ColorNeutralAlpha.100" }],
+  // var(--triplex-next-Skeleton-BackgroundColor_Type2_Start)
+  BackgroundColor_Type2_End: [{ ref: "ColorDarkNeutralAlpha.90" }, { ref: "ColorNeutralAlpha.90" }],
+  // var(--triplex-next-Skeleton-BackgroundColor_Type2_End)
+  BackgroundColor_Type3_Start: [{ ref: "ColorNeutralAlpha.70" }, { ref: "ColorDarkNeutralAlpha.80" }],
+  // var(--triplex-next-Skeleton-BackgroundColor_Type3_Start)
+  BackgroundColor_Type3_End: [{ ref: "ColorNeutralAlpha.90" }, { ref: "ColorDarkNeutralAlpha.70" }]
+  // var(--triplex-next-Skeleton-BackgroundColor_Type3_End)
 };
 export {
   Skeleton_Tokens,

package/components/DesignTokens/components/Skeleton.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Skeleton.js","sources":["../../../../src/components/DesignTokens/components/Skeleton.ts"],"sourcesContent":["import { TDesignTokenValue, TDesignTokenValues } from \"../types/DesignTokenTypes\";\n\n// Название токенов компонента Skeleton.\nexport const designTokensComponentsSkeletonKeys = [\n \"~~BackgroundColor_Light_Start~~\",\n \"~~BackgroundColor_Light_End~~\",\n \"~~BackgroundColor_Dark_Start~~\",\n \"~~BackgroundColor_Dark_End~~\",\n] as const;\n// Тип, содержащий названия токенов компонента Skeleton.\nexport type TDesignTokensComponentsSkeletonKeys = (typeof designTokensComponentsSkeletonKeys)[number];\n// Тип, содержащий названия токенов компонента Skeleton и их значения.\nexport type TDesignTokensComponentsSkeletonValue = Record<TDesignTokensComponentsSkeletonKeys, TDesignTokenValue>;\n// Тип, содержащий названия токенов компонента Skeleton и их значения в светлой и темной теме.\nexport type TDesignTokensComponentsSkeletonValues = Record<TDesignTokensComponentsSkeletonKeys, TDesignTokenValues>;\n// Тип локальных токенов компонента Skeleton.\nexport type TDesignTokensComponentsSkeleton = { Skeleton: TDesignTokensComponentsSkeletonValue };\n\n// Токены компонента Skeleton в светлой и темной темах.\nexport const Skeleton_Tokens: TDesignTokensComponentsSkeletonValues = {\n ~~BackgroundColor_Light_Start~~: [{ ref: \"ColorNeutral.90\" }, { ref: \"ColorDarkNeutral.50\" }], // var(--triplex-next-Skeleton-~~BackgroundColor_Light_Start~~)\n ~~BackgroundColor_Light_End~~: [{ ref: \"ColorNeutral.40\" }, { ref: \"ColorDarkNeutral.70\" }], // var(--triplex-next-Skeleton-~~BackgroundColor_Light_End~~)\n\n ~~BackgroundColor_Dark_Start~~: [{ ref: \"ColorDarkNeutralAlpha.100\" }, { ref: \"ColorNeutralAlpha.90\" }], // var(--triplex-next-Skeleton-~~BackgroundColor_Dark_Start~~)\n ~~BackgroundColor_Dark_End~~: [{ ref: \"ColorDarkNeutralAlpha.90\" }, { ref: \"ColorNeutralAlpha.80\" }], // var(--triplex-next-Skeleton-~~BackgroundColor_Dark_End~~)\n};\n"],"names":[],"mappings":"AAGO,MAAM,qCAAqC;AAAA,EAC9C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ;AAWO,MAAM,kBAAyD;AAAA,EAClE,6BAA6B,CAAC,EAAE,KAAK,qBAAqB,EAAE,KAAK,uBAAuB;AAAA;AAAA,EACxF,2BAA2B,CAAC,EAAE,KAAK,qBAAqB,EAAE,KAAK,uBAAuB;AAAA;AAAA,EAEtF,~~4BAA4B~~,CAAC,EAAE,KAAK,+BAA+B,EAAE,KAAK,wBAAwB;AAAA;AAAA,~~EAClG~~,0BAA0B,CAAC,EAAE,KAAK,~~8BAA8B~~,EAAE,KAAK,~~uBAAA~~,~~CAAwB~~;AAAA;~~AACnG~~;"}
1	+ {"version":3,"file":"Skeleton.js","sources":["../../../../src/components/DesignTokens/components/Skeleton.ts"],"sourcesContent":["import { TDesignTokenValue, TDesignTokenValues } from \"../types/DesignTokenTypes\";\n\n// Название токенов компонента Skeleton.\nexport const designTokensComponentsSkeletonKeys = [\n \"BackgroundColor_Type1_Start\",\n \"BackgroundColor_Type1_End\",\n \"BackgroundColor_Type2_Start\",\n \"BackgroundColor_Type2_End\",\n \"BackgroundColor_Type3_Start\",\n \"BackgroundColor_Type3_End\",\n] as const;\n// Тип, содержащий названия токенов компонента Skeleton.\nexport type TDesignTokensComponentsSkeletonKeys = (typeof designTokensComponentsSkeletonKeys)[number];\n// Тип, содержащий названия токенов компонента Skeleton и их значения.\nexport type TDesignTokensComponentsSkeletonValue = Record<TDesignTokensComponentsSkeletonKeys, TDesignTokenValue>;\n// Тип, содержащий названия токенов компонента Skeleton и их значения в светлой и темной теме.\nexport type TDesignTokensComponentsSkeletonValues = Record<TDesignTokensComponentsSkeletonKeys, TDesignTokenValues>;\n// Тип локальных токенов компонента Skeleton.\nexport type TDesignTokensComponentsSkeleton = { Skeleton: TDesignTokensComponentsSkeletonValue };\n\n// Токены компонента Skeleton в светлой и темной темах.\nexport const Skeleton_Tokens: TDesignTokensComponentsSkeletonValues = {\n BackgroundColor_Type1_Start: [{ ref: \"ColorNeutral.90\" }, { ref: \"ColorDarkNeutral.50\" }], // var(--triplex-next-Skeleton-BackgroundColor_Type1_Start)\n BackgroundColor_Type1_End: [{ ref: \"ColorNeutral.40\" }, { ref: \"ColorDarkNeutral.70\" }], // var(--triplex-next-Skeleton-BackgroundColor_Type1_End)\n\n BackgroundColor_Type2_Start: [{ ref: \"ColorDarkNeutralAlpha.100\" }, { ref: \"ColorNeutralAlpha.100\" }], // var(--triplex-next-Skeleton-BackgroundColor_Type2_Start)\n BackgroundColor_Type2_End: [{ ref: \"ColorDarkNeutralAlpha.90\" }, { ref: \"ColorNeutralAlpha.90\" }], // var(--triplex-next-Skeleton-BackgroundColor_Type2_End)\n\n BackgroundColor_Type3_Start: [{ ref: \"ColorNeutralAlpha.70\" }, { ref: \"ColorDarkNeutralAlpha.80\" }], // var(--triplex-next-Skeleton-BackgroundColor_Type3_Start)\n BackgroundColor_Type3_End: [{ ref: \"ColorNeutralAlpha.90\" }, { ref: \"ColorDarkNeutralAlpha.70\" }], // var(--triplex-next-Skeleton-BackgroundColor_Type3_End)\n};\n"],"names":[],"mappings":"AAGO,MAAM,qCAAqC;AAAA,EAC9C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ;AAWO,MAAM,kBAAyD;AAAA,EAClE,6BAA6B,CAAC,EAAE,KAAK,qBAAqB,EAAE,KAAK,uBAAuB;AAAA;AAAA,EACxF,2BAA2B,CAAC,EAAE,KAAK,qBAAqB,EAAE,KAAK,uBAAuB;AAAA;AAAA,EAEtF,6BAA6B,CAAC,EAAE,KAAK,+BAA+B,EAAE,KAAK,yBAAyB;AAAA;AAAA,EACpG,2BAA2B,CAAC,EAAE,KAAK,8BAA8B,EAAE,KAAK,wBAAwB;AAAA;AAAA,EAEhG,6BAA6B,CAAC,EAAE,KAAK,0BAA0B,EAAE,KAAK,4BAA4B;AAAA;AAAA,EAClG,2BAA2B,CAAC,EAAE,KAAK,0BAA0B,EAAE,KAAK,2BAAA,CAA4B;AAAA;AACpG;"}

package/components/Divider/Divider.js CHANGED Viewed

@@ -1,24 +1,24 @@
 import { jsx } from "react/jsx-runtime";
 import { c as clsx } from "../../chunks/vendor-D4wvHis9.js";
-const divider = "divider__6f2dde99";
+const divider = "divider__30c73a16";
 const styles = {
   divider,
-  "marginTopSize-4": "marginTopSize-4__f97610b8",
-  "marginBottomSize-4": "marginBottomSize-4__b9777b38",
-  "marginTopSize-8": "marginTopSize-8__394254d4",
-  "marginBottomSize-8": "marginBottomSize-8__f53d4367",
-  "marginTopSize-12": "marginTopSize-12__f6e45455",
-  "marginBottomSize-12": "marginBottomSize-12__c5e3acbd",
-  "marginTopSize-16": "marginTopSize-16__29951909",
-  "marginBottomSize-16": "marginBottomSize-16__80def8f5",
-  "marginTopSize-20": "marginTopSize-20__76cc8999",
-  "marginBottomSize-20": "marginBottomSize-20__5e7e7e54",
-  "marginTopSize-24": "marginTopSize-24__ffab8dbb",
-  "marginBottomSize-24": "marginBottomSize-24__69e4d9a7",
-  "marginTopSize-28": "marginTopSize-28__a492320e",
-  "marginBottomSize-28": "marginBottomSize-28__57cc4343",
-  "marginTopSize-32": "marginTopSize-32__f3392a3a",
-  "marginBottomSize-32": "marginBottomSize-32__93a04eda"
+  "marginTopSize-4": "marginTopSize-4__af6a3201",
+  "marginBottomSize-4": "marginBottomSize-4__ba1a0b49",
+  "marginTopSize-8": "marginTopSize-8__50de98e0",
+  "marginBottomSize-8": "marginBottomSize-8__0eb48ac0",
+  "marginTopSize-12": "marginTopSize-12__b008a4f4",
+  "marginBottomSize-12": "marginBottomSize-12__391a0918",
+  "marginTopSize-16": "marginTopSize-16__631c472a",
+  "marginBottomSize-16": "marginBottomSize-16__d33fa9fc",
+  "marginTopSize-20": "marginTopSize-20__8575b5d9",
+  "marginBottomSize-20": "marginBottomSize-20__e56a7bbb",
+  "marginTopSize-24": "marginTopSize-24__6cad66ce",
+  "marginBottomSize-24": "marginBottomSize-24__562ab30d",
+  "marginTopSize-28": "marginTopSize-28__52a55b85",
+  "marginBottomSize-28": "marginBottomSize-28__8eb3d61c",
+  "marginTopSize-32": "marginTopSize-32__fcf119ee",
+  "marginBottomSize-32": "marginBottomSize-32__07eda181"
 };
 const Divider = (props) => {
   const { className, marginTopSize, marginBottomSize, ...htmlDivAttributes } = props;

package/components/DocumentNumberEdit/DocumentNumberEdit.js CHANGED Viewed

@@ -8,9 +8,9 @@ import { StringUtils } from "../../utils/stringUtils.js";
 import { isKey } from "../../utils/keyboard.js";
 import { c as clsx } from "../../chunks/vendor-D4wvHis9.js";
 import { Link } from "../Link/Link.js";
-const documentNumberEdit = "documentNumberEdit__de0364da";
-const label = "label__9c77cc3f";
-const inputEditWrapper = "inputEditWrapper__25ddb240";
+const documentNumberEdit = "documentNumberEdit__2dd099dd";
+const label = "label__8ec22f16";
+const inputEditWrapper = "inputEditWrapper__9cc210b7";
 const styles = {
   documentNumberEdit,
   label,

package/components/Dropdown/desktop/DropdownDesktop.js CHANGED Viewed

@@ -6,11 +6,11 @@ import { EComponentSize } from "../../../enums/EComponentSize.js";
 import { createSizeToClassNameMap } from "../../../utils/classNameMaps.js";
 import { useToken } from "../../ThemeProvider/useToken.js";
 import { isKey } from "../../../utils/keyboard.js";
-const dropdownDesktop = "dropdownDesktop__d20c4e8a";
-const sm = "sm__0da8da49";
-const md = "md__35da0b81";
-const lg = "lg__7c86bd28";
-const dropdownDesktopOverflowHidden = "dropdownDesktopOverflowHidden__50ab5712";
+const dropdownDesktop = "dropdownDesktop__b8cf35c2";
+const sm = "sm__774ae3d8";
+const md = "md__984a13f9";
+const lg = "lg__051e94ce";
+const dropdownDesktopOverflowHidden = "dropdownDesktopOverflowHidden__3a3ad220";
 const styles = {
   dropdownDesktop,
   sm,
@@ -164,7 +164,7 @@ const DropdownDesktop = React__default.forwardRef((props, ref) => {
       className: classNames,
       style: { ...styleState, ...styleProp },
       ...rest,
-      "data-tx": "1.43.0",
+      "data-tx": "1.45.0",
       ref: setRef,
       children
     }

package/components/Dropdown/desktop/DropdownList.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import React__default, { useContext, useRef, useState, useEffect } from "react";
 import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
-import { s as styles, D as DropdownListItem } from "../../../chunks/DropdownListItem-hLJFQ_q0.js";
+import { s as styles, D as DropdownListItem } from "../../../chunks/DropdownListItem-kMroiHoh.js";
 import { EVENT_KEY_CODES } from "../../../utils/keyboard.js";
 import { DropdownListContext } from "../DropdownListContext.js";
 import { LoaderSmall } from "../../Loader/LoaderSmall/LoaderSmall.js";

package/components/Dropdown/desktop/DropdownListItem.js CHANGED Viewed

@@ -4,7 +4,7 @@ import "../../../chunks/vendor-D4wvHis9.js";
 import "../../../enums/EComponentSize.js";
 import "../../../utils/keyboard.js";
 import "../../Badge/Badge.js";
-import { D } from "../../../chunks/DropdownListItem-hLJFQ_q0.js";
+import { D } from "../../../chunks/DropdownListItem-kMroiHoh.js";
 export {
   D as DropdownListItem
 };

package/components/Dropdown/desktop/index.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { DropdownDesktop } from "./DropdownDesktop.js";
 import { DropdownList } from "./DropdownList.js";
-import { D } from "../../../chunks/DropdownListItem-hLJFQ_q0.js";
+import { D } from "../../../chunks/DropdownListItem-kMroiHoh.js";
 import { EDropdownAlignment, EDropdownDirection, EDropdownWidth } from "./enums.js";
 export {
   DropdownDesktop,

package/components/Dropdown/index.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { DropdownListContext } from "./DropdownListContext.js";
 import { DropdownDesktop } from "./desktop/DropdownDesktop.js";
 import { DropdownList } from "./desktop/DropdownList.js";
-import { D } from "../../chunks/DropdownListItem-hLJFQ_q0.js";
+import { D } from "../../chunks/DropdownListItem-kMroiHoh.js";
 import { EDropdownAlignment, EDropdownDirection, EDropdownWidth } from "./desktop/enums.js";
 import { DropdownMobile } from "./mobile/DropdownMobile.js";
 import { DropdownMobileBody } from "./mobile/DropdownMobileBody.js";

package/components/Dropdown/mobile/DropdownMobile.js CHANGED Viewed

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import React__default, { useEffect } from "react";
 import { OverlayBase, EOverlayDirection } from "../../Overlay/OverlayBase.js";
 import { DropdownMobileInner } from "./DropdownMobileInner.js";
-import { s as styles } from "../../../chunks/DropdownMobile.module-Ddqns0Cv.js";
+import { s as styles } from "../../../chunks/DropdownMobile.module-ljfYoQZP.js";
 const dropdownMobileBodyOverflowClassName = styles.dropdownMobileBodyOverflow;
 const DropdownMobile = React__default.forwardRef(
   ({ children, opened, setOpened, ...htmlAttributes }, ref) => {
@@ -20,7 +20,7 @@ const DropdownMobile = React__default.forwardRef(
         ...props,
         ...htmlAttributes,
         ref,
-        "data-tx": "1.43.0",
+        "data-tx": "1.45.0",
         children
       }
     ) });

package/components/Dropdown/mobile/DropdownMobileBody.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
-import { s as styles } from "../../../chunks/DropdownMobile.module-Ddqns0Cv.js";
+import { s as styles } from "../../../chunks/DropdownMobile.module-ljfYoQZP.js";
 const DropdownMobileBody = React__default.forwardRef(
   ({ children, className, ...htmlAttributes }, ref) => /* @__PURE__ */ jsx("div", { className: clsx(styles.dropdownMobileContent, className), ref, ...htmlAttributes, children })
 );

package/components/Dropdown/mobile/DropdownMobileClose.js CHANGED Viewed

@@ -3,7 +3,7 @@ import React__default from "react";
 import { ButtonIcon } from "../../Button/ButtonIcon.js";
 import { CrossStrokeSrvIcon16 } from "@sberbusiness/icons-next";
 import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
-import { s as styles } from "../../../chunks/DropdownMobile.module-Ddqns0Cv.js";
+import { s as styles } from "../../../chunks/DropdownMobile.module-ljfYoQZP.js";
 const DropdownMobileClose = React__default.forwardRef(
   ({ className, ...buttonIconProps }, ref) => /* @__PURE__ */ jsx(ButtonIcon, { className: clsx(styles.dropdownMobileClose, className), ref, ...buttonIconProps, children: /* @__PURE__ */ jsx(CrossStrokeSrvIcon16, { paletteIndex: 5 }) })
 );

package/components/Dropdown/mobile/DropdownMobileFooter.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
-import { s as styles } from "../../../chunks/DropdownMobile.module-Ddqns0Cv.js";
+import { s as styles } from "../../../chunks/DropdownMobile.module-ljfYoQZP.js";
 const DropdownMobileFooter = React__default.forwardRef(
   ({ children, className, ...htmlAttributes }, ref) => /* @__PURE__ */ jsx("div", { className: clsx(styles.dropdownMobileFooter, className), ref, ...htmlAttributes, children })
 );

package/components/Dropdown/mobile/DropdownMobileHeader.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
-import { s as styles } from "../../../chunks/DropdownMobile.module-Ddqns0Cv.js";
+import { s as styles } from "../../../chunks/DropdownMobile.module-ljfYoQZP.js";
 const DropdownMobileHeader = React__default.forwardRef(
   ({ children, className, controlButtons, ...htmlAttributes }, ref) => /* @__PURE__ */ jsxs("div", { className: clsx(styles.dropdownMobileHeader, className), ref, ...htmlAttributes, children: [
     /* @__PURE__ */ jsx("div", { className: styles.dropdownMobileHeaderContent, children }),

package/components/Dropdown/mobile/DropdownMobileInner.js CHANGED Viewed

@@ -2,7 +2,7 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import React__default, { useState, useEffect } from "react";
 import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
 import { useToken } from "../../ThemeProvider/useToken.js";
-import { s as styles } from "../../../chunks/DropdownMobile.module-Ddqns0Cv.js";
+import { s as styles } from "../../../chunks/DropdownMobile.module-ljfYoQZP.js";
 const DropdownMobileInner = React__default.forwardRef(
   ({
     children,

package/components/Dropdown/mobile/DropdownMobileInput.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
-const dropdownMobileInput = "dropdownMobileInput__461dd00c";
+const dropdownMobileInput = "dropdownMobileInput__6e618c8c";
 const styles = {
   dropdownMobileInput
 };

package/components/Dropdown/mobile/DropdownMobileList.js CHANGED Viewed

@@ -5,7 +5,7 @@ import { ELoaderSmallTheme } from "../../Loader/LoaderSmall/enum.js";
 import "../../Loader/LoaderMiddle/LoaderMiddle.js";
 import { EComponentSize } from "../../../enums/EComponentSize.js";
 import { DropdownMobileListItem } from "./DropdownMobileListItem.js";
-import { s as styles } from "../../../chunks/DropdownMobile.module-Ddqns0Cv.js";
+import { s as styles } from "../../../chunks/DropdownMobile.module-ljfYoQZP.js";
 import { u as uniqueId } from "../../../chunks/vendor-D4wvHis9.js";
 const DropdownMobileList = React__default.forwardRef(
   ({ children, className, loading, ...htmlAttributes }, ref) => {

package/components/Dropdown/mobile/DropdownMobileListItem.js CHANGED Viewed

@@ -5,7 +5,7 @@ import { Text } from "../../Typography/Text.js";
 import { ETextSize } from "../../Typography/enums.js";
 import { Badge } from "../../Badge/Badge.js";
 import { EComponentSize } from "../../../enums/EComponentSize.js";
-import { s as styles } from "../../../chunks/DropdownMobile.module-Ddqns0Cv.js";
+import { s as styles } from "../../../chunks/DropdownMobile.module-ljfYoQZP.js";
 const DropdownMobileListItem = React__default.forwardRef(
   ({ children, className, id, onClick, onSelect, selected, showNotificationIcon, ...htmlAttributes }, ref) => {
     const handleClick = (event) => {