@sberbusiness/triplex-next 1.8.0 → 1.10.0

package/components/DateRange/DateRange.js

@@ -1,67 +1,67 @@
 import { jsxs as v, jsx as m } from "react/jsx-runtime";
-import { c as i, k as c } from "../../chunks/vendor-D3hUOusX.js";
+import { c as i, k as c } from "../../chunks/vendor-ClY57Zzq.js";
 import { CaretleftStrokeSrvIcon20 as D, MinusStrokeSrvIcon20 as M, CaretrightStrokeSrvIcon20 as Y } from "@sberbusiness/icons-next";
 import { dateFormatYYYYMMDD as r } from "../../consts/DateConst.js";
 import { EDateRangeShiftUnit as h } from "./enums.js";
-const C = "dateRange__42b10f55", E = "dateRangeButton__0efd6b49", F = "separator__37454164", d = {
+const C = "dateRange__0296bbcc", E = "dateRangeButton__eba843ac", F = "separator__a8797b2f", d = {
   dateRange: C,
   dateRangeButton: E,
   separator: F
 }, j = ({
   children: y,
   className: R,
-  value: f,
+  value: g,
   onChange: o,
   shiftAmount: n = 1,
   shiftUnit: s = h.MONTH,
   hideNavigation: p,
-  renderPickerFrom: g,
-  renderPickerTo: k,
-  renderButtonForward: u,
-  renderButtonBack: S,
-  ...b
+  renderPickerFrom: f,
+  renderPickerTo: b,
+  renderButtonForward: k,
+  renderButtonBack: u,
+  ...S
 }) => {
-  const [t, a] = f, x = i(d.dateRange, R), B = (e) => {
-    !e || !a || e <= a ? o([e, a]) : o([e, ""]);
+  const [a, t] = g, x = i(d.dateRange, R), B = (e) => {
+    !e || !t || e <= t ? o([e, t]) : o([e, ""]);
   }, I = (e) => {
-    !e || !t || e >= t ? o([t, e]) : o(["", e]);
+    !e || !a || e >= a ? o([a, e]) : o(["", e]);
   }, N = () => {
-    if (!t || !a)
+    if (!a || !t)
       return;
-    const e = c(t, r), l = c(a, r);
+    const e = c(a, r), l = c(t, r);
     o([
       e.subtract(n, s).format(r),
       l.subtract(n, s).format(r)
     ]);
   }, _ = () => {
-    if (!t || !a)
+    if (!a || !t)
       return;
-    const e = c(t, r), l = c(a, r);
+    const e = c(a, r), l = c(t, r);
     o([
       e.add(n, s).format(r),
       l.add(n, s).format(r)
     ]);
   };
-  return /* @__PURE__ */ v("div", { className: x, ...b, children: [
-    !p && S({
+  return /* @__PURE__ */ v("div", { className: x, ...S, children: [
+    !p && u({
       children: /* @__PURE__ */ m(D, { paletteIndex: 5 }),
-      className: i(d.dateRangeButton, { disabled: !(t && a) }),
-      disabled: !(t && a),
+      className: i(d.dateRangeButton, { disabled: !(a && t) }),
+      disabled: !(a && t),
       onClick: N
     }),
-    g({
+    f({
       onChange: B,
-      value: t
+      value: a
     }),
     /* @__PURE__ */ m(M, { className: d.separator, paletteIndex: 5 }),
-    k({
+    b({
       onChange: I,
-      value: a
+      value: t
     }),
-    !p && u({
+    !p && k({
       children: /* @__PURE__ */ m(Y, { paletteIndex: 5 }),
-      className: i(d.dateRangeButton, { disabled: !(t && a) }),
-      disabled: !(t && a),
+      className: i(d.dateRangeButton, { disabled: !(a && t) }),
+      disabled: !(a && t),
       onClick: _
     })
   ] });

package/components/DesignTokens/DesignTokenUtils.js

@@ -3,11 +3,11 @@ import { DesignTokensCore as l } from "./DesignTokensCore.js";
 import { DesignTokensCoreThemeDark as a } from "./DesignTokensCoreThemeDark.js";
 import { DesignTokensComponents as c } from "./DesignTokensComponents.js";
 import { DesignTokensComponentsThemeDark as f } from "./DesignTokensComponentsThemeDark.js";
-import { m as T } from "../../chunks/vendor-D3hUOusX.js";
+import { m as T } from "../../chunks/vendor-ClY57Zzq.js";
 const n = {
   getCSSVariableByTokenGroup: (t, s) => {
     const e = Object.keys(t)[0], r = "triplex-next";
-    let o = "1.8.0";
+    let o = "1.10.0";
     return o = o.replace(/\./g, "-"), Object.keys(t[e]).map(
       (m) => `--${r}-${e}-${m}-${o}: ${n.getTokenValue(
         t[e][m],

package/components/DesignTokens/DesignTokensComponents.js

@@ -1,183 +1,190 @@
 import { ETriplexNextTheme as o } from "../ThemeProvider/ETriplexNextTheme.js";
 import { GetTokensValueByTheme as r } from "./GetTokensValueByTheme.js";
-import { Button_Tokens as e } from "./components/Button.js";
-import { Calendar_Tokens as t } from "./components/Calendar.js";
-import { Checkbox_Tokens as m } from "./components/Checkbox.js";
-import { FormField_Tokens as T } from "./components/FormField.js";
+import { AmountField_Tokens as e } from "./components/AmountField.js";
+import { Button_Tokens as t } from "./components/Button.js";
+import { Calendar_Tokens as m } from "./components/Calendar.js";
+import { Checkbox_Tokens as T } from "./components/Checkbox.js";
+import { FormField_Tokens as i } from "./components/FormField.js";
 import { Link_Tokens as n } from "./components/Link.js";
-import { Tabs_Tokens as i } from "./components/Tabs.js";
-import { TabsLine_Tokens as s } from "./components/TabsLine.js";
-import { Loader_Tokens as p } from "./components/Loader.js";
-import { LoaderScreen_Tokens as L } from "./components/LoaderScreen.js";
-import { Radio_Tokens as a } from "./components/Radio.js";
-import { Typography_Tokens as k } from "./components/Typography.js";
-import { Tooltip_Tokens as I } from "./components/Tooltip.js";
+import { Tabs_Tokens as s } from "./components/Tabs.js";
+import { TabsLine_Tokens as p } from "./components/TabsLine.js";
+import { Loader_Tokens as L } from "./components/Loader.js";
+import { LoaderScreen_Tokens as a } from "./components/LoaderScreen.js";
+import { Radio_Tokens as k } from "./components/Radio.js";
+import { Typography_Tokens as I } from "./components/Typography.js";
+import { Tooltip_Tokens as l } from "./components/Tooltip.js";
 import { AlertContext_Tokens as f } from "./components/AlertContext.js";
-import { AlertProcess_Tokens as l } from "./components/AlertProcess.js";
-import { Divider_Tokens as H } from "./components/Divider.js";
-import { Dropdown_Tokens as G } from "./components/Dropdown.js";
+import { AlertProcess_Tokens as H } from "./components/AlertProcess.js";
+import { Divider_Tokens as G } from "./components/Divider.js";
+import { Dropdown_Tokens as d } from "./components/Dropdown.js";
 import { DropdownList_Tokens as _ } from "./components/DropdownList.js";
-import { DropdownMobile_Tokens as d } from "./components/DropdownMobile.js";
-import { DropdownMobileList_Tokens as S } from "./components/DropdownMobileList.js";
-import { Overlay_Tokens as g } from "./components/Overlay.js";
-import { ListItem_Tokens as c } from "./components/ListItem.js";
-import { ListItemControlsButton_Tokens as C } from "./components/ListItemControlsButton.js";
-import { ListMaster_Tokens as M } from "./components/ListMaster.js";
-import { Marker_Tokens as u } from "./components/Marker.js";
-import { MarkerStatus_Tokens as b } from "./components/MarkerStatus.js";
+import { DropdownMobile_Tokens as S } from "./components/DropdownMobile.js";
+import { DropdownMobileList_Tokens as g } from "./components/DropdownMobileList.js";
+import { Overlay_Tokens as c } from "./components/Overlay.js";
+import { ListItem_Tokens as C } from "./components/ListItem.js";
+import { ListItemControlsButton_Tokens as M } from "./components/ListItemControlsButton.js";
+import { ListMaster_Tokens as u } from "./components/ListMaster.js";
+import { Marker_Tokens as b } from "./components/Marker.js";
+import { MarkerStatus_Tokens as F } from "./components/MarkerStatus.js";
 import { MultiselectField_Tokens as D } from "./components/MultiselectField.js";
 import { UploadZone_Tokens as h } from "./components/UploadZone.js";
 import { Pagination_Tokens as w } from "./components/Pagination.js";
 import { Card_Tokens as x } from "./components/Card.js";
 import { Skeleton_Tokens as y } from "./components/Skeleton.js";
 import { SegmentedControl_Tokens as B } from "./components/SegmentedControl.js";
-import { SegmentedControlSegment_Tokens as F } from "./components/SegmentedControlSegment.js";
+import { SegmentedControlSegment_Tokens as A } from "./components/SegmentedControlSegment.js";
 import { Stepper_Tokens as P } from "./components/Stepper.js";
 import { HeaderPage_Tokens as v } from "./components/HeaderPage.js";
-import { FooterPage_Tokens as A } from "./components/FooterPage.js";
-import { Island_Tokens as O } from "./components/Island.js";
-import { IslandAccordion_Tokens as W } from "./components/IslandAccordion.js";
-import { IslandWidget_Tokens as N } from "./components/IslandWidget.js";
-import { TableBasic_Tokens as R } from "./components/TableBasic.js";
-import { Chip_Tokens as U } from "./components/Chip.js";
-import { LightBox_Tokens as Z } from "./components/LightBox.js";
-import { Tag_Tokens as E } from "./components/Tag.js";
-import { Notification_Tokens as V } from "./components/Notification.js";
-import { SMSInput_Tokens as j } from "./components/SMSInput.js";
-import { StatusTracker_Tokens as q } from "./components/StatusTracker.js";
-import { Step_Tokens as z } from "./components/Step.js";
-import { ModalWindow_Tokens as J } from "./components/ModalWindow.js";
-import { TopOverlay_Tokens as K } from "./components/TopOverlay.js";
-import { SmallInput_Tokens as Q } from "./components/SmallInput.js";
-import { Slider_Tokens as X } from "./components/Slider.js";
-const Xo = {
+import { FooterPage_Tokens as O } from "./components/FooterPage.js";
+import { Island_Tokens as W } from "./components/Island.js";
+import { IslandAccordion_Tokens as N } from "./components/IslandAccordion.js";
+import { IslandWidget_Tokens as R } from "./components/IslandWidget.js";
+import { TableBasic_Tokens as U } from "./components/TableBasic.js";
+import { Chip_Tokens as Z } from "./components/Chip.js";
+import { LightBox_Tokens as E } from "./components/LightBox.js";
+import { Tag_Tokens as V } from "./components/Tag.js";
+import { TagColor_Tokens as j } from "./components/TagColor.js";
+import { Notification_Tokens as q } from "./components/Notification.js";
+import { SMSField_Tokens as z } from "./components/SMSField.js";
+import { StatusTracker_Tokens as J } from "./components/StatusTracker.js";
+import { Step_Tokens as K } from "./components/Step.js";
+import { ModalWindow_Tokens as Q } from "./components/ModalWindow.js";
+import { TopOverlay_Tokens as X } from "./components/TopOverlay.js";
+import { SmallInput_Tokens as Y } from "./components/SmallInput.js";
+import { Slider_Tokens as $ } from "./components/Slider.js";
+const rr = {
   AlertContext: r(
     o.LIGHT,
     f
   ),
   AlertProcess: r(
     o.LIGHT,
-    l
+    H
   ),
-  Button: r(o.LIGHT, e),
-  Calendar: r(o.LIGHT, t),
+  AmountField: r(
+    o.LIGHT,
+    e
+  ),
+  Button: r(o.LIGHT, t),
+  Calendar: r(o.LIGHT, m),
   Card: r(o.LIGHT, x),
-  Checkbox: r(o.LIGHT, m),
-  Chip: r(o.LIGHT, U),
-  Divider: r(o.LIGHT, H),
-  Dropdown: r(o.LIGHT, G),
+  Checkbox: r(o.LIGHT, T),
+  Chip: r(o.LIGHT, Z),
+  Divider: r(o.LIGHT, G),
+  Dropdown: r(o.LIGHT, d),
   DropdownList: r(
     o.LIGHT,
     _
   ),
   DropdownMobile: r(
     o.LIGHT,
-    d
+    S
   ),
   DropdownMobileList: r(
     o.LIGHT,
-    S
+    g
   ),
   FooterPage: r(
     o.LIGHT,
-    A
+    O
   ),
-  FormField: r(o.LIGHT, T),
+  FormField: r(o.LIGHT, i),
   HeaderPage: r(
     o.LIGHT,
     v
   ),
-  Island: r(o.LIGHT, O),
+  Island: r(o.LIGHT, W),
   IslandAccordion: r(
     o.LIGHT,
-    W
+    N
   ),
   IslandWidget: r(
     o.LIGHT,
-    N
+    R
   ),
+  LightBox: r(o.LIGHT, E),
   Link: r(o.LIGHT, n),
-  ListItem: r(o.LIGHT, c),
+  ListItem: r(o.LIGHT, C),
   ListItemControlsButton: r(
     o.LIGHT,
-    C
+    M
   ),
   ListMaster: r(
     o.LIGHT,
-    M
+    u
   ),
-  Loader: r(o.LIGHT, p),
+  Loader: r(o.LIGHT, L),
   LoaderScreen: r(
     o.LIGHT,
-    L
+    a
   ),
-  Marker: r(o.LIGHT, u),
+  Marker: r(o.LIGHT, b),
   MarkerStatus: r(
     o.LIGHT,
-    b
+    F
+  ),
+  ModalWindow: r(
+    o.LIGHT,
+    Q
   ),
   MultiselectField: r(
     o.LIGHT,
     D
   ),
-  Overlay: r(o.LIGHT, g),
+  Notification: r(
+    o.LIGHT,
+    q
+  ),
+  Overlay: r(o.LIGHT, c),
   Pagination: r(
     o.LIGHT,
     w
   ),
-  Radio: r(o.LIGHT, a),
+  Radio: r(o.LIGHT, k),
   SegmentedControl: r(
     o.LIGHT,
     B
   ),
   SegmentedControlSegment: r(
     o.LIGHT,
-    F
+    A
   ),
   Skeleton: r(o.LIGHT, y),
-  SMSInput: r(o.LIGHT, j),
-  Slider: r(o.LIGHT, X),
-  Step: r(o.LIGHT, z),
-  Stepper: r(o.LIGHT, P),
-  TableBasic: r(
-    o.LIGHT,
-    R
-  ),
-  Tabs: r(o.LIGHT, i),
-  Tag: r(o.LIGHT, E),
-  TabsLine: r(o.LIGHT, s),
-  Tooltip: r(o.LIGHT, I),
-  Typography: r(
-    o.LIGHT,
-    k
-  ),
-  UploadZone: r(
-    o.LIGHT,
-    h
-  ),
-  LightBox: r(o.LIGHT, Z),
-  Notification: r(
+  SmallInput: r(
     o.LIGHT,
-    V
+    Y
   ),
+  SMSField: r(o.LIGHT, z),
+  Slider: r(o.LIGHT, $),
   StatusTracker: r(
     o.LIGHT,
-    q
+    J
   ),
-  ModalWindow: r(
+  Step: r(o.LIGHT, K),
+  Stepper: r(o.LIGHT, P),
+  TableBasic: r(
     o.LIGHT,
-    J
+    U
   ),
+  Tabs: r(o.LIGHT, s),
+  Tag: r(o.LIGHT, V),
+  TagColor: r(o.LIGHT, j),
+  TabsLine: r(o.LIGHT, p),
+  Tooltip: r(o.LIGHT, l),
   TopOverlay: r(
     o.LIGHT,
-    K
+    X
   ),
-  SmallInput: r(
+  Typography: r(
     o.LIGHT,
-    Q
+    I
+  ),
+  UploadZone: r(
+    o.LIGHT,
+    h
   )
 };
 export {
-  Xo as DesignTokensComponents
+  rr as DesignTokensComponents
 };
 //# sourceMappingURL=DesignTokensComponents.js.map