@pismo/marola 1.0.0-beta.18 → 1.0.0-beta.2

package/dist/assets/Typography.css

@@ -1 +1 @@
-._u-typography-h1_gn8st_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_gn8st_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_gn8st_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_gn8st_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_gn8st_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_gn8st_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_gn8st_43{margin:0;font-size:var(--base-font-size);font-weight:var(--base-weight);line-height:var(--base-line-height)}._u-typography-base--xxl_gn8st_49{font-size:var(--base-font-size-xxl);line-height:var(--base-line-height-xxl)}._u-typography-base--xl_gn8st_53{font-size:var(--base-font-size-xl);line-height:var(--base-line-height-xl)}._u-typography-base--lg_gn8st_57{font-size:var(--base-font-size-lg);line-height:var(--base-line-height-lg)}._u-typography-base--sm_gn8st_61{font-size:var(--base-font-size-sm);line-height:var(--base-line-height-sm)}._u-typography-base--bold_gn8st_65{font-weight:var(--base-bold)}._u-typography-base--strikethrough_gn8st_68{text-decoration:line-through}._u-typography-base--underlined_gn8st_71{text-decoration:underline}._u-typography-base--strikethrough-underlined_gn8st_74{text-decoration:underline line-through}
+._u-typography-h1_zizdh_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_zizdh_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_zizdh_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_zizdh_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_zizdh_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_zizdh_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_zizdh_43{font-size:var(--base-font-size);font-weight:var(--base-weight);line-height:var(--base-line-height)}._u-typography-base--xxl_zizdh_48{font-size:var(--base-font-size-xxl);line-height:var(--base-line-height-xxl)}._u-typography-base--xl_zizdh_52{font-size:var(--base-font-size-xl);line-height:var(--base-line-height-xl)}._u-typography-base--lg_zizdh_56{font-size:var(--base-font-size-lg);line-height:var(--base-line-height-lg)}._u-typography-base--sm_zizdh_60{font-size:var(--base-font-size-sm);line-height:var(--base-line-height-sm)}._u-typography-base--bold_zizdh_64{font-weight:var(--base-bold)}._u-typography-base--strikethrough_zizdh_67{text-decoration:line-through}._u-typography-base--underlined_zizdh_70{text-decoration:underline}._u-typography-base--strikethrough-underlined_zizdh_73{text-decoration:underline line-through}

package/dist/{combineHooksSlotProps-BtBYUV_B.js → combineHooksSlotProps-DVjg9PRh.js}

@@ -1,4 +1,4 @@
-import { f as E, b as a } from "./useSlotProps-kRhf7Gil.js";
+import { f as E, b as a } from "./index-CH45lKw7.js";
 import * as r from "react";
 const f = {
   blur: "list:blur",

package/dist/components/Advice/Advice.d.ts

@@ -1,45 +1,30 @@
-import { TypographyProps } from '../Typography/Typography';
-import { IconProps } from '../Icon/Icon';
+import { Icon } from '../Icon/Icon';
 import { ReactNode } from 'react';
 
-export type AdviceType = 'without-results' | 'no-permission' | 'no-items' | 'error-page';
-type AdviceCommonProps = {
-    /** Advice title message */
-    title?: string;
-    /** Advice title message props */
-    titleProps?: Omit<TypographyProps, 'children'>;
-    /** Advice description message */
-    description?: string;
-    /** Advice description message props */
-    descriptionProps?: Omit<TypographyProps, 'children'>;
+export type AdviceTypes = 'without-results' | 'no-permission' | 'no-items' | 'error-page';
+export type AdviceProps = {
+    /** Advice icon.
+     * This property uses the Icon Component Props
+     */
+    icon?: React.ComponentProps<typeof Icon>;
+    /** Advice SVG icon */
+    IconSvg?: React.FunctionComponent<React.SVGProps<SVGSVGElement> & {
+        title?: string | undefined;
+    }>;
+    /** Type of advice */
+    type?: AdviceTypes;
     /** Advice content message */
     content?: ReactNode;
-    /** Space separated list of CSS classes to apply */
+    title?: string;
+    description?: string;
+    /** Space seperated list of CSS classes to apply */
     className?: string;
     /** ID that tests can use to get this component from the DOM */
     'data-testid'?: string;
-    type?: never;
-    icon?: never;
-    iconSvg?: never;
-};
-type AdviceWithType = Omit<AdviceCommonProps, 'type'> & {
-    /** Type of advice */
-    type?: AdviceType;
-};
-type AdviceWithIcon = Omit<AdviceCommonProps, 'icon'> & {
-    /** Advice icon.
-     * This property uses the Icon Component Props
-     */
-    icon?: IconProps;
-};
-type AdviceWithIconSvg = Omit<AdviceCommonProps, 'iconSvg'> & {
-    /** Advice SVG icon */
-    iconSvg?: ReactNode;
 };
-export type AdviceProps = AdviceWithType | AdviceWithIcon | AdviceWithIconSvg;
 /**
  * Advice component provide HTML with an icon and a message.
  * Is commonly used to indicate No Permission and No Results.
  */
-declare const Advice: ({ type, icon, iconSvg: IconSvg, content, title, titleProps, description, descriptionProps, className, ...rest }: AdviceProps) => import("react/jsx-runtime").JSX.Element;
+declare const Advice: ({ icon, type, content, title, description, className, IconSvg, ...rest }: AdviceProps) => import("react/jsx-runtime").JSX.Element;
 export { Advice };

package/dist/components/Advice/Advice.js

@@ -1,46 +1,47 @@
 import '../../assets/Advice.css';
-import { jsxs as _, jsx as r } from "react/jsx-runtime";
-import { c as g } from "../../clsx-DB4S2d7J.js";
-import { Icon as h } from "../Icon/Icon.js";
-import { Typography as m } from "../Typography/Typography.js";
-const x = "_advice_1wls4_1", f = "_advice__texts_1wls4_8", u = "_advice__content_1wls4_14", c = {
-  advice: x,
-  advice__texts: f,
-  advice__content: u
-}, b = {
+import { jsxs as h, jsx as r } from "react/jsx-runtime";
+import { c as l } from "../../clsx-DB4S2d7J.js";
+import { Icon as i } from "../Icon/Icon.js";
+const n = "_advice_12o7p_56", d = "_content_12o7p_56", s = {
+  "u-typography-h1": "_u-typography-h1_12o7p_1",
+  "u-typography-h2": "_u-typography-h2_12o7p_8",
+  "u-typography-h3": "_u-typography-h3_12o7p_15",
+  "u-typography-h4": "_u-typography-h4_12o7p_22",
+  "u-typography-h5": "_u-typography-h5_12o7p_29",
+  "u-typography-h6": "_u-typography-h6_12o7p_36",
+  "u-typography-base": "_u-typography-base_12o7p_43",
+  "u-typography-base--xxl": "_u-typography-base--xxl_12o7p_48",
+  "u-typography-base--xl": "_u-typography-base--xl_12o7p_52",
+  "u-typography-base--lg": "_u-typography-base--lg_12o7p_56",
+  advice: n,
+  content: d,
+  "u-typography-base--sm": "_u-typography-base--sm_12o7p_61",
+  "u-typography-base--bold": "_u-typography-base--bold_12o7p_65",
+  "u-typography-base--strikethrough": "_u-typography-base--strikethrough_12o7p_69",
+  "u-typography-base--underlined": "_u-typography-base--underlined_12o7p_72",
+  "u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-underlined_12o7p_75",
+  "content-no-items": "_content-no-items_12o7p_90"
+}, m = {
   "no-permission": "eye-slash",
   "no-items": "",
   "error-page": "circle-exclamation",
   "without-results": "folder-magnifying-glass"
-}, T = ({
-  type: e,
-  icon: a,
-  iconSvg: i,
-  content: t,
-  title: l,
-  titleProps: o = { variant: "base-xxl", color: "var(--gray-75)", bold: !0 },
-  description: n,
-  descriptionProps: s = { variant: "base-lg", color: "var(--gray-75)" },
-  className: v,
-  ...d
-}) => (e && (a = { icon: b[e] }, (e === "without-results" || e === "no-permission") && (o = Object.assign({}, o, { variant: "base-lg" })), e === "no-items" && (s = Object.assign({}, s, {
-  elementProps: { style: { maxWidth: 460, color: s.color } }
-})), e === "error-page" && (a.color = "var(--secondary-orange)")), /* @__PURE__ */ _("div", { className: g(c.advice, v), ...d, children: [
-  (a == null ? void 0 : a.icon) && /* @__PURE__ */ r(h, { icon: a.icon, size: a.size || "3.375rem", color: a.color || "var(--accent)" }),
-  i && i,
-  /* @__PURE__ */ _(
-    "div",
-    {
-      className: c.advice__texts,
-      style: e === "without-results" || e === "no-permission" ? { marginTop: -16 } : {},
-      children: [
-        l && /* @__PURE__ */ r(m, { element: "h3", ...o, children: l }),
-        n && /* @__PURE__ */ r(m, { element: "p", ...s, children: n })
-      ]
-    }
-  ),
-  /* @__PURE__ */ r("div", { className: c.advice__content, children: t && t })
-] }));
+}, v = ({ icon: p, type: o, content: e, title: y, description: _, className: g, IconSvg: t, ...u }) => {
+  const a = {
+    color: p != null && p.color ? p == null ? void 0 : p.color : o !== "error-page" ? "var(--accent)" : "var(--secondary-orange)",
+    size: (p == null ? void 0 : p.size) || "3.375rem",
+    icon: m[o] || (p == null ? void 0 : p.icon) || ""
+  };
+  return /* @__PURE__ */ h("div", { className: l(s.advice, g), ...u, children: [
+    t && o !== "no-items" && o !== "error-page" && /* @__PURE__ */ r(t, { style: { color: a.color, height: a.size, width: a.size } }),
+    !t && o !== "no-items" && /* @__PURE__ */ r(i, { ...a }),
+    o !== "error-page" && o !== "no-items" ? typeof e == "string" ? /* @__PURE__ */ r("p", { children: e }) : /* @__PURE__ */ r("div", { className: s.content, children: e }) : /* @__PURE__ */ h("div", { className: s["content-no-items"], children: [
+      /* @__PURE__ */ r("h3", { children: y }),
+      /* @__PURE__ */ r("p", { children: _ }),
+      e
+    ] })
+  ] });
+};
 export {
-  T as Advice
+  v as Advice
 };

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

@@ -2,7 +2,7 @@ import { StoryObj } from '@storybook/react';
 
 declare const meta: {
     title: string;
-    component: ({ type, icon, iconSvg: IconSvg, content, title, titleProps, description, descriptionProps, className, ...rest }: import('./Advice').AdviceProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ icon, type, content, title, description, className, IconSvg, ...rest }: import('./Advice').AdviceProps) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
     parameters: {
         layout: string;
@@ -12,8 +12,7 @@ export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const WithoutResults: Story;
 export declare const NoPermission: Story;
-export declare const NoItems: Story;
-export declare const ErrorPage: Story;
 export declare const CustomIcon: Story;
 export declare const CustomIconSVG: Story;
-export declare const TotallyCustom: Story;
+export declare const NoItems: Story;
+export declare const ErrorPage: Story;

package/dist/components/Button/Button.d.ts

@@ -16,8 +16,6 @@ type ButtonCoreProps = {
     variant?: Variant;
     /** mui base button props */
     muiButtonBaseProps?: MUIButtonBaseProps;
-    /** Id to be applied as `data-testid` on the container element */
-    'data-testid'?: string;
 };
 interface ButtonPropsWithLink extends ButtonCoreProps {
     /** link for component to navigate to, if provide component will be an anchor */

package/dist/components/Button/Button.js

@@ -1,67 +1,65 @@
 import '../../assets/Button.css';
-import { jsx as p, jsxs as l } from "react/jsx-runtime";
-import { forwardRef as x, useMemo as c } from "react";
-import { c as v } from "../../clsx-DB4S2d7J.js";
+import { jsx as n, jsxs as l } from "react/jsx-runtime";
+import { forwardRef as f, useMemo as d } from "react";
+import { c } from "../../clsx-DB4S2d7J.js";
 import { LoadingSpinner as m } from "../LoadingSpinner/LoadingSpinner.js";
-import { B as f } from "../../Button-DiLqcAJG.js";
-const k = "_button_dxo5v_57", t = {
-  "u-typography-h1": "_u-typography-h1_dxo5v_1",
-  "u-typography-h2": "_u-typography-h2_dxo5v_8",
-  "u-typography-h3": "_u-typography-h3_dxo5v_15",
-  "u-typography-h4": "_u-typography-h4_dxo5v_22",
-  "u-typography-h5": "_u-typography-h5_dxo5v_29",
-  "u-typography-h6": "_u-typography-h6_dxo5v_36",
-  "u-typography-base": "_u-typography-base_dxo5v_43",
-  "u-typography-base--xxl": "_u-typography-base--xxl_dxo5v_49",
-  "u-typography-base--xl": "_u-typography-base--xl_dxo5v_53",
-  "u-typography-base--lg": "_u-typography-base--lg_dxo5v_57",
+import { B as x } from "../../Button-2b1peDFT.js";
+const k = "_button_1ynf4_56", o = {
+  "u-typography-h1": "_u-typography-h1_1ynf4_1",
+  "u-typography-h2": "_u-typography-h2_1ynf4_8",
+  "u-typography-h3": "_u-typography-h3_1ynf4_15",
+  "u-typography-h4": "_u-typography-h4_1ynf4_22",
+  "u-typography-h5": "_u-typography-h5_1ynf4_29",
+  "u-typography-h6": "_u-typography-h6_1ynf4_36",
+  "u-typography-base": "_u-typography-base_1ynf4_43",
+  "u-typography-base--xxl": "_u-typography-base--xxl_1ynf4_48",
+  "u-typography-base--xl": "_u-typography-base--xl_1ynf4_52",
+  "u-typography-base--lg": "_u-typography-base--lg_1ynf4_56",
   button: k,
-  "u-typography-base--sm": "_u-typography-base--sm_dxo5v_61",
-  "u-typography-base--bold": "_u-typography-base--bold_dxo5v_65",
-  "u-typography-base--strikethrough": "_u-typography-base--strikethrough_dxo5v_68",
-  "u-typography-base--underlined": "_u-typography-base--underlined_dxo5v_71",
-  "u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-underlined_dxo5v_74",
-  "button--primary": "_button--primary_dxo5v_86",
-  "button--secondary": "_button--secondary_dxo5v_101",
-  "button--quick": "_button--quick_dxo5v_118",
-  "button__loading-container": "_button__loading-container_dxo5v_138"
-}, S = x((y, _) => {
+  "u-typography-base--sm": "_u-typography-base--sm_1ynf4_60",
+  "u-typography-base--bold": "_u-typography-base--bold_1ynf4_64",
+  "u-typography-base--strikethrough": "_u-typography-base--strikethrough_1ynf4_67",
+  "u-typography-base--underlined": "_u-typography-base--underlined_1ynf4_70",
+  "u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-underlined_1ynf4_73",
+  "button--primary": "_button--primary_1ynf4_85",
+  "button--secondary": "_button--secondary_1ynf4_100",
+  "button--quick": "_button--quick_1ynf4_117",
+  "button__loading-container": "_button__loading-container_1ynf4_137"
+}, P = f((r, p) => {
   const {
-    onClick: u,
-    link: e,
-    loading: n,
-    children: a,
+    onClick: _,
+    link: u,
+    loading: e,
+    children: y,
     type: s = "button",
     disabled: h,
-    className: r,
-    variant: o = "primary",
-    muiButtonBaseProps: d,
-    "data-testid": g
-  } = y, i = {
-    invert: o === "secondary" || o === "quick"
-  }, b = c(
-    () => v([t.button, t[`button--${o}`], r]),
-    [r, o]
+    className: a,
+    variant: t = "primary",
+    muiButtonBaseProps: g
+  } = r, i = {
+    invert: t === "secondary" || t === "quick"
+  }, b = d(
+    () => c([o.button, o[`button--${t}`], a]),
+    [a, t]
   );
-  return /* @__PURE__ */ p(
-    f,
+  return /* @__PURE__ */ n(
+    x,
     {
       type: s,
-      href: e,
-      onClick: u,
+      href: u,
+      onClick: _,
       disabled: h,
       className: b,
-      ref: _,
-      "data-testid": g,
-      ...d ?? {},
-      children: n ? /* @__PURE__ */ l("div", { className: t["button__loading-container"], children: [
-        /* @__PURE__ */ p(m, { ...i }),
-        a
-      ] }) : a
+      ref: p,
+      ...g ?? {},
+      children: e ? /* @__PURE__ */ l("div", { className: o["button__loading-container"], children: [
+        /* @__PURE__ */ n(m, { ...i }),
+        y
+      ] }) : y
     }
   );
 });
 export {
-  S as Button,
-  S as default
+  P as Button,
+  P as default
 };

package/dist/components/Checkbox/Checkbox.js

@@ -1,71 +1,71 @@
 import '../../assets/Checkbox.css';
-import { jsxs as w, jsx as c } from "react/jsx-runtime";
-import * as l from "react";
+import { jsxs as v, jsx as c } from "react/jsx-runtime";
+import * as o from "react";
 import { useState as k, useEffect as i } from "react";
-import { c as _ } from "../../clsx-DB4S2d7J.js";
-const v = (a) => /* @__PURE__ */ l.createElement("svg", { width: 14, height: 10, viewBox: "0 0 14 10", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...a }, /* @__PURE__ */ l.createElement("path", { d: "M13.7063 0.293438C14.0969 0.684062 14.0969 1.31531 13.7063 1.70594L5.70625 9.70594C5.31563 10.0966 4.68437 10.0966 4.29375 9.70594L0.292875 5.70594C-0.097625 5.31531 -0.097625 4.68406 0.292875 4.29344C0.683437 3.90281 1.31656 3.90281 1.70719 4.29344L4.97188 7.58406L12.2937 0.293438C12.6844 -0.0978125 13.3156 -0.0978125 13.7063 0.293438Z", fill: "#F7F7FC" })), N = "_label_xqg5n_65", z = "_checkmark_xqg5n_94", e = {
-  "u-typography-h1": "_u-typography-h1_xqg5n_1",
-  "u-typography-h2": "_u-typography-h2_xqg5n_8",
-  "u-typography-h3": "_u-typography-h3_xqg5n_15",
-  "u-typography-h4": "_u-typography-h4_xqg5n_22",
-  "u-typography-h5": "_u-typography-h5_xqg5n_29",
-  "u-typography-h6": "_u-typography-h6_xqg5n_36",
-  "u-typography-base": "_u-typography-base_xqg5n_43",
-  "u-typography-base--xxl": "_u-typography-base--xxl_xqg5n_49",
-  "u-typography-base--xl": "_u-typography-base--xl_xqg5n_53",
-  "u-typography-base--lg": "_u-typography-base--lg_xqg5n_57",
-  "u-typography-base--sm": "_u-typography-base--sm_xqg5n_61",
-  "u-typography-base--bold": "_u-typography-base--bold_xqg5n_65",
-  "checkbox-wrapper": "_checkbox-wrapper_xqg5n_65",
-  "label--highlighted": "_label--highlighted_xqg5n_65",
-  "u-typography-base--strikethrough": "_u-typography-base--strikethrough_xqg5n_68",
-  "u-typography-base--underlined": "_u-typography-base--underlined_xqg5n_71",
-  "u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-underlined_xqg5n_74",
-  label: N,
-  "label--highlighted-checked": "_label--highlighted-checked_xqg5n_91",
-  checkmark: z,
-  "checkmark--checked": "_checkmark--checked_xqg5n_106",
-  "checkmark--light-theme": "_checkmark--light-theme_xqg5n_109",
-  "checkmark--accent-theme": "_checkmark--accent-theme_xqg5n_116",
-  "checkmark--small-size": "_checkmark--small-size_xqg5n_123",
-  "checkmark--normal-size": "_checkmark--normal-size_xqg5n_130"
-}, E = (a) => /* @__PURE__ */ l.createElement("svg", { width: 10, height: 3, viewBox: "0 0 10 3", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...a }, /* @__PURE__ */ l.createElement("rect", { y: 0.5, width: 10, height: 2, rx: 1, fill: "#1897F3" })), B = ({
+import { c as s } from "../../clsx-DB4S2d7J.js";
+const N = (a) => /* @__PURE__ */ o.createElement("svg", { width: 14, height: 10, viewBox: "0 0 14 10", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...a }, /* @__PURE__ */ o.createElement("path", { d: "M13.7063 0.293438C14.0969 0.684062 14.0969 1.31531 13.7063 1.70594L5.70625 9.70594C5.31563 10.0966 4.68437 10.0966 4.29375 9.70594L0.292875 5.70594C-0.097625 5.31531 -0.097625 4.68406 0.292875 4.29344C0.683437 3.90281 1.31656 3.90281 1.70719 4.29344L4.97188 7.58406L12.2937 0.293438C12.6844 -0.0978125 13.3156 -0.0978125 13.7063 0.293438Z", fill: "#F7F7FC" })), z = "_label_18hen_64", E = "_checkmark_18hen_93", e = {
+  "u-typography-h1": "_u-typography-h1_18hen_1",
+  "u-typography-h2": "_u-typography-h2_18hen_8",
+  "u-typography-h3": "_u-typography-h3_18hen_15",
+  "u-typography-h4": "_u-typography-h4_18hen_22",
+  "u-typography-h5": "_u-typography-h5_18hen_29",
+  "u-typography-h6": "_u-typography-h6_18hen_36",
+  "u-typography-base": "_u-typography-base_18hen_43",
+  "u-typography-base--xxl": "_u-typography-base--xxl_18hen_48",
+  "u-typography-base--xl": "_u-typography-base--xl_18hen_52",
+  "u-typography-base--lg": "_u-typography-base--lg_18hen_56",
+  "u-typography-base--sm": "_u-typography-base--sm_18hen_60",
+  "u-typography-base--bold": "_u-typography-base--bold_18hen_64",
+  "checkbox-wrapper": "_checkbox-wrapper_18hen_64",
+  "label--highlighted": "_label--highlighted_18hen_64",
+  "u-typography-base--strikethrough": "_u-typography-base--strikethrough_18hen_67",
+  "u-typography-base--underlined": "_u-typography-base--underlined_18hen_70",
+  "u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-underlined_18hen_73",
+  label: z,
+  "label--highlighted-checked": "_label--highlighted-checked_18hen_90",
+  checkmark: E,
+  "checkmark--checked": "_checkmark--checked_18hen_105",
+  "checkmark--light-theme": "_checkmark--light-theme_18hen_108",
+  "checkmark--accent-theme": "_checkmark--accent-theme_18hen_115",
+  "checkmark--small-size": "_checkmark--small-size_18hen_122",
+  "checkmark--normal-size": "_checkmark--normal-size_18hen_129"
+}, F = (a) => /* @__PURE__ */ o.createElement("svg", { width: 10, height: 3, viewBox: "0 0 10 3", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...a }, /* @__PURE__ */ o.createElement("rect", { y: 0.5, width: 10, height: 2, rx: 1, fill: "#1897F3" })), M = ({
   className: a,
-  label: s,
+  label: n,
   name: m,
-  theme: x = "accent",
-  size: u = "normal",
+  theme: u = "accent",
+  size: b = "normal",
   checked: r,
-  onChange: b,
-  isIndeterminate: g,
-  highlightLabel: d = !1,
-  ...o
+  onChange: d,
+  isIndeterminate: l,
+  highlightLabel: x = !1,
+  ...p
 }) => {
-  const [h, n] = k(r), [t, y] = k(g);
+  const [h, g] = k(r), [t, y] = k(l);
   i(() => {
-    r !== h && n(r);
+    r !== h && g(r);
   }, [r]), i(() => {
-    typeof g == "boolean" && y(g);
-  }, [g]);
-  const q = _(e["checkbox-wrapper"], a), C = _(
+    typeof l == "boolean" && y(l);
+  }, [l]);
+  const C = s(e["checkbox-wrapper"], a), f = s(
     e.checkmark,
-    e[`checkmark--${x}-theme`],
-    e[`checkmark--${u}-size`],
+    e[`checkmark--${u}-theme`],
+    e[`checkmark--${b}-size`],
     (h || t) && e["checkmark--checked"]
-  ), f = d && (o.children || s) ? _(
+  ), w = x && (p.children || n) ? s(
     e.label,
     e["label--highlighted"],
     (h || t) && e["label--highlighted-checked"]
   ) : e.label;
-  return /* @__PURE__ */ w("div", { className: q, onClick: () => {
-    let p = !h;
-    t && (y(!1), p = !0), b(p), n(p);
-  }, ...o, children: [
+  return /* @__PURE__ */ v("div", { className: C, onClick: () => {
+    let _ = !h;
+    t && (y(!1), _ = !0), d(_), g(_);
+  }, ...p, children: [
     /* @__PURE__ */ c("input", { name: m, type: "checkbox", checked: !t && h, readOnly: !0 }),
-    /* @__PURE__ */ c("span", { className: C, children: t ? /* @__PURE__ */ c(E, {}) : h && /* @__PURE__ */ c(v, {}) }),
-    /* @__PURE__ */ c("label", { className: f, children: o.children || s })
+    /* @__PURE__ */ c("span", { className: f, children: t ? /* @__PURE__ */ c(F, {}) : h && /* @__PURE__ */ c(N, {}) }),
+    /* @__PURE__ */ c("label", { className: w, children: p.children || n })
   ] });
 };
 export {
-  B as Checkbox
+  M as Checkbox
 };

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

@@ -1,14 +1,14 @@
-import { AdornmentProps } from '../../main';
-import { ReactNode } from 'react';
+import { IconProps } from '../../main';
+import { ReactElement, ReactNode } from 'react';
 
 export type Variant = 'default' | 'contained' | 'outlined';
-export type ChipProps = {
+type ChipProps = {
     /** Main content to display, typically just some text */
     label: ReactNode;
     /** Whether to show loading state (skeleton) */
     loading?: boolean;
     /** Left icon to display */
-    leftAdornment?: AdornmentProps;
+    leftAdornment?: ChipAdornmentSlotProps;
     /** Dataset test id only used for tests to reach in and grab the rendered DOM node of the chip wrapper */
     'data-testid'?: string;
     /** Functionality to perform when the main body of the chip is clicked */
@@ -27,7 +27,13 @@ export type ChipProps = {
     /** Dataset test id only used for tests, used to hook onto the loading skeleton component for this chip */
     'data-testid-skeleton'?: string;
 };
-export type ChipWrapperProps = Pick<ChipProps, 'data-testid' | 'onClickContent' | 'disabled' | 'className' | 'variant'> & {
-    children?: ReactNode;
+export type ChipAdornmentSlotProps = {
+    /** The Marola Icon to display */
+    icon: ReactElement<IconProps>;
+    /** Any additional classes to apply to icon */
+    className?: string;
+    /** Dataset test id only used for tests to reach in and grab the rendered DOM node of the icon */
+    'data-testid'?: string;
 };
 export declare const Chip: import('react').ForwardRefExoticComponent<ChipProps & import('react').RefAttributes<unknown>>;
+export {};

package/dist/components/Chip/Chip.js

@@ -1,12 +1,11 @@
 import "react/jsx-runtime";
 import "react";
 import "../../clsx-DB4S2d7J.js";
-import "../Adornment/Adornment.js";
 import "../Icon/Icon.js";
-import "../Typography/Typography.js";
 import "../Button/Button.js";
-import { C as k } from "../../Toggle-CRfZgFJp.js";
-import "../Dialog/Dialog.js";
+import { C as j } from "../../Toggle-BCgIItCc.js";
+import "../Dialog/Backdrop.js";
+import "../Typography/Typography.js";
 import "../IconButton/IconButton.js";
 import "../Select/Select.js";
 import "../Skeleton/Skeleton.js";
@@ -14,7 +13,7 @@ import "../Table/Table.js";
 import "../Tabs/Tabs.js";
 import "../../Group-B3p31ftp.js";
 import "../../contexts/SnackbarProvider/SnackbarProvider.js";
-import "../../Button-DiLqcAJG.js";
+import "../../Button-2b1peDFT.js";
 export {
-  k as Chip
+  j as Chip
 };

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

@@ -2,12 +2,24 @@ import { StoryObj } from '@storybook/react';
 
 declare const meta: {
     title: string;
-    component: import('react').ForwardRefExoticComponent<import('./Chip').ChipProps & import('react').RefAttributes<unknown>>;
+    component: import('react').ForwardRefExoticComponent<{
+        label: import('react').ReactNode;
+        loading?: boolean | undefined;
+        leftAdornment?: import('./Chip').ChipAdornmentSlotProps | undefined;
+        'data-testid'?: string | undefined;
+        onClickContent?: (() => void) | undefined;
+        onClickRemove?: (() => void) | undefined;
+        disabled?: boolean | undefined;
+        className?: string | undefined;
+        'className-skeleton'?: string | undefined;
+        variant?: import('./Chip').Variant | undefined;
+        'data-testid-skeleton'?: string | undefined;
+    } & import('react').RefAttributes<unknown>>;
     tags: string[];
     decorators: ((Story: import('@storybook/types').PartialStoryFn<import('@storybook/react').ReactRenderer, {
         label: import('react').ReactNode;
         loading?: boolean | undefined;
-        leftAdornment?: import('../Adornment/Adornment').AdornmentProps | undefined;
+        leftAdornment?: import('./Chip').ChipAdornmentSlotProps | undefined;
         'data-testid'?: string | undefined;
         onClickContent?: (() => void) | undefined;
         onClickRemove?: (() => void) | undefined;
@@ -24,10 +36,7 @@ export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Simple: Story;
 export declare const Clickable: Story;
-export declare const Disabled: Story;
 export declare const ClickableWithRemove: Story;
-export declare const ClickableOnlyRemove: Story;
 export declare const FullDefault: Story;
 export declare const FullOutlined: Story;
 export declare const FullContained: Story;
-export declare const FullContainedCustomIcon: Story;

package/dist/components/Dialog/Actions.js

@@ -1,5 +1,5 @@
 import { jsx as o } from "react/jsx-runtime";
-import { s as t } from "../../Dialog.module-D9e4RsKo.js";
+import { s as t } from "../../Dialog.module-DFEmFdYT.js";
 const i = ({ children: s }) => /* @__PURE__ */ o("div", { className: t.dialog__actions, children: s });
 export {
   i as default

package/dist/components/Dialog/Backdrop.js

@@ -1,6 +1,6 @@
 import { jsx as a } from "react/jsx-runtime";
 import { forwardRef as t } from "react";
-import { s as e } from "../../Dialog.module-D9e4RsKo.js";
+import { s as e } from "../../Dialog.module-DFEmFdYT.js";
 const i = t((o, r) => {
   const { open: m, className: p, ...s } = o;
   return /* @__PURE__ */ a("div", { className: e.dialog__backdrop, ref: r, ...s });

package/dist/components/Dialog/CloseIconButton.js

@@ -1,7 +1,7 @@
 import { jsx as s } from "react/jsx-runtime";
 import { Icon as r } from "../Icon/Icon.js";
-import { s as t } from "../../Dialog.module-D9e4RsKo.js";
-import { B as a } from "../../Button-DiLqcAJG.js";
+import { s as t } from "../../Dialog.module-DFEmFdYT.js";
+import { B as a } from "../../Button-2b1peDFT.js";
 const d = ({ handleOnClose: i, className: o }) => {
   const l = o != null ? t["dialog__close-icon "] + o : t["dialog__close-icon"];
   return /* @__PURE__ */ s(

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

@@ -1,6 +1,6 @@
-import { default as DialogTitle, DialogTitleProps } from './DialogTitle';
-import { default as Content, DialogContentProps } from './Content';
-import { default as Actions, DialogActionProps } from './Actions';
+import { default as DialogTitle } from './DialogTitle';
+import { default as Content } from './Content';
+import { default as Actions } from './Actions';
 import { ModalProps } from '@mui/base';
 import { JSXElementConstructor, ReactElement, ReactNode } from 'react';
 
@@ -12,14 +12,11 @@ export interface DialogProps extends ModalProps {
     dialogTitle: ReactNode;
     /** display subtitle */
     dialogSubtitle?: ReactNode;
+    /** if true, show skeleton */
+    isLoading?: boolean;
     /** callback for when close is clicked */
     onClose?: () => void;
 }
-declare const Dialog: {
-    ({ children, dialogTitle, dialogSubtitle, onClose, ...props }: DialogProps): import("react/jsx-runtime").JSX.Element;
-    Title: import('react').FunctionComponent<DialogTitleProps>;
-    Content: import('react').FunctionComponent<DialogContentProps>;
-    Actions: import('react').FunctionComponent<DialogActionProps>;
-};
+declare const Dialog: ({ children, dialogTitle, dialogSubtitle, isLoading, onClose, ...props }: DialogProps) => import("react/jsx-runtime").JSX.Element;
 export { Dialog, DialogTitle, Content, Actions };
 export default Dialog;