@sberbusiness/triplex-next 1.1.1 → 1.2.0

package/components/DesignTokens/components/Stepper.js

@@ -0,0 +1,71 @@
+const r = [
+  "Step_Background_Default",
+  "Step_Background_Disabled",
+  "Step_Background_Hover",
+  "Step_Background_Error",
+  "Step_Background_Error_Hover",
+  "Step_Background_Warning",
+  "Step_Background_Warning_Hover",
+  "Step_BorderColor_Focus",
+  "Step_BorderColor_Error",
+  "Step_BorderColor_Warning",
+  "Step_BorderColor_Success",
+  "Step_Color_Default",
+  "Step_Color_Hover",
+  "Step_Color_Disabled",
+  "Background",
+  "ButtonNext_Background",
+  "ButtonPrev_Background",
+  "Wrapper_Background",
+  "Wrapper_BoxShadow"
+], o = {
+  Step_Background_Default: [{ ref: "ColorNeutral.90" }, { ref: "ColorDarkNeutral.80" }],
+  // var(--triplex-next-Stepper-Step_Background_Default)
+  Step_Background_Hover: [{ ref: "ColorNeutral.70" }, { ref: "ColorDarkNeutral.90" }],
+  // var(--triplex-next-Stepper-Step_Background_Hover)
+  Step_Background_Disabled: [{ ref: "ColorNeutral.90" }, { ref: "ColorDarkNeutral.60" }],
+  // var(--triplex-next-Stepper-Step_Background_Disabled)
+  Step_Background_Error: [{ ref: "ColorError.100" }, { ref: "ColorError.0" }],
+  // var(--triplex-next-Stepper-Step_Background_Error)
+  Step_Background_Error_Hover: [{ ref: "ColorError.90" }, { ref: "ColorError.10" }],
+  // var(--triplex-next-Stepper-Step_Background_Error_Hover)
+  Step_Background_Warning: [{ ref: "ColorWarning.100" }, { ref: "ColorWarning.0" }],
+  // var(--triplex-next-Stepper-Step_Background_Warning)
+  Step_Background_Warning_Hover: [{ ref: "ColorWarning.90" }, { ref: "ColorWarning.10" }],
+  // var(--triplex-next-Stepper-Step_Background_Warning_Hover)
+  Step_BorderColor_Focus: [{ ref: "ColorWarning.80" }, { ref: "ColorWarning.80" }],
+  // var(--triplex-next-Stepper-Step_BorderColor_Focus)
+  Step_BorderColor_Error: [{ ref: "ColorError.50" }, { ref: "ColorError.50" }],
+  // var(--triplex-next-Stepper-Step_BorderColor_Error)
+  Step_BorderColor_Warning: [{ ref: "ColorWarning.50" }, { ref: "ColorWarning.50" }],
+  // var(--triplex-next-Stepper-Step_BorderColor_Warning)
+  Step_BorderColor_Success: [{ ref: "ColorBrand.50" }, { ref: "ColorBrand.50" }],
+  // var(--triplex-next-Stepper-Step_BorderColor_Success)
+  Step_Color_Default: [{ ref: "ColorDarkNeutralAlpha.40" }, { ref: "ColorNeutralAlpha.50" }],
+  // var(--triplex-next-Stepper-Step_Color_Default)
+  Step_Color_Hover: [{ ref: "ColorDarkNeutralAlpha.0" }, { ref: "ColorNeutralAlpha.0" }],
+  // var(--triplex-next-Stepper-Step_Color_Hover)
+  Step_Color_Disabled: [{ ref: "ColorDarkNeutralAlpha.70" }, { ref: "ColorNeutralAlpha.80" }],
+  // var(--triplex-next-Stepper-Step_Color_Disabled)
+  ButtonNext_Background: [
+    { value: "linear-gradient(to left, #FFFFFF 39.06%, transparent)" },
+    { value: "linear-gradient(to left, #181819 39.06%, transparent)" }
+  ],
+  // var(--triplex-next-Stepper-ButtonNext_Background)
+  ButtonPrev_Background: [
+    { value: "linear-gradient(to right, #FFFFFF 39.06%, transparent)" },
+    { value: "linear-gradient(to right, #181819 39.06%, transparent)" }
+  ],
+  // var(--triplex-next-Stepper-ButtonPrev_Background)
+  Background: [{ value: "#FFFFFF" }, { value: "#181819" }],
+  // var(--triplex-next-Stepper-Background)
+  Wrapper_Background: [{ value: "linear-gradient(#FFFFFF 64px, transparent 0)" }, { ref: "ColorNeutral.50" }],
+  // var(--triplex-next-Stepper-Wrapper_Background)
+  Wrapper_BoxShadow: [{ value: "0 10px 15px 0 rgba(228, 232, 235, 0.5)" }, { value: "none" }]
+  // var(--triplex-next-Stepper-Wrapper_BoxShadow)
+};
+export {
+  o as Stepper_Tokens,
+  r as designTokensComponentsStepperKeys
+};
+//# sourceMappingURL=Stepper.js.map

package/components/DesignTokens/components/TableBasic.js

@@ -0,0 +1,41 @@
+const r = [
+  "Background_Hover",
+  "Background_Selected",
+  "Color",
+  "Header_Background",
+  "TableFooter_Background",
+  "TableFooter_Highlight",
+  "TableBasicSettings_Footer_BorderColor",
+  "TableBasicSettings_ListItem_Background_Default",
+  "TableBasicSettings_ListItem_Background_Hover",
+  "TableBasicSettings_ListItem_Background_Dragging"
+], e = {
+  Background_Hover: [{ ref: "ColorNeutral.50" }, { ref: "ColorDarkNeutral.50" }],
+  // var(--triplex-next-TableBasic-Background_Hover)
+  Background_Selected: [{ ref: "ColorNeutral.30" }, { ref: "ColorDarkNeutral.60" }],
+  // var(--triplex-next-TableBasic-Background_Selected)
+  Color: [{ ref: "ColorDarkNeutralAlpha.0" }, { ref: "ColorNeutralAlpha.0" }],
+  // var(--triplex-next-TableBasic-Color)
+  Header_Background: [{ ref: "ColorNeutral.60" }, { ref: "ColorDarkNeutral.60" }],
+  // var(--triplex-next-TableBasic-Header_Background)
+  TableFooter_Background: [{ ref: "ColorNeutral.60" }, { ref: "ColorDarkNeutral.60" }],
+  // var(--triplex-next-TableBasic-TableFooter_Background)
+  TableFooter_Highlight: [
+    { value: "linear-gradient(transparent, #FFFFFF)" },
+    { value: "linear-gradient(transparent, #27272A)" }
+  ],
+  // var(--triplex-next-TableBasic-TableFooter_Highlight)
+  TableBasicSettings_Footer_BorderColor: [{ ref: "ColorNeutral.20" }, { ref: "ColorDarkNeutral.80" }],
+  // var(--triplex-next-TableBasic-TableBasicSettings_Footer_BorderColor)
+  TableBasicSettings_ListItem_Background_Default: [{ ref: "ColorNeutral.100" }, { ref: "ColorDarkNeutral.50" }],
+  // var(--triplex-next-TableBasic-TableBasicSettings_ListItem_Background_Default)
+  TableBasicSettings_ListItem_Background_Hover: [{ ref: "ColorNeutral.70" }, { ref: "ColorDarkNeutral.70" }],
+  // var(--triplex-next-TableBasic-TableBasicSettings_ListItem_Background_Hover)
+  TableBasicSettings_ListItem_Background_Dragging: [{ ref: "ColorNeutral.100" }, { ref: "ColorDarkNeutral.50" }]
+  // var(--triplex-next-TableBasic-TableBasicSettings_ListItem_Background_Dragging)
+};
+export {
+  e as TableBasic_Tokens,
+  r as designTokensComponentsTableBasicKeys
+};
+//# sourceMappingURL=TableBasic.js.map

package/components/DesignTokens/components/Tabs.js

@@ -1,26 +1,56 @@
 const r = [
-  "Background",
-  "Tab_Background_Default",
-  "Tab_Background_Hover",
-  "Tab_Background_Selected",
+  "Type1_Background",
+  "Type2_Background",
+  "Type1_Tab_Background_Default",
+  "Type2_Tab_Background_Default",
+  "Type1_Tab_Background_Selected",
+  "Type2_Tab_Background_Selected",
+  "Type1_Tab_Background_Hover",
+  "Type2_Tab_Background_Hover",
+  "Type1_Tab_Color_Default",
+  "Type2_Tab_Color_Default",
+  "Type1_Tab_Color_Selected",
+  "Type2_Tab_Color_Selected",
+  "Type1_Tab_Color_Hover",
+  "Type2_Tab_Color_Hover",
   "Tab_BorderColor_Default",
   "Tab_BorderColor_Focus"
-], o = {
-  Background: [{ ref: "ColorNeutral.90" }, { ref: "ColorDarkNeutral.50" }],
-  // var(--triplex-next-Tabs-Background)
-  Tab_Background_Default: [{ ref: "ColorNeutral.90" }, { ref: "ColorDarkNeutral.50" }],
-  // var(--triplex-next-Tabs-Tab_Background_Default)
-  Tab_Background_Hover: [{ ref: "ColorNeutral.40" }, { ref: "ColorDarkNeutral.80" }],
-  // var(--triplex-next-Tabs-Tab_Background_Hover)
-  Tab_Background_Selected: [{ ref: "ColorNeutral.100" }, { ref: "ColorDarkNeutral.100" }],
-  // var(--triplex-next-Tabs-Tab_Background_Selected)
-  Tab_BorderColor_Default: [{ ref: "ColorNeutral.90" }, { ref: "ColorDarkNeutral.50" }],
+], e = {
+  Type1_Background: [{ ref: "ColorNeutral.90" }, { ref: "ColorDarkNeutral.70" }],
+  // var(--triplex-next-Tabs-Type1_Background)
+  Type2_Background: [{ ref: "ColorNeutral.100" }, { ref: "ColorDarkNeutral.50" }],
+  // var(--triplex-next-Tabs-Type2_Background)
+  Type1_Tab_Background_Default: [{ ref: "ColorNeutral.90" }, { ref: "ColorDarkNeutral.70" }],
+  // var(--triplex-next-Tabs-Type1_Tab_Background_Default)
+  Type2_Tab_Background_Default: [{ ref: "ColorNeutral.100" }, { ref: "ColorDarkNeutral.50" }],
+  // var(--triplex-next-Tabs-Type2_Tab_Background_Default)
+  Type1_Tab_Background_Selected: [{ ref: "ColorNeutral.30" }, { ref: "ColorNeutralAlpha.90" }],
+  // var(--triplex-next-Tabs-Type1_Tab_Background_Selected)
+  Type2_Tab_Background_Selected: [{ ref: "ColorNeutral.50" }, { ref: "ColorNeutralAlpha.90" }],
+  // var(--triplex-next-Tabs-Type2_Tab_Background_Selected)
+  Type1_Tab_Background_Hover: [{ ref: "ColorNeutral.50" }, { ref: "ColorDarkNeutral.90" }],
+  // var(--triplex-next-Tabs-Type1_Tab_Background_Hover)
+  Type2_Tab_Background_Hover: [{ ref: "ColorNeutral.80" }, { ref: "ColorDarkNeutral.70" }],
+  // var(--triplex-next-Tabs-Type2_Tab_Background_Hover)
+  Type1_Tab_Color_Default: [{ ref: "ColorDarkNeutralAlpha.40" }, { ref: "ColorNeutralAlpha.50" }],
+  // var(--triplex-next-Tabs-Type1_Tab_Color_Default)
+  Type2_Tab_Color_Default: [{ ref: "ColorDarkNeutralAlpha.40" }, { ref: "ColorNeutralAlpha.50" }],
+  // var(--triplex-next-Tabs-Type2_Tab_Color_Default)
+  Type1_Tab_Color_Selected: [{ ref: "ColorDarkNeutralAlpha.0" }, { ref: "ColorNeutralAlpha.0" }],
+  // var(--triplex-next-Tabs-Type1_Tab_Color_Selected)
+  Type2_Tab_Color_Selected: [{ ref: "ColorDarkNeutralAlpha.0" }, { ref: "ColorNeutralAlpha.0" }],
+  // var(--triplex-next-Tabs-Type2_Tab_Color_Selected)
+  Type1_Tab_Color_Hover: [{ ref: "ColorDarkNeutralAlpha.0" }, { ref: "ColorNeutralAlpha.0" }],
+  // var(--triplex-next-Tabs-Type1_Tab_Color_Hover)
+  Type2_Tab_Color_Hover: [{ ref: "ColorDarkNeutralAlpha.0" }, { ref: "ColorNeutralAlpha.0" }],
+  // var(--triplex-next-Tabs-Type2_Tab_Color_Hover)
+  Tab_BorderColor_Default: [{ value: "transparent" }, { value: "transparent" }],
   // var(--triplex-next-Tabs-Tab_BorderColor_Default)
   Tab_BorderColor_Focus: [{ value: "0 0 0 1px #FFD169 inset" }, { value: "0 0 0 1px #FFD169 inset" }]
   // var(--triplex-next-Tabs-Tab_BorderColor_Focus)
 };
 export {
-  o as Tabs_Tokens,
+  e as Tabs_Tokens,
   r as designTokensComponentsTabsKeys
 };
 //# sourceMappingURL=Tabs.js.map

package/components/DesignTokens/components/TabsLine.js

@@ -0,0 +1,32 @@
+const o = [
+  "BorderColor_Active",
+  "BorderColor_Hover",
+  "Color_Active",
+  "Color_Default",
+  "Color_Hover",
+  "Notification_Color",
+  "Separator_Color",
+  "Shadow_Focus"
+], r = {
+  BorderColor_Active: [{ ref: "ColorBrand.50" }, { ref: "ColorBrand.50" }],
+  // var(--triplex-next-TabsLine-BorderColor_Active)
+  BorderColor_Hover: [{ ref: "ColorBrand.60" }, { ref: "ColorBrand.60" }],
+  // var(--triplex-next-TabsLine-BorderColor_Hover)
+  Color_Active: [{ ref: "ColorDarkNeutralAlpha.0" }, { ref: "ColorNeutralAlpha.0" }],
+  // var(--triplex-next-TabsLine-Color_Active)
+  Color_Default: [{ ref: "ColorDarkNeutralAlpha.40" }, { ref: "ColorNeutralAlpha.50" }],
+  // var(--triplex-next-TabsLine-Color_Default)
+  Color_Hover: [{ ref: "ColorDarkNeutralAlpha.0" }, { ref: "ColorNeutralAlpha.0" }],
+  // var(--triplex-next-TabsLine-Color_Hover)
+  Notification_Color: [{ ref: "ColorWarning.70" }, { ref: "ColorWarning.70" }],
+  // var(--triplex-next-TabsLine-Notification_Color)
+  Separator_Color: [{ ref: "ColorNeutral.20" }, { ref: "ColorDarkNeutral.80" }],
+  // var(--triplex-next-TabsLine-Separator_Color)
+  Shadow_Focus: [{ value: "0 0 0 1px #FFDD64 inset" }, { value: "0 0 0 1px #FFDD64 inset" }]
+  // var(--triplex-TabsLine-Shadow_Focus)
+};
+export {
+  r as TabsLine_Tokens,
+  o as designTokensComponentsTabsLineKeys
+};
+//# sourceMappingURL=TabsLine.js.map

package/components/DesignTokens/components/index.js

@@ -1,93 +1,114 @@
 import { Button_Tokens as n, designTokensComponentsButtonKeys as s } from "./Button.js";
 import { Checkbox_Tokens as r, designTokensComponentsCheckboxKeys as p } from "./Checkbox.js";
 import { FormField_Tokens as k, designTokensComponentsFormFieldKeys as T } from "./FormField.js";
-import { Link_Tokens as i, designTokensComponentsLinkKeys as g } from "./Link.js";
-import { Tabs_Tokens as y, designTokensComponentsTabsKeys as x } from "./Tabs.js";
-import { Loader_Tokens as f, designTokensComponentsLoaderKeys as K } from "./Loader.js";
-import { LoaderWidget_Tokens as l, designTokensComponentsLoaderWidgetKeys as L } from "./LoaderWidget.js";
-import { Radio_Tokens as b, designTokensComponentsRadioKeys as w } from "./Radio.js";
-import { Typography_Tokens as S, designTokensComponentsTypographyKeys as F } from "./Typography.js";
-import { Tooltip_Tokens as M, designTokensComponentsTooltipKeys as c } from "./Tooltip.js";
-import { AlertContext_Tokens as u, designTokensComponentsAlertContextKeys as A } from "./AlertContext.js";
-import { AlertProcess_Tokens as v, designTokensComponentsAlertProcessKeys as H } from "./AlertProcess.js";
-import { Dropdown_Tokens as R, designTokensComponentsDropdownKeys as U } from "./Dropdown.js";
-import { DropdownList_Tokens as Z, designTokensComponentsDropdownListKeys as j } from "./DropdownList.js";
-import { DropdownMobile_Tokens as z, designTokensComponentsDropdownMobileKeys as E } from "./DropdownMobile.js";
-import { DropdownMobileList_Tokens as J, designTokensComponentsDropdownMobileListKeys as N } from "./DropdownMobileList.js";
-import { Overlay_Tokens as V, designTokensComponentsOverlayKeys as X } from "./Overlay.js";
-import { ListItem_Tokens as $, designTokensComponentsListItemKeys as oo } from "./ListItem.js";
-import { ListItemControlsButton_Tokens as no, designTokensComponentsListItemControlsButtonKeys as so } from "./ListItemControlsButton.js";
-import { ListMaster_Tokens as ro, designTokensComponentsListMasterKeys as po } from "./ListMaster.js";
-import { Page_Tokens as ko, designTokensComponentsPageKeys as To } from "./Page.js";
-import { UploadZone_Tokens as go, designTokensComponentsUploadZoneKeys as Co } from "./UploadZone.js";
-import { Pagination_Tokens as xo, designTokensComponentsPaginationKeys as ao } from "./Pagination.js";
-import { Card_Tokens as Ko, designTokensComponentsCardKeys as _o } from "./Card.js";
-import { Skeleton_Tokens as Lo, designTokensComponentsSkeletonKeys as Po } from "./Skeleton.js";
-import { SegmentedControl_Tokens as wo, designTokensComponentsSegmentedControlKeys as Do } from "./SegmentedControl.js";
-import { SegmentedControlSegment_Tokens as Fo, designTokensComponentsSegmentedControlSegmentKeys as Io } from "./SegmentedControlSegment.js";
-import { HeaderPage_Tokens as co, designTokensComponentsHeaderPageKeys as ho } from "./HeaderPage.js";
-import { FooterPage_Tokens as Ao, designTokensComponentsFooterPageKeys as Bo } from "./FooterPage.js";
-import { Island_Tokens as Ho, designTokensComponentsIslandKeys as Oo } from "./Island.js";
+import { Link_Tokens as d, designTokensComponentsLinkKeys as g } from "./Link.js";
+import { Tabs_Tokens as a, designTokensComponentsTabsKeys as y } from "./Tabs.js";
+import { TabsLine_Tokens as f, designTokensComponentsTabsLineKeys as K } from "./TabsLine.js";
+import { Loader_Tokens as l, designTokensComponentsLoaderKeys as L } from "./Loader.js";
+import { LoaderWidget_Tokens as S, designTokensComponentsLoaderWidgetKeys as D } from "./LoaderWidget.js";
+import { Radio_Tokens as P, designTokensComponentsRadioKeys as w } from "./Radio.js";
+import { Typography_Tokens as h, designTokensComponentsTypographyKeys as u } from "./Typography.js";
+import { Tooltip_Tokens as F, designTokensComponentsTooltipKeys as I } from "./Tooltip.js";
+import { AlertContext_Tokens as A, designTokensComponentsAlertContextKeys as H } from "./AlertContext.js";
+import { AlertProcess_Tokens as R, designTokensComponentsAlertProcessKeys as U } from "./AlertProcess.js";
+import { Divider_Tokens as Z, designTokensComponentsDividerKeys as j } from "./Divider.js";
+import { Dropdown_Tokens as z, designTokensComponentsDropdownKeys as E } from "./Dropdown.js";
+import { DropdownList_Tokens as J, designTokensComponentsDropdownListKeys as N } from "./DropdownList.js";
+import { DropdownMobile_Tokens as V, designTokensComponentsDropdownMobileKeys as X } from "./DropdownMobile.js";
+import { DropdownMobileList_Tokens as $, designTokensComponentsDropdownMobileListKeys as ee } from "./DropdownMobileList.js";
+import { Overlay_Tokens as ne, designTokensComponentsOverlayKeys as se } from "./Overlay.js";
+import { ListItem_Tokens as re, designTokensComponentsListItemKeys as pe } from "./ListItem.js";
+import { ListItemControlsButton_Tokens as ke, designTokensComponentsListItemControlsButtonKeys as Te } from "./ListItemControlsButton.js";
+import { ListMaster_Tokens as de, designTokensComponentsListMasterKeys as ge } from "./ListMaster.js";
+import { Marker_Tokens as ae, designTokensComponentsMarkerKeys as ye } from "./Marker.js";
+import { MarkerStatus_Tokens as fe, designTokensComponentsMarkerStatusKeys as Ke } from "./MarkerStatus.js";
+import { Page_Tokens as le, designTokensComponentsPageKeys as Le } from "./Page.js";
+import { UploadZone_Tokens as Se, designTokensComponentsUploadZoneKeys as De } from "./UploadZone.js";
+import { Pagination_Tokens as Pe, designTokensComponentsPaginationKeys as we } from "./Pagination.js";
+import { Card_Tokens as he, designTokensComponentsCardKeys as ue } from "./Card.js";
+import { Skeleton_Tokens as Fe, designTokensComponentsSkeletonKeys as Ie } from "./Skeleton.js";
+import { SegmentedControl_Tokens as Ae, designTokensComponentsSegmentedControlKeys as He } from "./SegmentedControl.js";
+import { SegmentedControlSegment_Tokens as Re, designTokensComponentsSegmentedControlSegmentKeys as Ue } from "./SegmentedControlSegment.js";
+import { Stepper_Tokens as Ze, designTokensComponentsStepperKeys as je } from "./Stepper.js";
+import { HeaderPage_Tokens as ze, designTokensComponentsHeaderPageKeys as Ee } from "./HeaderPage.js";
+import { FooterPage_Tokens as Je, designTokensComponentsFooterPageKeys as Ne } from "./FooterPage.js";
+import { Island_Tokens as Ve, designTokensComponentsIslandKeys as Xe } from "./Island.js";
+import { TableBasic_Tokens as $e, designTokensComponentsTableBasicKeys as eo } from "./TableBasic.js";
+import { Chip_Tokens as no, designTokensComponentsChipKeys as so } from "./Chip.js";
 export {
-  u as AlertContext_Tokens,
-  v as AlertProcess_Tokens,
+  A as AlertContext_Tokens,
+  R as AlertProcess_Tokens,
   n as Button_Tokens,
-  Ko as Card_Tokens,
+  he as Card_Tokens,
   r as Checkbox_Tokens,
-  Z as DropdownList_Tokens,
-  J as DropdownMobileList_Tokens,
-  z as DropdownMobile_Tokens,
-  R as Dropdown_Tokens,
-  Ao as FooterPage_Tokens,
+  no as Chip_Tokens,
+  Z as Divider_Tokens,
+  J as DropdownList_Tokens,
+  $ as DropdownMobileList_Tokens,
+  V as DropdownMobile_Tokens,
+  z as Dropdown_Tokens,
+  Je as FooterPage_Tokens,
   k as FormField_Tokens,
-  co as HeaderPage_Tokens,
-  Ho as Island_Tokens,
-  i as Link_Tokens,
-  no as ListItemControlsButton_Tokens,
-  $ as ListItem_Tokens,
-  ro as ListMaster_Tokens,
-  l as LoaderWidget_Tokens,
-  f as Loader_Tokens,
-  V as Overlay_Tokens,
-  ko as Page_Tokens,
-  xo as Pagination_Tokens,
-  b as Radio_Tokens,
-  Fo as SegmentedControlSegment_Tokens,
-  wo as SegmentedControl_Tokens,
-  Lo as Skeleton_Tokens,
-  y as Tabs_Tokens,
-  M as Tooltip_Tokens,
-  S as Typography_Tokens,
-  go as UploadZone_Tokens,
-  A as designTokensComponentsAlertContextKeys,
-  H as designTokensComponentsAlertProcessKeys,
+  ze as HeaderPage_Tokens,
+  Ve as Island_Tokens,
+  d as Link_Tokens,
+  ke as ListItemControlsButton_Tokens,
+  re as ListItem_Tokens,
+  de as ListMaster_Tokens,
+  S as LoaderWidget_Tokens,
+  l as Loader_Tokens,
+  fe as MarkerStatus_Tokens,
+  ae as Marker_Tokens,
+  ne as Overlay_Tokens,
+  le as Page_Tokens,
+  Pe as Pagination_Tokens,
+  P as Radio_Tokens,
+  Re as SegmentedControlSegment_Tokens,
+  Ae as SegmentedControl_Tokens,
+  Fe as Skeleton_Tokens,
+  Ze as Stepper_Tokens,
+  $e as TableBasic_Tokens,
+  f as TabsLine_Tokens,
+  a as Tabs_Tokens,
+  F as Tooltip_Tokens,
+  h as Typography_Tokens,
+  Se as UploadZone_Tokens,
+  H as designTokensComponentsAlertContextKeys,
+  U as designTokensComponentsAlertProcessKeys,
   s as designTokensComponentsButtonKeys,
-  _o as designTokensComponentsCardKeys,
+  ue as designTokensComponentsCardKeys,
   p as designTokensComponentsCheckboxKeys,
-  U as designTokensComponentsDropdownKeys,
-  j as designTokensComponentsDropdownListKeys,
-  E as designTokensComponentsDropdownMobileKeys,
-  N as designTokensComponentsDropdownMobileListKeys,
-  Bo as designTokensComponentsFooterPageKeys,
+  so as designTokensComponentsChipKeys,
+  j as designTokensComponentsDividerKeys,
+  E as designTokensComponentsDropdownKeys,
+  N as designTokensComponentsDropdownListKeys,
+  X as designTokensComponentsDropdownMobileKeys,
+  ee as designTokensComponentsDropdownMobileListKeys,
+  Ne as designTokensComponentsFooterPageKeys,
   T as designTokensComponentsFormFieldKeys,
-  ho as designTokensComponentsHeaderPageKeys,
-  Oo as designTokensComponentsIslandKeys,
+  Ee as designTokensComponentsHeaderPageKeys,
+  Xe as designTokensComponentsIslandKeys,
   g as designTokensComponentsLinkKeys,
-  so as designTokensComponentsListItemControlsButtonKeys,
-  oo as designTokensComponentsListItemKeys,
-  po as designTokensComponentsListMasterKeys,
-  K as designTokensComponentsLoaderKeys,
-  L as designTokensComponentsLoaderWidgetKeys,
-  X as designTokensComponentsOverlayKeys,
-  To as designTokensComponentsPageKeys,
-  ao as designTokensComponentsPaginationKeys,
+  Te as designTokensComponentsListItemControlsButtonKeys,
+  pe as designTokensComponentsListItemKeys,
+  ge as designTokensComponentsListMasterKeys,
+  L as designTokensComponentsLoaderKeys,
+  D as designTokensComponentsLoaderWidgetKeys,
+  ye as designTokensComponentsMarkerKeys,
+  Ke as designTokensComponentsMarkerStatusKeys,
+  se as designTokensComponentsOverlayKeys,
+  Le as designTokensComponentsPageKeys,
+  we as designTokensComponentsPaginationKeys,
   w as designTokensComponentsRadioKeys,
-  Do as designTokensComponentsSegmentedControlKeys,
-  Io as designTokensComponentsSegmentedControlSegmentKeys,
-  Po as designTokensComponentsSkeletonKeys,
-  x as designTokensComponentsTabsKeys,
-  c as designTokensComponentsTooltipKeys,
-  F as designTokensComponentsTypographyKeys,
-  Co as designTokensComponentsUploadZoneKeys
+  He as designTokensComponentsSegmentedControlKeys,
+  Ue as designTokensComponentsSegmentedControlSegmentKeys,
+  Ie as designTokensComponentsSkeletonKeys,
+  je as designTokensComponentsStepperKeys,
+  eo as designTokensComponentsTableBasicKeys,
+  y as designTokensComponentsTabsKeys,
+  K as designTokensComponentsTabsLineKeys,
+  I as designTokensComponentsTooltipKeys,
+  u as designTokensComponentsTypographyKeys,
+  De as designTokensComponentsUploadZoneKeys
 };
 //# sourceMappingURL=index.js.map

package/components/Divider/Divider.js

@@ -0,0 +1,34 @@
+import { jsx as n } from "react/jsx-runtime";
+import { c as g } from "../../chunks/vendor-CehxOAkM.js";
+const z = "divider__3a234be3", i = {
+  divider: z,
+  "marginTopSize-4": "marginTopSize-4__e3a633f7",
+  "marginBottomSize-4": "marginBottomSize-4__58a49f18",
+  "marginTopSize-8": "marginTopSize-8__ea68f217",
+  "marginBottomSize-8": "marginBottomSize-8__0fed2476",
+  "marginTopSize-12": "marginTopSize-12__103971db",
+  "marginBottomSize-12": "marginBottomSize-12__7c5bc589",
+  "marginTopSize-16": "marginTopSize-16__fb4b19ce",
+  "marginBottomSize-16": "marginBottomSize-16__db0d7900",
+  "marginTopSize-20": "marginTopSize-20__830fa841",
+  "marginBottomSize-20": "marginBottomSize-20__6de0d54a",
+  "marginTopSize-24": "marginTopSize-24__afdfc9d2",
+  "marginBottomSize-24": "marginBottomSize-24__8f728f36",
+  "marginTopSize-28": "marginTopSize-28__beb2fa8c",
+  "marginBottomSize-28": "marginBottomSize-28__68206210",
+  "marginTopSize-32": "marginTopSize-32__67d863ac",
+  "marginBottomSize-32": "marginBottomSize-32__aa09f3f8"
+}, S = (e) => {
+  const { className: a, marginTopSize: o, marginBottomSize: m, ...r } = e, t = g(
+    i.divider,
+    o && i[`marginTopSize-${o}`],
+    m && i[`marginBottomSize-${m}`],
+    a
+  );
+  return /* @__PURE__ */ n("hr", { className: t, ...r });
+};
+S.displayName = "Divider";
+export {
+  S as Divider
+};
+//# sourceMappingURL=Divider.js.map

package/components/Divider/index.js

@@ -0,0 +1,5 @@
+import { Divider as i } from "./Divider.js";
+export {
+  i as Divider
+};
+//# sourceMappingURL=index.js.map

package/components/Dropdown/desktop/DropdownDesktop.js

@@ -1,92 +1,93 @@
-import { jsx as S } from "react/jsx-runtime";
-import G, { useState as M, useRef as A, useCallback as i, useEffect as _ } from "react";
-import { EDropdownAlignment as E, EDropdownDirection as O, EDropdownSize as F } from "../enums.js";
+import { jsx as B } from "react/jsx-runtime";
+import G, { useState as M, useRef as b, useCallback as i, useEffect as y } from "react";
+import { c as F } from "../../../chunks/vendor-CehxOAkM.js";
+import { EDropdownAlignment as a, EDropdownDirection as D } from "../enums.js";
 import { isKey as d } from "../../../utils/keyboard.js";
 import { useToken as I } from "../../ThemeProvider/useToken.js";
-import { c as j } from "../../../chunks/vendor-D-uL_icH.js";
-const K = "dropdown__c18f5706", V = "dropdownOverflowHidden__1b51027c", k = {
-  dropdown: K,
-  "dropdown-sm": "dropdown-sm__4bdc5134",
-  "dropdown-md": "dropdown-md__11f9af55",
-  "dropdown-lg": "dropdown-lg__c2ced613",
-  dropdownOverflowHidden: V
-}, N = "dropdownOverflowHidden", $ = G.forwardRef((P, w) => {
+import { EComponentSize as j } from "../../../enums/EComponentSize.js";
+const K = "dropdownDesktop__6568a60a", V = "dropdownDesktopOverflowHidden__68eb1fef", O = {
+  dropdownDesktop: K,
+  "dropdownDesktop-sm": "dropdownDesktop-sm__87943859",
+  "dropdownDesktop-md": "dropdownDesktop-md__8c27a700",
+  "dropdownDesktop-lg": "dropdownDesktop-lg__6eafb97c",
+  dropdownDesktopOverflowHidden: V
+}, A = O.dropdownDesktopOverflowHidden, $ = G.forwardRef((P, p) => {
   const {
-    alignment: p = E.AUTO,
-    children: D,
+    alignment: m = a.AUTO,
+    children: g,
     fixedWidth: u,
-    className: W,
-    direction: h = O.AUTO,
+    className: C,
+    direction: w = D.AUTO,
     opened: l,
     setOpened: q,
-    style: f,
-    targetRef: H,
-    size: C = F.MD,
+    style: N,
+    targetRef: _,
+    size: W = j.MD,
     ...R
-  } = P, { scopeClassName: x } = I(), [U, L] = M({ ...f, opacity: 0 }), s = A(null), a = A({ height: 0, width: 0 }), z = j(k.dropdown, x, W, k[`dropdown-${C}`]), v = i(
+  } = P, { scopeClassName: S } = I(), [x, H] = M({ opacity: 0 }), s = b(null), h = b({ height: 0, width: 0 }), U = F(O.dropdownDesktop, S, C, O[`dropdownDesktop-${W}`]), k = i(
     (e) => {
       var o;
       (o = s.current) != null && o.contains(e.target) || e.preventDefault();
     },
     [s]
-  ), y = i((e) => {
+  ), E = i((e) => {
     if (e.target === document.body) {
       const o = e.code || e.keyCode;
       (d(o, "SPACE") || d(o, "PAGE_UP") || d(o, "PAGE_DOWN") || d(o, "END") || d(o, "HOME") || d(o, "ARROW_LEFT") || d(o, "ARROW_UP") || d(o, "ARROW_RIGHT") || d(o, "ARROW_DOWN")) && e.preventDefault();
     }
-  }, []), g = i(
+  }, []), v = i(
     /** Запрет скролла всей страницы. */
     (e) => {
-      e ? (document.addEventListener("wheel", v, { passive: !1 }), document.addEventListener("keydown", y)) : (document.removeEventListener("wheel", v), document.removeEventListener("keydown", y));
+      e ? (document.addEventListener("wheel", k, { passive: !1 }), document.addEventListener("keydown", E)) : (document.removeEventListener("wheel", k), document.removeEventListener("keydown", E));
     },
-    [v, y]
-  ), T = i(
+    [k, E]
+  ), L = i(
     (e, o, t) => {
       const n = u ? t.width : Math.max(t.width, o.width);
-      p === E.AUTO ? t.right - n > 0 ? e.left = t.right - n : t.left + n < document.documentElement.clientWidth ? e.left = t.left : e.left = t.right - n : p === E.RIGHT ? e.left = t.right - n : p === E.LEFT && (e.left = t.left);
+      m === a.AUTO ? t.right - n > 0 ? e.left = t.right - n : t.left + n < document.documentElement.clientWidth ? e.left = t.left : e.left = t.right - n : m === a.RIGHT ? e.left = t.right - n : m === a.LEFT && (e.left = t.left);
     },
-    [p, u]
-  ), b = i(
+    [m, u]
+  ), T = i(
     (e, o, t) => {
-      h === O.AUTO ? t.bottom + 4 + o.height < document.documentElement.clientHeight ? e.top = t.bottom + 4 : t.top - 4 - o.height > 0 ? e.bottom = document.documentElement.clientHeight - t.top + 4 : e.top = t.bottom + 4 : h === O.BOTTOM ? e.top = t.bottom + 4 : h === O.TOP && (e.bottom = document.documentElement.clientHeight - t.top + 4);
+      w === D.AUTO ? t.bottom + 4 + o.height < document.documentElement.clientHeight ? e.top = t.bottom + 4 : t.top - 4 - o.height > 0 ? e.bottom = document.documentElement.clientHeight - t.top + 4 : e.top = t.bottom + 4 : w === D.BOTTOM ? e.top = t.bottom + 4 : w === D.TOP && (e.bottom = document.documentElement.clientHeight - t.top + 4);
     },
-    [h]
+    [w]
   ), r = i(() => {
-    const { current: e } = s, { current: o } = H;
+    const { current: e } = s, { current: o } = _;
     if (e && o) {
-      const t = e.getBoundingClientRect(), n = o.getBoundingClientRect(), m = {};
-      u ? m.width = n.width : m.minWidth = n.width, b(m, t, n), T(m, t, n), a.current = { height: t.height, width: t.width }, L({ ...f, ...m });
+      const t = e.getBoundingClientRect(), n = o.getBoundingClientRect(), c = {};
+      u ? c.width = n.width : c.minWidth = n.width, T(c, t, n), L(c, t, n), h.current = { height: t.height, width: t.width }, H(c);
     }
-  }, [H, u, f, b, T]);
-  _(() => {
-    l ? r() : (a.current = { height: 0, width: 0 }, L({ ...f, opacity: 0 }));
-  }, [l, r, f]), _(() => {
+  }, [_, u, T, L]);
+  y(() => {
+    l ? r() : (h.current = { height: 0, width: 0 }, H({ opacity: 0 }));
+  }, [l, r]), y(() => {
     if (s.current) {
       const { width: e, height: o } = s.current.getBoundingClientRect();
-      (e != a.current.width || o != a.current.height) && r();
+      (e != h.current.width || o != h.current.height) && r();
     }
-  }, [D, r]);
-  const c = i(() => {
+  }, [g, r]);
+  const f = i(() => {
     setTimeout(r);
   }, [r]);
-  _(() => {
+  y(() => {
     if (l)
-      return document.addEventListener("scroll", c, !0), window.addEventListener("resize", c), g(!0), document.body.classList.add(N), () => {
-        document.removeEventListener("scroll", c, !0), window.removeEventListener("resize", c), g(!1), document.body.classList.remove(N);
+      return document.addEventListener("scroll", f, !0), window.addEventListener("resize", f), v(!0), document.body.classList.add(A), () => {
+        document.removeEventListener("scroll", f, !0), window.removeEventListener("resize", f), v(!1), document.body.classList.remove(A);
       };
-  }, [l, c, g]);
-  const B = (e) => {
-    s.current = e, typeof w == "function" ? w(e) : w && (w.current = e);
+  }, [l, f, v]);
+  const z = (e) => {
+    s.current = e, typeof p == "function" ? p(e) : p && (p.current = e);
   };
-  return l ? /* @__PURE__ */ S(
+  return l ? /* @__PURE__ */ B(
     "div",
     {
-      className: z,
-      style: { ...U },
-      ref: B,
+      className: U,
+      style: { ...x, ...N },
       ...R,
-      "data-tx": "1.1.1",
-      children: D
+      "data-tx": "1.2.0",
+      ref: z,
+      children: g
     }
   ) : null;
 });