@sberbusiness/triplex-next 0.1.4 → 0.1.6

package/components/Checkbox/index.js

@@ -0,0 +1,11 @@
+import { Checkbox as e } from "./Checkbox.js";
+import { ECheckboxSize as p } from "./enum.js";
+import { CheckboxXGroup as c } from "./CheckboxXGroup.js";
+import { CheckboxYGroup as h } from "./CheckboxYGroup.js";
+export {
+  e as Checkbox,
+  c as CheckboxXGroup,
+  h as CheckboxYGroup,
+  p as ECheckboxSize
+};
+//# sourceMappingURL=index.js.map

package/components/Col/Col.js

@@ -0,0 +1,183 @@
+import { jsx as v } from "react/jsx-runtime";
+import { c as j } from "../../chunks/vendor-CF2m175I.js";
+const A = {
+  "col-1": "col-1__0ff498c5",
+  "col-2": "col-2__9ad9b59c",
+  "col-3": "col-3__62c3b0df",
+  "col-4": "col-4__dcdd6758",
+  "col-5": "col-5__0a32f863",
+  "col-6": "col-6__1c8ccb3e",
+  "col-7": "col-7__30a95fc8",
+  "col-8": "col-8__71edc1bf",
+  "col-9": "col-9__8fd98d73",
+  "col-10": "col-10__64bc2062",
+  "col-11": "col-11__a5239619",
+  "col-12": "col-12__0c79c013",
+  "offset-0": "offset-0__f0aa5424",
+  "offset-1": "offset-1__6b8c3769",
+  "offset-2": "offset-2__9f842fc0",
+  "offset-3": "offset-3__a8fc43c2",
+  "offset-4": "offset-4__3a2497b9",
+  "offset-5": "offset-5__a3ea7b57",
+  "offset-6": "offset-6__f043fd73",
+  "offset-7": "offset-7__c2891dc4",
+  "offset-8": "offset-8__3b0f52be",
+  "offset-9": "offset-9__5415bd82",
+  "offset-10": "offset-10__28c62559",
+  "offset-11": "offset-11__9afd19f0",
+  "d-none": "d-none__8ca75876",
+  "d-block": "d-block__1dcc673a",
+  "col-sm-1": "col-sm-1__5f3705e4",
+  "col-sm-2": "col-sm-2__46daaf0e",
+  "col-sm-3": "col-sm-3__d8506190",
+  "col-sm-4": "col-sm-4__f64db324",
+  "col-sm-5": "col-sm-5__85af7b3d",
+  "col-sm-6": "col-sm-6__7ec2f428",
+  "col-sm-7": "col-sm-7__48634034",
+  "col-sm-8": "col-sm-8__4edd270e",
+  "col-sm-9": "col-sm-9__a0caa44b",
+  "col-sm-10": "col-sm-10__693e8090",
+  "col-sm-11": "col-sm-11__566a3b5d",
+  "col-sm-12": "col-sm-12__e0b1a6ee",
+  "offset-sm-0": "offset-sm-0__c2d884ca",
+  "offset-sm-1": "offset-sm-1__70487370",
+  "offset-sm-2": "offset-sm-2__3c2206ea",
+  "offset-sm-3": "offset-sm-3__a07d062b",
+  "offset-sm-4": "offset-sm-4__9ac37063",
+  "offset-sm-5": "offset-sm-5__abbb0ddc",
+  "offset-sm-6": "offset-sm-6__9ecfc81c",
+  "offset-sm-7": "offset-sm-7__56135547",
+  "offset-sm-8": "offset-sm-8__1a5a5118",
+  "offset-sm-9": "offset-sm-9__c5c68932",
+  "offset-sm-10": "offset-sm-10__0696ebc7",
+  "offset-sm-11": "offset-sm-11__b590eaac",
+  "d-none-sm": "d-none-sm__5f42f7ec",
+  "d-block-sm": "d-block-sm__ba623656",
+  "col-md-1": "col-md-1__e95a1f85",
+  "col-md-2": "col-md-2__6f2a5a30",
+  "col-md-3": "col-md-3__30fce35b",
+  "col-md-4": "col-md-4__8986467c",
+  "col-md-5": "col-md-5__b90dd6d3",
+  "col-md-6": "col-md-6__d79456ab",
+  "col-md-7": "col-md-7__34f5190d",
+  "col-md-8": "col-md-8__0fe89259",
+  "col-md-9": "col-md-9__9fa505fc",
+  "col-md-10": "col-md-10__71ebd17a",
+  "col-md-11": "col-md-11__0f4e673c",
+  "col-md-12": "col-md-12__126595c0",
+  "offset-md-0": "offset-md-0__a9bf6fca",
+  "offset-md-1": "offset-md-1__9cbf5736",
+  "offset-md-2": "offset-md-2__4964ac9e",
+  "offset-md-3": "offset-md-3__193b8d5c",
+  "offset-md-4": "offset-md-4__a6c9e732",
+  "offset-md-5": "offset-md-5__e26cf51a",
+  "offset-md-6": "offset-md-6__cb4ae170",
+  "offset-md-7": "offset-md-7__b3e59a5d",
+  "offset-md-8": "offset-md-8__8535ac5e",
+  "offset-md-9": "offset-md-9__2d9cb5c2",
+  "offset-md-10": "offset-md-10__225621a6",
+  "offset-md-11": "offset-md-11__94372d56",
+  "d-none-md": "d-none-md__30130866",
+  "d-block-md": "d-block-md__3a44e8d0",
+  "col-lg-1": "col-lg-1__38c021e3",
+  "col-lg-2": "col-lg-2__e6642804",
+  "col-lg-3": "col-lg-3__e35a424f",
+  "col-lg-4": "col-lg-4__24890d36",
+  "col-lg-5": "col-lg-5__213ef2b1",
+  "col-lg-6": "col-lg-6__8f97e2d0",
+  "col-lg-7": "col-lg-7__5d136c0b",
+  "col-lg-8": "col-lg-8__f98543b1",
+  "col-lg-9": "col-lg-9__7d7fc264",
+  "col-lg-10": "col-lg-10__38abc905",
+  "col-lg-11": "col-lg-11__d8c68bd3",
+  "col-lg-12": "col-lg-12__79b0ee1c",
+  "offset-lg-0": "offset-lg-0__cd69ae85",
+  "offset-lg-1": "offset-lg-1__e2657781",
+  "offset-lg-2": "offset-lg-2__fad88e08",
+  "offset-lg-3": "offset-lg-3__b3472341",
+  "offset-lg-4": "offset-lg-4__53727a27",
+  "offset-lg-5": "offset-lg-5__69a749e4",
+  "offset-lg-6": "offset-lg-6__d8b69a83",
+  "offset-lg-7": "offset-lg-7__137fac5f",
+  "offset-lg-8": "offset-lg-8__b0385ea2",
+  "offset-lg-9": "offset-lg-9__8ea57e2f",
+  "offset-lg-10": "offset-lg-10__9c88c4d5",
+  "offset-lg-11": "offset-lg-11__9447bcc6",
+  "d-none-lg": "d-none-lg__ec1af159",
+  "d-block-lg": "d-block-lg__42162f0e",
+  "col-xl-1": "col-xl-1__08d7c41b",
+  "col-xl-2": "col-xl-2__c77c9703",
+  "col-xl-3": "col-xl-3__ef984d12",
+  "col-xl-4": "col-xl-4__de173919",
+  "col-xl-5": "col-xl-5__2d549f8f",
+  "col-xl-6": "col-xl-6__a97f14ef",
+  "col-xl-7": "col-xl-7__3172b780",
+  "col-xl-8": "col-xl-8__ce7ad666",
+  "col-xl-9": "col-xl-9__9a4be69b",
+  "col-xl-10": "col-xl-10__47a1bcbb",
+  "col-xl-11": "col-xl-11__23efe178",
+  "col-xl-12": "col-xl-12__b080a721",
+  "offset-xl-0": "offset-xl-0__6c0e48fd",
+  "offset-xl-1": "offset-xl-1__44a65b0f",
+  "offset-xl-2": "offset-xl-2__50be97c0",
+  "offset-xl-3": "offset-xl-3__26e95115",
+  "offset-xl-4": "offset-xl-4__8f20ec02",
+  "offset-xl-5": "offset-xl-5__44a79a74",
+  "offset-xl-6": "offset-xl-6__1cff1a5b",
+  "offset-xl-7": "offset-xl-7__5be88977",
+  "offset-xl-8": "offset-xl-8__c4dc25b6",
+  "offset-xl-9": "offset-xl-9__195eea36",
+  "offset-xl-10": "offset-xl-10__a2526ec3",
+  "offset-xl-11": "offset-xl-11__341d3279",
+  "d-none-xl": "d-none-xl__0c54de18",
+  "d-block-xl": "d-block-xl__7b1e8e9a"
+};
+function _({
+  block: t,
+  hidden: d,
+  offset: l,
+  prefix: o,
+  size: c
+}) {
+  const f = [], e = o ? `${o}-` : "", s = o ? `-${o}` : "";
+  return t === !0 && f.push(`d-block${s}`), d === !0 && f.push(`d-none${s}`), l !== void 0 && f.push(`offset-${e}${l}`), c && f.push(`col-${e}${c}`), f;
+}
+const B = ({
+  children: t,
+  className: d,
+  hidden: l,
+  hiddenSm: o,
+  hiddenMd: c,
+  hiddenLg: f,
+  hiddenXl: e,
+  block: s,
+  blockSm: m,
+  blockMd: a,
+  blockLg: b,
+  blockXl: x,
+  size: g = 12,
+  sizeSm: n,
+  sizeMd: i,
+  sizeLg: r,
+  sizeXl: k,
+  offset: p,
+  offsetSm: u,
+  offsetMd: h,
+  offsetLg: $,
+  offsetXl: N,
+  ...C
+}) => {
+  const y = [
+    ..._({ block: s, hidden: l, offset: p, size: g }),
+    ..._({ block: m, hidden: o, offset: u, prefix: "sm", size: n }),
+    ..._({ block: a, hidden: c, offset: h, prefix: "md", size: i }),
+    ..._({ block: b, hidden: f, offset: $, prefix: "lg", size: r }),
+    ..._({ block: x, hidden: e, offset: N, prefix: "xl", size: k })
+  ].map((z) => A[z]).filter(Boolean);
+  return /* @__PURE__ */ v("div", { ...C, className: j(d, ...y), children: t });
+};
+B.displayName = "Col";
+export {
+  B as Col
+};
+//# sourceMappingURL=Col.js.map

package/components/Col/index.js

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

package/components/DesignTokens/DesignTokenUtils.js

@@ -0,0 +1,82 @@
+import { ETriplexNextTheme as i } from "../ThemeProvider/ETriplexNextTheme.js";
+import { DesignTokensCore as m } 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 { f as l } from "../../chunks/vendor-CF2m175I.js";
+const n = {
+  getCSSVariableByTokenGroup: (t, s) => {
+    const e = Object.keys(t)[0], r = "triplex-next";
+    let o = "0.1.6";
+    return o = o.replace(/\./g, "-"), Object.keys(t[e]).map(
+      (T) => `--${r}-${e}-${T}-${o}: ${n.getTokenValue(
+        t[e][T],
+        s
+      )};`
+    ).join(`
+`);
+  },
+  // Возвращает токены, которые использует компонент.
+  getComponentTokens: (t) => {
+    const s = [], e = [];
+    return Object.keys(c).forEach((r) => {
+      Object.keys(c[r]).forEach(
+        (o) => {
+          if (r === t) {
+            e.push(`${r}.${o}`);
+            return;
+          }
+        }
+      );
+    }), { components: e, core: s };
+  },
+  getStyle: (t = i.LIGHT, s) => {
+    let e = "";
+    switch (t) {
+      case i.LIGHT: {
+        const r = l({}, s, m, c);
+        e = n.getStyleByTokens(r);
+        break;
+      }
+      case i.DARK: {
+        const r = l(
+          {},
+          s,
+          a,
+          f
+        );
+        e = n.getStyleByTokens(r);
+        break;
+      }
+    }
+    return e;
+  },
+  // Возвращает строку с css-переменными.
+  getStyleByTokens: (t) => Object.keys(t).map(
+    (e) => n.getCSSVariableByTokenGroup(
+      {
+        [e]: t[e]
+      },
+      t
+    )
+  ).join(`
+`).trim(),
+  // Возвращает значение токена. Если токен имеет значение в виде строки, будет возвращена эта строка, если токен ссылается на другой токен, будет возвращено значение другого токена.
+  getTokenValue: (t, s) => {
+    let e = "";
+    if (t.value)
+      e = t.value;
+    else if (t.ref) {
+      const r = t.ref.split("."), o = s[r[0]][r[1]].value;
+      o ? e = o : s[r[0]][r[1]].ref && (e = n.getTokenValue(
+        s[r[0]][r[1]],
+        s
+      ));
+    }
+    return e;
+  }
+};
+export {
+  n as DesignTokenUtils
+};
+//# sourceMappingURL=DesignTokenUtils.js.map

package/components/DesignTokens/DesignTokensComponents.js

@@ -0,0 +1,111 @@
+import { ETriplexNextTheme as o } from "../ThemeProvider/ETriplexNextTheme.js";
+import { GetTokensValueByTheme as e } from "./GetTokensValueByTheme.js";
+import { Button_Tokens as r } from "./components/Button.js";
+import { Checkbox_Tokens as t } from "./components/Checkbox.js";
+import { FormField_Tokens as m } from "./components/FormField.js";
+import { Link_Tokens as n } from "./components/Link.js";
+import { Tabs_Tokens as T } from "./components/Tabs.js";
+import { Loader_Tokens as i } from "./components/Loader.js";
+import { LoaderWidget_Tokens as s } from "./components/LoaderWidget.js";
+import { Radio_Tokens as p } from "./components/Radio.js";
+import { Typography_Tokens as L } from "./components/Typography.js";
+import { Tooltip_Tokens as k } from "./components/Tooltip.js";
+import { AlertContext_Tokens as I } from "./components/AlertContext.js";
+import { AlertProcess_Tokens as a } from "./components/AlertProcess.js";
+import { Dropdown_Tokens as f } from "./components/Dropdown.js";
+import { DropdownList_Tokens as H } from "./components/DropdownList.js";
+import { DropdownMobile_Tokens as G } from "./components/DropdownMobile.js";
+import { DropdownMobileList_Tokens as _ } from "./components/DropdownMobileList.js";
+import { Overlay_Tokens as d } from "./components/Overlay.js";
+import { ListItem_Tokens as l } from "./components/ListItem.js";
+import { ListItemControlsButton_Tokens as g } from "./components/ListItemControlsButton.js";
+import { ListMaster_Tokens as C } from "./components/ListMaster.js";
+import { Page_Tokens as P } from "./components/Page.js";
+import { UploadZone_Tokens as D } from "./components/UploadZone.js";
+import { Pagination_Tokens as b } from "./components/Pagination.js";
+import { Card_Tokens as w } from "./components/Card.js";
+import { Skeleton_Tokens as S } from "./components/Skeleton.js";
+import { SegmentedControl_Tokens as x } from "./components/SegmentedControl.js";
+import { SegmentedControlSegment_Tokens as y } from "./components/SegmentedControlSegment.js";
+import { HeaderPage_Tokens as h } from "./components/HeaderPage.js";
+import { FooterPage_Tokens as F } from "./components/FooterPage.js";
+const so = {
+  Button: e(o.LIGHT, r),
+  Checkbox: e(o.LIGHT, t),
+  FormField: e(o.LIGHT, m),
+  Link: e(o.LIGHT, n),
+  Loader: e(o.LIGHT, i),
+  LoaderWidget: e(
+    o.LIGHT,
+    s
+  ),
+  Dropdown: e(o.LIGHT, f),
+  DropdownList: e(
+    o.LIGHT,
+    H
+  ),
+  DropdownMobile: e(
+    o.LIGHT,
+    G
+  ),
+  DropdownMobileList: e(
+    o.LIGHT,
+    _
+  ),
+  Tabs: e(o.LIGHT, T),
+  Typography: e(
+    o.LIGHT,
+    L
+  ),
+  Tooltip: e(o.LIGHT, k),
+  AlertContext: e(
+    o.LIGHT,
+    I
+  ),
+  AlertProcess: e(
+    o.LIGHT,
+    a
+  ),
+  Overlay: e(o.LIGHT, d),
+  ListItem: e(o.LIGHT, l),
+  ListItemControlsButton: e(
+    o.LIGHT,
+    g
+  ),
+  ListMaster: e(
+    o.LIGHT,
+    C
+  ),
+  Page: e(o.LIGHT, P),
+  Radio: e(o.LIGHT, p),
+  UploadZone: e(
+    o.LIGHT,
+    D
+  ),
+  Pagination: e(
+    o.LIGHT,
+    b
+  ),
+  Card: e(o.LIGHT, w),
+  Skeleton: e(o.LIGHT, S),
+  SegmentedControl: e(
+    o.LIGHT,
+    x
+  ),
+  SegmentedControlSegment: e(
+    o.LIGHT,
+    y
+  ),
+  HeaderPage: e(
+    o.LIGHT,
+    h
+  ),
+  FooterPage: e(
+    o.LIGHT,
+    F
+  )
+};
+export {
+  so as DesignTokensComponents
+};
+//# sourceMappingURL=DesignTokensComponents.js.map

package/components/DesignTokens/DesignTokensComponentsThemeDark.js

@@ -0,0 +1,111 @@
+import { ETriplexNextTheme as o } from "../ThemeProvider/ETriplexNextTheme.js";
+import { GetTokensValueByTheme as e } from "./GetTokensValueByTheme.js";
+import { Button_Tokens as r } from "./components/Button.js";
+import { Checkbox_Tokens as t } from "./components/Checkbox.js";
+import { FormField_Tokens as m } from "./components/FormField.js";
+import { Link_Tokens as n } from "./components/Link.js";
+import { Tabs_Tokens as i } from "./components/Tabs.js";
+import { Loader_Tokens as s } from "./components/Loader.js";
+import { LoaderWidget_Tokens as p } from "./components/LoaderWidget.js";
+import { Radio_Tokens as T } from "./components/Radio.js";
+import { Typography_Tokens as D } from "./components/Typography.js";
+import { Tooltip_Tokens as k } from "./components/Tooltip.js";
+import { AlertContext_Tokens as A } from "./components/AlertContext.js";
+import { AlertProcess_Tokens as a } from "./components/AlertProcess.js";
+import { Dropdown_Tokens as f } from "./components/Dropdown.js";
+import { DropdownList_Tokens as R } from "./components/DropdownList.js";
+import { DropdownMobile_Tokens as K } from "./components/DropdownMobile.js";
+import { DropdownMobileList_Tokens as _ } from "./components/DropdownMobileList.js";
+import { Overlay_Tokens as d } from "./components/Overlay.js";
+import { ListItem_Tokens as l } from "./components/ListItem.js";
+import { ListItemControlsButton_Tokens as g } from "./components/ListItemControlsButton.js";
+import { ListMaster_Tokens as L } from "./components/ListMaster.js";
+import { Page_Tokens as C } from "./components/Page.js";
+import { UploadZone_Tokens as P } from "./components/UploadZone.js";
+import { Pagination_Tokens as b } from "./components/Pagination.js";
+import { Card_Tokens as w } from "./components/Card.js";
+import { Skeleton_Tokens as S } from "./components/Skeleton.js";
+import { SegmentedControl_Tokens as h } from "./components/SegmentedControl.js";
+import { SegmentedControlSegment_Tokens as x } from "./components/SegmentedControlSegment.js";
+import { HeaderPage_Tokens as y } from "./components/HeaderPage.js";
+import { FooterPage_Tokens as F } from "./components/FooterPage.js";
+const po = {
+  Button: e(o.DARK, r),
+  Checkbox: e(o.DARK, t),
+  FormField: e(o.DARK, m),
+  Radio: e(o.DARK, T),
+  Link: e(o.DARK, n),
+  Loader: e(o.DARK, s),
+  Tabs: e(o.DARK, i),
+  LoaderWidget: e(
+    o.DARK,
+    p
+  ),
+  Typography: e(
+    o.DARK,
+    D
+  ),
+  Tooltip: e(o.DARK, k),
+  AlertContext: e(
+    o.DARK,
+    A
+  ),
+  AlertProcess: e(
+    o.DARK,
+    a
+  ),
+  Dropdown: e(o.DARK, f),
+  DropdownList: e(
+    o.DARK,
+    R
+  ),
+  DropdownMobile: e(
+    o.DARK,
+    K
+  ),
+  DropdownMobileList: e(
+    o.DARK,
+    _
+  ),
+  Overlay: e(o.DARK, d),
+  ListItem: e(o.DARK, l),
+  ListItemControlsButton: e(
+    o.DARK,
+    g
+  ),
+  ListMaster: e(
+    o.DARK,
+    L
+  ),
+  Page: e(o.DARK, C),
+  UploadZone: e(
+    o.DARK,
+    P
+  ),
+  Pagination: e(
+    o.DARK,
+    b
+  ),
+  Card: e(o.DARK, w),
+  Skeleton: e(o.DARK, S),
+  SegmentedControl: e(
+    o.DARK,
+    h
+  ),
+  SegmentedControlSegment: e(
+    o.DARK,
+    x
+  ),
+  HeaderPage: e(
+    o.DARK,
+    y
+  ),
+  FooterPage: e(
+    o.DARK,
+    F
+  )
+};
+export {
+  po as DesignTokensComponentsThemeDark
+};
+//# sourceMappingURL=DesignTokensComponentsThemeDark.js.map