@pismo/marola 1.1.12 → 1.1.14

package/dist/components/Autocomplete/Autocomplete.stories.d.ts

@@ -2,7 +2,7 @@ import { StoryObj } from '@storybook/react';
 
 declare const meta: {
     title: string;
-    component: <T extends string | object>({ labelKey, valueKey, options, type, value, onChange, onInputChange, "data-testid-wrapper": dataTestId, ...props }: import('./Autocomplete.tsx').AutocompleteProps<T>) => import("react/jsx-runtime").JSX.Element;
+    component: <T extends string | object>({ labelKey, valueKey, options, type, value, onChange, onInputChange, classNameWrapper, "data-testid-wrapper": dataTestId, classNameInputWrapper, ...props }: import('./Autocomplete.tsx').AutocompleteProps<T>) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
     parameters: {
         layout: string;

package/dist/components/Badge/Badge.js

@@ -1,32 +1,32 @@
-import { jsxs as n, jsx as o } from "react/jsx-runtime";
+import { jsxs as r, jsx as o } from "react/jsx-runtime";
 import { useMemo as l } from "react";
 import { c as t } from "../../clsx-DB4S2d7J.js";
-import '../../assets/Badge.css';const h = "_badge_1nh6a_1", e = {
-  "badge-root": "_badge-root_1nh6a_1",
-  badge: h,
-  "badge--red": "_badge--red_1nh6a_31",
-  "badge--green": "_badge--green_1nh6a_34",
-  "badge--blue": "_badge--blue_1nh6a_37",
-  "badge--blueInvert": "_badge--blueInvert_1nh6a_40",
-  "badge--gray": "_badge--gray_1nh6a_44",
-  "badge--basic": "_badge--basic_1nh6a_48",
-  "badge--double": "_badge--double_1nh6a_54",
-  "badge--triple": "_badge--triple_1nh6a_58",
-  "badge--medium": "_badge--medium_1nh6a_62"
-}, p = ({ count: a, children: r, variant: d, size: b, className: g }) => {
-  const _ = a > 99 ? "triple" : a > 9 ? "double" : "single", s = l(
+import '../../assets/Badge.css';const f = "_badge_40fsi_1", e = {
+  "badge-root": "_badge-root_40fsi_1",
+  badge: f,
+  "badge--red": "_badge--red_40fsi_31",
+  "badge--green": "_badge--green_40fsi_34",
+  "badge--blue": "_badge--blue_40fsi_37",
+  "badge--blueInvert": "_badge--blueInvert_40fsi_40",
+  "badge--gray": "_badge--gray_40fsi_44",
+  "badge--basic": "_badge--basic_40fsi_48",
+  "badge--double": "_badge--double_40fsi_54",
+  "badge--triple": "_badge--triple_40fsi_58",
+  "badge--medium": "_badge--medium_40fsi_62"
+}, p = ({ count: d, children: _, variant: a, size: b, className: g }) => {
+  const s = d > 99 ? "triple" : d > 9 ? "double" : "single", i = l(
     () => t([
       e.badge,
-      e[`badge--${d}`],
+      e[`badge--${a}`],
       e[`badge--${b}`],
-      e[`badge--${_}`],
+      e[`badge--${s}`],
       g
     ]),
-    [g, d, b, _]
+    [g, a, b, s]
   );
-  return /* @__PURE__ */ n("span", { className: e["badge-root"], children: [
-    r,
-    /* @__PURE__ */ o("span", { className: s, children: a > 999 ? "999+" : a })
+  return /* @__PURE__ */ r("span", { className: e["badge-root"], children: [
+    _,
+    /* @__PURE__ */ o("span", { className: i, children: d > 999 ? "999+" : d })
   ] });
 };
 export {

package/dist/components/PageHeader/PageHeader.js

@@ -1,44 +1,44 @@
-import { jsx as e, jsxs as _, Fragment as h } from "react/jsx-runtime";
+import { jsx as e, jsxs as p, Fragment as n } from "react/jsx-runtime";
 import { useMemo as I } from "react";
 import { c as y } from "../../clsx-DB4S2d7J.js";
 import { Icon as P } from "../Icon/Icon.js";
 import { IconButton as $ } from "../IconButton/IconButton.js";
 import { Text as m } from "../Typography/Typography.js";
 import '../../assets/PageHeader.css';const a = {
-  "u-typography-h1": "_u-typography-h1_10ecr_1",
-  "u-typography-h2": "_u-typography-h2_10ecr_8",
-  "u-typography-h3": "_u-typography-h3_10ecr_15",
-  "u-typography-h4": "_u-typography-h4_10ecr_22",
-  "u-typography-h5": "_u-typography-h5_10ecr_29",
-  "u-typography-h6": "_u-typography-h6_10ecr_36",
-  "u-typography-base": "_u-typography-base_10ecr_43",
-  "u-typography-base--xxl": "_u-typography-base--xxl_10ecr_49",
-  "u-typography-base--xl": "_u-typography-base--xl_10ecr_53",
-  "u-typography-base--lg": "_u-typography-base--lg_10ecr_57",
-  "u-typography-base--sm": "_u-typography-base--sm_10ecr_61",
-  "u-typography-base--bold": "_u-typography-base--bold_10ecr_65",
-  "u-typography-base--strikethrough": "_u-typography-base--strikethrough_10ecr_68",
-  "u-typography-base--underlined": "_u-typography-base--underlined_10ecr_71",
-  "u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-underlined_10ecr_74",
-  "page-header": "_page-header_10ecr_78",
-  "page-header__main-content": "_page-header__main-content_10ecr_83",
-  "page-header__bottom-content": "_page-header__bottom-content_10ecr_90",
-  "page-header__breadcrumb": "_page-header__breadcrumb_10ecr_95",
-  "page-header__breadcrumb__separator": "_page-header__breadcrumb__separator_10ecr_123",
-  "page-header__right-children-wrapper": "_page-header__right-children-wrapper_10ecr_129",
-  "header-bubble": "_header-bubble_10ecr_135",
-  "header-bubble--container": "_header-bubble--container_10ecr_138",
-  "header-bubble--container--full": "_header-bubble--container--full_10ecr_146",
-  "header-bubble-margin": "_header-bubble-margin_10ecr_150"
+  "u-typography-h1": "_u-typography-h1_1oa3o_1",
+  "u-typography-h2": "_u-typography-h2_1oa3o_8",
+  "u-typography-h3": "_u-typography-h3_1oa3o_15",
+  "u-typography-h4": "_u-typography-h4_1oa3o_22",
+  "u-typography-h5": "_u-typography-h5_1oa3o_29",
+  "u-typography-h6": "_u-typography-h6_1oa3o_36",
+  "u-typography-base": "_u-typography-base_1oa3o_43",
+  "u-typography-base--xxl": "_u-typography-base--xxl_1oa3o_49",
+  "u-typography-base--xl": "_u-typography-base--xl_1oa3o_53",
+  "u-typography-base--lg": "_u-typography-base--lg_1oa3o_57",
+  "u-typography-base--sm": "_u-typography-base--sm_1oa3o_61",
+  "u-typography-base--bold": "_u-typography-base--bold_1oa3o_65",
+  "u-typography-base--strikethrough": "_u-typography-base--strikethrough_1oa3o_68",
+  "u-typography-base--underlined": "_u-typography-base--underlined_1oa3o_71",
+  "u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-underlined_1oa3o_74",
+  "page-header": "_page-header_1oa3o_78",
+  "page-header__main-content": "_page-header__main-content_1oa3o_83",
+  "page-header__bottom-content": "_page-header__bottom-content_1oa3o_90",
+  "page-header__breadcrumb": "_page-header__breadcrumb_1oa3o_95",
+  "page-header__breadcrumb__separator": "_page-header__breadcrumb__separator_1oa3o_123",
+  "page-header__right-children-wrapper": "_page-header__right-children-wrapper_1oa3o_129",
+  "header-bubble": "_header-bubble_1oa3o_135",
+  "header-bubble--container": "_header-bubble--container_1oa3o_138",
+  "header-bubble--container--full": "_header-bubble--container--full_1oa3o_146",
+  "header-bubble-margin": "_header-bubble-margin_1oa3o_150"
 }, E = ({
-  title: n,
+  title: l,
   subtitle: b,
-  rightChildren: p,
-  bottomChildren: l,
+  rightChildren: s,
+  bottomChildren: c,
   classNameWrapper: k,
   classNameTitle: N,
   classNameSubtitle: f,
-  headerBubble: c,
+  headerBubble: t,
   fullWidthHeaderBubble: x,
   "data-testid-wrapper": v,
   "data-testid-title": w,
@@ -48,41 +48,41 @@ import '../../assets/PageHeader.css';const a = {
 }) => {
   const {
     breadcrumb: r,
-    backLinkText: s,
-    onBackLinkClick: d,
+    backLinkText: d,
+    onBackLinkClick: h,
     classNameBackLink: u,
     "data-testid-backLink": g,
     ...B
   } = T;
-  c && (n || b || l) && console.error("headerBubble prop can not be used with title, subtitle or bottomChildren"), !c && !n && console.error("title prop is required when not using headerBubble"), (s || d) && console.error("backLinkText and onBackLinkClick props are deprecated. Please use breadcrumb instead");
+  t && (l || b || c) && console.error("headerBubble prop can not be used with title, subtitle or bottomChildren"), !t && !l && console.error("title prop is required when not using headerBubble"), (d || h) && console.error("backLinkText and onBackLinkClick props are deprecated. Please use breadcrumb instead");
   const j = y([a["page-header"], k]), H = I(() => {
-    const o = [];
-    return s && d && o.push({
-      label: s,
+    const _ = [];
+    return d && h && _.push({
+      label: d,
       className: u,
       "data-testid": g,
-      onClick: d
-    }), r && o.push(...r), /* @__PURE__ */ e("div", { className: a["page-header__breadcrumb"], children: o.map((t, i) => /* @__PURE__ */ e(
+      onClick: h
+    }), r && _.push(...r), /* @__PURE__ */ e("div", { className: a["page-header__breadcrumb"], children: _.map((o, i) => /* @__PURE__ */ e(
       $,
       {
         icon: i === 0 ? /* @__PURE__ */ e(P, { icon: "house-blank" }) : /* @__PURE__ */ e("span", { className: a["page-header__breadcrumb__separator"], children: "/" }),
-        onClick: () => t.onClick && t.onClick(),
-        className: t.className,
-        "data-testid": t["data-testid"],
-        disabled: o.length === 1 ? !1 : i === o.length - 1,
-        children: t.label
+        onClick: () => o.onClick && o.onClick(),
+        className: o.className,
+        "data-testid": o["data-testid"],
+        disabled: _.length === 1 ? !1 : i === _.length - 1,
+        children: o.label
       },
-      `${t.label}_${i}`
+      `${o.label}_${i}`
     )) });
-  }, [r, s, u, g, d]);
-  return /* @__PURE__ */ _(h, { children: [
-    /* @__PURE__ */ _("div", { className: j, "data-testid": v, ...B, children: [
-      /* @__PURE__ */ _("div", { className: a["page-header__main-content"], children: [
-        /* @__PURE__ */ _("div", { className: a["page-header__right-children-wrapper"], children: [
+  }, [r, d, u, g, h]);
+  return /* @__PURE__ */ p(n, { children: [
+    /* @__PURE__ */ p("div", { className: j, "data-testid": v, ...B, children: [
+      /* @__PURE__ */ p("div", { className: a["page-header__main-content"], children: [
+        /* @__PURE__ */ p("div", { className: a["page-header__right-children-wrapper"], children: [
           r && H,
-          r && p && /* @__PURE__ */ e(h, { children: p })
+          r && s && /* @__PURE__ */ e(n, { children: s })
         ] }),
-        /* @__PURE__ */ _("div", { className: a["page-header__right-children-wrapper"], children: [
+        /* @__PURE__ */ p("div", { className: a["page-header__right-children-wrapper"], children: [
           /* @__PURE__ */ e(
             m,
             {
@@ -91,10 +91,10 @@ import '../../assets/PageHeader.css';const a = {
               color: "var(--colors-neutral-text-color-text)",
               className: N,
               "data-testid": w,
-              children: n
+              children: l
             }
           ),
-          !r && p && /* @__PURE__ */ e(h, { children: p })
+          !r && s && /* @__PURE__ */ e(n, { children: s })
         ] }),
         /* @__PURE__ */ e(
           m,
@@ -107,18 +107,18 @@ import '../../assets/PageHeader.css';const a = {
             children: b
           }
         ),
-        c && /* @__PURE__ */ e(h, { children: /* @__PURE__ */ e("div", { className: a["header-bubble"], children: /* @__PURE__ */ e(
+        t && /* @__PURE__ */ e(n, { children: /* @__PURE__ */ e("div", { className: a["header-bubble"], children: /* @__PURE__ */ e(
           "div",
           {
             className: x ? y(a["header-bubble--container"], a["header-bubble--container--full"]) : a["header-bubble--container"],
             "data-testid": C,
-            children: c
+            children: t
           }
         ) }) })
       ] }),
-      l && /* @__PURE__ */ e("div", { className: a["page-header__bottom-content"], children: l })
+      c && /* @__PURE__ */ e("div", { className: a["page-header__bottom-content"], children: c })
     ] }),
-    c && /* @__PURE__ */ e("div", { className: a["header-bubble-margin"] })
+    t && /* @__PURE__ */ e("div", { className: a["header-bubble-margin"] })
   ] });
 };
 export {

package/dist/components/Tabs/Tab.js

@@ -4,7 +4,7 @@ import { forwardRef as k, useContext as H, useMemo as U } from "react";
 import { c as B } from "../../clsx-DB4S2d7J.js";
 import { Icon as D } from "../Icon/Icon.js";
 import { Skeleton as L } from "../Skeleton/Skeleton.js";
-import { u as W, T as $, s as c } from "../../Tabs.module-BNRwj3Z0.js";
+import { u as W, T as $, s as c } from "../../Tabs.module-ia-imLti.js";
 import { g as q, a as z, u as I, f as A, b as h, _ as G, c as J, P as e, d as K, e as Q } from "../../useSlotProps-C_I1kEHr.js";
 import { u as X, c as Y } from "../../combineHooksSlotProps-C-zYvfnF.js";
 import { u as Z } from "../../useId-BW-oWmul.js";

package/dist/components/Tabs/TabPanel.js

@@ -2,7 +2,7 @@ import { jsx as T } from "react/jsx-runtime";
 import * as P from "react";
 import { forwardRef as v } from "react";
 import { c as y } from "../../clsx-DB4S2d7J.js";
-import { u as x, s as C } from "../../Tabs.module-BNRwj3Z0.js";
+import { u as x, s as C } from "../../Tabs.module-ia-imLti.js";
 import { g as N, a as _, u as w, b, _ as O, c as E, P as o, d as I, e as S } from "../../useSlotProps-C_I1kEHr.js";
 import { u as U } from "../../useId-BW-oWmul.js";
 import { u as j } from "../../useCompoundItem-B7Eo_qZk.js";

package/dist/components/Tabs/Tabs.js

@@ -2,7 +2,7 @@ import { jsx as T } from "react/jsx-runtime";
 import * as r from "react";
 import { forwardRef as q } from "react";
 import { c as B } from "../../clsx-DB4S2d7J.js";
-import { T as G, u as J, s as Q } from "../../Tabs.module-BNRwj3Z0.js";
+import { T as G, u as J, s as Q } from "../../Tabs.module-ia-imLti.js";
 import { Tab as Ie } from "./Tab.js";
 import { TabPanel as Fe } from "./TabPanel.js";
 import { g as I, a as _, b as C, _ as F, c as $, P as t, d as N, e as w } from "../../useSlotProps-C_I1kEHr.js";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pismo/marola",
   "description": "CDX tribe component library",
-  "version": "1.1.12",
+  "version": "1.1.14",
   "type": "module",
   "main": "dist/main.js",
   "types": "dist/main.d.ts",

package/dist/Tabs.module-BNRwj3Z0.js

@@ -1,25 +0,0 @@
-import * as _ from "react";
-import './assets/Tabs.css';const a = /* @__PURE__ */ _.createContext(null);
-process.env.NODE_ENV !== "production" && (a.displayName = "TabsContext");
-function e() {
-  const t = _.useContext(a);
-  if (t == null)
-    throw new Error("No TabsContext provided");
-  return t;
-}
-const s = "_tabs_me6nj_1", b = "_tabs__tab_me6nj_5", n = {
-  tabs: s,
-  tabs__tab: b,
-  "tabs__tab--disabled": "_tabs__tab--disabled_me6nj_23",
-  "tabs__tab--selected": "_tabs__tab--selected_me6nj_32",
-  "tabs__tab--chip": "_tabs__tab--chip_me6nj_36",
-  "tabs__tab--chip--disabled": "_tabs__tab--chip--disabled_me6nj_64",
-  "tabs__tab-panel": "_tabs__tab-panel_me6nj_74",
-  "tabs__tab-icon": "_tabs__tab-icon_me6nj_78",
-  "tabs__tab-content": "_tabs__tab-content_me6nj_83"
-};
-export {
-  a as T,
-  n as s,
-  e as u
-};