@pismo/marola 1.0.15 → 1.0.16

package/dist/assets/Alert.css

@@ -1 +1 @@
-._u-typography-h1_9p2mz_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_9p2mz_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_9p2mz_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_9p2mz_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_9p2mz_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_9p2mz_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_9p2mz_43{margin:0;font-size:var(--base-font-size);font-weight:var(--base-weight);line-height:var(--base-line-height)}._u-typography-base--xxl_9p2mz_49{font-size:var(--base-font-size-xxl);line-height:var(--base-line-height-xxl)}._u-typography-base--xl_9p2mz_53{font-size:var(--base-font-size-xl);line-height:var(--base-line-height-xl)}._u-typography-base--lg_9p2mz_57{font-size:var(--base-font-size-lg);line-height:var(--base-line-height-lg)}._u-typography-base--sm_9p2mz_61{font-size:var(--base-font-size-sm);line-height:var(--base-line-height-sm)}._u-typography-base--bold_9p2mz_65{font-weight:var(--base-bold)}._u-typography-base--strikethrough_9p2mz_68{text-decoration:line-through}._u-typography-base--underlined_9p2mz_71{text-decoration:underline}._u-typography-base--strikethrough-underlined_9p2mz_74{text-decoration:underline line-through}._container_9p2mz_78{display:flex;padding:16px;border:1px solid;border-radius:6px}._container--success_9p2mz_84{background-color:var(--green-1);border-color:var(--green-3)}._container--warning_9p2mz_88{background-color:var(--gold-1);border-color:var(--gold-3)}._container--error_9p2mz_92{background-color:var(--error-background);border-color:var(--error-border)}._container--info_9p2mz_96{background-color:var(--blue-1);border-color:var(--blue-3)}._container--default_9p2mz_100{background-color:var(--white-100);border-color:var(--border)}._container--close-icon_9p2mz_104{justify-self:flex-end;margin-left:16px;cursor:pointer}._container--content_9p2mz_109{width:100%}
+._u-typography-h1_1043z_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_1043z_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_1043z_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_1043z_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_1043z_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_1043z_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_1043z_43{margin:0;font-size:var(--base-font-size);font-weight:var(--base-weight);line-height:var(--base-line-height)}._u-typography-base--xxl_1043z_49{font-size:var(--base-font-size-xxl);line-height:var(--base-line-height-xxl)}._u-typography-base--xl_1043z_53{font-size:var(--base-font-size-xl);line-height:var(--base-line-height-xl)}._u-typography-base--lg_1043z_57{font-size:var(--base-font-size-lg);line-height:var(--base-line-height-lg)}._u-typography-base--sm_1043z_61{font-size:var(--base-font-size-sm);line-height:var(--base-line-height-sm)}._u-typography-base--bold_1043z_65{font-weight:var(--base-bold)}._u-typography-base--strikethrough_1043z_68{text-decoration:line-through}._u-typography-base--underlined_1043z_71{text-decoration:underline}._u-typography-base--strikethrough-underlined_1043z_74{text-decoration:underline line-through}._container_1043z_78{display:flex;width:100%;padding:16px;border:1px solid;border-radius:6px}._container--success_1043z_85{background-color:var(--green-1);border-color:var(--green-3)}._container--warning_1043z_89{background-color:var(--gold-1);border-color:var(--gold-3)}._container--error_1043z_93{background-color:var(--error-background);border-color:var(--error-border)}._container--info_1043z_97{background-color:var(--blue-1);border-color:var(--blue-3)}._container--default_1043z_101{background-color:var(--white-100);border-color:var(--border)}._container--close-icon_1043z_105{justify-self:flex-end;margin-left:16px;cursor:pointer}._container--content_1043z_110{width:100%}

package/dist/components/Alert/Alert.js

@@ -1,40 +1,40 @@
 import '../../assets/Alert.css';
-import { jsxs as _, jsx as a } from "react/jsx-runtime";
+import { jsxs as p, jsx as a } from "react/jsx-runtime";
 import { c as y } from "../../clsx-DB4S2d7J.js";
 import { Icon as s } from "../Icon/Icon.js";
-const h = "_container_9p2mz_78", t = {
-  "u-typography-h1": "_u-typography-h1_9p2mz_1",
-  "u-typography-h2": "_u-typography-h2_9p2mz_8",
-  "u-typography-h3": "_u-typography-h3_9p2mz_15",
-  "u-typography-h4": "_u-typography-h4_9p2mz_22",
-  "u-typography-h5": "_u-typography-h5_9p2mz_29",
-  "u-typography-h6": "_u-typography-h6_9p2mz_36",
-  "u-typography-base": "_u-typography-base_9p2mz_43",
-  "u-typography-base--xxl": "_u-typography-base--xxl_9p2mz_49",
-  "u-typography-base--xl": "_u-typography-base--xl_9p2mz_53",
-  "u-typography-base--lg": "_u-typography-base--lg_9p2mz_57",
-  "u-typography-base--sm": "_u-typography-base--sm_9p2mz_61",
-  "u-typography-base--bold": "_u-typography-base--bold_9p2mz_65",
-  "u-typography-base--strikethrough": "_u-typography-base--strikethrough_9p2mz_68",
-  "u-typography-base--underlined": "_u-typography-base--underlined_9p2mz_71",
-  "u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-underlined_9p2mz_74",
+const h = "_container_1043z_78", t = {
+  "u-typography-h1": "_u-typography-h1_1043z_1",
+  "u-typography-h2": "_u-typography-h2_1043z_8",
+  "u-typography-h3": "_u-typography-h3_1043z_15",
+  "u-typography-h4": "_u-typography-h4_1043z_22",
+  "u-typography-h5": "_u-typography-h5_1043z_29",
+  "u-typography-h6": "_u-typography-h6_1043z_36",
+  "u-typography-base": "_u-typography-base_1043z_43",
+  "u-typography-base--xxl": "_u-typography-base--xxl_1043z_49",
+  "u-typography-base--xl": "_u-typography-base--xl_1043z_53",
+  "u-typography-base--lg": "_u-typography-base--lg_1043z_57",
+  "u-typography-base--sm": "_u-typography-base--sm_1043z_61",
+  "u-typography-base--bold": "_u-typography-base--bold_1043z_65",
+  "u-typography-base--strikethrough": "_u-typography-base--strikethrough_1043z_68",
+  "u-typography-base--underlined": "_u-typography-base--underlined_1043z_71",
+  "u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-underlined_1043z_74",
   container: h,
-  "container--success": "_container--success_9p2mz_84",
-  "container--warning": "_container--warning_9p2mz_88",
-  "container--error": "_container--error_9p2mz_92",
-  "container--info": "_container--info_9p2mz_96",
-  "container--default": "_container--default_9p2mz_100",
-  "container--close-icon": "_container--close-icon_9p2mz_104",
-  "container--content": "_container--content_9p2mz_109"
-}, g = ({ type: r = "default", children: e, "data-testid": p, onClose: o }) => {
-  const n = y(t.container, t[`container--${r}`]);
-  return /* @__PURE__ */ _("div", { "data-testid": p, className: n, children: [
-    /* @__PURE__ */ a("div", { className: t["container--content"], children: e }),
-    !!o && /* @__PURE__ */ a(
+  "container--success": "_container--success_1043z_85",
+  "container--warning": "_container--warning_1043z_89",
+  "container--error": "_container--error_1043z_93",
+  "container--info": "_container--info_1043z_97",
+  "container--default": "_container--default_1043z_101",
+  "container--close-icon": "_container--close-icon_1043z_105",
+  "container--content": "_container--content_1043z_110"
+}, g = ({ type: e = "default", children: n, "data-testid": o, onClose: r }) => {
+  const _ = y(t.container, t[`container--${e}`]);
+  return /* @__PURE__ */ p("div", { "data-testid": o, className: _, children: [
+    /* @__PURE__ */ a("div", { className: t["container--content"], children: n }),
+    !!r && /* @__PURE__ */ a(
       "div",
       {
-        "data-testid": `${p}-close-button`,
-        onClick: () => o(),
+        "data-testid": `${o}-close-button`,
+        onClick: () => r(),
         className: t["container--close-icon"],
         children: /* @__PURE__ */ a(s, { icon: "xmark" })
       }

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/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
+    decorators: ((Story: import('@storybook/types').PartialStoryFn<import('@storybook/react').ReactRenderer, {
         label: import('react').ReactNode;
         loading?: boolean | undefined;
         leftAdornment?: import('../Adornment/Adornment').AdornmentProps | undefined;

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/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
+    decorators: ((Story: import('@storybook/types').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/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
+    decorators: ((Story: import('@storybook/types').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/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
+    decorators: ((Story: import('@storybook/types').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/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
+    decorators: ((Story: import('@storybook/types').PartialStoryFn<import('@storybook/react').ReactRenderer, {
         invert?: boolean | undefined;
         classNames?: string | undefined;
     }>) => import("react/jsx-runtime").JSX.Element)[];

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

@@ -25,7 +25,7 @@ declare const meta: {
         };
     };
     tags: string[];
-    decorators: ((Story: import('@storybook/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
+    decorators: ((Story: import('@storybook/types').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/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
+    decorators: ((Story: import('@storybook/types').PartialStoryFn<import('@storybook/react').ReactRenderer, {
         accept?: string | undefined;
         alt?: string | undefined;
         autoComplete?: import('react').HTMLInputAutoCompleteAttribute | undefined;

package/dist/components/Tag/Tag.d.ts

@@ -8,7 +8,8 @@ export type TagProps = {
     children: ReactNode;
     'data-testid'?: string;
     outlined?: boolean;
+    iconSize?: string | number;
     'with-icon'?: boolean;
 };
-export declare const Tag: ({ variant, color, children, "data-testid": dataTestId, outlined, "with-icon": withIcon, }: TagProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Tag: ({ variant, color, children, "data-testid": dataTestId, outlined, "with-icon": withIcon, iconSize, }: TagProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/Tag/Tag.js

@@ -1,10 +1,10 @@
 import '../../assets/Tag.css';
-import { jsx as o, jsxs as u } from "react/jsx-runtime";
-import { useMemo as d } from "react";
+import { jsx as o, jsxs as d } from "react/jsx-runtime";
+import { useMemo as j } from "react";
 import { c } from "../../clsx-DB4S2d7J.js";
-import { Icon as j } from "../Icon/Icon.js";
-const g = "_container_b8jbs_1", e = {
-  container: g,
+import { Icon as g } from "../Icon/Icon.js";
+const m = "_container_b8jbs_1", e = {
+  container: m,
   "container--content": "_container--content_b8jbs_9",
   "container--content__icon": "_container--content__icon_b8jbs_14",
   "container--default": "_container--default_b8jbs_18",
@@ -41,33 +41,34 @@ const g = "_container_b8jbs_1", e = {
   "container--red__outlined": "_container--red__outlined_b8jbs_127",
   "container--volcano": "_container--volcano_b8jbs_130",
   "container--volcano__outlined": "_container--volcano__outlined_b8jbs_134"
-}, k = ({
+}, x = ({
   variant: n,
   color: _,
   children: r,
   "data-testid": a,
   outlined: i = !1,
-  "with-icon": s = !1
+  "with-icon": s = !1,
+  iconSize: b
 }) => {
   n && _ && console.error("You should only use props Variant and Color one at a time");
-  const b = c(
+  const l = c(
     e.container,
     n && e[`container--${n}`],
     _ && e[`container--${_}`],
     i && _ && e[`container--${_}__outlined`],
     i && n && e[`container--${n}__outlined`]
-  ), l = c(e[`container--${n}__icon`], e["container--content__icon"]), t = d(() => !!n && {
+  ), u = c(e[`container--${n}__icon`], e["container--content__icon"]), t = j(() => !!n && {
     default: "circle-minus",
     processing: "arrows-rotate",
     success: "circle-check",
     warning: "circle-exclamation",
     error: "circle-xmark"
   }[n], [n]);
-  return /* @__PURE__ */ o("div", { "data-testid": a, className: b, children: /* @__PURE__ */ u("div", { className: e["container--content"], children: [
-    s && !!t && /* @__PURE__ */ o("div", { className: l, children: /* @__PURE__ */ o(j, { icon: t }) }),
+  return /* @__PURE__ */ o("div", { "data-testid": a, className: l, children: /* @__PURE__ */ d("div", { className: e["container--content"], children: [
+    s && !!t && /* @__PURE__ */ o("div", { className: u, children: /* @__PURE__ */ o(g, { size: b, icon: t }) }),
     r
   ] }) });
 };
 export {
-  k as Tag
+  x as Tag
 };

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

@@ -3,7 +3,7 @@ import { StoryObj } from '@storybook/react';
 
 declare const meta: {
     title: string;
-    component: ({ variant, color, children, "data-testid": dataTestId, outlined, "with-icon": withIcon, }: TagProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ variant, color, children, "data-testid": dataTestId, outlined, "with-icon": withIcon, iconSize, }: TagProps) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
     parameters: {
         layout: string;
@@ -27,3 +27,4 @@ export declare const Orange: Story;
 export declare const Purple: Story;
 export declare const Red: Story;
 export declare const Volcano: Story;
+export declare const WithSmallIcon: Story;

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/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
+    decorators: ((Story: import('@storybook/types').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/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
+    decorators: ((Story: import('@storybook/types').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/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
+    decorators: ((Story: import('@storybook/types').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/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
+    decorators: ((Story: import('@storybook/types').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.0.15",
+  "version": "1.0.16",
   "type": "module",
   "main": "dist/main.js",
   "types": "dist/main.d.ts",