@pismo/marola 1.0.3 → 1.0.5

package/dist/Dialog.module-Duis5XWM.js

@@ -0,0 +1,29 @@
+import './assets/Dialog.css';
+const _ = "_dialog_2iy7w_78", y = "_dialog__backdrop_2iy7w_88", a = "_dialog__panel_2iy7w_96", o = "_dialog__title_2iy7w_113", i = "_dialog__subtitle_2iy7w_120", p = "_dialog__divider_2iy7w_124", t = "_dialog__actions_2iy7w_138", g = {
+  "u-typography-h1": "_u-typography-h1_2iy7w_1",
+  "u-typography-h2": "_u-typography-h2_2iy7w_8",
+  "u-typography-h3": "_u-typography-h3_2iy7w_15",
+  "u-typography-h4": "_u-typography-h4_2iy7w_22",
+  "u-typography-h5": "_u-typography-h5_2iy7w_29",
+  "u-typography-h6": "_u-typography-h6_2iy7w_36",
+  "u-typography-base": "_u-typography-base_2iy7w_43",
+  "u-typography-base--xxl": "_u-typography-base--xxl_2iy7w_49",
+  "u-typography-base--xl": "_u-typography-base--xl_2iy7w_53",
+  "u-typography-base--lg": "_u-typography-base--lg_2iy7w_57",
+  "u-typography-base--sm": "_u-typography-base--sm_2iy7w_61",
+  "u-typography-base--bold": "_u-typography-base--bold_2iy7w_65",
+  "u-typography-base--strikethrough": "_u-typography-base--strikethrough_2iy7w_68",
+  "u-typography-base--underlined": "_u-typography-base--underlined_2iy7w_71",
+  "u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-underlined_2iy7w_74",
+  dialog: _,
+  dialog__backdrop: y,
+  dialog__panel: a,
+  dialog__title: o,
+  dialog__subtitle: i,
+  dialog__divider: p,
+  "dialog__close-icon": "_dialog__close-icon_2iy7w_128",
+  dialog__actions: t
+};
+export {
+  g as s
+};

package/dist/assets/Dialog.css

@@ -1 +1 @@
-._u-typography-h1_1vpwu_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_1vpwu_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_1vpwu_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_1vpwu_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_1vpwu_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_1vpwu_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_1vpwu_43{margin:0;font-size:var(--base-font-size);font-weight:var(--base-weight);line-height:var(--base-line-height)}._u-typography-base--xxl_1vpwu_49{font-size:var(--base-font-size-xxl);line-height:var(--base-line-height-xxl)}._u-typography-base--xl_1vpwu_53{font-size:var(--base-font-size-xl);line-height:var(--base-line-height-xl)}._u-typography-base--lg_1vpwu_57{font-size:var(--base-font-size-lg);line-height:var(--base-line-height-lg)}._u-typography-base--sm_1vpwu_61{font-size:var(--base-font-size-sm);line-height:var(--base-line-height-sm)}._u-typography-base--bold_1vpwu_65{font-weight:var(--base-bold)}._u-typography-base--strikethrough_1vpwu_68{text-decoration:line-through}._u-typography-base--underlined_1vpwu_71{text-decoration:underline}._u-typography-base--strikethrough-underlined_1vpwu_74{text-decoration:underline line-through}._dialog_1vpwu_78{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1300;display:flex;align-items:center;justify-content:center;-webkit-box-align:center;-webkit-box-pack:center}._dialog__backdrop_1vpwu_88{position:fixed;z-index:-1;width:100%;height:100%;background-color:rgb(var(--black-100-rgb),.05);-webkit-tap-highlight-color:transparent}._dialog__panel_1vpwu_96{position:relative;display:flex;flex-direction:column;gap:8px;width:680px;padding:2rem;overflow:hidden;font-weight:500;color:var(--gray-90);text-align:start;background-color:var(--white-100);border:1px solid rgb(218,226,237);border-radius:8px;box-shadow:0 10px 20px rgb(var(--black-100-rgb),.2)}._dialog__title_1vpwu_112{display:flex;gap:.75rem;align-items:center;margin-bottom:1rem;color:#3f3d4be0}._dialog__subtitle_1vpwu_119{margin-top:1rem;color:#3f3d4be0}._dialog__divider_1vpwu_123{width:100%;border-top:1px solid var(--gray-10)}._dialog__close-icon_1vpwu_127{position:absolute;top:34px;right:32px;padding:0;margin:0;cursor:pointer;background:none;border:none}._dialog__actions_1vpwu_137{display:flex;gap:.5rem;justify-content:flex-end;margin-top:1.5rem}._dialog__actions_1vpwu_137 button{padding:0 1.5rem}._dialog__actions_1vpwu_137 button [class*=_u-typography-base]{font-weight:700}._dialog__actions_1vpwu_137 button[class*=_button--secondary]{color:#3f3d4be0}
+._u-typography-h1_2iy7w_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_2iy7w_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_2iy7w_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_2iy7w_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_2iy7w_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_2iy7w_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_2iy7w_43{margin:0;font-size:var(--base-font-size);font-weight:var(--base-weight);line-height:var(--base-line-height)}._u-typography-base--xxl_2iy7w_49{font-size:var(--base-font-size-xxl);line-height:var(--base-line-height-xxl)}._u-typography-base--xl_2iy7w_53{font-size:var(--base-font-size-xl);line-height:var(--base-line-height-xl)}._u-typography-base--lg_2iy7w_57{font-size:var(--base-font-size-lg);line-height:var(--base-line-height-lg)}._u-typography-base--sm_2iy7w_61{font-size:var(--base-font-size-sm);line-height:var(--base-line-height-sm)}._u-typography-base--bold_2iy7w_65{font-weight:var(--base-bold)}._u-typography-base--strikethrough_2iy7w_68{text-decoration:line-through}._u-typography-base--underlined_2iy7w_71{text-decoration:underline}._u-typography-base--strikethrough-underlined_2iy7w_74{text-decoration:underline line-through}._dialog_2iy7w_78{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1300;display:flex;align-items:center;justify-content:center;-webkit-box-align:center;-webkit-box-pack:center}._dialog__backdrop_2iy7w_88{position:fixed;z-index:-1;width:100%;height:100%;background-color:rgb(var(--black-100-rgb),.05);-webkit-tap-highlight-color:transparent}._dialog__panel_2iy7w_96{position:relative;display:flex;flex-direction:column;gap:8px;width:680px;max-height:100%;padding:2rem;overflow:auto;font-weight:500;color:var(--gray-90);text-align:start;background-color:var(--white-100);border:1px solid rgb(218,226,237);border-radius:8px;box-shadow:0 10px 20px rgb(var(--black-100-rgb),.2)}._dialog__title_2iy7w_113{display:flex;gap:.75rem;align-items:center;margin-bottom:1rem;color:#3f3d4be0}._dialog__subtitle_2iy7w_120{margin-top:1rem;color:#3f3d4be0}._dialog__divider_2iy7w_124{width:100%;border-top:1px solid var(--gray-10)}._dialog__close-icon_2iy7w_128{position:absolute;top:34px;right:32px;padding:0;margin:0;cursor:pointer;background:none;border:none}._dialog__actions_2iy7w_138{display:flex;gap:.5rem;justify-content:flex-end;margin-top:1.5rem}._dialog__actions_2iy7w_138 button{padding:0 1.5rem}._dialog__actions_2iy7w_138 button [class*=_u-typography-base]{font-weight:700}._dialog__actions_2iy7w_138 button[class*=_button--secondary]{color:#3f3d4be0}

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/Actions.js

@@ -1,5 +1,5 @@
 import { jsx as o } from "react/jsx-runtime";
-import { s as t } from "../../Dialog.module-W7UCXlf3.js";
+import { s as t } from "../../Dialog.module-Duis5XWM.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,7 +1,7 @@
 import { jsx as a } from "react/jsx-runtime";
 import { forwardRef as s } from "react";
 import { c as t } from "../../clsx-DB4S2d7J.js";
-import { s as m } from "../../Dialog.module-W7UCXlf3.js";
+import { s as m } from "../../Dialog.module-Duis5XWM.js";
 const l = s(
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
   ({ ownerState: e, ...r }, o) => /* @__PURE__ */ a("div", { ...r, className: t(m.dialog__backdrop, r.className), ref: o })

package/dist/components/Dialog/CloseIconButton.js

@@ -1,6 +1,6 @@
 import { jsx as o } from "react/jsx-runtime";
 import { Icon as i } from "../Icon/Icon.js";
-import { s as r } from "../../Dialog.module-W7UCXlf3.js";
+import { s as r } from "../../Dialog.module-Duis5XWM.js";
 import { B as s } from "../../Button-BAljjMv3.js";
 const n = ({ handleOnClose: t }) => /* @__PURE__ */ o(
   s,

package/dist/components/Dialog/Dialog.js

@@ -4,7 +4,7 @@ import ie from "./Actions.js";
 import ae from "./Backdrop.js";
 import le from "./CloseIconButton.js";
 import ce from "./Content.js";
-import { s as z } from "../../Dialog.module-W7UCXlf3.js";
+import { s as z } from "../../Dialog.module-Duis5XWM.js";
 import ee from "./DialogTitle.js";
 import { u as te, P as i, f as de, b as C, g as ue, a as fe, _ as pe, c as G, d as be, e as he } from "../../useSlotProps-C_I1kEHr.js";
 import * as f from "react";

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>>;
@@ -347,3 +347,4 @@ export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Simple: Story;
 export declare const WithIcon: Story;
+export declare const WithLargeContent: Story;

package/dist/components/Dialog/DialogTitle.js

@@ -1,7 +1,7 @@
 import { jsxs as l, Fragment as s, jsx as e } from "react/jsx-runtime";
 import { Icon as d } from "../Icon/Icon.js";
 import { Typography as i } from "../Typography/Typography.js";
-import { s as r } from "../../Dialog.module-W7UCXlf3.js";
+import { s as r } from "../../Dialog.module-Duis5XWM.js";
 const g = ({ title: o, subTitle: t, icon: a }) => /* @__PURE__ */ l(s, { children: [
   /* @__PURE__ */ l(
     i,

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/Input/Input.d.ts

@@ -6,11 +6,11 @@ export type SingleInputProps = InputHTMLAttributes<HTMLInputElement> & {
     /** Label text */
     label?: string;
     /** Info message text */
-    infoMessage?: string;
+    infoMessage?: React.ReactNode;
     /** Show the field layout as an error */
     error?: boolean;
     /** Error message text, if has "errorMessage", the "error" props will be "true" */
-    errorMessage?: string;
+    errorMessage?: React.ReactNode;
     /** If "true", a "textarea" element is rendered. */
     multiline?: false;
     /** Left icon element */

package/dist/components/InputSearch/InputSearch.d.ts

@@ -6,9 +6,9 @@ export declare const InputSearch: import('react').ForwardRefExoticComponent<(Omi
     ref?: ForwardedRef<HTMLInputElement> | undefined;
 } & import('react').InputHTMLAttributes<HTMLInputElement> & {
     label?: string | undefined;
-    infoMessage?: string | undefined;
+    infoMessage?: import('react').ReactNode;
     error?: boolean | undefined;
-    errorMessage?: string | undefined;
+    errorMessage?: import('react').ReactNode;
     multiline?: false | undefined;
     leftIcon?: import('react').ReactNode;
     rightIcon?: import('react').ReactNode;

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

@@ -7,9 +7,9 @@ declare const meta: {
         ref?: import('react').ForwardedRef<HTMLInputElement> | undefined;
     } & import('react').InputHTMLAttributes<HTMLInputElement> & {
         label?: string | undefined;
-        infoMessage?: string | undefined;
+        infoMessage?: import('react').ReactNode;
         error?: boolean | undefined;
-        errorMessage?: string | undefined;
+        errorMessage?: import('react').ReactNode;
         multiline?: false | undefined;
         leftIcon?: import('react').ReactNode;
         rightIcon?: import('react').ReactNode;

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/Select/Select.d.ts

@@ -27,11 +27,11 @@ export type SelectProps = {
     onChange?: (value: string | null, event?: React.SyntheticEvent<Element, Event> | null) => void;
     fullWidth?: boolean;
     /** Info message text */
-    infoMessage?: string;
+    infoMessage?: React.ReactNode;
     /** Show the field layout as an error */
     error?: boolean;
     /** Error message text, if has "errorMessage", the "error" props will be "true" */
-    errorMessage?: string;
+    errorMessage?: React.ReactNode;
     /** CSS classes to be applied on the info message element */
     classNameInfoMessage?: string;
     /** CSS classes to be applied on the error message 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/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.3",
+  "version": "1.0.5",
   "type": "module",
   "main": "dist/main.js",
   "types": "dist/main.d.ts",

package/dist/Dialog.module-W7UCXlf3.js

@@ -1,29 +0,0 @@
-import './assets/Dialog.css';
-const _ = "_dialog_1vpwu_78", p = "_dialog__backdrop_1vpwu_88", a = "_dialog__panel_1vpwu_96", o = "_dialog__title_1vpwu_112", u = "_dialog__subtitle_1vpwu_119", t = "_dialog__divider_1vpwu_123", y = "_dialog__actions_1vpwu_137", g = {
-  "u-typography-h1": "_u-typography-h1_1vpwu_1",
-  "u-typography-h2": "_u-typography-h2_1vpwu_8",
-  "u-typography-h3": "_u-typography-h3_1vpwu_15",
-  "u-typography-h4": "_u-typography-h4_1vpwu_22",
-  "u-typography-h5": "_u-typography-h5_1vpwu_29",
-  "u-typography-h6": "_u-typography-h6_1vpwu_36",
-  "u-typography-base": "_u-typography-base_1vpwu_43",
-  "u-typography-base--xxl": "_u-typography-base--xxl_1vpwu_49",
-  "u-typography-base--xl": "_u-typography-base--xl_1vpwu_53",
-  "u-typography-base--lg": "_u-typography-base--lg_1vpwu_57",
-  "u-typography-base--sm": "_u-typography-base--sm_1vpwu_61",
-  "u-typography-base--bold": "_u-typography-base--bold_1vpwu_65",
-  "u-typography-base--strikethrough": "_u-typography-base--strikethrough_1vpwu_68",
-  "u-typography-base--underlined": "_u-typography-base--underlined_1vpwu_71",
-  "u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-underlined_1vpwu_74",
-  dialog: _,
-  dialog__backdrop: p,
-  dialog__panel: a,
-  dialog__title: o,
-  dialog__subtitle: u,
-  dialog__divider: t,
-  "dialog__close-icon": "_dialog__close-icon_1vpwu_127",
-  dialog__actions: y
-};
-export {
-  g as s
-};