@pismo/marola 1.1.3 → 1.1.5

package/dist/assets/PageHeader.css

@@ -1 +1 @@
-._u-typography-h1_bamb5_1{font-size:var(--heading-font-size-1);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-1);margin:0}._u-typography-h2_bamb5_8{font-size:var(--heading-font-size-2);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-2);margin:0}._u-typography-h3_bamb5_15{font-size:var(--heading-font-size-3);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-3);margin:0}._u-typography-h4_bamb5_22{font-size:var(--heading-font-size-4);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-4);margin:0}._u-typography-h5_bamb5_29{font-size:var(--heading-font-size-5);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-5);margin:0}._u-typography-h6_bamb5_36{font-size:var(--heading-font-size-6);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-6);margin:0}._u-typography-base_bamb5_43{margin:0;font-size:var(--base-font-size);font-weight:var(--base-weight);line-height:var(--base-line-height)}._u-typography-base--xxl_bamb5_49{font-size:var(--base-font-size-xxl);line-height:var(--base-line-height-xxl)}._u-typography-base--xl_bamb5_53{font-size:var(--base-font-size-xl);line-height:var(--base-line-height-xl)}._u-typography-base--lg_bamb5_57{font-size:var(--base-font-size-lg);line-height:var(--base-line-height-lg)}._u-typography-base--sm_bamb5_61{font-size:var(--base-font-size-sm);line-height:var(--base-line-height-sm)}._u-typography-base--bold_bamb5_65{font-weight:var(--base-bold)}._u-typography-base--strikethrough_bamb5_68{text-decoration:line-through}._u-typography-base--underlined_bamb5_71{text-decoration:underline}._u-typography-base--strikethrough-underlined_bamb5_74{text-decoration:underline line-through}._page-header_bamb5_78{width:100%;background-color:var(--cream)}._page-header__main-content_bamb5_82{position:relative;width:64rem;max-width:100%;padding:1rem 0;margin:0 auto}._page-header__bottom-content_bamb5_89{width:64rem;max-width:100%;margin:0 auto}._page-header__breadcrumb_bamb5_94{display:flex;gap:.5rem;align-items:center;height:2rem}._page-header__breadcrumb_bamb5_94 button{padding:0;line-height:1.25rem;color:var(--colors-neutral-text-color-text)}._page-header__breadcrumb_bamb5_94 button:active,._page-header__breadcrumb_bamb5_94 button:focus{color:var(--colors-neutral-text-color-text);outline:none}._page-header__breadcrumb_bamb5_94 button:hover:enabled{color:var(--accent-dark)}._page-header__breadcrumb_bamb5_94 button *:not(svg){font-size:.75rem}._page-header__breadcrumb_bamb5_94 button:disabled{color:var(--colors-neutral-text-color-text-tertiary)}._page-header__breadcrumb_bamb5_94 button svg{width:1rem;height:1rem}._page-header__breadcrumb__separator_bamb5_122{height:1.125rem;padding:0;line-height:1.125rem;color:var(--colors-neutral-text-color-text-description)}._page-header__right-children-wrapper_bamb5_128{display:flex;align-items:center;justify-content:space-between}._header-bubble_bamb5_134{flex:1}._header-bubble--container_bamb5_137{position:absolute;max-width:80%;height:5.75rem;background-color:var(--white-100);border:1px solid var(--border-secondary);border-radius:8px}._header-bubble--container--full_bamb5_145{max-width:100%}._header-bubble-margin_bamb5_149{padding-bottom:1rem}
+._u-typography-h1_10ecr_1{font-size:var(--heading-font-size-1);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-1);margin:0}._u-typography-h2_10ecr_8{font-size:var(--heading-font-size-2);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-2);margin:0}._u-typography-h3_10ecr_15{font-size:var(--heading-font-size-3);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-3);margin:0}._u-typography-h4_10ecr_22{font-size:var(--heading-font-size-4);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-4);margin:0}._u-typography-h5_10ecr_29{font-size:var(--heading-font-size-5);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-5);margin:0}._u-typography-h6_10ecr_36{font-size:var(--heading-font-size-6);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-6);margin:0}._u-typography-base_10ecr_43{margin:0;font-size:var(--base-font-size);font-weight:var(--base-weight);line-height:var(--base-line-height)}._u-typography-base--xxl_10ecr_49{font-size:var(--base-font-size-xxl);line-height:var(--base-line-height-xxl)}._u-typography-base--xl_10ecr_53{font-size:var(--base-font-size-xl);line-height:var(--base-line-height-xl)}._u-typography-base--lg_10ecr_57{font-size:var(--base-font-size-lg);line-height:var(--base-line-height-lg)}._u-typography-base--sm_10ecr_61{font-size:var(--base-font-size-sm);line-height:var(--base-line-height-sm)}._u-typography-base--bold_10ecr_65{font-weight:var(--base-bold)}._u-typography-base--strikethrough_10ecr_68{text-decoration:line-through}._u-typography-base--underlined_10ecr_71{text-decoration:underline}._u-typography-base--strikethrough-underlined_10ecr_74{text-decoration:underline line-through}._page-header_10ecr_78{width:100%;background-color:var(--cream);min-height:7.375rem}._page-header__main-content_10ecr_83{position:relative;width:64rem;max-width:100%;padding:1rem 0;margin:0 auto}._page-header__bottom-content_10ecr_90{width:64rem;max-width:100%;margin:0 auto}._page-header__breadcrumb_10ecr_95{display:flex;gap:.5rem;align-items:center;height:2rem}._page-header__breadcrumb_10ecr_95 button{padding:0;line-height:1.25rem;color:var(--colors-neutral-text-color-text)}._page-header__breadcrumb_10ecr_95 button:active,._page-header__breadcrumb_10ecr_95 button:focus{color:var(--colors-neutral-text-color-text);outline:none}._page-header__breadcrumb_10ecr_95 button:hover:enabled{color:var(--accent-dark)}._page-header__breadcrumb_10ecr_95 button *:not(svg){font-size:.75rem}._page-header__breadcrumb_10ecr_95 button:disabled{color:var(--colors-neutral-text-color-text-tertiary)}._page-header__breadcrumb_10ecr_95 button svg{width:1rem;height:1rem}._page-header__breadcrumb__separator_10ecr_123{height:1.125rem;padding:0;line-height:1.125rem;color:var(--colors-neutral-text-color-text-description)}._page-header__right-children-wrapper_10ecr_129{display:flex;align-items:center;justify-content:space-between}._header-bubble_10ecr_135{flex:1}._header-bubble--container_10ecr_138{position:absolute;max-width:80%;height:5.75rem;background-color:var(--white-100);border:1px solid var(--border-secondary);border-radius:8px}._header-bubble--container--full_10ecr_146{max-width:100%}._header-bubble-margin_10ecr_150{padding-bottom:1rem}

package/dist/assets/Stepper.css

@@ -1 +1 @@
-._u-typography-h1_7fsnr_1{font-size:var(--heading-font-size-1);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-1);margin:0}._u-typography-h2_7fsnr_8{font-size:var(--heading-font-size-2);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-2);margin:0}._u-typography-h3_7fsnr_15{font-size:var(--heading-font-size-3);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-3);margin:0}._u-typography-h4_7fsnr_22{font-size:var(--heading-font-size-4);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-4);margin:0}._u-typography-h5_7fsnr_29{font-size:var(--heading-font-size-5);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-5);margin:0}._u-typography-h6_7fsnr_36{font-size:var(--heading-font-size-6);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-6);margin:0}._u-typography-base_7fsnr_43{margin:0;font-size:var(--base-font-size);font-weight:var(--base-weight);line-height:var(--base-line-height)}._u-typography-base--xxl_7fsnr_49{font-size:var(--base-font-size-xxl);line-height:var(--base-line-height-xxl)}._u-typography-base--xl_7fsnr_53{font-size:var(--base-font-size-xl);line-height:var(--base-line-height-xl)}._u-typography-base--lg_7fsnr_57{font-size:var(--base-font-size-lg);line-height:var(--base-line-height-lg)}._u-typography-base--sm_7fsnr_61,._stepper_7fsnr_61 ._item_7fsnr_61 ._name_7fsnr_61{font-size:var(--base-font-size-sm);line-height:var(--base-line-height-sm)}._u-typography-base--bold_7fsnr_65,._stepper_7fsnr_61 ._item--active_7fsnr_65 ._name_7fsnr_61,._stepper_7fsnr_61 ._item--completed_7fsnr_65 ._counter_7fsnr_65,._stepper_7fsnr_61 ._item_7fsnr_61 ._counter_7fsnr_65{font-weight:var(--base-bold)}._u-typography-base--strikethrough_7fsnr_68{text-decoration:line-through}._u-typography-base--underlined_7fsnr_71{text-decoration:underline}._u-typography-base--strikethrough-underlined_7fsnr_74{text-decoration:underline line-through}._stepper_7fsnr_61{display:flex;justify-content:space-between;margin:2.5rem auto}._stepper_7fsnr_61 ._item_7fsnr_61{position:relative;display:flex;flex:1;flex-direction:column;align-items:center}._stepper_7fsnr_61 ._item_7fsnr_61:before{position:absolute;top:20px;left:-50%;z-index:2;width:100%;content:"";border-bottom:2px solid var(--gray-50);transition:all var(--transition-long)}._stepper_7fsnr_61 ._item_7fsnr_61:after{position:absolute;top:20px;left:50%;z-index:2;width:100%;content:"";border-bottom:2px solid var(--gray-50);transition:all var(--transition-long)}._stepper_7fsnr_61 ._item_7fsnr_61 ._counter_7fsnr_65{position:relative;z-index:5;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;margin-bottom:.5rem;line-height:1rem;color:var(--gray-50);background-color:var(--white-100);border:2px solid var(--gray-50);border-radius:50%;transition:all var(--transition-long)}._stepper_7fsnr_61 ._item_7fsnr_61 ._name_7fsnr_61{color:var(--gray-50);text-align:center;transition:all var(--transition-long)}._stepper_7fsnr_61 ._item_7fsnr_61:first-child:before,._stepper_7fsnr_61 ._item_7fsnr_61:last-child:after{content:none}._stepper_7fsnr_61 ._item--completed_7fsnr_65 ._counter_7fsnr_65{color:var(--white-100);background-color:var(--secondary-green-dark);border-color:var(--secondary-green-dark);transition:all var(--transition-long)}._stepper_7fsnr_61 ._item--completed_7fsnr_65 ._name_7fsnr_61{font-weight:900;color:var(--secondary-green-dark);transition:all var(--transition-long)}._stepper_7fsnr_61 ._item--completed_7fsnr_65:after{position:absolute;top:20px;left:50%;z-index:3;width:100%;content:"";border-bottom:2px solid var(--secondary-green-dark);transition:all var(--transition-long)}._stepper_7fsnr_61 ._item--active_7fsnr_65 ._counter_7fsnr_65{font-size:700;color:var(--secondary-green-dark);background-color:var(--white-100);border-color:var(--secondary-green-dark);transition:all var(--transition-long)}._stepper_7fsnr_61 ._item--active_7fsnr_65 ._name_7fsnr_61{color:var(--gray-75);transition:all var(--transition-long)}
+._u-typography-h1_1h8au_1{font-size:var(--heading-font-size-1);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-1);margin:0}._u-typography-h2_1h8au_8{font-size:var(--heading-font-size-2);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-2);margin:0}._u-typography-h3_1h8au_15{font-size:var(--heading-font-size-3);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-3);margin:0}._u-typography-h4_1h8au_22{font-size:var(--heading-font-size-4);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-4);margin:0}._u-typography-h5_1h8au_29{font-size:var(--heading-font-size-5);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-5);margin:0}._u-typography-h6_1h8au_36{font-size:var(--heading-font-size-6);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-6);margin:0}._u-typography-base_1h8au_43{margin:0;font-size:var(--base-font-size);font-weight:var(--base-weight);line-height:var(--base-line-height)}._u-typography-base--xxl_1h8au_49{font-size:var(--base-font-size-xxl);line-height:var(--base-line-height-xxl)}._u-typography-base--xl_1h8au_53{font-size:var(--base-font-size-xl);line-height:var(--base-line-height-xl)}._u-typography-base--lg_1h8au_57{font-size:var(--base-font-size-lg);line-height:var(--base-line-height-lg)}._u-typography-base--sm_1h8au_61,._stepper_1h8au_61 ._item_1h8au_61 ._name_1h8au_61{font-size:var(--base-font-size-sm);line-height:var(--base-line-height-sm)}._u-typography-base--bold_1h8au_65,._stepper_1h8au_61 ._item--active_1h8au_65 ._name_1h8au_61,._stepper_1h8au_61 ._item--completed_1h8au_65 ._counter_1h8au_65,._stepper_1h8au_61 ._item_1h8au_61 ._counter_1h8au_65{font-weight:var(--base-bold)}._u-typography-base--strikethrough_1h8au_68{text-decoration:line-through}._u-typography-base--underlined_1h8au_71{text-decoration:underline}._u-typography-base--strikethrough-underlined_1h8au_74{text-decoration:underline line-through}._stepper_1h8au_61{display:flex;justify-content:space-between;margin:2.5rem auto}._stepper_1h8au_61 ._item_1h8au_61{position:relative;display:flex;flex:1;flex-direction:column;align-items:center}._stepper_1h8au_61 ._item_1h8au_61:before{position:absolute;top:20px;left:-50%;z-index:2;width:100%;content:"";border-bottom:2px solid var(--gray-50);transition:all var(--transition-long)}._stepper_1h8au_61 ._item_1h8au_61:after{position:absolute;top:20px;left:50%;z-index:2;width:100%;content:"";border-bottom:2px solid var(--gray-50);transition:all var(--transition-long)}._stepper_1h8au_61 ._item_1h8au_61 ._counter_1h8au_65{position:relative;z-index:5;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;margin-bottom:.5rem;line-height:1rem;color:var(--gray-50);background-color:var(--white-100);border:2px solid var(--gray-50);border-radius:50%;transition:all var(--transition-long)}._stepper_1h8au_61 ._item_1h8au_61 ._name_1h8au_61{color:var(--gray-50);text-align:center;transition:all var(--transition-long)}._stepper_1h8au_61 ._item_1h8au_61:first-child:before,._stepper_1h8au_61 ._item_1h8au_61:last-child:after{content:none}._stepper_1h8au_61 ._item--completed_1h8au_65 ._counter_1h8au_65{color:var(--white-100);background-color:var(--secondary-green-dark);border-color:var(--secondary-green-dark);transition:all var(--transition-long)}._stepper_1h8au_61 ._item--completed_1h8au_65 ._name_1h8au_61{font-weight:900;color:var(--secondary-green-dark);transition:all var(--transition-long)}._stepper_1h8au_61 ._item--completed_1h8au_65:after{position:absolute;top:20px;left:50%;z-index:3;width:100%;content:"";border-bottom:2px solid var(--secondary-green-dark);transition:all var(--transition-long)}._stepper_1h8au_61 ._item--active_1h8au_65 ._counter_1h8au_65{font-weight:700;color:var(--secondary-green-dark);background-color:var(--white-100);border-color:var(--secondary-green-dark);transition:all var(--transition-long)}._stepper_1h8au_61 ._item--active_1h8au_65 ._name_1h8au_61{color:var(--gray-75);transition:all var(--transition-long)}

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

@@ -4,7 +4,7 @@ declare const meta: {
     title: string;
     component: import('react').ForwardRefExoticComponent<import('./Chip').ChipProps & import('react').RefAttributes<unknown>>;
     tags: string[];
-    decorators: ((Story: import('@storybook/types').PartialStoryFn<import('@storybook/react').ReactRenderer, {
+    decorators: ((Story: import('@storybook/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
         label: import('react').ReactNode;
         loading?: boolean | undefined;
         leftAdornment?: import('../Adornment/Adornment').AdornmentProps | undefined;

package/dist/components/ConfirmationDialog/ConfirmationDialog.js

@@ -1,37 +1,37 @@
-import { jsx as o, jsxs as i, Fragment as f } from "react/jsx-runtime";
+import { jsx as r, jsxs as o, Fragment as s } from "react/jsx-runtime";
 import { Button as n } from "../Button/Button.js";
-import { Dialog as s } from "../Dialog/Dialog.js";
-import { Typography as t } from "../Typography/Typography.js";
-import g from "../Dialog/Content.js";
-import C from "../Dialog/Actions.js";
-const T = ({
-  open: l,
-  onClose: e,
-  title: m,
-  subtitle: c,
-  content: r,
+import { Dialog as g } from "../Dialog/Dialog.js";
+import { Typography as e } from "../Typography/Typography.js";
+import f from "../Dialog/Content.js";
+import u from "../Dialog/Actions.js";
+const z = ({
+  open: t,
+  onClose: l,
+  title: a,
+  subtitle: m,
+  content: i,
   cancelAction: d,
-  confirmAction: a,
-  confirmLabel: h,
-  cancelLabel: p
-}) => /* @__PURE__ */ o(
-  s,
+  confirmAction: p,
+  confirmLabel: c,
+  cancelLabel: h
+}) => /* @__PURE__ */ r(
+  g,
   {
-    open: l,
-    dialogTitle: m,
-    dialogSubtitle: c,
+    open: t,
+    dialogTitle: a,
+    dialogSubtitle: m,
     onClose: () => {
-      e();
+      l();
     },
-    children: /* @__PURE__ */ i(f, { children: [
-      r && /* @__PURE__ */ o(g, { children: r }),
-      /* @__PURE__ */ i(C, { children: [
-        /* @__PURE__ */ o(n, { variant: "secondary", onClick: () => d(), children: /* @__PURE__ */ o(t, { children: p }) }),
-        /* @__PURE__ */ o(n, { onClick: () => a(), children: /* @__PURE__ */ o(t, { children: h }) })
+    children: /* @__PURE__ */ o(s, { children: [
+      i && /* @__PURE__ */ r(f, { children: i }),
+      /* @__PURE__ */ o(u, { children: [
+        /* @__PURE__ */ r(n, { shape: "round", variant: "text", size: "large", onClick: () => d(), children: /* @__PURE__ */ r(e, { children: h }) }),
+        /* @__PURE__ */ r(n, { shape: "round", variant: "primary", size: "large", onClick: () => p(), children: /* @__PURE__ */ r(e, { children: c }) })
       ] })
     ] })
   }
 );
 export {
-  T as ConfirmationDialog
+  z as ConfirmationDialog
 };

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

@@ -5,7 +5,7 @@ declare const meta: {
     title: string;
     component: ({ open, onClose, title, subtitle, content, cancelAction, confirmAction, confirmLabel, cancelLabel, }: ConfirmationDialogProps) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
-    decorators: ((Story: import('@storybook/types').PartialStoryFn<import('@storybook/react').ReactRenderer, {
+    decorators: ((Story: import('@storybook/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
         open: boolean;
         onClose: () => void;
         title?: import('react').ReactNode;

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

@@ -10,7 +10,7 @@ declare const meta: {
         Actions: import('react').FunctionComponent<import('./Actions').DialogActionProps>;
     };
     tags: string[];
-    decorators: ((Story: import('@storybook/types').PartialStoryFn<import('@storybook/react').ReactRenderer, {
+    decorators: ((Story: import('@storybook/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
         color?: string | undefined;
         ref?: ((instance: HTMLDivElement | null) => void) | import('react').RefObject<HTMLDivElement> | null | undefined;
         children: import('react').ReactElement<any, string | import('react').JSXElementConstructor<any>> & import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<unknown>>;

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

@@ -8,7 +8,7 @@ declare const meta: {
     parameters: {
         layout: string;
     };
-    decorators: ((Story: import('@storybook/types').PartialStoryFn<import('@storybook/react').ReactRenderer, {
+    decorators: ((Story: import('@storybook/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
         children: import('react').ReactNode;
         title: import('react').ReactNode;
         style?: import('react').CSSProperties | undefined;

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

@@ -4,7 +4,7 @@ declare const meta: {
     title: string;
     component: ({ invert, classNames }: import('./LoadingSpinner').LoadingSpinnerProps) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
-    decorators: ((Story: import('@storybook/types').PartialStoryFn<import('@storybook/react').ReactRenderer, {
+    decorators: ((Story: import('@storybook/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
         invert?: boolean | undefined;
         classNames?: string | undefined;
     }>) => import("react/jsx-runtime").JSX.Element)[];

package/dist/components/PageHeader/PageHeader.js

@@ -1,45 +1,45 @@
 import '../../assets/PageHeader.css';
 import { jsx as e, jsxs as _, Fragment as h } from "react/jsx-runtime";
 import { useMemo as I } from "react";
-import { c as g } from "../../clsx-DB4S2d7J.js";
+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 y } from "../Typography/Typography.js";
+import { Text as m } from "../Typography/Typography.js";
 const a = {
-  "u-typography-h1": "_u-typography-h1_bamb5_1",
-  "u-typography-h2": "_u-typography-h2_bamb5_8",
-  "u-typography-h3": "_u-typography-h3_bamb5_15",
-  "u-typography-h4": "_u-typography-h4_bamb5_22",
-  "u-typography-h5": "_u-typography-h5_bamb5_29",
-  "u-typography-h6": "_u-typography-h6_bamb5_36",
-  "u-typography-base": "_u-typography-base_bamb5_43",
-  "u-typography-base--xxl": "_u-typography-base--xxl_bamb5_49",
-  "u-typography-base--xl": "_u-typography-base--xl_bamb5_53",
-  "u-typography-base--lg": "_u-typography-base--lg_bamb5_57",
-  "u-typography-base--sm": "_u-typography-base--sm_bamb5_61",
-  "u-typography-base--bold": "_u-typography-base--bold_bamb5_65",
-  "u-typography-base--strikethrough": "_u-typography-base--strikethrough_bamb5_68",
-  "u-typography-base--underlined": "_u-typography-base--underlined_bamb5_71",
-  "u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-underlined_bamb5_74",
-  "page-header": "_page-header_bamb5_78",
-  "page-header__main-content": "_page-header__main-content_bamb5_82",
-  "page-header__bottom-content": "_page-header__bottom-content_bamb5_89",
-  "page-header__breadcrumb": "_page-header__breadcrumb_bamb5_94",
-  "page-header__breadcrumb__separator": "_page-header__breadcrumb__separator_bamb5_122",
-  "page-header__right-children-wrapper": "_page-header__right-children-wrapper_bamb5_128",
-  "header-bubble": "_header-bubble_bamb5_134",
-  "header-bubble--container": "_header-bubble--container_bamb5_137",
-  "header-bubble--container--full": "_header-bubble--container--full_bamb5_145",
-  "header-bubble-margin": "_header-bubble-margin_bamb5_149"
+  "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"
 }, E = ({
   title: n,
-  subtitle: i,
+  subtitle: b,
   rightChildren: p,
   bottomChildren: l,
   classNameWrapper: k,
   classNameTitle: N,
   classNameSubtitle: f,
-  headerBubble: b,
+  headerBubble: c,
   fullWidthHeaderBubble: x,
   "data-testid-wrapper": v,
   "data-testid-title": w,
@@ -52,30 +52,30 @@ const a = {
     backLinkText: s,
     onBackLinkClick: d,
     classNameBackLink: u,
-    "data-testid-backLink": m,
+    "data-testid-backLink": g,
     ...B
   } = T;
-  b && (n || i || l) && console.error("headerBubble prop can not be used with title, subtitle or bottomChildren"), !b && !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");
-  const j = g([a["page-header"], k]), H = I(() => {
+  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");
+  const j = y([a["page-header"], k]), H = I(() => {
     const o = [];
     return s && d && o.push({
       label: s,
       className: u,
-      "data-testid": m,
+      "data-testid": g,
       onClick: d
-    }), r && o.push(...r), /* @__PURE__ */ e("div", { className: a["page-header__breadcrumb"], children: o.map((t, c) => /* @__PURE__ */ e(
+    }), r && o.push(...r), /* @__PURE__ */ e("div", { className: a["page-header__breadcrumb"], children: o.map((t, i) => /* @__PURE__ */ e(
       $,
       {
-        icon: c === 0 ? /* @__PURE__ */ e(P, { icon: "house-blank" }) : /* @__PURE__ */ e("span", { className: a["page-header__breadcrumb__separator"], children: "/" }),
+        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 : c === o.length - 1,
+        disabled: o.length === 1 ? !1 : i === o.length - 1,
         children: t.label
       },
-      `${t.label}_${c}`
+      `${t.label}_${i}`
     )) });
-  }, [r, s, u, m, d]);
+  }, [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: [
@@ -85,7 +85,7 @@ const a = {
         ] }),
         /* @__PURE__ */ _("div", { className: a["page-header__right-children-wrapper"], children: [
           /* @__PURE__ */ e(
-            y,
+            m,
             {
               variant: "h4",
               element: "h1",
@@ -98,28 +98,28 @@ const a = {
           !r && p && /* @__PURE__ */ e(h, { children: p })
         ] }),
         /* @__PURE__ */ e(
-          y,
+          m,
           {
             variant: "base",
             element: "p",
             color: "var(--colors-neutral-text-color-text)",
             className: f,
             "data-testid": L,
-            children: i
+            children: b
           }
         ),
-        b && /* @__PURE__ */ e(h, { children: /* @__PURE__ */ e("div", { className: a["header-bubble"], children: /* @__PURE__ */ e(
+        c && /* @__PURE__ */ e(h, { children: /* @__PURE__ */ e("div", { className: a["header-bubble"], children: /* @__PURE__ */ e(
           "div",
           {
-            className: x ? g(a["header-bubble--container"], a["header-bubble--container--full"]) : a["header-bubble--container"],
+            className: x ? y(a["header-bubble--container"], a["header-bubble--container--full"]) : a["header-bubble--container"],
             "data-testid": C,
-            children: b
+            children: c
           }
         ) }) })
       ] }),
       l && /* @__PURE__ */ e("div", { className: a["page-header__bottom-content"], children: l })
     ] }),
-    b && /* @__PURE__ */ e("div", { className: a["header-bubble-margin"] })
+    c && /* @__PURE__ */ e("div", { className: a["header-bubble-margin"] })
   ] });
 };
 export {

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

@@ -25,7 +25,7 @@ declare const meta: {
         };
     };
     tags: string[];
-    decorators: ((Story: import('@storybook/types').PartialStoryFn<import('@storybook/react').ReactRenderer, {
+    decorators: ((Story: import('@storybook/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
         [x: string]: any;
     }>) => import("react/jsx-runtime").JSX.Element)[];
 };

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

@@ -5,7 +5,7 @@ declare const meta: {
     title: string;
     component: ({ snackbarMessage, variant, autoHideDuration, open, onClose, onClosed, classNameWrapper, "data-testid": dataTestId, }: SnackbarProps) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
-    decorators: ((Story: import('@storybook/types').PartialStoryFn<import('@storybook/react').ReactRenderer, {
+    decorators: ((Story: import('@storybook/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
         accept?: string | undefined;
         alt?: string | undefined;
         autoComplete?: import('react').HTMLInputAutoCompleteAttribute | undefined;

package/dist/components/Stepper/Stepper.js

@@ -1,48 +1,48 @@
 import '../../assets/Stepper.css';
-import { jsx as s, jsxs as g } from "react/jsx-runtime";
-import { c as r } from "../../clsx-DB4S2d7J.js";
-const d = "_stepper_7fsnr_61", m = "_item_7fsnr_61", c = "_name_7fsnr_61", l = "_counter_7fsnr_65", t = {
-  "u-typography-h1": "_u-typography-h1_7fsnr_1",
-  "u-typography-h2": "_u-typography-h2_7fsnr_8",
-  "u-typography-h3": "_u-typography-h3_7fsnr_15",
-  "u-typography-h4": "_u-typography-h4_7fsnr_22",
-  "u-typography-h5": "_u-typography-h5_7fsnr_29",
-  "u-typography-h6": "_u-typography-h6_7fsnr_36",
-  "u-typography-base": "_u-typography-base_7fsnr_43",
-  "u-typography-base--xxl": "_u-typography-base--xxl_7fsnr_49",
-  "u-typography-base--xl": "_u-typography-base--xl_7fsnr_53",
-  "u-typography-base--lg": "_u-typography-base--lg_7fsnr_57",
-  "u-typography-base--sm": "_u-typography-base--sm_7fsnr_61",
-  stepper: d,
-  item: m,
-  name: c,
-  "u-typography-base--bold": "_u-typography-base--bold_7fsnr_65",
-  "item--active": "_item--active_7fsnr_65",
-  "item--completed": "_item--completed_7fsnr_65",
+import { jsx as h, jsxs as d } from "react/jsx-runtime";
+import { c as p } from "../../clsx-DB4S2d7J.js";
+const m = "_stepper_1h8au_61", c = "_item_1h8au_61", n = "_name_1h8au_61", l = "_counter_1h8au_65", a = {
+  "u-typography-h1": "_u-typography-h1_1h8au_1",
+  "u-typography-h2": "_u-typography-h2_1h8au_8",
+  "u-typography-h3": "_u-typography-h3_1h8au_15",
+  "u-typography-h4": "_u-typography-h4_1h8au_22",
+  "u-typography-h5": "_u-typography-h5_1h8au_29",
+  "u-typography-h6": "_u-typography-h6_1h8au_36",
+  "u-typography-base": "_u-typography-base_1h8au_43",
+  "u-typography-base--xxl": "_u-typography-base--xxl_1h8au_49",
+  "u-typography-base--xl": "_u-typography-base--xl_1h8au_53",
+  "u-typography-base--lg": "_u-typography-base--lg_1h8au_57",
+  "u-typography-base--sm": "_u-typography-base--sm_1h8au_61",
+  stepper: m,
+  item: c,
+  name: n,
+  "u-typography-base--bold": "_u-typography-base--bold_1h8au_65",
+  "item--active": "_item--active_1h8au_65",
+  "item--completed": "_item--completed_1h8au_65",
   counter: l,
-  "u-typography-base--strikethrough": "_u-typography-base--strikethrough_7fsnr_68",
-  "u-typography-base--underlined": "_u-typography-base--underlined_7fsnr_71",
-  "u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-underlined_7fsnr_74"
-}, v = ({ currentStep: p = 0, steps: _, classNameItem: y, classNameCounter: o, classNameName: h, ...e }) => /* @__PURE__ */ s("div", { className: r(t.stepper, e.className), "data-testid": e["data-testid"], children: _.map((n, a) => {
-  const u = a < p, i = a === p;
-  return /* @__PURE__ */ g(
+  "u-typography-base--strikethrough": "_u-typography-base--strikethrough_1h8au_68",
+  "u-typography-base--underlined": "_u-typography-base--underlined_1h8au_71",
+  "u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-underlined_1h8au_74"
+}, x = ({ currentStep: u = 0, steps: _, classNameItem: y, classNameCounter: r, classNameName: s, ...t }) => /* @__PURE__ */ h("div", { className: p(a.stepper, t.className), "data-testid": t["data-testid"], children: _.map((o, e) => {
+  const i = e < u, g = e === u;
+  return /* @__PURE__ */ d(
     "div",
     {
-      className: r(
-        t.item,
-        u && t["item--completed"],
-        i && t["item--active"],
+      className: p(
+        a.item,
+        i && a["item--completed"],
+        g && a["item--active"],
         y
       ),
-      "data-testid": e["data-testid-item"],
+      "data-testid": t["data-testid-item"],
       children: [
-        /* @__PURE__ */ s("div", { className: r(t.counter, o), "data-testid": e["data-testid-counter"], children: a + 1 }),
-        /* @__PURE__ */ s("div", { className: r(t.name, h), "data-testid": e["data-testid-name"], children: n })
+        /* @__PURE__ */ h("div", { className: p(a.counter, r), "data-testid": t["data-testid-counter"], children: e + 1 }),
+        /* @__PURE__ */ h("div", { className: p(a.name, s), "data-testid": t["data-testid-name"], children: o })
       ]
     },
-    a
+    e
   );
 }) });
 export {
-  v as Stepper
+  x as Stepper
 };

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

@@ -6,7 +6,7 @@ declare const meta: {
     title: string;
     component: import('react').ForwardRefExoticComponent<ToggleGroupProps & import('react').RefAttributes<HTMLFieldSetElement>>;
     tags: string[];
-    decorators: ((Story: import('@storybook/types').PartialStoryFn<import('@storybook/react').ReactRenderer, {
+    decorators: ((Story: import('@storybook/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
         legend?: import('react').ReactNode;
         error?: import('react').ReactNode;
         children: import('react').ReactElement<import('./Toggle.tsx').ToggleGroupItemProps<string | number>, string | import('react').JSXElementConstructor<any>>[];

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

@@ -8,7 +8,7 @@ declare const meta: {
     parameters: {
         layout: string;
     };
-    decorators: ((Story: import('@storybook/types').PartialStoryFn<import('@storybook/react').ReactRenderer, {
+    decorators: ((Story: import('@storybook/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
         children: import('react').ReactNode;
         title: import('react').ReactNode;
         open?: boolean | undefined;

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

@@ -12,7 +12,7 @@ declare const meta: {
             };
         };
     };
-    decorators: ((Story: import('@storybook/types').PartialStoryFn<import('@storybook/react').ReactRenderer, {
+    decorators: ((Story: import('@storybook/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
         children: import('react').ReactNode;
         element?: import('react').ElementType | undefined;
         variant?: import('./Typography').VariantType | undefined;

package/dist/contexts/SnackbarProvider/SnackbarProvider.stories.d.ts

@@ -12,7 +12,7 @@ declare const meta: {
         };
     };
     tags: string[];
-    decorators: ((Story: import('@storybook/types').PartialStoryFn<import('@storybook/react').ReactRenderer, {
+    decorators: ((Story: import('@storybook/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
         [x: string]: any;
     }>) => import("react/jsx-runtime").JSX.Element)[];
 };

package/package.json

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