@alif-ui-test/core 1.11.0 → 2.0.0-alpha.6

package/dist/components/Switch/Switch.module.css.js

@@ -1,17 +0,0 @@
-const t = "_root_1o3nv_1", o = "_inputContainer_1o3nv_55", n = "_ellipse_1o3nv_85", e = "_text_1o3nv_101", _ = "_label_1o3nv_108", s = "_description_1o3nv_117", i = {
-  root: t,
-  inputContainer: o,
-  ellipse: n,
-  text: e,
-  label: _,
-  description: s
-};
-export {
-  i as default,
-  s as description,
-  n as ellipse,
-  o as inputContainer,
-  _ as label,
-  t as root,
-  e as text
-};

package/dist/components/Switch/Switch.types.js

@@ -1 +0,0 @@
-

package/dist/components/Tab/Tab.module.css.js

@@ -1,19 +0,0 @@
-const t = "_root_10br5_1", o = "_labelContainer_10br5_206", _ = "_text_10br5_214", r = "_tab_10br5_225", e = "_alert_10br5_277", n = "_counter_10br5_284", a = "_highlight_10br5_315", l = {
-  root: t,
-  labelContainer: o,
-  text: _,
-  tab: r,
-  alert: e,
-  counter: n,
-  highlight: a
-};
-export {
-  e as alert,
-  n as counter,
-  l as default,
-  a as highlight,
-  o as labelContainer,
-  t as root,
-  r as tab,
-  _ as text
-};

package/dist/components/Tab/Tab.types.js

@@ -1 +0,0 @@
-

package/dist/components/Tab/TabGroup/TabGroup.module.css.js

@@ -1,9 +0,0 @@
-const o = "_root_1lio1_1", t = "_fullWidth_1lio1_7", l = {
-  root: o,
-  fullWidth: t
-};
-export {
-  l as default,
-  t as fullWidth,
-  o as root
-};

package/dist/components/Tab/TabGroup/TabGroup.types.js

@@ -1 +0,0 @@
-

package/dist/components/Tab/TabMenu/TabMenu.js

@@ -1,11 +0,0 @@
-import { jsx as n } from "react/jsx-runtime";
-import { SegmentedControl as o } from "../../SegmentedControl/SegmentedControl.js";
-import { TabMenuNew as t } from "../../TabMenuNew/TabMenuNew.js";
-function f({ variant: e = "primary", ...r }) {
-  return e !== "text" ? (process.env.NODE_ENV === "development" && console.warn(
-    `[TabMenu] variant="${e}" is deprecated. Use <SegmentedControl variant="${e}" /> instead.`
-  ), /* @__PURE__ */ n(o, { variant: e, ...r })) : /* @__PURE__ */ n(t, { ...r });
-}
-export {
-  f as TabMenu
-};

package/dist/components/Tab/TabMenu/TabMenu.types.js

@@ -1 +0,0 @@
-

package/dist/components/Tab/TabMenu/TabMenu.utils.js

@@ -1,13 +0,0 @@
-import { getSize as t } from "../../../utils/get-size.js";
-const d = (e, a) => ({
-  "--tab-menu-border-radius": t(
-    `${e}${a ? "-rounded" : ""}`,
-    "tab-menu-border-radius"
-  ),
-  "--tab-menu-padding-x": t(e, "tab-menu-spacing-horizontal"),
-  "--tab-menu-padding-y": t(e, "tab-menu-spacing-vertical"),
-  "--tab-menu-divider-height": t(e, "tab-menu-divider-height")
-});
-export {
-  d as getTabMenuStyles
-};

package/dist/components/TabMenuNew/TabMenuNew.js

@@ -1,49 +0,0 @@
-import { jsxs as y, jsx as l } from "react/jsx-runtime";
-import s from "./TabMenuNew.module.css.js";
-import { getTabMenuStyles as x } from "./TabMenuNew.utils.js";
-import { Tab as b } from "../Tab/Tab.js";
-import { classNames as M } from "../../utils/class-names.js";
-const S = ({
-  className: a,
-  tabs: o,
-  value: r,
-  defaultValue: i,
-  onChange: n,
-  size: t = "m",
-  fullWidth: m = !1,
-  disabled: c = !1,
-  divider: d,
-  justify: f = "flex-start"
-}) => {
-  const u = M(
-    s.root,
-    m && s.fullWidth,
-    a
-  ), p = x(t), v = r || i;
-  return /* @__PURE__ */ y(
-    "div",
-    {
-      className: u,
-      style: { ...p, justifyContent: f },
-      children: [
-        o?.map((e) => /* @__PURE__ */ l(
-          b,
-          {
-            size: t,
-            variant: "text",
-            checked: v === e.value,
-            onChange: n,
-            disabled: c || e.disabled,
-            selectionType: "single",
-            ...e
-          },
-          String(e.value)
-        )),
-        d && /* @__PURE__ */ l("div", { className: s.divider })
-      ]
-    }
-  );
-};
-export {
-  S as TabMenuNew
-};

package/dist/components/TabMenuNew/TabMenuNew.module.css.js

@@ -1,11 +0,0 @@
-const t = "_root_1xqje_1", o = "_divider_1xqje_17", d = "_fullWidth_1xqje_25", e = {
-  root: t,
-  divider: o,
-  fullWidth: d
-};
-export {
-  e as default,
-  o as divider,
-  d as fullWidth,
-  t as root
-};

package/dist/components/TabMenuNew/TabMenuNew.types.js

@@ -1 +0,0 @@
-

package/dist/components/TabMenuNew/TabMenuNew.utils.js

@@ -1,8 +0,0 @@
-import { getSize as t } from "../../utils/get-size.js";
-const i = (e) => ({
-  "--tab-menu-spacing-between": t(e, "tab-menu-spacing-between"),
-  "--tab-menu-divider-height": t(e, "tab-menu-divider-height")
-});
-export {
-  i as getTabMenuStyles
-};

package/dist/components/Table/Table.module.css.js

@@ -1,45 +0,0 @@
-const o = "_root_1vm0a_1", _ = "_tableWrapper_1vm0a_24", e = "_thead_1vm0a_31", t = "_label_1vm0a_40", r = "_checkbox_1vm0a_45", c = "_rowBorder_1vm0a_50", n = "_colBorder_1vm0a_54", a = "_tbody_1vm0a_62", s = "_row_1vm0a_50", v = "_trHover_1vm0a_72", d = "_headerCell_1vm0a_77", m = "_divider_1vm0a_83", l = "_sortIcon_1vm0a_87", p = "_ascIcon_1vm0a_103", b = "_descIcon_1vm0a_107", i = "_pointer_1vm0a_111", w = "_emptyText_1vm0a_115", x = "_rowOpen_1vm0a_121", h = "_rowExpansion_1vm0a_126", I = "_content_1vm0a_130", y = {
-  root: o,
-  tableWrapper: _,
-  thead: e,
-  label: t,
-  checkbox: r,
-  rowBorder: c,
-  colBorder: n,
-  tbody: a,
-  row: s,
-  trHover: v,
-  headerCell: d,
-  divider: m,
-  sortIcon: l,
-  ascIcon: p,
-  descIcon: b,
-  pointer: i,
-  emptyText: w,
-  rowOpen: x,
-  rowExpansion: h,
-  content: I
-};
-export {
-  p as ascIcon,
-  r as checkbox,
-  n as colBorder,
-  I as content,
-  y as default,
-  b as descIcon,
-  m as divider,
-  w as emptyText,
-  d as headerCell,
-  t as label,
-  i as pointer,
-  o as root,
-  s as row,
-  c as rowBorder,
-  h as rowExpansion,
-  x as rowOpen,
-  l as sortIcon,
-  _ as tableWrapper,
-  a as tbody,
-  e as thead,
-  v as trHover
-};

package/dist/components/Table/Table.types.js

@@ -1 +0,0 @@
-

package/dist/components/Table/TableHeader/TableHeader.js

@@ -1,88 +0,0 @@
-import { jsx as s, jsxs as p } from "react/jsx-runtime";
-import r from "../Table.module.css.js";
-import { Checkbox as A } from "../../Checkbox/Checkbox.js";
-import { Typography as I } from "../../Typography/Typography.js";
-import { SolidNavigationArrowDown as j } from "../../../icons/components/SolidNavigationArrowDown.js";
-import { classNames as n } from "../../../utils/class-names.js";
-const q = ({
-  columns: g,
-  sortConfig: h,
-  onSort: y,
-  selectedRecords: o,
-  recordsLength: l,
-  onSelectAll: f,
-  theadClassName: N,
-  withColBorders: k
-}) => {
-  const b = l > 0, m = (e, a) => {
-    const t = h?.key === e && h?.direction === "desc", c = n(
-      r.sortIcon,
-      t ? r.descIcon : r.ascIcon
-    );
-    return /* @__PURE__ */ s(
-      "span",
-      {
-        onClick: () => y(e, a),
-        className: c,
-        children: /* @__PURE__ */ s(j, {})
-      }
-    );
-  };
-  return /* @__PURE__ */ s("thead", { className: n(r.thead, N), children: /* @__PURE__ */ p("tr", { className: n(k && r.colBorder), children: [
-    o && b && /* @__PURE__ */ s("th", { className: r.checkbox, children: /* @__PURE__ */ s(
-      A,
-      {
-        label: "",
-        size: "m",
-        isAllChecked: o.length > 0,
-        checked: o.length > 0 && o.length === l,
-        onChange: (e) => f(e.target.checked)
-      }
-    ) }),
-    g.map(
-      ({
-        title: e,
-        accessor: a,
-        sortable: i = !1,
-        onSort: t,
-        sortIconPosition: c = "right",
-        renderHeaderCell: d,
-        maxWidth: x,
-        minWidth: C,
-        textAlign: v = "start"
-      }) => /* @__PURE__ */ s(
-        "th",
-        {
-          style: {
-            maxWidth: x,
-            minWidth: C
-          },
-          children: d ? d(e) : /* @__PURE__ */ p(
-            "div",
-            {
-              style: { justifyContent: v },
-              className: r.headerCell,
-              children: [
-                c === "left" && (i || t) && m(a, t),
-                /* @__PURE__ */ s(
-                  I,
-                  {
-                    className: r.label,
-                    category: "body",
-                    proportions: "m",
-                    children: e
-                  }
-                ),
-                c === "right" && (i || t) && m(a, t)
-              ]
-            }
-          )
-        },
-        a || e
-      )
-    )
-  ] }) });
-};
-export {
-  q as TableHeader
-};

package/dist/components/Table/TableHeader/TableHeader.types.js

@@ -1 +0,0 @@
-

package/dist/components/Table/TableRow/TableRow.js

@@ -1,94 +0,0 @@
-import { jsxs as m, Fragment as u, jsx as o } from "react/jsx-runtime";
-import r from "../Table.module.css.js";
-import { Checkbox as z } from "../../Checkbox/Checkbox.js";
-import { Typography as B } from "../../Typography/Typography.js";
-import { Collapse as C } from "../../Collapse/Collapse.js";
-import { Divider as O } from "../../Divider/Divider.js";
-import { classNames as a } from "../../../utils/class-names.js";
-const A = ({
-  record: l,
-  columns: s,
-  selectedRecords: e,
-  onSelect: g,
-  onRowClick: k,
-  withRowBorders: v,
-  withColBorders: n,
-  renderExpansionContent: c,
-  rowClassNames: h,
-  index: p,
-  isExpanded: i,
-  recordId: y,
-  verticalAlign: w
-}) => {
-  const b = a(
-    r.row,
-    i && r.rowOpen,
-    v && !i && r.rowBorder,
-    n && r.colBorder,
-    !i && r.trHover,
-    c && r.pointer,
-    h?.row
-  );
-  return /* @__PURE__ */ m(u, { children: [
-    /* @__PURE__ */ m(
-      "tr",
-      {
-        className: b,
-        onClick: () => k?.(l, p),
-        style: { verticalAlign: w },
-        children: [
-          e && /* @__PURE__ */ o("td", { className: r.checkbox, onClick: (t) => t.stopPropagation(), children: /* @__PURE__ */ o(
-            z,
-            {
-              label: "",
-              size: "m",
-              checked: e.includes(y),
-              onChange: (t) => g?.(t.target.checked, y)
-            }
-          ) }),
-          s.map(
-            ({
-              accessor: t,
-              maxWidth: d,
-              minWidth: N,
-              textAlign: j = "start",
-              renderRowCell: f
-            }) => /* @__PURE__ */ o("td", { style: { maxWidth: d, minWidth: N, textAlign: j }, children: f ? f(l, p) : /* @__PURE__ */ o(B, { proportions: "m", category: "body", children: l[t] ?? "–" }) }, t)
-          )
-        ]
-      }
-    ),
-    c && /* @__PURE__ */ o(
-      "tr",
-      {
-        className: a(
-          r.rowExpansion,
-          n && r.colBorder
-        ),
-        children: /* @__PURE__ */ o(
-          "td",
-          {
-            colSpan: s.length + (e ? 1 : 0),
-            style: { width: "100%" },
-            children: /* @__PURE__ */ m(C, { isOpen: i, children: [
-              /* @__PURE__ */ o("div", { className: r.divider, children: /* @__PURE__ */ o(O, { variant: "secondary", size: "s" }) }),
-              /* @__PURE__ */ o(
-                "div",
-                {
-                  className: a(
-                    r.content,
-                    h?.rowContent
-                  ),
-                  children: c(l, i)
-                }
-              )
-            ] })
-          }
-        )
-      }
-    )
-  ] });
-};
-export {
-  A as TableRow
-};

package/dist/components/Table/TableRow/TableRow.types.js

@@ -1 +0,0 @@
-

package/dist/components/Tag/Tag.js

@@ -1,40 +0,0 @@
-import { jsxs as y, jsx as t } from "react/jsx-runtime";
-import r from "./Tag.module.css.js";
-import { getTagStyles as g } from "./Tag.utils.js";
-import { classNames as N } from "../../utils/class-names.js";
-import { OutlineSystemClose as x } from "../../icons/components/OutlineSystemClose.js";
-const S = ({
-  leftIcon: a,
-  counter: s,
-  children: l,
-  className: c,
-  onClose: i,
-  status: o,
-  disabled: e,
-  variant: n = "primary",
-  size: m = "m",
-  ...p
-}) => {
-  const f = N(
-    r.root,
-    c,
-    o === "active" && r.active,
-    o === "error" && r.error,
-    e && r.disabled
-  );
-  return /* @__PURE__ */ y("span", { style: g(n, m), className: f, ...p, children: [
-    a,
-    l,
-    s && m === "m" && /* @__PURE__ */ t("span", { className: r.counter, children: s }),
-    /* @__PURE__ */ t(
-      x,
-      {
-        onClick: () => !e && i?.(),
-        className: r.closeIcon
-      }
-    )
-  ] });
-};
-export {
-  S as Tag
-};

package/dist/components/Tag/Tag.module.css.js

@@ -1,17 +0,0 @@
-const o = "_root_1oq3o_1", c = "_counter_1oq3o_123", t = "_closeIcon_1oq3o_133", e = "_disabled_1oq3o_138", _ = "_active_1oq3o_156", r = "_error_1oq3o_173", s = {
-  root: o,
-  counter: c,
-  closeIcon: t,
-  disabled: e,
-  active: _,
-  error: r
-};
-export {
-  _ as active,
-  t as closeIcon,
-  c as counter,
-  s as default,
-  e as disabled,
-  r as error,
-  o as root
-};

package/dist/components/Tag/Tag.types.js

@@ -1 +0,0 @@
-

package/dist/components/Tag/Tag.utils.js

@@ -1,95 +0,0 @@
-import { resolveTypography as a } from "../../utils/typography.js";
-import { getSize as l } from "../../utils/get-size.js";
-const g = (r, e) => ({
-  backgroundActive: `var(--tag-bg-color-${r}-active)`,
-  backgroundDefault: `var(--tag-bg-color-${r}-default)`,
-  backgroundDisabled: `var(--tag-bg-color-${r}-disabled)`,
-  backgroundError: `var(--tag-bg-color-${r}-error)`,
-  backgroundHover: `var(--tag-bg-color-${r}-hover)`,
-  iconColorActive: `var(--tag-icon-color-${r}-active)`,
-  iconColorDefault: `var(--tag-icon-color-${r}-default)`,
-  iconColorDisabled: `var(--tag-icon-color-${r}-disabled)`,
-  iconColorError: `var(--tag-icon-color-${r}-error)`,
-  iconColorHover: `var(--tag-icon-color-${r}-hover)`,
-  closeIconColorActive: `var(--tag-close-icon-color-${r}-active)`,
-  closeIconColorDefault: `var(--tag-close-icon-color-${r}-default)`,
-  closeIconColorDisabled: `var(--tag-close-icon-color-${r}-disabled)`,
-  closeIconColorError: `var(--tag-close-icon-color-${r}-error)`,
-  closeIconColorHover: `var(--tag-close-icon-color-${r}-hover)`,
-  labelColorActive: `var(--tag-label-color-${r}-active)`,
-  labelColorDefault: `var(--tag-label-color-${r}-default)`,
-  labelColorDisabled: `var(--tag-label-color-${r}-disabled)`,
-  labelColorError: `var(--tag-label-color-${r}-error)`,
-  labelColorHover: `var(--tag-label-color-${r}-hover)`,
-  counterColorActive: `var(--tag-counter-color-${r}-active)`,
-  counterColorDefault: `var(--tag-counter-color-${r}-default)`,
-  counterColorDisabled: `var(--tag-counter-color-${r}-disabled)`,
-  counterColorError: `var(--tag-counter-color-${r}-error)`,
-  counterColorHover: `var(--tag-counter-color-${r}-hover)`,
-  borderRadius: l(e, "tag-border-radius"),
-  height: l(e, "tag-height"),
-  spacingBetween: l(e, "tag-spacing-between"),
-  spacingHorizontal: l(e, "tag-spacing-horizontal"),
-  spacingVertical: l(e, "tag-spacing-vertical"),
-  iconWidth: l(e, "tag-icon-width"),
-  iconHeight: l(e, "tag-icon-height"),
-  iconPadding: ""
-}), i = (r) => {
-  switch (r) {
-    case "xs":
-      return a("description", "sTag");
-    case "s":
-      return a("description", "l");
-    case "m":
-      return a("body", "s");
-  }
-}, b = (r, e) => {
-  const o = g(r, e), c = i(e), t = a("description", "s");
-  return {
-    "--tag-bg-color-active": o.backgroundActive,
-    "--tag-bg-color-default": o.backgroundDefault,
-    "--tag-bg-color-disabled": o.backgroundDisabled,
-    "--tag-bg-color-error": o.backgroundError,
-    "--tag-bg-color-hover": o.backgroundHover,
-    "--tag-icon-color-active": o.iconColorActive,
-    "--tag-icon-color-default": o.iconColorDefault,
-    "--tag-icon-color-disabled": o.iconColorDisabled,
-    "--tag-icon-color-error": o.iconColorError,
-    "--tag-icon-color-hover": o.iconColorHover,
-    "--tag-close-icon-color-active": o.closeIconColorActive,
-    "--tag-close-icon-color-default": o.closeIconColorDefault,
-    "--tag-close-icon-color-disabled": o.closeIconColorDisabled,
-    "--tag-close-icon-color-error": o.closeIconColorError,
-    "--tag-close-icon-color-hover": o.closeIconColorHover,
-    "--tag-label-color-active": o.labelColorActive,
-    "--tag-label-color-default": o.labelColorDefault,
-    "--tag-label-color-disabled": o.labelColorDisabled,
-    "--tag-label-color-error": o.labelColorError,
-    "--tag-label-color-hover": o.labelColorHover,
-    "--tag-counter-color-active": o.counterColorActive,
-    "--tag-counter-color-default": o.counterColorDefault,
-    "--tag-counter-color-disabled": o.counterColorDisabled,
-    "--tag-counter-color-error": o.counterColorError,
-    "--tag-counter-color-hover": o.counterColorHover,
-    "--tag-border-radius": o.borderRadius,
-    "--tag-height": o.height,
-    "--tag-spacing-between": o.spacingBetween,
-    "--tag-spacing-horizontal": o.spacingHorizontal,
-    "--tag-spacing-vertical": o.spacingVertical,
-    "--tag-font-family": c.fontFamily,
-    "--tag-font-weight": c.fontWeight,
-    "--tag-font-size": c.fontSize,
-    "--tag-line-height": c.lineHeight,
-    "--tag-letter-spacing": c.letterSpacing,
-    "--tag-counter-font-family": t.fontFamily,
-    "--tag-counter-font-weight": t.fontWeight,
-    "--tag-counter-font-size": t.fontSize,
-    "--tag-counter-line-height": t.lineHeight,
-    "--tag-counter-letter-spacing": t.letterSpacing,
-    "--tag-icon-width": o.iconWidth,
-    "--tag-icon-height": o.iconHeight
-  };
-};
-export {
-  b as getTagStyles
-};

package/dist/components/TextArea/TextArea.js

@@ -1,85 +0,0 @@
-import { jsxs as S, jsx as o } from "react/jsx-runtime";
-import { useId as g, useRef as k } from "react";
-import s from "./TextArea.module.css.js";
-import { getTextAreaStyles as B } from "./TextArea.utils.js";
-import { Hinter as E } from "../Hinter/Hinter.js";
-import { classNames as c } from "../../utils/class-names.js";
-import { OutlineSystemClose as F } from "../../icons/components/OutlineSystemClose.js";
-const K = ({
-  className: d,
-  label: p,
-  value: e,
-  maxLength: l,
-  onClear: r,
-  hintText: A,
-  isFilled: N,
-  filledLength: u,
-  style: x,
-  fullWidth: h = !0,
-  size: t = "m",
-  hasError: m = !1,
-  disabled: a = !1,
-  showCorrectHintIcon: y = !1,
-  isHintAlwaysShown: C = !1,
-  showLengthHint: T = !!l,
-  rows: b = 3,
-  ...n
-}) => {
-  const f = g(), D = k(null), I = c(
-    s.root,
-    h && s.fullWidth,
-    a && s.disabled,
-    m && s.error,
-    d
-  ), j = c(r && e && s.spaceClearIcon), w = c(
-    t !== "s" && e && s.filled,
-    t === "s" && !e && s.hideLabel,
-    t === "s" && e && s.hideLabelActive
-  ), M = (i) => {
-    const { tagName: R } = i.target;
-    R !== "TEXTAREA" && i.preventDefault();
-  };
-  return /* @__PURE__ */ S(
-    "div",
-    {
-      className: I,
-      style: B(t, x),
-      onMouseDown: M,
-      children: [
-        /* @__PURE__ */ o("label", { className: w, htmlFor: f, children: p }),
-        /* @__PURE__ */ o(
-          "textarea",
-          {
-            className: j,
-            id: f,
-            value: e,
-            maxLength: l,
-            disabled: a,
-            rows: b,
-            cols: n.cols,
-            ref: D,
-            ...n
-          }
-        ),
-        r && e && /* @__PURE__ */ o(F, { onClick: r, className: s.clearIcon }),
-        /* @__PURE__ */ o(
-          E,
-          {
-            disabled: a,
-            filledLength: u,
-            hasError: m,
-            hintText: A,
-            isFilled: N,
-            isHintAlwaysShown: C,
-            maxLength: l,
-            showCorrectHintIcon: y,
-            showLengthHint: T
-          }
-        )
-      ]
-    }
-  );
-};
-export {
-  K as TextArea
-};

package/dist/components/TextArea/TextArea.module.css.js

@@ -1,21 +0,0 @@
-const e = "_root_35o5r_1", o = "_fullWidth_35o5r_61", l = "_error_35o5r_78", r = "_disabled_35o5r_82", _ = "_filled_35o5r_91", t = "_hideLabel_35o5r_102", d = "_hideLabelActive_35o5r_103", c = "_clearIcon_35o5r_164", i = {
-  root: e,
-  fullWidth: o,
-  error: l,
-  disabled: r,
-  filled: _,
-  hideLabel: t,
-  hideLabelActive: d,
-  clearIcon: c
-};
-export {
-  c as clearIcon,
-  i as default,
-  r as disabled,
-  l as error,
-  _ as filled,
-  o as fullWidth,
-  t as hideLabel,
-  d as hideLabelActive,
-  e as root
-};

package/dist/components/TextArea/TextArea.types.js

@@ -1 +0,0 @@
-