@sberbusiness/triplex-next 1.1.1 → 1.2.0

package/components/Checkbox/Checkbox.js

@@ -1,36 +1,52 @@
-import { jsxs as _, jsx as o } from "react/jsx-runtime";
-import p from "react";
-import { CheckboxbulkStrokeSrvIcon24 as I, CheckboxtickStrokeSrvIcon24 as f } from "@sberbusiness/icons-next";
-import { ECheckboxSize as N } from "./enum.js";
-import { c as l } from "../../chunks/vendor-D-uL_icH.js";
-const u = "label__11761f07", y = "md__5a84bfca", C = "lg__7a50a542", S = "nonempty__9a6fac66", g = "disabled__08622ad1", j = "checkbox__99b38ed4", v = "checkboxIcon__167e37df", z = "checkmarkIcon__274d62c3", c = {
-  label: u,
-  md: y,
-  lg: C,
-  nonempty: S,
-  disabled: g,
-  checkbox: j,
-  checkboxIcon: v,
-  checkmarkIcon: z
-}, R = p.forwardRef((m, r) => {
-  const { children: a, className: k, disabled: s, bulk: b, labelAttributes: e, size: n = N.MD, ...d } = m, h = l(c.checkbox, k, c[n]), x = l(
-    c.label,
-    c[n],
-    { [c.disabled]: !!s, [c.nonempty]: !!a },
-    e == null ? void 0 : e.className
-  ), i = () => {
-    const t = c.checkmarkIcon;
-    return b ? /* @__PURE__ */ o(I, { className: t, paletteIndex: 7 }) : /* @__PURE__ */ o(f, { className: t, paletteIndex: 7 });
+import { jsxs as I, jsx as c } from "react/jsx-runtime";
+import N from "react";
+import { CheckboxbulkStrokeSrvIcon24 as z, CheckboxtickStrokeSrvIcon24 as C } from "@sberbusiness/icons-next";
+import "../Typography/Title.js";
+import { Text as S } from "../Typography/Text.js";
+import "../Typography/Caption.js";
+import { ETextSize as l } from "../Typography/enums.js";
+import { EComponentSize as t } from "../../enums/EComponentSize.js";
+import { createSizeToClassNameMap as u } from "../../utils/classNameMaps.js";
+import { c as r } from "../../chunks/vendor-CehxOAkM.js";
+const y = "label__6720880a", T = "md__76775f34", M = "nonempty__91f75798", g = "lg__f582e31b", j = "disabled__38aa4ab3", v = "checkbox__c3df119b", B = "checkboxIcon__e34a72cd", D = "checkmarkIcon__cb338ddd", e = {
+  label: y,
+  md: T,
+  nonempty: M,
+  lg: g,
+  disabled: j,
+  checkbox: v,
+  checkboxIcon: B,
+  checkmarkIcon: D
+}, E = {
+  [t.LG]: l.B2,
+  [t.MD]: l.B3
+}, b = u(e), L = N.forwardRef((i, k) => {
+  const {
+    children: s,
+    className: d,
+    disabled: n,
+    bulk: p,
+    labelAttributes: o,
+    size: a = t.MD,
+    ...x
+  } = i, h = r(e.checkbox, d, b[a]), _ = r(
+    e.label,
+    b[a],
+    { [e.disabled]: !!n, [e.nonempty]: !!s },
+    o == null ? void 0 : o.className
+  ), f = () => {
+    const m = e.checkmarkIcon;
+    return p ? /* @__PURE__ */ c(z, { className: m, paletteIndex: 7 }) : /* @__PURE__ */ c(C, { className: m, paletteIndex: 7 });
   };
-  return /* @__PURE__ */ _("label", { ...e, className: x, "data-tx": "1.1.1", children: [
-    /* @__PURE__ */ o("input", { type: "checkbox", className: h, disabled: s, ...d, ref: r }),
-    /* @__PURE__ */ o("span", { className: c.checkboxIcon }),
-    i(),
-    a
+  return /* @__PURE__ */ I("label", { ...o, className: _, "data-tx": "1.2.0", children: [
+    /* @__PURE__ */ c("input", { type: "checkbox", className: h, disabled: n, ...x, ref: k }),
+    /* @__PURE__ */ c("span", { className: e.checkboxIcon }),
+    f(),
+    s && /* @__PURE__ */ c(S, { size: E[a], children: s })
   ] });
 });
-R.displayName = "Checkbox";
+L.displayName = "Checkbox";
 export {
-  R as Checkbox
+  L as Checkbox
 };
 //# sourceMappingURL=Checkbox.js.map

package/components/Checkbox/CheckboxXGroup.js

@@ -1,17 +1,17 @@
 import { jsx as i } from "react/jsx-runtime";
-import { c as r } from "../../chunks/vendor-D-uL_icH.js";
-const _ = "checkboxXGroup__6a2c8ff5", a = "label__11761f07", n = {
-  checkboxXGroup: _,
-  "indent-12": "indent-12__8dca78a0",
-  label: a,
-  "indent-16": "indent-16__62756b2f",
-  "indent-20": "indent-20__e7d61bcc",
-  "indent-24": "indent-24__f9cfb962",
-  "indent-28": "indent-28__55425c87",
-  "indent-32": "indent-32__b7fc7f1c"
-}, l = (e) => {
-  const { children: c, className: t, indent: o = 12, ...s } = e, d = r(n.checkboxXGroup, n[`indent-${o}`], t);
-  return /* @__PURE__ */ i("div", { className: d, role: "group", ...s, children: c });
+import { c as a } from "../../chunks/vendor-CehxOAkM.js";
+const r = "checkboxXGroup__205fd646", _ = "label__6720880a", e = {
+  checkboxXGroup: r,
+  "indent-12": "indent-12__f3134b67",
+  label: _,
+  "indent-16": "indent-16__e7b9ec94",
+  "indent-20": "indent-20__3ddfdde5",
+  "indent-24": "indent-24__8a2acc90",
+  "indent-28": "indent-28__328264a9",
+  "indent-32": "indent-32__0264ea00"
+}, l = (n) => {
+  const { children: t, className: c, indent: o = 12, ...d } = n, s = a(e.checkboxXGroup, e[`indent-${o}`], c);
+  return /* @__PURE__ */ i("div", { className: s, role: "group", ...d, children: t });
 };
 l.displayName = "CheckboxXGroup";
 export {

package/components/Checkbox/CheckboxYGroup.js

@@ -1,10 +1,10 @@
 import { jsx as p } from "react/jsx-runtime";
-import { c as t } from "../../chunks/vendor-D-uL_icH.js";
-const a = "checkboxYGroup__458c3759", x = {
+import { c as t } from "../../chunks/vendor-CehxOAkM.js";
+const a = "checkboxYGroup__e4c005a5", x = {
   checkboxYGroup: a
 }, l = (o) => {
-  const { children: c, className: s, ...r } = o, e = t(x.checkboxYGroup, s);
-  return /* @__PURE__ */ p("div", { className: e, role: "group", ...r, children: c });
+  const { children: c, className: s, ...e } = o, r = t(x.checkboxYGroup, s);
+  return /* @__PURE__ */ p("div", { className: r, role: "group", ...e, children: c });
 };
 l.displayName = "CheckboxYGroup";
 export {

package/components/Checkbox/index.js

@@ -1,11 +1,9 @@
 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";
+import { CheckboxXGroup as p } from "./CheckboxXGroup.js";
+import { CheckboxYGroup as c } from "./CheckboxYGroup.js";
 export {
   e as Checkbox,
-  c as CheckboxXGroup,
-  h as CheckboxYGroup,
-  p as ECheckboxSize
+  p as CheckboxXGroup,
+  c as CheckboxYGroup
 };
 //# sourceMappingURL=index.js.map

package/components/Chip/Chip.js

@@ -0,0 +1,86 @@
+import { jsxs as _, jsx as n } from "react/jsx-runtime";
+import { c as a } from "../../chunks/vendor-CehxOAkM.js";
+import h from "react";
+import { EChipSize as t } from "./enums.js";
+const m = "chipGroupItem__9d1a0b22", x = "chip__3a2d4df7", u = "prefix__d8636158", b = "postfix__c1f6a2f6", w = "disabled__c451f330", z = "selected__f2666442", P = "withPrefix__a69df7e2", C = "withPostfix__3fd0436f", G = "content__5301b976", e = {
+  chipGroupItem: m,
+  chip: x,
+  "size-lg": "size-lg__7f3729a4",
+  prefix: u,
+  postfix: b,
+  "size-md": "size-md__3fd68b50",
+  "size-sm": "size-sm__524b2426",
+  disabled: w,
+  selected: z,
+  withPrefix: P,
+  withPostfix: C,
+  content: G
+}, I = (i) => {
+  switch (i) {
+    case t.LG:
+      return e["size-lg"];
+    case t.MD:
+      return e["size-md"];
+    case t.SM:
+      return e["size-sm"];
+  }
+}, N = h.forwardRef(
+  ({ children: i, className: l, disabled: s, postfix: o, prefix: c, selected: r, size: f = t.MD, ...d }, p) => /* @__PURE__ */ _(
+    "span",
+    {
+      className: a(
+        e.chip,
+        e.chipGroupItem,
+        {
+          [e.disabled]: !!s,
+          [e.selected]: !!r,
+          [e.withPostfix]: typeof o < "u",
+          [e.withPrefix]: typeof c < "u",
+          [I(f)]: f
+        },
+        l
+      ),
+      role: "button",
+      tabIndex: s ? -1 : 0,
+      ...d,
+      ref: p,
+      children: [
+        c ? /* @__PURE__ */ n(
+          "span",
+          {
+            className: a(
+              e.prefix,
+              // Для иконок.
+              "hoverable",
+              {
+                disabled: !!s
+              }
+            ),
+            children: c
+          }
+        ) : null,
+        /* @__PURE__ */ n("span", { className: e.content, children: i }),
+        o ? /* @__PURE__ */ n(
+          "span",
+          {
+            className: a(
+              e.postfix,
+              // Для иконок.
+              "hoverable",
+              {
+                // Для иконок.
+                disabled: !!s
+              }
+            ),
+            children: o
+          }
+        ) : null
+      ]
+    }
+  )
+);
+N.displayName = "Chip";
+export {
+  N as Chip
+};
+//# sourceMappingURL=Chip.js.map

package/components/Chip/ChipClearButton.js

@@ -0,0 +1,28 @@
+import { jsx as t } from "react/jsx-runtime";
+import s from "react";
+import { CrossStrokeSrvIcon24 as l, CrossStrokeSrvIcon20 as p, CrossStrokeSrvIcon16 as i } from "@sberbusiness/icons-next";
+import { EChipSize as e } from "./enums.js";
+const u = "chipClearButton__52bc2e2e", C = {
+  chipClearButton: u
+}, m = s.forwardRef(
+  ({ size: r = e.MD, ...o }, n) => {
+    const a = (c) => {
+      switch (c) {
+        case e.SM:
+          return /* @__PURE__ */ t(i, { paletteIndex: 6 });
+        case e.MD:
+          return /* @__PURE__ */ t(p, { paletteIndex: 6 });
+        case e.LG:
+          return /* @__PURE__ */ t(l, { paletteIndex: 6 });
+        default:
+          return null;
+      }
+    };
+    return /* @__PURE__ */ t("button", { className: C.chipClearButton, type: "button", ...o, ref: n, children: a(r) });
+  }
+);
+m.displayName = "ChipClearButton";
+export {
+  m as ChipClearButton
+};
+//# sourceMappingURL=ChipClearButton.js.map

package/components/Chip/ChipDropdownArrow.js

@@ -0,0 +1,18 @@
+import { jsx as t } from "react/jsx-runtime";
+import { CaretdownStrokeSrvIcon20 as p } from "@sberbusiness/icons-next";
+import { c as d } from "../../chunks/vendor-CehxOAkM.js";
+const e = "chipDropdownArrow__1d4ce884", c = "rotated__304724d6", o = {
+  chipDropdownArrow: e,
+  rotated: c
+}, n = ({ rotated: r }) => /* @__PURE__ */ t(
+  p,
+  {
+    paletteIndex: 0,
+    className: d(o.chipDropdownArrow, { [o.rotated]: r })
+  }
+);
+n.displayName = "ChipDropdownArrow";
+export {
+  n as ChipDropdownArrow
+};
+//# sourceMappingURL=ChipDropdownArrow.js.map

package/components/Chip/ChipIcon.js

@@ -0,0 +1,9 @@
+import { jsx as o } from "react/jsx-runtime";
+import f from "react";
+import { Chip as t } from "./Chip.js";
+const m = f.forwardRef(({ children: p, ...r }, i) => /* @__PURE__ */ o(t, { ...r, prefix: p, postfix: /* @__PURE__ */ o("span", {}), ref: i }));
+m.displayName = "ChipIcon";
+export {
+  m as ChipIcon
+};
+//# sourceMappingURL=ChipIcon.js.map

package/components/Chip/ChipOptions.js

@@ -0,0 +1,27 @@
+import { jsx as t } from "react/jsx-runtime";
+import a from "react";
+import { SortStrokeSrvIcon24 as i } from "@sberbusiness/icons-next";
+import { Chip as C } from "./Chip.js";
+import { ChipClearButton as c } from "./ChipClearButton.js";
+const f = "chipOptionsContent__d7cb7760", m = {
+  chipOptionsContent: f
+}, l = a.forwardRef(
+  ({ children: o, clearSelected: e, selected: n, ...p }, r) => /* @__PURE__ */ t(
+    C,
+    {
+      prefix: n ? /* @__PURE__ */ t(i, { paletteIndex: 6 }) : /* @__PURE__ */ t(i, { paletteIndex: 5 }),
+      postfix: n ? /* @__PURE__ */ t(c, { onClick: (s) => {
+        s.stopPropagation(), e();
+      }, size: p.size }) : /* @__PURE__ */ t("span", {}),
+      selected: n,
+      ...p,
+      ref: r,
+      children: typeof o < "u" ? /* @__PURE__ */ t("span", { className: m.chipOptionsContent, children: o }) : o
+    }
+  )
+);
+l.displayName = "ChipOptions";
+export {
+  l as ChipOptions
+};
+//# sourceMappingURL=ChipOptions.js.map

package/components/Chip/enums.js

@@ -0,0 +1,5 @@
+var m = /* @__PURE__ */ ((r) => (r.LG = "lg", r.MD = "md", r.SM = "sm", r))(m || {});
+export {
+  m as EChipSize
+};
+//# sourceMappingURL=enums.js.map

package/components/Chip/index.js

@@ -0,0 +1,15 @@
+import { Chip as p } from "./Chip.js";
+import { ChipClearButton as e } from "./ChipClearButton.js";
+import { ChipDropdownArrow as C } from "./ChipDropdownArrow.js";
+import { ChipIcon as h } from "./ChipIcon.js";
+import { ChipOptions as x } from "./ChipOptions.js";
+import { EChipSize as w } from "./enums.js";
+export {
+  p as Chip,
+  e as ChipClearButton,
+  C as ChipDropdownArrow,
+  h as ChipIcon,
+  x as ChipOptions,
+  w as EChipSize
+};
+//# sourceMappingURL=index.js.map

package/components/ChipGroup/ChipGroup.js

@@ -0,0 +1,32 @@
+import { jsx as n } from "react/jsx-runtime";
+import p from "react";
+import { c as r } from "../../chunks/vendor-CehxOAkM.js";
+import { EComponentSize as a } from "../../enums/EComponentSize.js";
+import { createSizeToClassNameMap as l } from "../../utils/classNameMaps.js";
+const _ = "chipGroup__447964d5", u = "oneLine__37c43a8c", d = "multiLine__2ee7f7e6", f = "lg__8f0d0c0b", L = "md__98decfac", h = "sm__a3773540", o = {
+  chipGroup: _,
+  oneLine: u,
+  multiLine: d,
+  lg: f,
+  md: L,
+  sm: h
+}, G = l(o), C = p.forwardRef(
+  ({ children: i, className: t, oneLine: e, size: m = a.MD, ...s }, c) => /* @__PURE__ */ n(
+    "div",
+    {
+      className: r(o.chipGroup, G[m], t, {
+        [o.multiLine]: !e,
+        [o.oneLine]: !!e
+      }),
+      ...s,
+      ref: c,
+      "data-tx": "1.2.0",
+      children: i
+    }
+  )
+);
+C.displayName = "ChipGroup";
+export {
+  C as ChipGroup
+};
+//# sourceMappingURL=ChipGroup.js.map

package/components/ChipGroup/index.js

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