@sberbusiness/triplex-next 1.51.0 → 1.53.0

package/components/DesignTokens/components/SmartSpot.js

@@ -0,0 +1,57 @@
+const designTokensComponentsSmartSpotKeys = [
+  "Success_Spot1_Color",
+  "Success_Spot2_Color",
+  "Success_Spot3_Color",
+  "Success_Spot4_Color",
+  "Warning_Spot1_Color",
+  "Warning_Spot2_Color",
+  "Warning_Spot3_Color",
+  "Warning_Spot4_Color",
+  "Error_Spot1_Color",
+  "Error_Spot2_Color",
+  "Error_Spot3_Color",
+  "Error_Spot4_Color",
+  "Waiting_Spot1_Color",
+  "Waiting_Spot2_Color",
+  "Waiting_Spot3_Color",
+  "Waiting_Spot4_Color"
+];
+const SmartSpot_Tokens = {
+  Success_Spot1_Color: [{ ref: "ColorSuccess.80" }, { ref: "ColorSuccess.80" }],
+  // var(--triplex-next-SmartSpot-Success_Spot1_Color)
+  Success_Spot2_Color: [{ ref: "ColorSuccess.50" }, { ref: "ColorSuccess.50" }],
+  // var(--triplex-next-SmartSpot-Success_Spot2_Color)
+  Success_Spot3_Color: [{ ref: "ColorBrand.60" }, { ref: "ColorBrand.60" }],
+  // var(--triplex-next-SmartSpot-Success_Spot3_Color)
+  Success_Spot4_Color: [{ ref: "ColorSuccess.80" }, { ref: "ColorSuccess.80" }],
+  // var(--triplex-next-SmartSpot-Success_Spot4_Color)
+  Warning_Spot1_Color: [{ ref: "ColorWarning.30" }, { ref: "ColorWarning.30" }],
+  // var(--triplex-next-SmartSpot-Warning_Spot1_Color)
+  Warning_Spot2_Color: [{ ref: "ColorWarning.70" }, { ref: "ColorWarning.70" }],
+  // var(--triplex-next-SmartSpot-Warning_Spot2_Color)
+  Warning_Spot3_Color: [{ ref: "ColorWarning.50" }, { ref: "ColorWarning.50" }],
+  // var(--triplex-next-SmartSpot-Warning_Spot3_Color)
+  Warning_Spot4_Color: [{ ref: "ColorWarning.80" }, { ref: "ColorWarning.80" }],
+  // var(--triplex-next-SmartSpot-Warning_Spot4_Color)
+  Error_Spot1_Color: [{ ref: "ColorWarning.30" }, { ref: "ColorWarning.30" }],
+  // var(--triplex-next-SmartSpot-Error_Spot1_Color)
+  Error_Spot2_Color: [{ ref: "ColorWarning.30" }, { ref: "ColorWarning.30" }],
+  // var(--triplex-next-SmartSpot-Error_Spot2_Color)
+  Error_Spot3_Color: [{ ref: "ColorWarning.50" }, { ref: "ColorWarning.50" }],
+  // var(--triplex-next-SmartSpot-Error_Spot3_Color)
+  Error_Spot4_Color: [{ ref: "ColorError.70" }, { ref: "ColorError.70" }],
+  // var(--triplex-next-SmartSpot-Error_Spot4_Color)
+  Waiting_Spot1_Color: [{ ref: "ColorSystem.100" }, { ref: "ColorSystem.100" }],
+  // var(--triplex-next-SmartSpot-Waiting_Spot1_Color)
+  Waiting_Spot2_Color: [{ ref: "ColorSystem.60" }, { ref: "ColorSystem.60" }],
+  // var(--triplex-next-SmartSpot-Waiting_Spot2_Color)
+  Waiting_Spot3_Color: [{ ref: "ColorSystem.90" }, { ref: "ColorSystem.90" }],
+  // var(--triplex-next-SmartSpot-Waiting_Spot3_Color)
+  Waiting_Spot4_Color: [{ ref: "ColorSystem.90" }, { ref: "ColorSystem.90" }]
+  // var(--triplex-next-SmartSpot-Waiting_Spot4_Color)
+};
+export {
+  SmartSpot_Tokens,
+  designTokensComponentsSmartSpotKeys
+};
+//# sourceMappingURL=SmartSpot.js.map

package/components/DesignTokens/components/SmartSpot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SmartSpot.js","sources":["../../../../src/components/DesignTokens/components/SmartSpot.ts"],"sourcesContent":["import { TDesignTokenValue, TDesignTokenValues } from \"../types/DesignTokenTypes\";\n\n// Название токенов компонента SmartSpot.\nexport const designTokensComponentsSmartSpotKeys = [\n    \"Success_Spot1_Color\",\n    \"Success_Spot2_Color\",\n    \"Success_Spot3_Color\",\n    \"Success_Spot4_Color\",\n    \"Warning_Spot1_Color\",\n    \"Warning_Spot2_Color\",\n    \"Warning_Spot3_Color\",\n    \"Warning_Spot4_Color\",\n    \"Error_Spot1_Color\",\n    \"Error_Spot2_Color\",\n    \"Error_Spot3_Color\",\n    \"Error_Spot4_Color\",\n    \"Waiting_Spot1_Color\",\n    \"Waiting_Spot2_Color\",\n    \"Waiting_Spot3_Color\",\n    \"Waiting_Spot4_Color\",\n] as const;\n// Тип, содержащий названия токенов компонента SmartSpot.\nexport type TDesignTokensComponentsSmartSpotKeys = (typeof designTokensComponentsSmartSpotKeys)[number];\n// Тип, содержащий названия токенов компонента SmartSpot и их значения.\nexport type TDesignTokensComponentsSmartSpotValue = Record<TDesignTokensComponentsSmartSpotKeys, TDesignTokenValue>;\n// Тип, содержащий названия токенов компонента SmartSpot и их значения в светлой и темной теме.\nexport type TDesignTokensComponentsSmartSpotValues = Record<TDesignTokensComponentsSmartSpotKeys, TDesignTokenValues>;\n// Тип локальных токенов компонента SmartSpot.\nexport type TDesignTokensComponentsSmartSpot = { SmartSpot: TDesignTokensComponentsSmartSpotValue };\n\n// Токены компонента SmartSpot в светлой и темной темах.\nexport const SmartSpot_Tokens: TDesignTokensComponentsSmartSpotValues = {\n    Success_Spot1_Color: [{ ref: \"ColorSuccess.80\" }, { ref: \"ColorSuccess.80\" }], // var(--triplex-next-SmartSpot-Success_Spot1_Color)\n    Success_Spot2_Color: [{ ref: \"ColorSuccess.50\" }, { ref: \"ColorSuccess.50\" }], // var(--triplex-next-SmartSpot-Success_Spot2_Color)\n    Success_Spot3_Color: [{ ref: \"ColorBrand.60\" }, { ref: \"ColorBrand.60\" }], // var(--triplex-next-SmartSpot-Success_Spot3_Color)\n    Success_Spot4_Color: [{ ref: \"ColorSuccess.80\" }, { ref: \"ColorSuccess.80\" }], // var(--triplex-next-SmartSpot-Success_Spot4_Color)\n    Warning_Spot1_Color: [{ ref: \"ColorWarning.30\" }, { ref: \"ColorWarning.30\" }], // var(--triplex-next-SmartSpot-Warning_Spot1_Color)\n    Warning_Spot2_Color: [{ ref: \"ColorWarning.70\" }, { ref: \"ColorWarning.70\" }], // var(--triplex-next-SmartSpot-Warning_Spot2_Color)\n    Warning_Spot3_Color: [{ ref: \"ColorWarning.50\" }, { ref: \"ColorWarning.50\" }], // var(--triplex-next-SmartSpot-Warning_Spot3_Color)\n    Warning_Spot4_Color: [{ ref: \"ColorWarning.80\" }, { ref: \"ColorWarning.80\" }], // var(--triplex-next-SmartSpot-Warning_Spot4_Color)\n    Error_Spot1_Color: [{ ref: \"ColorWarning.30\" }, { ref: \"ColorWarning.30\" }], // var(--triplex-next-SmartSpot-Error_Spot1_Color)\n    Error_Spot2_Color: [{ ref: \"ColorWarning.30\" }, { ref: \"ColorWarning.30\" }], // var(--triplex-next-SmartSpot-Error_Spot2_Color)\n    Error_Spot3_Color: [{ ref: \"ColorWarning.50\" }, { ref: \"ColorWarning.50\" }], // var(--triplex-next-SmartSpot-Error_Spot3_Color)\n    Error_Spot4_Color: [{ ref: \"ColorError.70\" }, { ref: \"ColorError.70\" }], // var(--triplex-next-SmartSpot-Error_Spot4_Color)\n    Waiting_Spot1_Color: [{ ref: \"ColorSystem.100\" }, { ref: \"ColorSystem.100\" }], // var(--triplex-next-SmartSpot-Waiting_Spot1_Color)\n    Waiting_Spot2_Color: [{ ref: \"ColorSystem.60\" }, { ref: \"ColorSystem.60\" }], // var(--triplex-next-SmartSpot-Waiting_Spot2_Color)\n    Waiting_Spot3_Color: [{ ref: \"ColorSystem.90\" }, { ref: \"ColorSystem.90\" }], // var(--triplex-next-SmartSpot-Waiting_Spot3_Color)\n    Waiting_Spot4_Color: [{ ref: \"ColorSystem.90\" }, { ref: \"ColorSystem.90\" }], // var(--triplex-next-SmartSpot-Waiting_Spot4_Color)\n};\n"],"names":[],"mappings":"AAGO,MAAM,sCAAsC;AAAA,EAC/C;AAAA,EACA;AAAA,EACA;AAAA,EACA;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;AAWO,MAAM,mBAA2D;AAAA,EACpE,qBAAqB,CAAC,EAAE,KAAK,qBAAqB,EAAE,KAAK,mBAAmB;AAAA;AAAA,EAC5E,qBAAqB,CAAC,EAAE,KAAK,qBAAqB,EAAE,KAAK,mBAAmB;AAAA;AAAA,EAC5E,qBAAqB,CAAC,EAAE,KAAK,mBAAmB,EAAE,KAAK,iBAAiB;AAAA;AAAA,EACxE,qBAAqB,CAAC,EAAE,KAAK,qBAAqB,EAAE,KAAK,mBAAmB;AAAA;AAAA,EAC5E,qBAAqB,CAAC,EAAE,KAAK,qBAAqB,EAAE,KAAK,mBAAmB;AAAA;AAAA,EAC5E,qBAAqB,CAAC,EAAE,KAAK,qBAAqB,EAAE,KAAK,mBAAmB;AAAA;AAAA,EAC5E,qBAAqB,CAAC,EAAE,KAAK,qBAAqB,EAAE,KAAK,mBAAmB;AAAA;AAAA,EAC5E,qBAAqB,CAAC,EAAE,KAAK,qBAAqB,EAAE,KAAK,mBAAmB;AAAA;AAAA,EAC5E,mBAAmB,CAAC,EAAE,KAAK,qBAAqB,EAAE,KAAK,mBAAmB;AAAA;AAAA,EAC1E,mBAAmB,CAAC,EAAE,KAAK,qBAAqB,EAAE,KAAK,mBAAmB;AAAA;AAAA,EAC1E,mBAAmB,CAAC,EAAE,KAAK,qBAAqB,EAAE,KAAK,mBAAmB;AAAA;AAAA,EAC1E,mBAAmB,CAAC,EAAE,KAAK,mBAAmB,EAAE,KAAK,iBAAiB;AAAA;AAAA,EACtE,qBAAqB,CAAC,EAAE,KAAK,qBAAqB,EAAE,KAAK,mBAAmB;AAAA;AAAA,EAC5E,qBAAqB,CAAC,EAAE,KAAK,oBAAoB,EAAE,KAAK,kBAAkB;AAAA;AAAA,EAC1E,qBAAqB,CAAC,EAAE,KAAK,oBAAoB,EAAE,KAAK,kBAAkB;AAAA;AAAA,EAC1E,qBAAqB,CAAC,EAAE,KAAK,oBAAoB,EAAE,KAAK,iBAAA,CAAkB;AAAA;AAC9E;"}

package/components/DesignTokens/components/index.js

@@ -12,8 +12,6 @@ import { CollapsibleTree_Tokens, designTokensComponentsCollapsibleTreeKeys } fro
 import { Divider_Tokens, designTokensComponentsDividerKeys } from "./Divider.js";
 import { Dropdown_Tokens, designTokensComponentsDropdownKeys } from "./Dropdown.js";
 import { DropdownList_Tokens, designTokensComponentsDropdownListKeys } from "./DropdownList.js";
-import { DropdownMobile_Tokens, designTokensComponentsDropdownMobileKeys } from "./DropdownMobile.js";
-import { DropdownMobileList_Tokens, designTokensComponentsDropdownMobileListKeys } from "./DropdownMobileList.js";
 import { FooterPage_Tokens, designTokensComponentsFooterPageKeys } from "./FooterPage.js";
 import { FormField_Tokens, designTokensComponentsFormFieldKeys } from "./FormField.js";
 import { HeaderPage_Tokens, designTokensComponentsHeaderPageKeys } from "./HeaderPage.js";
@@ -36,12 +34,15 @@ import { Notification_Tokens, designTokensComponentsNotificationKeys } from "./N
 import { Overlay_Tokens, designTokensComponentsOverlayKeys } from "./Overlay.js";
 import { PageIndicators_Tokens, designTokensComponentsPageIndicatorsKeys } from "./PageIndicators.js";
 import { Pagination_Tokens, designTokensComponentsPaginationKeys } from "./Pagination.js";
+import { Puller_Tokens, designTokensComponentsPullerKeys } from "./Puller.js";
+import { PullerList_Tokens, designTokensComponentsPullerListKeys } from "./PullerList.js";
 import { Radio_Tokens, designTokensComponentsRadioKeys } from "./Radio.js";
 import { SegmentedControl_Tokens, designTokensComponentsSegmentedControlKeys } from "./SegmentedControl.js";
 import { SegmentedControlSegment_Tokens, designTokensComponentsSegmentedControlSegmentKeys } from "./SegmentedControlSegment.js";
 import { Skeleton_Tokens, designTokensComponentsSkeletonKeys } from "./Skeleton.js";
 import { Slider_Tokens, designTokensComponentsSliderKeys } from "./Slider.js";
 import { SmallInput_Tokens, designTokensComponentsSmallInputKeys } from "./SmallInput.js";
+import { SmartSpot_Tokens, designTokensComponentsSmartSpotKeys } from "./SmartSpot.js";
 import { SMSField_Tokens, designTokensComponentsSMSFieldKeys } from "./SMSField.js";
 import { StatusTracker_Tokens, designTokensComponentsStatusTrackerKeys } from "./StatusTracker.js";
 import { Step_Tokens, designTokensComponentsStepKeys } from "./Step.js";
@@ -69,8 +70,6 @@ export {
   CollapsibleTree_Tokens,
   Divider_Tokens,
   DropdownList_Tokens,
-  DropdownMobileList_Tokens,
-  DropdownMobile_Tokens,
   Dropdown_Tokens,
   FooterPage_Tokens,
   FormField_Tokens,
@@ -94,6 +93,8 @@ export {
   Overlay_Tokens,
   PageIndicators_Tokens,
   Pagination_Tokens,
+  PullerList_Tokens,
+  Puller_Tokens,
   Radio_Tokens,
   SMSField_Tokens,
   SegmentedControlSegment_Tokens,
@@ -101,6 +102,7 @@ export {
   Skeleton_Tokens,
   Slider_Tokens,
   SmallInput_Tokens,
+  SmartSpot_Tokens,
   StatusTracker_Tokens,
   Step_Tokens,
   Stepper_Tokens,
@@ -127,8 +129,6 @@ export {
   designTokensComponentsDividerKeys,
   designTokensComponentsDropdownKeys,
   designTokensComponentsDropdownListKeys,
-  designTokensComponentsDropdownMobileKeys,
-  designTokensComponentsDropdownMobileListKeys,
   designTokensComponentsFooterPageKeys,
   designTokensComponentsFormFieldKeys,
   designTokensComponentsHeaderPageKeys,
@@ -151,6 +151,8 @@ export {
   designTokensComponentsOverlayKeys,
   designTokensComponentsPageIndicatorsKeys,
   designTokensComponentsPaginationKeys,
+  designTokensComponentsPullerKeys,
+  designTokensComponentsPullerListKeys,
   designTokensComponentsRadioKeys,
   designTokensComponentsSMSFieldKeys,
   designTokensComponentsSegmentedControlKeys,
@@ -158,6 +160,7 @@ export {
   designTokensComponentsSkeletonKeys,
   designTokensComponentsSliderKeys,
   designTokensComponentsSmallInputKeys,
+  designTokensComponentsSmartSpotKeys,
   designTokensComponentsStatusTrackerKeys,
   designTokensComponentsStepKeys,
   designTokensComponentsStepperKeys,

package/components/DesignTokens/components/index.js.map

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

package/components/DesignTokens/types/DesignTokensTypes.js.map

@@ -1 +1 @@
-{"version":3,"file":"DesignTokensTypes.js","sources":["../../../../src/components/DesignTokens/types/DesignTokensTypes.ts"],"sourcesContent":["import { TDesignTokenValue } from \"./DesignTokenTypes\";\nimport {\n    TDesignTokensComponentsAlertContext,\n    TDesignTokensComponentsAlertProcess,\n    TDesignTokensComponentsAvatar,\n    TDesignTokensComponentsBadge,\n    TDesignTokensComponentsButton,\n    TDesignTokensComponentsCalendar,\n    TDesignTokensComponentsCard,\n    TDesignTokensComponentsCarousel,\n    TDesignTokensComponentsCheckbox,\n    TDesignTokensComponentsChip,\n    TDesignTokensComponentsCollapsibleTree,\n    TDesignTokensComponentsDivider,\n    TDesignTokensComponentsDropdown,\n    TDesignTokensComponentsDropdownList,\n    TDesignTokensComponentsDropdownMobile,\n    TDesignTokensComponentsDropdownMobileList,\n    TDesignTokensComponentsFooterPage,\n    TDesignTokensComponentsFormField,\n    TDesignTokensComponentsHeaderPage,\n    TDesignTokensComponentsIsland,\n    TDesignTokensComponentsIslandAccordion,\n    TDesignTokensComponentsIslandWidget,\n    TDesignTokensComponentsImageGallery,\n    TDesignTokensComponentsLightBox,\n    TDesignTokensComponentsLink,\n    TDesignTokensComponentsListItem,\n    TDesignTokensComponentsListItemControlsButton,\n    TDesignTokensComponentsListMaster,\n    TDesignTokensComponentsLoader,\n    TDesignTokensComponentsLoaderScreen,\n    TDesignTokensComponentsMarker,\n    TDesignTokensComponentsMarkerStatus,\n    TDesignTokensComponentsModalWindow,\n    TDesignTokensComponentsMultiselectField,\n    TDesignTokensComponentsNotification,\n    TDesignTokensComponentsOverlay,\n    TDesignTokensComponentsPageIndicators,\n    TDesignTokensComponentsPagination,\n    TDesignTokensComponentsRadio,\n    TDesignTokensComponentsSegmentedControl,\n    TDesignTokensComponentsSegmentedControlSegment,\n    TDesignTokensComponentsSkeleton,\n    TDesignTokensComponentsSmallInput,\n    TDesignTokensComponentsSMSField,\n    TDesignTokensComponentsStatusTracker,\n    TDesignTokensComponentsStep,\n    TDesignTokensComponentsStepper,\n    TDesignTokensComponentsTableBasic,\n    TDesignTokensComponentsTabs,\n    TDesignTokensComponentsTag,\n    TDesignTokensComponentsTagColor,\n    TDesignTokensComponentsTabsLine,\n    TDesignTokensComponentsTooltip,\n    TDesignTokensComponentsTopOverlay,\n    TDesignTokensComponentsTypography,\n    TDesignTokensComponentsUploadZone,\n} from \"../components\";\nimport { TDesignTokensComponentsSlider } from \"@sberbusiness/triplex-next/components/DesignTokens/components/Slider\";\n\n// Название токенов группы ColorBrand.\nexport const designTokensCoreGroupColorBrandKeys = [\n    \"100\",\n    \"95\",\n    \"90\",\n    \"80\",\n    \"70\",\n    \"60\",\n    \"50\",\n    \"40\",\n    \"30\",\n    \"20\",\n    \"10\",\n    \"0\",\n] as const;\n// Название токенов группы ColorDarkNeutralAlpha.\nexport const designTokensCoreGroupColorDarkNeutralAlphaKeys = [\n    \"100\",\n    \"90\",\n    \"80\",\n    \"70\",\n    \"60\",\n    \"50\",\n    \"40\",\n    \"30\",\n    \"20\",\n    \"10\",\n    \"0\",\n] as const;\n// Название токенов группы ColorDarkNeutral.\nexport const designTokensCoreGroupColorDarkNeutralKeys = [\n    \"100\",\n    \"90\",\n    \"80\",\n    \"70\",\n    \"60\",\n    \"50\",\n    \"40\",\n    \"30\",\n    \"20\",\n    \"10\",\n    \"0\",\n] as const;\n// Название токенов группы ColorError.\nexport const designTokensCoreGroupColorErrorKeys = [\n    \"100\",\n    \"90\",\n    \"80\",\n    \"70\",\n    \"60\",\n    \"50\",\n    \"40\",\n    \"30\",\n    \"20\",\n    \"10\",\n    \"0\",\n] as const;\n// Название токенов группы ColorInfo.\nexport const designTokensCoreGroupColorInfoKeys = [\n    \"100\",\n    \"90\",\n    \"80\",\n    \"70\",\n    \"60\",\n    \"50\",\n    \"40\",\n    \"30\",\n    \"20\",\n    \"10\",\n    \"0\",\n] as const;\n// Название токенов группы ColorNeutralAlpha.\nexport const designTokensCoreGroupColorNeutralAlphaKeys = [\n    \"100\",\n    \"90\",\n    \"80\",\n    \"70\",\n    \"60\",\n    \"50\",\n    \"40\",\n    \"30\",\n    \"20\",\n    \"10\",\n    \"0\",\n] as const;\n// Название токенов группы ColorNeutral.\nexport const designTokensCoreGroupColorNeutralKeys = [\n    \"100\",\n    \"90\",\n    \"80\",\n    \"70\",\n    \"60\",\n    \"50\",\n    \"40\",\n    \"30\",\n    \"20\",\n    \"10\",\n    \"0\",\n] as const;\n// Название токенов группы ColorSuccess.\nexport const designTokensCoreGroupColorSuccessKeys = [\n    \"100\",\n    \"90\",\n    \"80\",\n    \"70\",\n    \"60\",\n    \"50\",\n    \"40\",\n    \"30\",\n    \"20\",\n    \"10\",\n    \"0\",\n] as const;\n// Название токенов группы ColorSystem.\nexport const designTokensCoreGroupColorSystemKeys = [\n    \"100\",\n    \"95\",\n    \"90\",\n    \"80\",\n    \"70\",\n    \"60\",\n    \"50\",\n    \"40\",\n    \"30\",\n    \"20\",\n    \"10\",\n    \"0\",\n] as const;\n// Название токенов группы Shadow.\nexport const designTokensCoreGroupShadowKeys = [\"01\", \"02\", \"03\", \"04\", \"05\", \"06\", \"07\"] as const;\n// Название токенов группы DarkShadow.\nexport const designTokensCoreGroupDarkShadowKeys = [\"01\", \"02\", \"03\", \"04\", \"05\", \"06\", \"07\"] as const;\n// Название токенов группы ColorWarning.\nexport const designTokensCoreGroupColorWarningKeys = [\n    \"100\",\n    \"90\",\n    \"80\",\n    \"70\",\n    \"60\",\n    \"50\",\n    \"40\",\n    \"30\",\n    \"20\",\n    \"10\",\n    \"0\",\n] as const;\n\n// Тип, содержащий названия токенов группы ColorBrand.\nexport type TDesignTokensCoreGroupColorBrandKeys = (typeof designTokensCoreGroupColorBrandKeys)[number];\n// Тип, содержащий названия токенов группы ColorDarkNeutralAlpha.\nexport type TDesignTokensCoreGroupColorDarkNeutralAlphaKeys =\n    (typeof designTokensCoreGroupColorDarkNeutralAlphaKeys)[number];\n// Тип, содержащий названия токенов группы DarkNeutral.\nexport type TDesignTokensCoreGroupColorDarkNeutralKeys = (typeof designTokensCoreGroupColorDarkNeutralKeys)[number];\n// Тип, содержащий названия токенов группы ColorError.\nexport type TDesignTokensCoreGroupColorErrorKeys = (typeof designTokensCoreGroupColorErrorKeys)[number];\n// Тип, содержащий названия токенов группы ColorInfo.\nexport type TDesignTokensCoreGroupColorInfoKeys = (typeof designTokensCoreGroupColorInfoKeys)[number];\n// Тип, содержащий названия токенов группы ColorNeutralAlpha.\nexport type TDesignTokensCoreGroupColorNeutralAlphaKeys = (typeof designTokensCoreGroupColorNeutralAlphaKeys)[number];\n// Тип, содержащий названия токенов группы ColorNeutral.\nexport type TDesignTokensCoreGroupColorNeutralKeys = (typeof designTokensCoreGroupColorNeutralKeys)[number];\n// Тип, содержащий названия токенов группы ColorSuccess.\nexport type TDesignTokensCoreGroupColorSuccessKeys = (typeof designTokensCoreGroupColorSuccessKeys)[number];\n// Тип, содержащий названия токенов группы ColorSystem.\nexport type TDesignTokensCoreGroupColorSystemKeys = (typeof designTokensCoreGroupColorSystemKeys)[number];\n// Тип, содержащий названия токенов группы Shadow.\nexport type TDesignTokensCoreGroupShadowKeys = (typeof designTokensCoreGroupShadowKeys)[number];\n// Тип, содержащий названия токенов группы DarkShadow.\nexport type TDesignTokensCoreGroupDarkShadowKeys = (typeof designTokensCoreGroupDarkShadowKeys)[number];\n// Тип, содержащий названия токенов группы ColorWarning.\nexport type TDesignTokensCoreGroupColorWarningKeys = (typeof designTokensCoreGroupColorWarningKeys)[number];\n\n// Тип, содержащий названия токенов группы ColorBrand и их значения.\nexport type TDesignTokensCoreGroupColorBrandValue = Record<TDesignTokensCoreGroupColorBrandKeys, TDesignTokenValue>;\n// Тип, содержащий названия токенов группы ColorDarkNeutralAlpha и их значения.\nexport type TDesignTokensCoreGroupColorDarkNeutralAlphaValue = Record<\n    TDesignTokensCoreGroupColorDarkNeutralAlphaKeys,\n    TDesignTokenValue\n>;\n// Тип, содержащий названия токенов группы ColorDarkNeutral и их значения.\nexport type TDesignTokensCoreGroupColorDarkNeutralValue = Record<\n    TDesignTokensCoreGroupColorDarkNeutralKeys,\n    TDesignTokenValue\n>;\n// Тип, содержащий названия токенов группы ColorError и их значения.\nexport type TDesignTokensCoreGroupColorErrorValue = Record<TDesignTokensCoreGroupColorErrorKeys, TDesignTokenValue>;\n// Тип, содержащий названия токенов группы ColorInfo и их значения.\nexport type TDesignTokensCoreGroupColorInfoValue = Record<TDesignTokensCoreGroupColorInfoKeys, TDesignTokenValue>;\n// Тип, содержащий названия токенов группы ColorNeutralAlpha и их значения.\nexport type TDesignTokensCoreGroupColorNeutralAlphaValue = Record<\n    TDesignTokensCoreGroupColorNeutralAlphaKeys,\n    TDesignTokenValue\n>;\n// Тип, содержащий названия токенов группы ColorNeutral и их значения.\nexport type TDesignTokensCoreGroupColorNeutralValue = Record<TDesignTokensCoreGroupColorNeutralKeys, TDesignTokenValue>;\n// Тип, содержащий названия токенов группы ColorSuccess и их значения.\nexport type TDesignTokensCoreGroupColorSuccessValue = Record<TDesignTokensCoreGroupColorSuccessKeys, TDesignTokenValue>;\n// Тип, содержащий названия токенов группы ColorSystem и их значения.\nexport type TDesignTokensCoreGroupColorSystemValue = Record<TDesignTokensCoreGroupColorSystemKeys, TDesignTokenValue>;\n// Тип, содержащий названия токенов группы Shadow и их значения.\nexport type TDesignTokensCoreGroupShadowValue = Record<TDesignTokensCoreGroupShadowKeys, TDesignTokenValue>;\n// Тип, содержащий названия токенов группы DarkShadow и их значения.\nexport type TDesignTokensCoreGroupDarkShadowValue = Record<TDesignTokensCoreGroupDarkShadowKeys, TDesignTokenValue>;\n// Тип, содержащий названия токенов группы Warning и их значения.\nexport type TDesignTokensCoreGroupColorWarningValue = Record<TDesignTokensCoreGroupColorWarningKeys, TDesignTokenValue>;\n\n// Тип токенов группы Brand.\nexport type TDesignTokensCoreGroupColorBrand = { ColorBrand: TDesignTokensCoreGroupColorBrandValue };\n// Тип токенов группы DarkNeutralAlpha.\nexport type TDesignTokensCoreGroupColorDarkNeutralAlpha = {\n    ColorDarkNeutralAlpha: TDesignTokensCoreGroupColorDarkNeutralAlphaValue;\n};\n// Тип токенов группы DarkNeutral.\nexport type TDesignTokensCoreGroupColorDarkNeutral = { ColorDarkNeutral: TDesignTokensCoreGroupColorDarkNeutralValue };\n// Тип токенов группы Error.\nexport type TDesignTokensCoreGroupColorError = { ColorError: TDesignTokensCoreGroupColorErrorValue };\n// Тип токенов группы Info.\nexport type TDesignTokensCoreGroupColorInfo = { ColorInfo: TDesignTokensCoreGroupColorInfoValue };\n// Тип токенов группы NeutralAlpha.\nexport type TDesignTokensCoreGroupColorNeutralAlpha = {\n    ColorNeutralAlpha: TDesignTokensCoreGroupColorNeutralAlphaValue;\n};\n// Тип токенов группы Neutral.\nexport type TDesignTokensCoreGroupColorNeutral = { ColorNeutral: TDesignTokensCoreGroupColorNeutralValue };\n// Тип токенов группы Success.\nexport type TDesignTokensCoreGroupColorSuccess = { ColorSuccess: TDesignTokensCoreGroupColorSuccessValue };\n// Тип токенов группы ColorSystem.\nexport type TDesignTokensCoreGroupColorSystem = { ColorSystem: TDesignTokensCoreGroupColorSystemValue };\n// Тип токенов группы Shadow.\nexport type TDesignTokensCoreGroupShadow = { Shadow: TDesignTokensCoreGroupShadowValue };\n// Тип токенов группы DarkShadow.\nexport type TDesignTokensCoreGroupDarkShadow = { DarkShadow: TDesignTokensCoreGroupDarkShadowValue };\n// Тип токенов группы Warning.\nexport type TDesignTokensCoreGroupColorWarning = { ColorWarning: TDesignTokensCoreGroupColorWarningValue };\n\n// Тип глобальных токенов.\nexport type TDesignTokensCore = TDesignTokensCoreGroupColorBrand &\n    TDesignTokensCoreGroupColorDarkNeutralAlpha &\n    TDesignTokensCoreGroupColorDarkNeutral &\n    TDesignTokensCoreGroupColorError &\n    TDesignTokensCoreGroupColorInfo &\n    TDesignTokensCoreGroupColorNeutralAlpha &\n    TDesignTokensCoreGroupColorNeutral &\n    TDesignTokensCoreGroupColorSuccess &\n    TDesignTokensCoreGroupColorSystem &\n    TDesignTokensCoreGroupColorWarning &\n    TDesignTokensCoreGroupShadow &\n    TDesignTokensCoreGroupDarkShadow;\n\n// Тип локальных токенов(токенов компонентов).\nexport type TDesignTokensComponents =\n    | TDesignTokensComponentsAlertContext\n    | TDesignTokensComponentsAlertProcess\n    | TDesignTokensComponentsAvatar\n    | TDesignTokensComponentsBadge\n    | TDesignTokensComponentsButton\n    | TDesignTokensComponentsCalendar\n    | TDesignTokensComponentsCard\n    | TDesignTokensComponentsCarousel\n    | TDesignTokensComponentsCheckbox\n    | TDesignTokensComponentsChip\n    | TDesignTokensComponentsCollapsibleTree\n    | TDesignTokensComponentsDivider\n    | TDesignTokensComponentsDropdown\n    | TDesignTokensComponentsDropdownList\n    | TDesignTokensComponentsDropdownMobile\n    | TDesignTokensComponentsDropdownMobileList\n    | TDesignTokensComponentsFooterPage\n    | TDesignTokensComponentsFormField\n    | TDesignTokensComponentsHeaderPage\n    | TDesignTokensComponentsIsland\n    | TDesignTokensComponentsIslandAccordion\n    | TDesignTokensComponentsIslandWidget\n    | TDesignTokensComponentsImageGallery\n    | TDesignTokensComponentsLightBox\n    | TDesignTokensComponentsLink\n    | TDesignTokensComponentsListItem\n    | TDesignTokensComponentsListItemControlsButton\n    | TDesignTokensComponentsListMaster\n    | TDesignTokensComponentsLoader\n    | TDesignTokensComponentsLoaderScreen\n    | TDesignTokensComponentsMarker\n    | TDesignTokensComponentsMarkerStatus\n    | TDesignTokensComponentsModalWindow\n    | TDesignTokensComponentsMultiselectField\n    | TDesignTokensComponentsNotification\n    | TDesignTokensComponentsOverlay\n    | TDesignTokensComponentsPageIndicators\n    | TDesignTokensComponentsPagination\n    | TDesignTokensComponentsRadio\n    | TDesignTokensComponentsSegmentedControl\n    | TDesignTokensComponentsSegmentedControlSegment\n    | TDesignTokensComponentsSkeleton\n    | TDesignTokensComponentsSmallInput\n    | TDesignTokensComponentsSMSField\n    | TDesignTokensComponentsSlider\n    | TDesignTokensComponentsStep\n    | TDesignTokensComponentsStepper\n    | TDesignTokensComponentsTableBasic\n    | TDesignTokensComponentsTabs\n    | TDesignTokensComponentsTag\n    | TDesignTokensComponentsTagColor\n    | TDesignTokensComponentsTabsLine\n    | TDesignTokensComponentsTooltip\n    | TDesignTokensComponentsTopOverlay\n    | TDesignTokensComponentsTypography\n    | TDesignTokensComponentsStatusTracker\n    | TDesignTokensComponentsUploadZone;\n\n// Тип токенов, включающий core токены и токены компонентов.\nexport type TDesignTokens = TDesignTokensCore & TDesignTokensComponents;\n\ntype TCreatePartialTokens<Type> = {\n    [Property in keyof Type]?: TCreatePartialTokens<Type[Property]>;\n};\n\n// Тип токенов, включающий core токены и токены компонентов со всеми не обязательными свойствами.\nexport type TDesignTokensPartial = TCreatePartialTokens<TDesignTokens>;\n\n// Тип, чтобы можно было итерировать объекты типа TDesignTokensCore;\nexport type TDesignTokensCoreWithIndex = TDesignTokensCore & {\n    [key: string]: {\n        [key: string]: TDesignTokenValue;\n    };\n};\n\n// Тип, чтобы можно было итерировать объекты типа TDesignTokensComponents;\nexport type TDesignTokensComponentsWithIndex = TDesignTokensComponents & {\n    [key: string]: {\n        [key: string]: TDesignTokenValue;\n    };\n};\n\n// Абстрактный тип группы токенов, не привязанный к названиям токенов.\nexport type TDesignTokensGroupAbstract = {\n    [tokenGroup: string]: {\n        [tokenTitle: string]: TDesignTokenValue;\n    };\n};\n"],"names":[],"mappings":"AA8DO,MAAM,sCAAsC;AAAA,EAC/C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ;AAEO,MAAM,iDAAiD;AAAA,EAC1D;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ;AAEO,MAAM,4CAA4C;AAAA,EACrD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ;AAEO,MAAM,sCAAsC;AAAA,EAC/C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ;AAEO,MAAM,qCAAqC;AAAA,EAC9C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ;AAEO,MAAM,6CAA6C;AAAA,EACtD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ;AAEO,MAAM,wCAAwC;AAAA,EACjD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ;AAEO,MAAM,wCAAwC;AAAA,EACjD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ;AAEO,MAAM,uCAAuC;AAAA,EAChD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ;AAEO,MAAM,kCAAkC,CAAC,MAAM,MAAM,MAAM,MAAM,MAAM,MAAM,IAAI;AAEjF,MAAM,sCAAsC,CAAC,MAAM,MAAM,MAAM,MAAM,MAAM,MAAM,IAAI;AAErF,MAAM,wCAAwC;AAAA,EACjD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ;"}
+{"version":3,"file":"DesignTokensTypes.js","sources":["../../../../src/components/DesignTokens/types/DesignTokensTypes.ts"],"sourcesContent":["import { TDesignTokenValue } from \"./DesignTokenTypes\";\nimport {\n    TDesignTokensComponentsAlertContext,\n    TDesignTokensComponentsAlertProcess,\n    TDesignTokensComponentsAvatar,\n    TDesignTokensComponentsBadge,\n    TDesignTokensComponentsButton,\n    TDesignTokensComponentsCalendar,\n    TDesignTokensComponentsCard,\n    TDesignTokensComponentsCarousel,\n    TDesignTokensComponentsCheckbox,\n    TDesignTokensComponentsChip,\n    TDesignTokensComponentsCollapsibleTree,\n    TDesignTokensComponentsDivider,\n    TDesignTokensComponentsDropdown,\n    TDesignTokensComponentsDropdownList,\n    TDesignTokensComponentsFooterPage,\n    TDesignTokensComponentsFormField,\n    TDesignTokensComponentsHeaderPage,\n    TDesignTokensComponentsIsland,\n    TDesignTokensComponentsIslandAccordion,\n    TDesignTokensComponentsIslandWidget,\n    TDesignTokensComponentsImageGallery,\n    TDesignTokensComponentsLightBox,\n    TDesignTokensComponentsLink,\n    TDesignTokensComponentsListItem,\n    TDesignTokensComponentsListItemControlsButton,\n    TDesignTokensComponentsListMaster,\n    TDesignTokensComponentsLoader,\n    TDesignTokensComponentsLoaderScreen,\n    TDesignTokensComponentsMarker,\n    TDesignTokensComponentsMarkerStatus,\n    TDesignTokensComponentsModalWindow,\n    TDesignTokensComponentsMultiselectField,\n    TDesignTokensComponentsNotification,\n    TDesignTokensComponentsOverlay,\n    TDesignTokensComponentsPageIndicators,\n    TDesignTokensComponentsPagination,\n    TDesignTokensComponentsPuller,\n    TDesignTokensComponentsPullerList,\n    TDesignTokensComponentsRadio,\n    TDesignTokensComponentsSegmentedControl,\n    TDesignTokensComponentsSegmentedControlSegment,\n    TDesignTokensComponentsSkeleton,\n    TDesignTokensComponentsSmallInput,\n    TDesignTokensComponentsSmartSpot,\n    TDesignTokensComponentsSMSField,\n    TDesignTokensComponentsStatusTracker,\n    TDesignTokensComponentsStep,\n    TDesignTokensComponentsStepper,\n    TDesignTokensComponentsTableBasic,\n    TDesignTokensComponentsTabs,\n    TDesignTokensComponentsTag,\n    TDesignTokensComponentsTagColor,\n    TDesignTokensComponentsTabsLine,\n    TDesignTokensComponentsTooltip,\n    TDesignTokensComponentsTopOverlay,\n    TDesignTokensComponentsTypography,\n    TDesignTokensComponentsUploadZone,\n} from \"../components\";\nimport { TDesignTokensComponentsSlider } from \"@sberbusiness/triplex-next/components/DesignTokens/components/Slider\";\n\n// Название токенов группы ColorBrand.\nexport const designTokensCoreGroupColorBrandKeys = [\n    \"100\",\n    \"95\",\n    \"90\",\n    \"80\",\n    \"70\",\n    \"60\",\n    \"50\",\n    \"40\",\n    \"30\",\n    \"20\",\n    \"10\",\n    \"0\",\n] as const;\n// Название токенов группы ColorDarkNeutralAlpha.\nexport const designTokensCoreGroupColorDarkNeutralAlphaKeys = [\n    \"100\",\n    \"90\",\n    \"80\",\n    \"70\",\n    \"60\",\n    \"50\",\n    \"40\",\n    \"30\",\n    \"20\",\n    \"10\",\n    \"0\",\n] as const;\n// Название токенов группы ColorDarkNeutral.\nexport const designTokensCoreGroupColorDarkNeutralKeys = [\n    \"100\",\n    \"90\",\n    \"80\",\n    \"70\",\n    \"60\",\n    \"50\",\n    \"40\",\n    \"30\",\n    \"20\",\n    \"10\",\n    \"0\",\n] as const;\n// Название токенов группы ColorError.\nexport const designTokensCoreGroupColorErrorKeys = [\n    \"100\",\n    \"90\",\n    \"80\",\n    \"70\",\n    \"60\",\n    \"50\",\n    \"40\",\n    \"30\",\n    \"20\",\n    \"10\",\n    \"0\",\n] as const;\n// Название токенов группы ColorInfo.\nexport const designTokensCoreGroupColorInfoKeys = [\n    \"100\",\n    \"90\",\n    \"80\",\n    \"70\",\n    \"60\",\n    \"50\",\n    \"40\",\n    \"30\",\n    \"20\",\n    \"10\",\n    \"0\",\n] as const;\n// Название токенов группы ColorNeutralAlpha.\nexport const designTokensCoreGroupColorNeutralAlphaKeys = [\n    \"100\",\n    \"90\",\n    \"80\",\n    \"70\",\n    \"60\",\n    \"50\",\n    \"40\",\n    \"30\",\n    \"20\",\n    \"10\",\n    \"0\",\n] as const;\n// Название токенов группы ColorNeutral.\nexport const designTokensCoreGroupColorNeutralKeys = [\n    \"100\",\n    \"90\",\n    \"80\",\n    \"70\",\n    \"60\",\n    \"50\",\n    \"40\",\n    \"30\",\n    \"20\",\n    \"10\",\n    \"0\",\n] as const;\n// Название токенов группы ColorSuccess.\nexport const designTokensCoreGroupColorSuccessKeys = [\n    \"100\",\n    \"90\",\n    \"80\",\n    \"70\",\n    \"60\",\n    \"50\",\n    \"40\",\n    \"30\",\n    \"20\",\n    \"10\",\n    \"0\",\n] as const;\n// Название токенов группы ColorSystem.\nexport const designTokensCoreGroupColorSystemKeys = [\n    \"100\",\n    \"95\",\n    \"90\",\n    \"80\",\n    \"70\",\n    \"60\",\n    \"50\",\n    \"40\",\n    \"30\",\n    \"20\",\n    \"10\",\n    \"0\",\n] as const;\n// Название токенов группы Shadow.\nexport const designTokensCoreGroupShadowKeys = [\"01\", \"02\", \"03\", \"04\", \"05\", \"06\", \"07\"] as const;\n// Название токенов группы DarkShadow.\nexport const designTokensCoreGroupDarkShadowKeys = [\"01\", \"02\", \"03\", \"04\", \"05\", \"06\", \"07\"] as const;\n// Название токенов группы ColorWarning.\nexport const designTokensCoreGroupColorWarningKeys = [\n    \"100\",\n    \"90\",\n    \"80\",\n    \"70\",\n    \"60\",\n    \"50\",\n    \"40\",\n    \"30\",\n    \"20\",\n    \"10\",\n    \"0\",\n] as const;\n\n// Тип, содержащий названия токенов группы ColorBrand.\nexport type TDesignTokensCoreGroupColorBrandKeys = (typeof designTokensCoreGroupColorBrandKeys)[number];\n// Тип, содержащий названия токенов группы ColorDarkNeutralAlpha.\nexport type TDesignTokensCoreGroupColorDarkNeutralAlphaKeys =\n    (typeof designTokensCoreGroupColorDarkNeutralAlphaKeys)[number];\n// Тип, содержащий названия токенов группы DarkNeutral.\nexport type TDesignTokensCoreGroupColorDarkNeutralKeys = (typeof designTokensCoreGroupColorDarkNeutralKeys)[number];\n// Тип, содержащий названия токенов группы ColorError.\nexport type TDesignTokensCoreGroupColorErrorKeys = (typeof designTokensCoreGroupColorErrorKeys)[number];\n// Тип, содержащий названия токенов группы ColorInfo.\nexport type TDesignTokensCoreGroupColorInfoKeys = (typeof designTokensCoreGroupColorInfoKeys)[number];\n// Тип, содержащий названия токенов группы ColorNeutralAlpha.\nexport type TDesignTokensCoreGroupColorNeutralAlphaKeys = (typeof designTokensCoreGroupColorNeutralAlphaKeys)[number];\n// Тип, содержащий названия токенов группы ColorNeutral.\nexport type TDesignTokensCoreGroupColorNeutralKeys = (typeof designTokensCoreGroupColorNeutralKeys)[number];\n// Тип, содержащий названия токенов группы ColorSuccess.\nexport type TDesignTokensCoreGroupColorSuccessKeys = (typeof designTokensCoreGroupColorSuccessKeys)[number];\n// Тип, содержащий названия токенов группы ColorSystem.\nexport type TDesignTokensCoreGroupColorSystemKeys = (typeof designTokensCoreGroupColorSystemKeys)[number];\n// Тип, содержащий названия токенов группы Shadow.\nexport type TDesignTokensCoreGroupShadowKeys = (typeof designTokensCoreGroupShadowKeys)[number];\n// Тип, содержащий названия токенов группы DarkShadow.\nexport type TDesignTokensCoreGroupDarkShadowKeys = (typeof designTokensCoreGroupDarkShadowKeys)[number];\n// Тип, содержащий названия токенов группы ColorWarning.\nexport type TDesignTokensCoreGroupColorWarningKeys = (typeof designTokensCoreGroupColorWarningKeys)[number];\n\n// Тип, содержащий названия токенов группы ColorBrand и их значения.\nexport type TDesignTokensCoreGroupColorBrandValue = Record<TDesignTokensCoreGroupColorBrandKeys, TDesignTokenValue>;\n// Тип, содержащий названия токенов группы ColorDarkNeutralAlpha и их значения.\nexport type TDesignTokensCoreGroupColorDarkNeutralAlphaValue = Record<\n    TDesignTokensCoreGroupColorDarkNeutralAlphaKeys,\n    TDesignTokenValue\n>;\n// Тип, содержащий названия токенов группы ColorDarkNeutral и их значения.\nexport type TDesignTokensCoreGroupColorDarkNeutralValue = Record<\n    TDesignTokensCoreGroupColorDarkNeutralKeys,\n    TDesignTokenValue\n>;\n// Тип, содержащий названия токенов группы ColorError и их значения.\nexport type TDesignTokensCoreGroupColorErrorValue = Record<TDesignTokensCoreGroupColorErrorKeys, TDesignTokenValue>;\n// Тип, содержащий названия токенов группы ColorInfo и их значения.\nexport type TDesignTokensCoreGroupColorInfoValue = Record<TDesignTokensCoreGroupColorInfoKeys, TDesignTokenValue>;\n// Тип, содержащий названия токенов группы ColorNeutralAlpha и их значения.\nexport type TDesignTokensCoreGroupColorNeutralAlphaValue = Record<\n    TDesignTokensCoreGroupColorNeutralAlphaKeys,\n    TDesignTokenValue\n>;\n// Тип, содержащий названия токенов группы ColorNeutral и их значения.\nexport type TDesignTokensCoreGroupColorNeutralValue = Record<TDesignTokensCoreGroupColorNeutralKeys, TDesignTokenValue>;\n// Тип, содержащий названия токенов группы ColorSuccess и их значения.\nexport type TDesignTokensCoreGroupColorSuccessValue = Record<TDesignTokensCoreGroupColorSuccessKeys, TDesignTokenValue>;\n// Тип, содержащий названия токенов группы ColorSystem и их значения.\nexport type TDesignTokensCoreGroupColorSystemValue = Record<TDesignTokensCoreGroupColorSystemKeys, TDesignTokenValue>;\n// Тип, содержащий названия токенов группы Shadow и их значения.\nexport type TDesignTokensCoreGroupShadowValue = Record<TDesignTokensCoreGroupShadowKeys, TDesignTokenValue>;\n// Тип, содержащий названия токенов группы DarkShadow и их значения.\nexport type TDesignTokensCoreGroupDarkShadowValue = Record<TDesignTokensCoreGroupDarkShadowKeys, TDesignTokenValue>;\n// Тип, содержащий названия токенов группы Warning и их значения.\nexport type TDesignTokensCoreGroupColorWarningValue = Record<TDesignTokensCoreGroupColorWarningKeys, TDesignTokenValue>;\n\n// Тип токенов группы Brand.\nexport type TDesignTokensCoreGroupColorBrand = { ColorBrand: TDesignTokensCoreGroupColorBrandValue };\n// Тип токенов группы DarkNeutralAlpha.\nexport type TDesignTokensCoreGroupColorDarkNeutralAlpha = {\n    ColorDarkNeutralAlpha: TDesignTokensCoreGroupColorDarkNeutralAlphaValue;\n};\n// Тип токенов группы DarkNeutral.\nexport type TDesignTokensCoreGroupColorDarkNeutral = { ColorDarkNeutral: TDesignTokensCoreGroupColorDarkNeutralValue };\n// Тип токенов группы Error.\nexport type TDesignTokensCoreGroupColorError = { ColorError: TDesignTokensCoreGroupColorErrorValue };\n// Тип токенов группы Info.\nexport type TDesignTokensCoreGroupColorInfo = { ColorInfo: TDesignTokensCoreGroupColorInfoValue };\n// Тип токенов группы NeutralAlpha.\nexport type TDesignTokensCoreGroupColorNeutralAlpha = {\n    ColorNeutralAlpha: TDesignTokensCoreGroupColorNeutralAlphaValue;\n};\n// Тип токенов группы Neutral.\nexport type TDesignTokensCoreGroupColorNeutral = { ColorNeutral: TDesignTokensCoreGroupColorNeutralValue };\n// Тип токенов группы Success.\nexport type TDesignTokensCoreGroupColorSuccess = { ColorSuccess: TDesignTokensCoreGroupColorSuccessValue };\n// Тип токенов группы ColorSystem.\nexport type TDesignTokensCoreGroupColorSystem = { ColorSystem: TDesignTokensCoreGroupColorSystemValue };\n// Тип токенов группы Shadow.\nexport type TDesignTokensCoreGroupShadow = { Shadow: TDesignTokensCoreGroupShadowValue };\n// Тип токенов группы DarkShadow.\nexport type TDesignTokensCoreGroupDarkShadow = { DarkShadow: TDesignTokensCoreGroupDarkShadowValue };\n// Тип токенов группы Warning.\nexport type TDesignTokensCoreGroupColorWarning = { ColorWarning: TDesignTokensCoreGroupColorWarningValue };\n\n// Тип глобальных токенов.\nexport type TDesignTokensCore = TDesignTokensCoreGroupColorBrand &\n    TDesignTokensCoreGroupColorDarkNeutralAlpha &\n    TDesignTokensCoreGroupColorDarkNeutral &\n    TDesignTokensCoreGroupColorError &\n    TDesignTokensCoreGroupColorInfo &\n    TDesignTokensCoreGroupColorNeutralAlpha &\n    TDesignTokensCoreGroupColorNeutral &\n    TDesignTokensCoreGroupColorSuccess &\n    TDesignTokensCoreGroupColorSystem &\n    TDesignTokensCoreGroupColorWarning &\n    TDesignTokensCoreGroupShadow &\n    TDesignTokensCoreGroupDarkShadow;\n\n// Тип локальных токенов(токенов компонентов).\nexport type TDesignTokensComponents =\n    | TDesignTokensComponentsAlertContext\n    | TDesignTokensComponentsAlertProcess\n    | TDesignTokensComponentsAvatar\n    | TDesignTokensComponentsBadge\n    | TDesignTokensComponentsButton\n    | TDesignTokensComponentsCalendar\n    | TDesignTokensComponentsCard\n    | TDesignTokensComponentsCarousel\n    | TDesignTokensComponentsCheckbox\n    | TDesignTokensComponentsChip\n    | TDesignTokensComponentsCollapsibleTree\n    | TDesignTokensComponentsDivider\n    | TDesignTokensComponentsDropdown\n    | TDesignTokensComponentsDropdownList\n    | TDesignTokensComponentsFooterPage\n    | TDesignTokensComponentsFormField\n    | TDesignTokensComponentsHeaderPage\n    | TDesignTokensComponentsIsland\n    | TDesignTokensComponentsIslandAccordion\n    | TDesignTokensComponentsIslandWidget\n    | TDesignTokensComponentsImageGallery\n    | TDesignTokensComponentsLightBox\n    | TDesignTokensComponentsLink\n    | TDesignTokensComponentsListItem\n    | TDesignTokensComponentsListItemControlsButton\n    | TDesignTokensComponentsListMaster\n    | TDesignTokensComponentsLoader\n    | TDesignTokensComponentsLoaderScreen\n    | TDesignTokensComponentsMarker\n    | TDesignTokensComponentsMarkerStatus\n    | TDesignTokensComponentsModalWindow\n    | TDesignTokensComponentsMultiselectField\n    | TDesignTokensComponentsNotification\n    | TDesignTokensComponentsOverlay\n    | TDesignTokensComponentsPageIndicators\n    | TDesignTokensComponentsPagination\n    | TDesignTokensComponentsPuller\n    | TDesignTokensComponentsPullerList\n    | TDesignTokensComponentsRadio\n    | TDesignTokensComponentsSegmentedControl\n    | TDesignTokensComponentsSegmentedControlSegment\n    | TDesignTokensComponentsSkeleton\n    | TDesignTokensComponentsSmallInput\n    | TDesignTokensComponentsSmartSpot\n    | TDesignTokensComponentsSMSField\n    | TDesignTokensComponentsSlider\n    | TDesignTokensComponentsStep\n    | TDesignTokensComponentsStepper\n    | TDesignTokensComponentsTableBasic\n    | TDesignTokensComponentsTabs\n    | TDesignTokensComponentsTag\n    | TDesignTokensComponentsTagColor\n    | TDesignTokensComponentsTabsLine\n    | TDesignTokensComponentsTooltip\n    | TDesignTokensComponentsTopOverlay\n    | TDesignTokensComponentsTypography\n    | TDesignTokensComponentsStatusTracker\n    | TDesignTokensComponentsUploadZone;\n\n// Тип токенов, включающий core токены и токены компонентов.\nexport type TDesignTokens = TDesignTokensCore & TDesignTokensComponents;\n\ntype TCreatePartialTokens<Type> = {\n    [Property in keyof Type]?: TCreatePartialTokens<Type[Property]>;\n};\n\n// Тип токенов, включающий core токены и токены компонентов со всеми не обязательными свойствами.\nexport type TDesignTokensPartial = TCreatePartialTokens<TDesignTokens>;\n\n// Тип, чтобы можно было итерировать объекты типа TDesignTokensCore;\nexport type TDesignTokensCoreWithIndex = TDesignTokensCore & {\n    [key: string]: {\n        [key: string]: TDesignTokenValue;\n    };\n};\n\n// Тип, чтобы можно было итерировать объекты типа TDesignTokensComponents;\nexport type TDesignTokensComponentsWithIndex = TDesignTokensComponents & {\n    [key: string]: {\n        [key: string]: TDesignTokenValue;\n    };\n};\n\n// Абстрактный тип группы токенов, не привязанный к названиям токенов.\nexport type TDesignTokensGroupAbstract = {\n    [tokenGroup: string]: {\n        [tokenTitle: string]: TDesignTokenValue;\n    };\n};\n"],"names":[],"mappings":"AA+DO,MAAM,sCAAsC;AAAA,EAC/C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ;AAEO,MAAM,iDAAiD;AAAA,EAC1D;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ;AAEO,MAAM,4CAA4C;AAAA,EACrD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ;AAEO,MAAM,sCAAsC;AAAA,EAC/C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ;AAEO,MAAM,qCAAqC;AAAA,EAC9C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ;AAEO,MAAM,6CAA6C;AAAA,EACtD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ;AAEO,MAAM,wCAAwC;AAAA,EACjD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ;AAEO,MAAM,wCAAwC;AAAA,EACjD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ;AAEO,MAAM,uCAAuC;AAAA,EAChD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ;AAEO,MAAM,kCAAkC,CAAC,MAAM,MAAM,MAAM,MAAM,MAAM,MAAM,IAAI;AAEjF,MAAM,sCAAsC,CAAC,MAAM,MAAM,MAAM,MAAM,MAAM,MAAM,IAAI;AAErF,MAAM,wCAAwC;AAAA,EACjD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ;"}

package/components/Divider/Divider.js

@@ -1,25 +1,25 @@
 import { jsx } from "react/jsx-runtime";
 import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
 import React__default from "react";
-const divider = "divider__44ff6bbd";
+const divider = "divider__bd6295e6";
 const styles = {
   divider,
-  "marginTopSize-4": "marginTopSize-4__d7c0b905",
-  "marginBottomSize-4": "marginBottomSize-4__cdfc81a7",
-  "marginTopSize-8": "marginTopSize-8__c91b2f14",
-  "marginBottomSize-8": "marginBottomSize-8__6cbd885e",
-  "marginTopSize-12": "marginTopSize-12__59ea7fd7",
-  "marginBottomSize-12": "marginBottomSize-12__8f3f061e",
-  "marginTopSize-16": "marginTopSize-16__beef2b59",
-  "marginBottomSize-16": "marginBottomSize-16__60f1f33c",
-  "marginTopSize-20": "marginTopSize-20__c342db02",
-  "marginBottomSize-20": "marginBottomSize-20__35307fdc",
-  "marginTopSize-24": "marginTopSize-24__c88f0f27",
-  "marginBottomSize-24": "marginBottomSize-24__a0648746",
-  "marginTopSize-28": "marginTopSize-28__bd72070d",
-  "marginBottomSize-28": "marginBottomSize-28__95fb645a",
-  "marginTopSize-32": "marginTopSize-32__c57c17ee",
-  "marginBottomSize-32": "marginBottomSize-32__53ef094f"
+  "marginTopSize-4": "marginTopSize-4__d47bcfb5",
+  "marginBottomSize-4": "marginBottomSize-4__fb698b63",
+  "marginTopSize-8": "marginTopSize-8__96f81f9a",
+  "marginBottomSize-8": "marginBottomSize-8__7b478037",
+  "marginTopSize-12": "marginTopSize-12__2c9e4554",
+  "marginBottomSize-12": "marginBottomSize-12__fe2faa2e",
+  "marginTopSize-16": "marginTopSize-16__facd5607",
+  "marginBottomSize-16": "marginBottomSize-16__8a5ac3a2",
+  "marginTopSize-20": "marginTopSize-20__60532cf8",
+  "marginBottomSize-20": "marginBottomSize-20__a34c946b",
+  "marginTopSize-24": "marginTopSize-24__03c3eec6",
+  "marginBottomSize-24": "marginBottomSize-24__4afd44b9",
+  "marginTopSize-28": "marginTopSize-28__ac0c2dc5",
+  "marginBottomSize-28": "marginBottomSize-28__bb2a4227",
+  "marginTopSize-32": "marginTopSize-32__e1f56ae2",
+  "marginBottomSize-32": "marginBottomSize-32__c8913e5d"
 };
 const Divider = React__default.forwardRef(
   ({ className, marginTopSize, marginBottomSize, ...restProps }, ref) => /* @__PURE__ */ jsx(

package/components/DocumentNumberEdit/DocumentNumberEdit.js

@@ -8,9 +8,9 @@ import { EFontType, ETextSize } from "../Typography/enums.js";
 import { getCaretPosition, setCaretPosition } from "../../utils/inputUtils.js";
 import { StringUtils } from "../../utils/stringUtils.js";
 import { isKey } from "../../utils/keyboard.js";
-const documentNumberEdit = "documentNumberEdit__8321c49e";
-const label = "label__1682d47e";
-const inputEditWrapper = "inputEditWrapper__a4e3e787";
+const documentNumberEdit = "documentNumberEdit__faf71130";
+const label = "label__fcb19635";
+const inputEditWrapper = "inputEditWrapper__36e3e02a";
 const styles = {
   documentNumberEdit,
   label,

package/components/Dropdown/Dropdown.js

@@ -2,10 +2,10 @@ import { jsx } from "react/jsx-runtime";
 import React__default, { useRef, useEffect } from "react";
 import { Portal } from "../Portal/Portal.js";
 import { DropdownDesktop } from "./desktop/DropdownDesktop.js";
-import { DropdownMobile } from "./mobile/DropdownMobile.js";
 import { MobileView } from "../MobileView/MobileView.js";
+import { Puller } from "../Puller/Puller.js";
 const Dropdown = React__default.forwardRef(
-  ({ children, opened, setOpened, onOpen, onClose, mobileViewProps, ...desktopProps }, ref) => {
+  ({ children, opened, setOpened, onOpen, onClose, pullerProps, ...desktopProps }, ref) => {
     const prevOpenedRef = useRef(opened);
     const callbacksRef = useRef({ onOpen, onClose });
     useEffect(() => {
@@ -23,11 +23,11 @@ const Dropdown = React__default.forwardRef(
         (_d = (_c = callbacksRef.current).onClose) == null ? void 0 : _d.call(_c);
       }
     }, [opened]);
-    return /* @__PURE__ */ jsx(Portal, { container: document.body, children: mobileViewProps ? /* @__PURE__ */ jsx(
+    return /* @__PURE__ */ jsx(Portal, { container: document.body, children: pullerProps ? /* @__PURE__ */ jsx(
       MobileView,
       {
         fallback: /* @__PURE__ */ jsx(DropdownDesktop, { opened, setOpened, ...desktopProps, ref, children }),
-        children: /* @__PURE__ */ jsx(DropdownMobile, { opened, setOpened, ...mobileViewProps, ref, children: mobileViewProps.children || children })
+        children: /* @__PURE__ */ jsx(Puller, { opened, setOpened, ...pullerProps, ref, children: pullerProps.children || children })
       }
     ) : /* @__PURE__ */ jsx(DropdownDesktop, { opened, setOpened, ...desktopProps, ref, children }) });
   }

package/components/Dropdown/Dropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dropdown.js","sources":["../../../src/components/Dropdown/Dropdown.tsx"],"sourcesContent":["import React, { useEffect, useRef } from \"react\";\nimport { Portal } from \"@sberbusiness/triplex-next/components/Portal/Portal\";\nimport {\n    DropdownDesktop,\n    IDropdownDesktopProps,\n} from \"@sberbusiness/triplex-next/components/Dropdown/desktop/DropdownDesktop\";\nimport { DropdownMobile, IDropdownMobileProps } from \"./mobile/DropdownMobile\";\nimport { MobileView } from \"@sberbusiness/triplex-next/components/MobileView/MobileView\";\n\n/** Свойства компонента Dropdown. */\nexport interface IDropdownProps extends IDropdownDesktopProps {\n    /** Функция, вызывающаяся при открытии. */\n    onOpen?: () => void;\n    /** Функция, вызывающаяся при закрытии. */\n    onClose?: () => void;\n    /** Свойства отображения в адаптивном режиме. В этом режиме на мобильном устройстве Dropdown рендерится на весь экран. */\n    mobileViewProps?: Omit<IDropdownMobileProps, \"opened\" | \"setOpened\">;\n}\n\n/**\n * Выпадающее меню.\n * Рендерится через Portal в document.body и позиционируется относительно targetRef.\n * Если передан mobileViewProps, на мобильной ширине экрана вместо десктопного меню рендерится\n * полноэкранная мобильная версия (DropdownMobile).\n */\nexport const Dropdown = React.forwardRef<HTMLDivElement, IDropdownProps>(\n    ({ children, opened, setOpened, onOpen, onClose, mobileViewProps, ...desktopProps }, ref) => {\n        // Предыдущее состояние открытости. Сравнение со значением вместо флага \"смонтирован\"\n        // делает эффект идемпотентным: повторный маунт в StrictMode не вызывает колбэки.\n        const prevOpenedRef = useRef(opened);\n        // Актуальные колбэки хранятся в ref, чтобы эффект зависел только от opened\n        // и не вызывал onOpen/onClose при смене идентичности колбэков.\n        const callbacksRef = useRef({ onOpen, onClose });\n\n        useEffect(() => {\n            callbacksRef.current = { onOpen, onClose };\n        });\n\n        useEffect(() => {\n            // Колбэки вызываются только на смену состояния, но не на первом рендере.\n            if (prevOpenedRef.current === opened) {\n                return;\n            }\n\n            prevOpenedRef.current = opened;\n\n            if (opened) {\n                callbacksRef.current.onOpen?.();\n            } else {\n                callbacksRef.current.onClose?.();\n            }\n        }, [opened]);\n\n        return (\n            <Portal container={document.body}>\n                {mobileViewProps ? (\n                    <MobileView\n                        fallback={\n                            <DropdownDesktop opened={opened} setOpened={setOpened} {...desktopProps} ref={ref}>\n                                {children}\n                            </DropdownDesktop>\n                        }\n                    >\n                        <DropdownMobile opened={opened} setOpened={setOpened} {...mobileViewProps} ref={ref}>\n                            {mobileViewProps.children || children}\n                        </DropdownMobile>\n                    </MobileView>\n                ) : (\n                    <DropdownDesktop opened={opened} setOpened={setOpened} {...desktopProps} ref={ref}>\n                        {children}\n                    </DropdownDesktop>\n                )}\n            </Portal>\n        );\n    },\n);\n\nDropdown.displayName = \"Dropdown\";\n"],"names":["React"],"mappings":";;;;;;AAyBO,MAAM,WAAWA,eAAM;AAAA,EAC1B,CAAC,EAAE,UAAU,QAAQ,WAAW,QAAQ,SAAS,iBAAiB,GAAG,aAAA,GAAgB,QAAQ;AAGzF,UAAM,gBAAgB,OAAO,MAAM;AAGnC,UAAM,eAAe,OAAO,EAAE,QAAQ,SAAS;AAE/C,cAAU,MAAM;AACZ,mBAAa,UAAU,EAAE,QAAQ,QAAA;AAAA,IACrC,CAAC;AAED,cAAU,MAAM;;AAEZ,UAAI,cAAc,YAAY,QAAQ;AAClC;AAAA,MACJ;AAEA,oBAAc,UAAU;AAExB,UAAI,QAAQ;AACR,iCAAa,SAAQ,WAArB;AAAA,MACJ,OAAO;AACH,iCAAa,SAAQ,YAArB;AAAA,MACJ;AAAA,IACJ,GAAG,CAAC,MAAM,CAAC;AAEX,WACI,oBAAC,QAAA,EAAO,WAAW,SAAS,MACvB,UAAA,kBACG;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,8BACK,iBAAA,EAAgB,QAAgB,WAAuB,GAAG,cAAc,KACpE,UACL;AAAA,QAGJ,UAAA,oBAAC,kBAAe,QAAgB,WAAuB,GAAG,iBAAiB,KACtE,UAAA,gBAAgB,YAAY,SAAA,CACjC;AAAA,MAAA;AAAA,IAAA,wBAGH,iBAAA,EAAgB,QAAgB,WAAuB,GAAG,cAAc,KACpE,SAAA,CACL,GAER;AAAA,EAER;AACJ;AAEA,SAAS,cAAc;"}
+{"version":3,"file":"Dropdown.js","sources":["../../../src/components/Dropdown/Dropdown.tsx"],"sourcesContent":["import React, { useEffect, useRef } from \"react\";\nimport { Portal } from \"../Portal/Portal\";\nimport { DropdownDesktop, IDropdownDesktopProps } from \"./desktop/DropdownDesktop\";\nimport { MobileView } from \"../MobileView/MobileView\";\nimport { Puller, IPullerProps } from \"../Puller/Puller\";\n\n/** Свойства компонента Dropdown. */\nexport interface IDropdownProps extends IDropdownDesktopProps {\n    /** Функция, вызывающаяся при открытии. */\n    onOpen?: () => void;\n    /** Функция, вызывающаяся при закрытии. */\n    onClose?: () => void;\n    /**\n     * Свойства шторки Puller для адаптивного режима. Если передан, на мобильной ширине экрана (<768px)\n     * вместо десктопного меню рендерится Puller; pullerProps.children заменяет children.\n     */\n    pullerProps?: Omit<IPullerProps, \"opened\" | \"setOpened\">;\n}\n\n/**\n * Выпадающее меню.\n * Рендерится через Portal в document.body и позиционируется относительно targetRef.\n */\nexport const Dropdown = React.forwardRef<HTMLDivElement, IDropdownProps>(\n    ({ children, opened, setOpened, onOpen, onClose, pullerProps, ...desktopProps }, ref) => {\n        // Предыдущее состояние открытости. Сравнение со значением вместо флага \"смонтирован\"\n        // делает эффект идемпотентным: повторный маунт в StrictMode не вызывает колбэки.\n        const prevOpenedRef = useRef(opened);\n        // Актуальные колбэки хранятся в ref, чтобы эффект зависел только от opened\n        // и не вызывал onOpen/onClose при смене идентичности колбэков.\n        const callbacksRef = useRef({ onOpen, onClose });\n\n        useEffect(() => {\n            callbacksRef.current = { onOpen, onClose };\n        });\n\n        useEffect(() => {\n            // Колбэки вызываются только на смену состояния, но не на первом рендере.\n            if (prevOpenedRef.current === opened) {\n                return;\n            }\n\n            prevOpenedRef.current = opened;\n\n            if (opened) {\n                callbacksRef.current.onOpen?.();\n            } else {\n                callbacksRef.current.onClose?.();\n            }\n        }, [opened]);\n\n        return (\n            <Portal container={document.body}>\n                {pullerProps ? (\n                    <MobileView\n                        fallback={\n                            <DropdownDesktop opened={opened} setOpened={setOpened} {...desktopProps} ref={ref}>\n                                {children}\n                            </DropdownDesktop>\n                        }\n                    >\n                        <Puller opened={opened} setOpened={setOpened} {...pullerProps} ref={ref}>\n                            {pullerProps.children || children}\n                        </Puller>\n                    </MobileView>\n                ) : (\n                    <DropdownDesktop opened={opened} setOpened={setOpened} {...desktopProps} ref={ref}>\n                        {children}\n                    </DropdownDesktop>\n                )}\n            </Portal>\n        );\n    },\n);\n\nDropdown.displayName = \"Dropdown\";\n"],"names":["React"],"mappings":";;;;;;AAuBO,MAAM,WAAWA,eAAM;AAAA,EAC1B,CAAC,EAAE,UAAU,QAAQ,WAAW,QAAQ,SAAS,aAAa,GAAG,aAAA,GAAgB,QAAQ;AAGrF,UAAM,gBAAgB,OAAO,MAAM;AAGnC,UAAM,eAAe,OAAO,EAAE,QAAQ,SAAS;AAE/C,cAAU,MAAM;AACZ,mBAAa,UAAU,EAAE,QAAQ,QAAA;AAAA,IACrC,CAAC;AAED,cAAU,MAAM;;AAEZ,UAAI,cAAc,YAAY,QAAQ;AAClC;AAAA,MACJ;AAEA,oBAAc,UAAU;AAExB,UAAI,QAAQ;AACR,iCAAa,SAAQ,WAArB;AAAA,MACJ,OAAO;AACH,iCAAa,SAAQ,YAArB;AAAA,MACJ;AAAA,IACJ,GAAG,CAAC,MAAM,CAAC;AAEX,WACI,oBAAC,QAAA,EAAO,WAAW,SAAS,MACvB,UAAA,cACG;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,8BACK,iBAAA,EAAgB,QAAgB,WAAuB,GAAG,cAAc,KACpE,UACL;AAAA,QAGJ,UAAA,oBAAC,UAAO,QAAgB,WAAuB,GAAG,aAAa,KAC1D,UAAA,YAAY,YAAY,SAAA,CAC7B;AAAA,MAAA;AAAA,IAAA,wBAGH,iBAAA,EAAgB,QAAgB,WAAuB,GAAG,cAAc,KACpE,SAAA,CACL,GAER;AAAA,EAER;AACJ;AAEA,SAAS,cAAc;"}

package/components/Dropdown/desktop/DropdownDesktop.js

@@ -6,20 +6,20 @@ 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__1913f034";
-const sm = "sm__d53c64ca";
-const md = "md__b08c2caf";
-const lg = "lg__1e3858ac";
-const dropdownDesktopOverflowHidden = "dropdownDesktopOverflowHidden__2c00d9bc";
+import { lockBodyScroll } from "../../../utils/scroll/bodyScrollLock.js";
+const dropdownDesktop = "dropdownDesktop__c8d4f1e3";
+const sm = "sm__794bf9a6";
+const md = "md__74afc2b5";
+const lg = "lg__1a566419";
+const dropdownDesktopScrollLock = "dropdownDesktopScrollLock__372f4240";
 const styles = {
   dropdownDesktop,
   sm,
   md,
   lg,
-  dropdownDesktopOverflowHidden
+  dropdownDesktopScrollLock
 };
 const sizeToClassNameMap = createSizeToClassNameMap(styles);
-const overflowHiddenClassName = styles.dropdownDesktopOverflowHidden;
 const TARGET_OFFSET = 4;
 const DropdownDesktop = React__default.forwardRef((props, ref) => {
   const {
@@ -137,13 +137,13 @@ const DropdownDesktop = React__default.forwardRef((props, ref) => {
       document.addEventListener("scroll", updatePosition, true);
       window.addEventListener("resize", updatePosition);
       toggleScrollEventListener(true);
-      document.body.classList.add(overflowHiddenClassName);
+      const unlockBodyScroll = lockBodyScroll(styles.dropdownDesktopScrollLock);
       updatePosition();
       return () => {
         document.removeEventListener("scroll", updatePosition, true);
         window.removeEventListener("resize", updatePosition);
         toggleScrollEventListener(false);
-        document.body.classList.remove(overflowHiddenClassName);
+        unlockBodyScroll();
       };
     }
   }, [opened, updatePosition, toggleScrollEventListener]);
@@ -164,7 +164,7 @@ const DropdownDesktop = React__default.forwardRef((props, ref) => {
       className: classNames,
       style: { ...styleState, ...styleProp },
       ...rest,
-      "data-tx": "1.51.0",
+      "data-tx": "1.53.0",
       ref: setRef,
       children
     }

package/components/Dropdown/desktop/DropdownDesktop.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownDesktop.js","sources":["../../../../src/components/Dropdown/desktop/DropdownDesktop.tsx"],"sourcesContent":["import React, { useState, useRef, useCallback, useEffect } from \"react\";\nimport clsx from \"clsx\";\nimport { EDropdownAlignment, EDropdownDirection, EDropdownWidth } from \"./enums\";\nimport { EComponentSize } from \"../../../enums/EComponentSize\";\nimport { createSizeToClassNameMap } from \"../../../utils/classNameMaps\";\nimport { useToken } from \"../../ThemeProvider/useToken\";\nimport { isKey } from \"../../../utils/keyboard\";\nimport styles from \"../styles/DropdownDesktop.module.less\";\n\n/** Свойства компонента DropdownDesktop. */\nexport interface IDropdownDesktopProps extends React.HTMLAttributes<HTMLDivElement> {\n    /** Открыт. */\n    opened: boolean;\n    /** Устанавливает флаг opened. */\n    setOpened: (opened: boolean) => void;\n    /** Ссылка на управляющий элемент. */\n    targetRef: React.RefObject<HTMLElement>;\n    /** Размер дропдауна. */\n    size?: EComponentSize;\n    /** Направление выпадающего меню. */\n    direction?: EDropdownDirection;\n    /** Выравнивание списка относительно управляющего элемента. */\n    alignment?: EDropdownAlignment;\n    /** Вариант расчёта ширины выпадающего списка. */\n    width?: EDropdownWidth;\n}\n\nconst sizeToClassNameMap = createSizeToClassNameMap(styles);\n\nconst overflowHiddenClassName = styles.dropdownDesktopOverflowHidden;\n\n/** Отступ между управляющим элементом и выпадающим меню, px. */\nconst TARGET_OFFSET = 4;\n\n/**\n * Десктопная версия выпадающего меню.\n * Позиционируется фиксированно относительно targetRef, пересчитывает положение при скролле,\n * ресайзе окна и изменении размеров меню или управляющего элемента. Пока меню открыто,\n * скролл страницы вне меню заблокирован. В закрытом состоянии ничего не рендерит.\n */\nexport const DropdownDesktop = React.forwardRef<HTMLDivElement, IDropdownDesktopProps>((props, ref) => {\n    const {\n        children,\n        className,\n        style: styleProp,\n        size = EComponentSize.MD,\n        direction = EDropdownDirection.AUTO,\n        alignment = EDropdownAlignment.LEFT,\n        width = EDropdownWidth.CONTENT,\n        opened,\n        targetRef,\n        setOpened,\n        ...rest\n    } = props;\n    const [styleState, setStyleState] = useState<React.CSSProperties>({ opacity: 0 });\n    const dropdownRef = useRef<HTMLDivElement | null>(null);\n\n    const { scopeClassName } = useToken();\n    const classNames = clsx(styles.dropdownDesktop, sizeToClassNameMap[size], scopeClassName, className);\n\n    /** Блокировка скролла вне дропдауна. */\n    const wheelHandler = useCallback((event: WheelEvent) => {\n        if (!dropdownRef.current?.contains(event.target as Node)) {\n            event.preventDefault();\n        }\n    }, []);\n\n    const keyDownHandler = useCallback((event: KeyboardEvent) => {\n        if (event.target === document.body) {\n            const key = event.code || event.keyCode;\n\n            if (\n                isKey(key, \"SPACE\") ||\n                isKey(key, \"PAGE_UP\") ||\n                isKey(key, \"PAGE_DOWN\") ||\n                isKey(key, \"END\") ||\n                isKey(key, \"HOME\") ||\n                isKey(key, \"ARROW_LEFT\") ||\n                isKey(key, \"ARROW_UP\") ||\n                isKey(key, \"ARROW_RIGHT\") ||\n                isKey(key, \"ARROW_DOWN\")\n            ) {\n                event.preventDefault();\n            }\n        }\n    }, []);\n\n    /** Управление подпиской на события, блокирующие скролл страницы вне дропдауна. */\n    const toggleScrollEventListener = useCallback(\n        (add: boolean) => {\n            if (add) {\n                document.addEventListener(\"wheel\", wheelHandler, { passive: false });\n                document.addEventListener(\"keydown\", keyDownHandler);\n            } else {\n                document.removeEventListener(\"wheel\", wheelHandler);\n                document.removeEventListener(\"keydown\", keyDownHandler);\n            }\n        },\n        [wheelHandler, keyDownHandler],\n    );\n\n    /** Расчёт положения по горизонтали. */\n    const calculatePositionHorizontal = useCallback(\n        (css: React.CSSProperties, targetRect: DOMRect, expectedWidth: number) => {\n            const clientWidth = document.documentElement.clientWidth;\n\n            const leftPos = targetRect.left;\n            const rightPos = targetRect.right - expectedWidth;\n\n            if (alignment === EDropdownAlignment.LEFT) {\n                const fitsRightSide = leftPos + expectedWidth <= clientWidth;\n                css.left = fitsRightSide ? leftPos : Math.max(0, rightPos);\n            } else {\n                const fitsLeftSide = rightPos >= 0;\n                css.left = fitsLeftSide ? rightPos : Math.max(0, Math.min(leftPos, clientWidth - expectedWidth));\n            }\n        },\n        [alignment],\n    );\n\n    /** Расчёт положения по вертикали. */\n    const calculatePositionVertical = useCallback(\n        (css: React.CSSProperties, dropdownRect: DOMRect, targetRect: DOMRect) => {\n            if (direction === EDropdownDirection.AUTO) {\n                if (targetRect.bottom + TARGET_OFFSET + dropdownRect.height < document.documentElement.clientHeight) {\n                    // Если влезает снизу.\n                    css.top = targetRect.bottom + TARGET_OFFSET;\n                } else if (targetRect.top - TARGET_OFFSET - dropdownRect.height > 0) {\n                    // Если не влезает снизу, но влезает сверху.\n                    css.bottom = document.documentElement.clientHeight - targetRect.top + TARGET_OFFSET;\n                } else {\n                    // Если не влезает снизу и сверху.\n                    css.top = targetRect.bottom + TARGET_OFFSET;\n                }\n            } else if (direction === EDropdownDirection.BOTTOM) {\n                css.top = targetRect.bottom + TARGET_OFFSET;\n            } else if (direction === EDropdownDirection.TOP) {\n                css.bottom = document.documentElement.clientHeight - targetRect.top + TARGET_OFFSET;\n            }\n        },\n        [direction],\n    );\n\n    /** Установка положения меню. */\n    const setPosition = useCallback(() => {\n        if (dropdownRef.current === null || targetRef.current === null) return;\n\n        const dropdownRect = dropdownRef.current.getBoundingClientRect();\n        const targetRect = targetRef.current.getBoundingClientRect();\n        const css: React.CSSProperties = {};\n        let expectedWidth = dropdownRect.width;\n\n        if (width === EDropdownWidth.TARGET) {\n            expectedWidth = targetRect.width;\n            css.width = targetRect.width;\n        } else if (width === EDropdownWidth.MIN_TARGET) {\n            expectedWidth = Math.max(dropdownRect.width, targetRect.width);\n            css.minWidth = targetRect.width;\n        }\n\n        calculatePositionVertical(css, dropdownRect, targetRect);\n        calculatePositionHorizontal(css, targetRect, expectedWidth);\n\n        setStyleState(css);\n    }, [targetRef, width, calculatePositionVertical, calculatePositionHorizontal]);\n\n    useEffect(() => {\n        if (opened) {\n            // Положение можно посчитать только после того, как меню отрендерено и его размеры измеримы.\n            setPosition();\n        } else {\n            setStyleState({ opacity: 0 });\n        }\n    }, [opened, setPosition]);\n\n    useEffect(() => {\n        if (!opened || dropdownRef.current === null || targetRef.current === null) return;\n\n        const observer = new ResizeObserver(setPosition);\n\n        observer.observe(dropdownRef.current);\n        observer.observe(targetRef.current);\n        return () => observer.disconnect();\n    }, [opened, targetRef, setPosition]);\n\n    /** Планирует перерасчет позиции дропдауна в следующем кадре. */\n    const updatePosition = useCallback(() => {\n        setTimeout(setPosition);\n    }, [setPosition]);\n\n    useEffect(() => {\n        if (opened) {\n            document.addEventListener(\"scroll\", updatePosition, true);\n            window.addEventListener(\"resize\", updatePosition);\n            toggleScrollEventListener(true);\n            document.body.classList.add(overflowHiddenClassName);\n            updatePosition();\n\n            return () => {\n                document.removeEventListener(\"scroll\", updatePosition, true);\n                window.removeEventListener(\"resize\", updatePosition);\n                toggleScrollEventListener(false);\n                document.body.classList.remove(overflowHiddenClassName);\n            };\n        }\n    }, [opened, updatePosition, toggleScrollEventListener]);\n\n    const setRef = (instance: HTMLDivElement | null) => {\n        dropdownRef.current = instance;\n        if (typeof ref === \"function\") {\n            ref(instance);\n        } else if (ref) {\n            ref.current = instance;\n        }\n    };\n\n    if (!opened) {\n        return null;\n    }\n\n    return (\n        <div\n            className={classNames}\n            style={{ ...styleState, ...styleProp }}\n            {...rest}\n            data-tx={process.env.npm_package_version}\n            ref={setRef}\n        >\n            {children}\n        </div>\n    );\n});\n\nDropdownDesktop.displayName = \"DropdownDesktop\";\n"],"names":["React"],"mappings":"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"}
+{"version":3,"file":"DropdownDesktop.js","sources":["../../../../src/components/Dropdown/desktop/DropdownDesktop.tsx"],"sourcesContent":["import React, { useState, useRef, useCallback, useEffect } from \"react\";\nimport clsx from \"clsx\";\nimport { EDropdownAlignment, EDropdownDirection, EDropdownWidth } from \"./enums\";\nimport { EComponentSize } from \"../../../enums/EComponentSize\";\nimport { createSizeToClassNameMap } from \"../../../utils/classNameMaps\";\nimport { useToken } from \"../../ThemeProvider/useToken\";\nimport { isKey } from \"../../../utils/keyboard\";\nimport { lockBodyScroll } from \"../../../utils/scroll/bodyScrollLock\";\nimport styles from \"../styles/DropdownDesktop.module.less\";\n\n/** Свойства компонента DropdownDesktop. */\nexport interface IDropdownDesktopProps extends React.HTMLAttributes<HTMLDivElement> {\n    /** Открыт. */\n    opened: boolean;\n    /** Устанавливает флаг opened. */\n    setOpened: (opened: boolean) => void;\n    /** Ссылка на управляющий элемент. */\n    targetRef: React.RefObject<HTMLElement>;\n    /** Размер дропдауна. */\n    size?: EComponentSize;\n    /** Направление выпадающего меню. */\n    direction?: EDropdownDirection;\n    /** Выравнивание списка относительно управляющего элемента. */\n    alignment?: EDropdownAlignment;\n    /** Вариант расчёта ширины выпадающего списка. */\n    width?: EDropdownWidth;\n}\n\nconst sizeToClassNameMap = createSizeToClassNameMap(styles);\n\n/** Отступ между управляющим элементом и выпадающим меню, px. */\nconst TARGET_OFFSET = 4;\n\n/**\n * Десктопная версия выпадающего меню.\n * Позиционируется фиксированно относительно targetRef, пересчитывает положение при скролле,\n * ресайзе окна и изменении размеров меню или управляющего элемента. Пока меню открыто,\n * скролл страницы вне меню заблокирован. В закрытом состоянии ничего не рендерит.\n */\nexport const DropdownDesktop = React.forwardRef<HTMLDivElement, IDropdownDesktopProps>((props, ref) => {\n    const {\n        children,\n        className,\n        style: styleProp,\n        size = EComponentSize.MD,\n        direction = EDropdownDirection.AUTO,\n        alignment = EDropdownAlignment.LEFT,\n        width = EDropdownWidth.CONTENT,\n        opened,\n        targetRef,\n        setOpened,\n        ...rest\n    } = props;\n    const [styleState, setStyleState] = useState<React.CSSProperties>({ opacity: 0 });\n    const dropdownRef = useRef<HTMLDivElement | null>(null);\n\n    const { scopeClassName } = useToken();\n    const classNames = clsx(styles.dropdownDesktop, sizeToClassNameMap[size], scopeClassName, className);\n\n    /** Блокировка скролла вне дропдауна. */\n    const wheelHandler = useCallback((event: WheelEvent) => {\n        if (!dropdownRef.current?.contains(event.target as Node)) {\n            event.preventDefault();\n        }\n    }, []);\n\n    const keyDownHandler = useCallback((event: KeyboardEvent) => {\n        if (event.target === document.body) {\n            const key = event.code || event.keyCode;\n\n            if (\n                isKey(key, \"SPACE\") ||\n                isKey(key, \"PAGE_UP\") ||\n                isKey(key, \"PAGE_DOWN\") ||\n                isKey(key, \"END\") ||\n                isKey(key, \"HOME\") ||\n                isKey(key, \"ARROW_LEFT\") ||\n                isKey(key, \"ARROW_UP\") ||\n                isKey(key, \"ARROW_RIGHT\") ||\n                isKey(key, \"ARROW_DOWN\")\n            ) {\n                event.preventDefault();\n            }\n        }\n    }, []);\n\n    /** Управление подпиской на события, блокирующие скролл страницы вне дропдауна. */\n    const toggleScrollEventListener = useCallback(\n        (add: boolean) => {\n            if (add) {\n                document.addEventListener(\"wheel\", wheelHandler, { passive: false });\n                document.addEventListener(\"keydown\", keyDownHandler);\n            } else {\n                document.removeEventListener(\"wheel\", wheelHandler);\n                document.removeEventListener(\"keydown\", keyDownHandler);\n            }\n        },\n        [wheelHandler, keyDownHandler],\n    );\n\n    /** Расчёт положения по горизонтали. */\n    const calculatePositionHorizontal = useCallback(\n        (css: React.CSSProperties, targetRect: DOMRect, expectedWidth: number) => {\n            const clientWidth = document.documentElement.clientWidth;\n\n            const leftPos = targetRect.left;\n            const rightPos = targetRect.right - expectedWidth;\n\n            if (alignment === EDropdownAlignment.LEFT) {\n                const fitsRightSide = leftPos + expectedWidth <= clientWidth;\n                css.left = fitsRightSide ? leftPos : Math.max(0, rightPos);\n            } else {\n                const fitsLeftSide = rightPos >= 0;\n                css.left = fitsLeftSide ? rightPos : Math.max(0, Math.min(leftPos, clientWidth - expectedWidth));\n            }\n        },\n        [alignment],\n    );\n\n    /** Расчёт положения по вертикали. */\n    const calculatePositionVertical = useCallback(\n        (css: React.CSSProperties, dropdownRect: DOMRect, targetRect: DOMRect) => {\n            if (direction === EDropdownDirection.AUTO) {\n                if (targetRect.bottom + TARGET_OFFSET + dropdownRect.height < document.documentElement.clientHeight) {\n                    // Если влезает снизу.\n                    css.top = targetRect.bottom + TARGET_OFFSET;\n                } else if (targetRect.top - TARGET_OFFSET - dropdownRect.height > 0) {\n                    // Если не влезает снизу, но влезает сверху.\n                    css.bottom = document.documentElement.clientHeight - targetRect.top + TARGET_OFFSET;\n                } else {\n                    // Если не влезает снизу и сверху.\n                    css.top = targetRect.bottom + TARGET_OFFSET;\n                }\n            } else if (direction === EDropdownDirection.BOTTOM) {\n                css.top = targetRect.bottom + TARGET_OFFSET;\n            } else if (direction === EDropdownDirection.TOP) {\n                css.bottom = document.documentElement.clientHeight - targetRect.top + TARGET_OFFSET;\n            }\n        },\n        [direction],\n    );\n\n    /** Установка положения меню. */\n    const setPosition = useCallback(() => {\n        if (dropdownRef.current === null || targetRef.current === null) return;\n\n        const dropdownRect = dropdownRef.current.getBoundingClientRect();\n        const targetRect = targetRef.current.getBoundingClientRect();\n        const css: React.CSSProperties = {};\n        let expectedWidth = dropdownRect.width;\n\n        if (width === EDropdownWidth.TARGET) {\n            expectedWidth = targetRect.width;\n            css.width = targetRect.width;\n        } else if (width === EDropdownWidth.MIN_TARGET) {\n            expectedWidth = Math.max(dropdownRect.width, targetRect.width);\n            css.minWidth = targetRect.width;\n        }\n\n        calculatePositionVertical(css, dropdownRect, targetRect);\n        calculatePositionHorizontal(css, targetRect, expectedWidth);\n\n        setStyleState(css);\n    }, [targetRef, width, calculatePositionVertical, calculatePositionHorizontal]);\n\n    useEffect(() => {\n        if (opened) {\n            // Положение можно посчитать только после того, как меню отрендерено и его размеры измеримы.\n            setPosition();\n        } else {\n            setStyleState({ opacity: 0 });\n        }\n    }, [opened, setPosition]);\n\n    useEffect(() => {\n        if (!opened || dropdownRef.current === null || targetRef.current === null) return;\n\n        const observer = new ResizeObserver(setPosition);\n\n        observer.observe(dropdownRef.current);\n        observer.observe(targetRef.current);\n        return () => observer.disconnect();\n    }, [opened, targetRef, setPosition]);\n\n    /** Планирует перерасчет позиции дропдауна в следующем кадре. */\n    const updatePosition = useCallback(() => {\n        setTimeout(setPosition);\n    }, [setPosition]);\n\n    useEffect(() => {\n        if (opened) {\n            document.addEventListener(\"scroll\", updatePosition, true);\n            window.addEventListener(\"resize\", updatePosition);\n            toggleScrollEventListener(true);\n            const unlockBodyScroll = lockBodyScroll(styles.dropdownDesktopScrollLock);\n            updatePosition();\n\n            return () => {\n                document.removeEventListener(\"scroll\", updatePosition, true);\n                window.removeEventListener(\"resize\", updatePosition);\n                toggleScrollEventListener(false);\n                unlockBodyScroll();\n            };\n        }\n    }, [opened, updatePosition, toggleScrollEventListener]);\n\n    const setRef = (instance: HTMLDivElement | null) => {\n        dropdownRef.current = instance;\n        if (typeof ref === \"function\") {\n            ref(instance);\n        } else if (ref) {\n            ref.current = instance;\n        }\n    };\n\n    if (!opened) {\n        return null;\n    }\n\n    return (\n        <div\n            className={classNames}\n            style={{ ...styleState, ...styleProp }}\n            {...rest}\n            data-tx={process.env.npm_package_version}\n            ref={setRef}\n        >\n            {children}\n        </div>\n    );\n});\n\nDropdownDesktop.displayName = \"DropdownDesktop\";\n"],"names":["React"],"mappings":"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"}

package/components/Dropdown/desktop/DropdownList.js

@@ -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-CUIykw0y.js";
-import { s as styles, D as DropdownListItem } from "../../../chunks/DropdownListItem-CGEa4kss.js";
+import { s as styles, D as DropdownListItem } from "../../../chunks/DropdownListItem-BeusEvEd.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

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

package/components/Dropdown/desktop/index.js

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

package/components/Dropdown/index.js

@@ -1,18 +1,8 @@
 import { DropdownListContext } from "./DropdownListContext.js";
 import { DropdownDesktop } from "./desktop/DropdownDesktop.js";
 import { DropdownList } from "./desktop/DropdownList.js";
-import { D } from "../../chunks/DropdownListItem-CGEa4kss.js";
+import { D } from "../../chunks/DropdownListItem-BeusEvEd.js";
 import { EDropdownAlignment, EDropdownDirection, EDropdownWidth } from "./desktop/enums.js";
-import { DropdownMobile } from "./mobile/DropdownMobile.js";
-import { DropdownMobileBody } from "./mobile/DropdownMobileBody.js";
-import { DropdownMobileClose } from "./mobile/DropdownMobileClose.js";
-import { DropdownMobileFooter } from "./mobile/DropdownMobileFooter.js";
-import { DropdownMobileHeader } from "./mobile/DropdownMobileHeader.js";
-import { DropdownMobileInner } from "./mobile/DropdownMobileInner.js";
-import { DropdownMobileInput } from "./mobile/DropdownMobileInput.js";
-import { DropdownMobileList } from "./mobile/DropdownMobileList.js";
-import { DropdownMobileListItem } from "./mobile/DropdownMobileListItem.js";
-import { DropdownMobileLoader } from "./mobile/DropdownMobileLoader.js";
 import { Dropdown } from "./Dropdown.js";
 export {
   Dropdown,
@@ -20,16 +10,6 @@ export {
   DropdownList,
   DropdownListContext,
   D as DropdownListItem,
-  DropdownMobile,
-  DropdownMobileBody,
-  DropdownMobileClose,
-  DropdownMobileFooter,
-  DropdownMobileHeader,
-  DropdownMobileInner,
-  DropdownMobileInput,
-  DropdownMobileList,
-  DropdownMobileListItem,
-  DropdownMobileLoader,
   EDropdownAlignment,
   EDropdownDirection,
   EDropdownWidth

package/components/Dropdown/index.js.map

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

package/components/Ellipsis/Ellipsis.js

@@ -1,8 +1,8 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
-const ellipsisLineClamp = "ellipsisLineClamp__d767bdbc";
-const oneLine = "oneLine__34adc0a0";
+const ellipsisLineClamp = "ellipsisLineClamp__fe2188c0";
+const oneLine = "oneLine__10f91550";
 const styles = {
   ellipsisLineClamp,
   oneLine
@@ -19,7 +19,7 @@ const Ellipsis = React__default.forwardRef(
         className: clsx(styles.ellipsisLineClamp, { [styles.oneLine]: maxLines === 1 }, className),
         style: ellipsisStyle,
         ...htmlDivAttributes,
-        "data-tx": "1.51.0",
+        "data-tx": "1.53.0",
         ref,
         children
       }

package/components/EmptyView/EmptyView.js

@@ -6,10 +6,10 @@ import { Title } from "../Typography/Title.js";
 import { ETextSize, EFontWeightTitle, ETitleSize, EFontType, EFontWeightText } from "../Typography/enums.js";
 import { Text } from "../Typography/Text.js";
 import { Gap } from "../Gap/Gap.js";
-const emptyView = "emptyView__cc24b8b6";
-const container = "container__6f774f56";
-const icon = "icon__ba9733b9";
-const textBlock = "textBlock__8c68332d";
+const emptyView = "emptyView__25db821c";
+const container = "container__1b8766fe";
+const icon = "icon__7978d495";
+const textBlock = "textBlock__18942f08";
 const styles = {
   emptyView,
   container,

package/components/ExpandAnimation/ExpandAnimation.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React__default, { useRef } from "react";
 import { z as Transition, c as clsx } from "../../chunks/vendor-CUIykw0y.js";
-const expandAnimation = "expandAnimation__e2b80c56";
+const expandAnimation = "expandAnimation__ec0ebfeb";
 const styles = {
   expandAnimation
 };