@pismo/marola 1.0.0-beta.11 → 1.0.0-beta.13

package/dist/main.js

@@ -3,81 +3,83 @@ import { Advice as p } from "./components/Advice/Advice.js";
 import { Autocomplete as f } from "./components/Autocomplete/Autocomplete.js";
 import { Button as x } from "./components/Button/Button.js";
 import { Checkbox as l } from "./components/Checkbox/Checkbox.js";
-import { C as T, R as s, T as c } from "./Toggle-C7W0gYOI.js";
-import { Dialog as u } from "./components/Dialog/Dialog.js";
+import { C as T, R as s, T as c } from "./Toggle-uBAGft1J.js";
+import { Dialog as S } from "./components/Dialog/Dialog.js";
 import { EllipsisTooltip as d } from "./components/EllipsisTooltip/EllipsisTooltip.js";
 import { Icon as k } from "./components/Icon/Icon.js";
 import { IconButton as I } from "./components/IconButton/IconButton.js";
 import { Input as D } from "./components/Input/Input.js";
 import { InputSearch as A } from "./components/InputSearch/InputSearch.js";
-import { LoadingSpinner as B } from "./components/LoadingSpinner/LoadingSpinner.js";
-import { PageHeader as v } from "./components/PageHeader/PageHeader.js";
+import { LoadingSpinner as v } from "./components/LoadingSpinner/LoadingSpinner.js";
+import { PageHeader as G } from "./components/PageHeader/PageHeader.js";
 import { Pagination as R, paginationDefaultTranslations as w } from "./components/Pagination/Pagination.js";
-import { Select as L, SelectOption as O } from "./components/Select/Select.js";
-import { Skeleton as q, SkeletonCircle as z, SkeletonTable as F } from "./components/Skeleton/Skeleton.js";
-import { Snackbar as K } from "./components/Snackbar/Snackbar.js";
-import { SortTooltip as N, sortTooltipDefaultTranslations as Q } from "./components/SortTooltip/SortTooltip.js";
+import { Select as L, SelectOption as N } from "./components/Select/Select.js";
+import { Skeleton as j, SkeletonCircle as q, SkeletonTable as z } from "./components/Skeleton/Skeleton.js";
+import { Snackbar as J } from "./components/Snackbar/Snackbar.js";
+import { SortTooltip as M, sortTooltipDefaultTranslations as Q } from "./components/SortTooltip/SortTooltip.js";
 import { Stepper as V } from "./components/Stepper/Stepper.js";
-import { TBody as X, THead as Y, Table as Z, Td as _, Th as $, Tr as oo } from "./components/Table/Table.js";
-import { Tabs as eo } from "./components/Tabs/Tabs.js";
-import { TextDisplay as po } from "./components/TextDisplay/TextDisplay.js";
-import { Toggle as fo } from "./components/Toggle/Toggle.js";
-import { G as xo } from "./Group-B3p31ftp.js";
-import { Tooltip as lo } from "./components/Tooltip/Tooltip.js";
-import { Text as To, Typography as so } from "./components/Typography/Typography.js";
-import { SnackbarContext as go, SnackbarProvider as uo, useSnackbar as So } from "./contexts/SnackbarProvider/SnackbarProvider.js";
-import { default as ko } from "./components/Dialog/DialogTitle.js";
-import { default as Io } from "./components/Dialog/Content.js";
-import { default as Do } from "./components/Dialog/Actions.js";
-import { Tab as Ao } from "./components/Tabs/Tab.js";
-import { TabPanel as Bo } from "./components/Tabs/TabPanel.js";
+import { StepperNavigator as X } from "./components/StepperNavigator/StepperNavigator.js";
+import { TBody as Z, THead as _, Table as $, Td as oo, Th as ro, Tr as eo } from "./components/Table/Table.js";
+import { Tabs as po } from "./components/Tabs/Tabs.js";
+import { TextDisplay as fo } from "./components/TextDisplay/TextDisplay.js";
+import { Toggle as xo } from "./components/Toggle/Toggle.js";
+import { G as lo } from "./Group-B3p31ftp.js";
+import { Tooltip as To } from "./components/Tooltip/Tooltip.js";
+import { Text as co, Typography as go } from "./components/Typography/Typography.js";
+import { SnackbarContext as uo, SnackbarProvider as bo, useSnackbar as ko } from "./contexts/SnackbarProvider/SnackbarProvider.js";
+import { default as Io } from "./components/Dialog/DialogTitle.js";
+import { default as Do } from "./components/Dialog/Content.js";
+import { default as Ao } from "./components/Dialog/Actions.js";
+import { Tab as vo } from "./components/Tabs/Tab.js";
+import { TabPanel as Go } from "./components/Tabs/TabPanel.js";
 export {
-  Do as Actions,
+  Ao as Actions,
   e as Adornment,
   p as Advice,
   f as Autocomplete,
   x as Button,
   l as Checkbox,
   T as Chip,
-  Io as Content,
-  u as Dialog,
-  ko as DialogTitle,
+  Do as Content,
+  S as Dialog,
+  Io as DialogTitle,
   d as EllipsisTooltip,
   k as Icon,
   I as IconButton,
   D as Input,
   A as InputSearch,
-  B as LoadingSpinner,
-  v as PageHeader,
+  v as LoadingSpinner,
+  G as PageHeader,
   R as Pagination,
   s as RowItem,
   L as Select,
-  O as SelectOption,
-  q as Skeleton,
-  z as SkeletonCircle,
-  F as SkeletonTable,
-  K as Snackbar,
-  go as SnackbarContext,
-  uo as SnackbarProvider,
-  N as SortTooltip,
+  N as SelectOption,
+  j as Skeleton,
+  q as SkeletonCircle,
+  z as SkeletonTable,
+  J as Snackbar,
+  uo as SnackbarContext,
+  bo as SnackbarProvider,
+  M as SortTooltip,
   V as Stepper,
-  X as TBody,
-  Y as THead,
-  Ao as Tab,
-  Bo as TabPanel,
-  Z as Table,
-  eo as Tabs,
-  _ as Td,
-  To as Text,
-  po as TextDisplay,
-  $ as Th,
-  fo as Toggle,
-  xo as ToggleGroup,
+  X as StepperNavigator,
+  Z as TBody,
+  _ as THead,
+  vo as Tab,
+  Go as TabPanel,
+  $ as Table,
+  po as Tabs,
+  oo as Td,
+  co as Text,
+  fo as TextDisplay,
+  ro as Th,
+  xo as Toggle,
+  lo as ToggleGroup,
   c as ToggleGroupItem,
-  lo as Tooltip,
-  oo as Tr,
-  so as Typography,
+  To as Tooltip,
+  eo as Tr,
+  go as Typography,
   w as paginationDefaultTranslations,
   Q as sortTooltipDefaultTranslations,
-  So as useSnackbar
+  ko as useSnackbar
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pismo/marola",
   "description": "CDX tribe component library",
-  "version": "1.0.0-beta.11",
+  "version": "1.0.0-beta.13",
   "type": "module",
   "main": "dist/main.js",
   "types": "dist/main.d.ts",
@@ -53,6 +53,7 @@
     "@storybook/react": "^8.0.8",
     "@storybook/react-vite": "^8.0.8",
     "@storybook/test": "^8.0.8",
+    "@testing-library/jest-dom": "^6.4.6",
     "@testing-library/react": "^15.0.5",
     "@types/node": "^20.12.2",
     "@types/react": "^18.2.66",

package/dist/Toggle-C7W0gYOI.js

@@ -1,175 +0,0 @@
-import './assets/Toggle2.css';
-import { jsx as e, jsxs as q } from "react/jsx-runtime";
-import { forwardRef as y } from "react";
-import { c as r } from "./clsx-DB4S2d7J.js";
-import { Icon as N } from "./components/Icon/Icon.js";
-import { Typography as x } from "./components/Typography/Typography.js";
-import "./components/Button/Button.js";
-import { Adornment as C } from "./components/Adornment/Adornment.js";
-import "./components/Dialog/Backdrop.js";
-import "./components/IconButton/IconButton.js";
-import "./components/Select/Select.js";
-import "./components/Table/Table.js";
-import "./components/Tabs/Tabs.js";
-import { s as k } from "./Group-B3p31ftp.js";
-import "./contexts/SnackbarProvider/SnackbarProvider.js";
-import { Skeleton as f } from "./components/Skeleton/Skeleton.js";
-import { B as w } from "./Button-DiLqcAJG.js";
-const I = "_chip_1qd8i_61", P = "_chip__adornment_1qd8i_115", S = "_chip__remove_1qd8i_120", d = {
-  "u-typography-h1": "_u-typography-h1_1qd8i_1",
-  "u-typography-h2": "_u-typography-h2_1qd8i_8",
-  "u-typography-h3": "_u-typography-h3_1qd8i_15",
-  "u-typography-h4": "_u-typography-h4_1qd8i_22",
-  "u-typography-h5": "_u-typography-h5_1qd8i_29",
-  "u-typography-h6": "_u-typography-h6_1qd8i_36",
-  "u-typography-base": "_u-typography-base_1qd8i_43",
-  "u-typography-base--xxl": "_u-typography-base--xxl_1qd8i_49",
-  "u-typography-base--xl": "_u-typography-base--xl_1qd8i_53",
-  "u-typography-base--lg": "_u-typography-base--lg_1qd8i_57",
-  "u-typography-base--sm": "_u-typography-base--sm_1qd8i_61",
-  chip: I,
-  "u-typography-base--bold": "_u-typography-base--bold_1qd8i_65",
-  "u-typography-base--strikethrough": "_u-typography-base--strikethrough_1qd8i_68",
-  "u-typography-base--underlined": "_u-typography-base--underlined_1qd8i_71",
-  "u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-underlined_1qd8i_74",
-  "chip--button": "_chip--button_1qd8i_90",
-  "chip--outlined": "_chip--outlined_1qd8i_103",
-  "chip--contained": "_chip--contained_1qd8i_109",
-  chip__adornment: P,
-  chip__remove: S,
-  "chip__remove--disabled": "_chip__remove--disabled_1qd8i_131",
-  "chip-loading": "_chip-loading_1qd8i_135"
-}, R = y((o, s) => {
-  const { children: c, onClickContent: a, disabled: _, className: t, variant: n } = o;
-  let i = r(
-    d.chip,
-    { [d["chip--outlined"]]: n === "outlined" },
-    { [d["chip--contained"]]: n === "contained" },
-    t
-  );
-  return a ? (i += ` ${d["chip--button"]}`, /* @__PURE__ */ e(
-    w,
-    {
-      onClick: a,
-      disabled: _,
-      "data-testid": o["data-testid"],
-      ref: s,
-      className: i,
-      children: c
-    }
-  )) : /* @__PURE__ */ e("span", { "data-testid": o["data-testid"], ref: s, className: i, children: c });
-}), M = y((o, s) => {
-  const {
-    label: c,
-    className: a,
-    onClickContent: _,
-    leftAdornment: t,
-    loading: n = !1,
-    disabled: i = !1,
-    variant: u = "default",
-    onClickRemove: h
-  } = o;
-  if (n)
-    return /* @__PURE__ */ e(
-      f,
-      {
-        className: r(d["chip-loading"], o["className-skeleton"]),
-        "data-testid": o["data-testid-skeleton"]
-      }
-    );
-  const g = r(t == null ? void 0 : t.className, d.chip__adornment), b = t != null && t.customIcon ? { ...t, className: g } : { ...t, disabled: i, className: g };
-  return /* @__PURE__ */ q(
-    R,
-    {
-      ref: s,
-      "data-testid": o["data-testid"],
-      onClickContent: _,
-      disabled: i,
-      className: a,
-      variant: u,
-      children: [
-        t && /* @__PURE__ */ e(C, { ...b }),
-        c,
-        h && /* @__PURE__ */ e(
-          "span",
-          {
-            className: r(d.chip__remove, { [d["chip__remove--disabled"]]: i }),
-            role: "button",
-            tabIndex: i ? -1 : 0,
-            "aria-label": "remove",
-            onClick: (l) => {
-              l == null || l.stopPropagation(), l == null || l.nativeEvent.stopImmediatePropagation(), h();
-            },
-            "aria-disabled": i,
-            children: /* @__PURE__ */ e(N, { icon: "circle-xmark", size: "1.125rem", color: "rgba(var(--gray-95-rgb), 0.45)" })
-          }
-        )
-      ]
-    }
-  );
-}), m = {
-  "row-item": "_row-item_ag6tb_1",
-  "row-item--clickable": "_row-item--clickable_ag6tb_15",
-  "row-item__content": "_row-item__content_ag6tb_18"
-}, O = y((o, s) => {
-  const { children: c, leftAdornment: a, disabled: _, onClick: t, buttons: n, ariaLabel: i, className: u } = o, h = r(a == null ? void 0 : a.className, m["row-item__adornment"]), b = {
-    onClick: (p) => {
-      t && t(p);
-    },
-    tabIndex: 0,
-    "aria-label": i,
-    role: "button"
-  }, l = a != null && a.customIcon ? a : { size: "1rem", ...a };
-  return /* @__PURE__ */ q(
-    "div",
-    {
-      "data-testid": o["data-testid"],
-      className: r(m["row-item"], { [m["row-item--clickable"]]: !!t }, u),
-      ...!!t && b,
-      ref: s,
-      children: [
-        a && /* @__PURE__ */ e(C, { ...l, className: h, disabled: _ }),
-        /* @__PURE__ */ e("span", { className: r(m["row-item__content"]), children: c }),
-        n && /* @__PURE__ */ e(
-          "div",
-          {
-            onClick: (p) => {
-              p == null || p.stopPropagation(), p == null || p.nativeEvent.stopImmediatePropagation();
-            },
-            children: n
-          }
-        )
-      ]
-    }
-  );
-}), Q = y((o, s) => {
-  const { text: c, isSelected: a = !1, value: _, onChange: t } = o;
-  return /* @__PURE__ */ q(
-    "label",
-    {
-      className: r([k.toggle__label], { [k["toggle__label--selected"]]: a }),
-      "data-testid": o["data-testid"],
-      children: [
-        /* @__PURE__ */ e(
-          "input",
-          {
-            className: r([k.toggle__input]),
-            type: "radio",
-            ref: s,
-            value: _.toString(),
-            onChange: () => t(_),
-            role: "radio",
-            checked: a,
-            "aria-checked": a
-          }
-        ),
-        /* @__PURE__ */ e(x, { bold: !0, children: c })
-      ]
-    }
-  );
-});
-export {
-  M as C,
-  O as R,
-  Q as T
-};