@sberbusiness/triplex-next 0.1.4 → 0.1.5

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__aad7e967",
+  "col-2": "col-2__0c9c16cd",
+  "col-3": "col-3__d79cb3f7",
+  "col-4": "col-4__6882d24b",
+  "col-5": "col-5__0d81fde8",
+  "col-6": "col-6__a1e51814",
+  "col-7": "col-7__e52ea8a1",
+  "col-8": "col-8__3c5e274c",
+  "col-9": "col-9__cec27c2e",
+  "col-10": "col-10__fbdf92b1",
+  "col-11": "col-11__05233bf1",
+  "col-12": "col-12__3daa0e17",
+  "offset-0": "offset-0__a203bd5b",
+  "offset-1": "offset-1__dac4c62c",
+  "offset-2": "offset-2__a9873c7c",
+  "offset-3": "offset-3__0544a604",
+  "offset-4": "offset-4__e98406ac",
+  "offset-5": "offset-5__8224c78e",
+  "offset-6": "offset-6__c016ddb7",
+  "offset-7": "offset-7__2df9f991",
+  "offset-8": "offset-8__1b6bc692",
+  "offset-9": "offset-9__0a3aa7e7",
+  "offset-10": "offset-10__6bb70544",
+  "offset-11": "offset-11__b28dbe87",
+  "d-none": "d-none__e359a042",
+  "d-block": "d-block__65665277",
+  "col-sm-1": "col-sm-1__4cd28c43",
+  "col-sm-2": "col-sm-2__7ee71278",
+  "col-sm-3": "col-sm-3__d818c6de",
+  "col-sm-4": "col-sm-4__5e043b25",
+  "col-sm-5": "col-sm-5__4c942970",
+  "col-sm-6": "col-sm-6__ad5b5edc",
+  "col-sm-7": "col-sm-7__d11238b6",
+  "col-sm-8": "col-sm-8__43ee138e",
+  "col-sm-9": "col-sm-9__6a5d8a9e",
+  "col-sm-10": "col-sm-10__1c8ed450",
+  "col-sm-11": "col-sm-11__2b94ebcb",
+  "col-sm-12": "col-sm-12__5bfb71cb",
+  "offset-sm-0": "offset-sm-0__6922b757",
+  "offset-sm-1": "offset-sm-1__21eade79",
+  "offset-sm-2": "offset-sm-2__c42a9092",
+  "offset-sm-3": "offset-sm-3__69c89cf4",
+  "offset-sm-4": "offset-sm-4__ee702e7f",
+  "offset-sm-5": "offset-sm-5__362cc9c9",
+  "offset-sm-6": "offset-sm-6__8af2899c",
+  "offset-sm-7": "offset-sm-7__4e0ed804",
+  "offset-sm-8": "offset-sm-8__3a9a51f1",
+  "offset-sm-9": "offset-sm-9__97e58dae",
+  "offset-sm-10": "offset-sm-10__ed4a4c65",
+  "offset-sm-11": "offset-sm-11__dc81fec5",
+  "d-none-sm": "d-none-sm__6be2ae45",
+  "d-block-sm": "d-block-sm__27aae607",
+  "col-md-1": "col-md-1__2fb64644",
+  "col-md-2": "col-md-2__49e35c77",
+  "col-md-3": "col-md-3__d076249a",
+  "col-md-4": "col-md-4__88756712",
+  "col-md-5": "col-md-5__8aa322cd",
+  "col-md-6": "col-md-6__232cbc71",
+  "col-md-7": "col-md-7__ca9ed748",
+  "col-md-8": "col-md-8__e5a7ef1a",
+  "col-md-9": "col-md-9__0a4b8806",
+  "col-md-10": "col-md-10__658da460",
+  "col-md-11": "col-md-11__18e8299e",
+  "col-md-12": "col-md-12__b5176d30",
+  "offset-md-0": "offset-md-0__bea2f8cf",
+  "offset-md-1": "offset-md-1__cb9eb71e",
+  "offset-md-2": "offset-md-2__85f8f456",
+  "offset-md-3": "offset-md-3__54b0a35c",
+  "offset-md-4": "offset-md-4__fcd74e34",
+  "offset-md-5": "offset-md-5__dcd77e7e",
+  "offset-md-6": "offset-md-6__9a72f63c",
+  "offset-md-7": "offset-md-7__0f1f30da",
+  "offset-md-8": "offset-md-8__096ec087",
+  "offset-md-9": "offset-md-9__7d475f98",
+  "offset-md-10": "offset-md-10__b4e5e26f",
+  "offset-md-11": "offset-md-11__98c72c0a",
+  "d-none-md": "d-none-md__4b7c5278",
+  "d-block-md": "d-block-md__4cc7288d",
+  "col-lg-1": "col-lg-1__cc1b6afd",
+  "col-lg-2": "col-lg-2__b645d40b",
+  "col-lg-3": "col-lg-3__7e6035db",
+  "col-lg-4": "col-lg-4__e5b09bce",
+  "col-lg-5": "col-lg-5__dacced4b",
+  "col-lg-6": "col-lg-6__d733ce69",
+  "col-lg-7": "col-lg-7__0a117293",
+  "col-lg-8": "col-lg-8__6cd3b530",
+  "col-lg-9": "col-lg-9__035c7c75",
+  "col-lg-10": "col-lg-10__0053861a",
+  "col-lg-11": "col-lg-11__9f0d40f7",
+  "col-lg-12": "col-lg-12__2a1626d5",
+  "offset-lg-0": "offset-lg-0__71ba16c8",
+  "offset-lg-1": "offset-lg-1__d3171033",
+  "offset-lg-2": "offset-lg-2__10876527",
+  "offset-lg-3": "offset-lg-3__3245cf6b",
+  "offset-lg-4": "offset-lg-4__8ec81626",
+  "offset-lg-5": "offset-lg-5__b139e85f",
+  "offset-lg-6": "offset-lg-6__9ce0eeb1",
+  "offset-lg-7": "offset-lg-7__e6dda4e8",
+  "offset-lg-8": "offset-lg-8__ae2a046f",
+  "offset-lg-9": "offset-lg-9__06677654",
+  "offset-lg-10": "offset-lg-10__27495d3f",
+  "offset-lg-11": "offset-lg-11__2ff073f1",
+  "d-none-lg": "d-none-lg__1c817d4b",
+  "d-block-lg": "d-block-lg__2cb8a3d1",
+  "col-xl-1": "col-xl-1__5357d6c8",
+  "col-xl-2": "col-xl-2__173caf5c",
+  "col-xl-3": "col-xl-3__61bc0c41",
+  "col-xl-4": "col-xl-4__0d0362d8",
+  "col-xl-5": "col-xl-5__8f010d4d",
+  "col-xl-6": "col-xl-6__05894e39",
+  "col-xl-7": "col-xl-7__922e0c4b",
+  "col-xl-8": "col-xl-8__f01ad854",
+  "col-xl-9": "col-xl-9__ad85cf14",
+  "col-xl-10": "col-xl-10__d5e2e9d0",
+  "col-xl-11": "col-xl-11__c2f5caa3",
+  "col-xl-12": "col-xl-12__a098b8c7",
+  "offset-xl-0": "offset-xl-0__cba2b12a",
+  "offset-xl-1": "offset-xl-1__0c7c4262",
+  "offset-xl-2": "offset-xl-2__c5df10db",
+  "offset-xl-3": "offset-xl-3__c5f5cc03",
+  "offset-xl-4": "offset-xl-4__4cbe7b5b",
+  "offset-xl-5": "offset-xl-5__60106c8d",
+  "offset-xl-6": "offset-xl-6__5c1e31d9",
+  "offset-xl-7": "offset-xl-7__e72aacac",
+  "offset-xl-8": "offset-xl-8__3d03c627",
+  "offset-xl-9": "offset-xl-9__a721d9c0",
+  "offset-xl-10": "offset-xl-10__9a8cb750",
+  "offset-xl-11": "offset-xl-11__4bce3e6d",
+  "d-none-xl": "d-none-xl__56ee07f1",
+  "d-block-xl": "d-block-xl__cfd67b57"
+};
+function _({
+  block: d,
+  hidden: t,
+  offset: l,
+  prefix: o,
+  size: c
+}) {
+  const f = [], e = o ? `${o}-` : "", s = o ? `-${o}` : "";
+  return d === !0 && f.push(`d-block${s}`), t === !0 && f.push(`d-none${s}`), l !== void 0 && f.push(`offset-${e}${l}`), c && f.push(`col-${e}${c}`), f;
+}
+const B = ({
+  children: d,
+  className: t,
+  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(t, ...y), children: d });
+};
+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 T } from "./DesignTokensCore.js";
+import { DesignTokensCoreThemeDark as l } from "./DesignTokensCoreThemeDark.js";
+import { DesignTokensComponents as c } from "./DesignTokensComponents.js";
+import { DesignTokensComponentsThemeDark as p } from "./DesignTokensComponentsThemeDark.js";
+import { f as m } from "../../chunks/vendor-CF2m175I.js";
+const o = {
+  getCSSVariableByTokenGroup: (t, r) => {
+    const e = Object.keys(t)[0], s = "triplex-next";
+    let n = process.env.npm_package_version;
+    return n = n.replace(/\./g, "-"), Object.keys(t[e]).map(
+      (a) => `--${s}-${e}-${a}-${n}: ${o.getTokenValue(
+        t[e][a],
+        r
+      )};`
+    ).join(`
+`);
+  },
+  // Возвращает токены, которые использует компонент.
+  getComponentTokens: (t) => {
+    const r = [], e = [];
+    return Object.keys(c).forEach((s) => {
+      Object.keys(c[s]).forEach(
+        (n) => {
+          if (s === t) {
+            e.push(`${s}.${n}`);
+            return;
+          }
+        }
+      );
+    }), { components: e, core: r };
+  },
+  getStyle: (t = i.LIGHT, r) => {
+    let e = "";
+    switch (t) {
+      case i.LIGHT: {
+        const s = m({}, r, T, c);
+        e = o.getStyleByTokens(s);
+        break;
+      }
+      case i.DARK: {
+        const s = m(
+          {},
+          r,
+          l,
+          p
+        );
+        e = o.getStyleByTokens(s);
+        break;
+      }
+    }
+    return e;
+  },
+  // Возвращает строку с css-переменными.
+  getStyleByTokens: (t) => Object.keys(t).map(
+    (e) => o.getCSSVariableByTokenGroup(
+      {
+        [e]: t[e]
+      },
+      t
+    )
+  ).join(`
+`).trim(),
+  // Возвращает значение токена. Если токен имеет значение в виде строки, будет возвращена эта строка, если токен ссылается на другой токен, будет возвращено значение другого токена.
+  getTokenValue: (t, r) => {
+    let e = "";
+    if (t.value)
+      e = t.value;
+    else if (t.ref) {
+      const s = t.ref.split("."), n = r[s[0]][s[1]].value;
+      n ? e = n : r[s[0]][s[1]].ref && (e = o.getTokenValue(
+        r[s[0]][s[1]],
+        r
+      ));
+    }
+    return e;
+  }
+};
+export {
+  o 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