@pismo/marola 1.0.0-beta.64 → 1.0.0-beta.66

package/dist/assets/Alert.css

@@ -0,0 +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%}

package/dist/components/Alert/Alert.d.ts

@@ -0,0 +1,11 @@
+import { ReactNode } from 'react';
+
+type AlertType = 'success' | 'error' | 'info' | 'warning' | 'default';
+type AlertProps = {
+    type?: AlertType;
+    children: ReactNode;
+    'data-testid'?: string;
+    onClose?: () => void;
+};
+export declare const Alert: ({ type, children, "data-testid": dataTestId, onClose }: AlertProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Alert/Alert.js

@@ -0,0 +1,46 @@
+import '../../assets/Alert.css';
+import { jsxs as _, 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",
+  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(
+      "div",
+      {
+        "data-testid": `${p}-close-button`,
+        onClick: () => o(),
+        className: t["container--close-icon"],
+        children: /* @__PURE__ */ a(s, { icon: "xmark" })
+      }
+    )
+  ] });
+};
+export {
+  g as Alert
+};

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

@@ -0,0 +1,24 @@
+import { StoryObj } from '@storybook/react';
+
+declare const meta: {
+    title: string;
+    component: ({ type, children, "data-testid": dataTestId, onClose }: {
+        type?: ("default" | "error" | "success" | "info" | "warning") | undefined;
+        children: import('react').ReactNode;
+        'data-testid'?: string | undefined;
+        onClose?: (() => void) | undefined;
+    }) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const General: Story;
+export declare const Success: Story;
+export declare const Error: Story;
+export declare const Warning: Story;
+export declare const Info: Story;
+export declare const WithCloseButton: Story;
+export declare const WithCustomAction: Story;

package/dist/components/Alert/Alert.test.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -6,9 +6,11 @@ export interface DescriptionProps {
     value: React.ReactNode;
     /** Renders skeleton when true */
     isLoading?: boolean;
+    /** Description label and value color */
+    color?: string;
     /** Sets the data-testid prefix for label, value and skeletons */
     'data-testid'?: string;
     /** Sets the label and value onto the same line */
     inline?: boolean;
 }
-export declare const Description: ({ label, value, isLoading, "data-testid": dataTestId, inline, }: DescriptionProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Description: ({ label, value, isLoading, color, "data-testid": dataTestId, inline, }: DescriptionProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Description/Description.js

@@ -1,9 +1,9 @@
 import '../../assets/Description.css';
-import { jsxs as n, jsx as t } from "react/jsx-runtime";
-import { c as s } from "../../clsx-DB4S2d7J.js";
+import { jsxs as s, jsx as t } from "react/jsx-runtime";
+import { c as i } from "../../clsx-DB4S2d7J.js";
 import { Skeleton as o } from "../Skeleton/Skeleton.js";
-import { Typography as p } from "../Typography/Typography.js";
-const i = "_container_he0z3_78", a = {
+import { Typography as y } from "../Typography/Typography.js";
+const u = "_container_he0z3_78", a = {
   "u-typography-h1": "_u-typography-h1_he0z3_1",
   "u-typography-h2": "_u-typography-h2_he0z3_8",
   "u-typography-h3": "_u-typography-h3_he0z3_15",
@@ -19,36 +19,46 @@ const i = "_container_he0z3_78", a = {
   "u-typography-base--strikethrough": "_u-typography-base--strikethrough_he0z3_68",
   "u-typography-base--underlined": "_u-typography-base--underlined_he0z3_71",
   "u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-underlined_he0z3_74",
-  container: i,
+  container: u,
   "container--text": "_container--text_he0z3_82",
   "container--inline": "_container--inline_he0z3_85"
-}, c = ({
-  label: y,
-  value: _,
+}, d = ({
+  label: _,
+  value: n,
   isLoading: r,
+  color: h = "var(--gray-95)",
   "data-testid": e = "Description",
-  inline: h
-}) => /* @__PURE__ */ n(
+  inline: p
+}) => /* @__PURE__ */ s(
   "div",
   {
-    className: s([a.container, { [a["container--inline"]]: h }]),
+    className: i([a.container, { [a["container--inline"]]: p }]),
     "data-testid": `${e}-container`,
     children: [
-      /* @__PURE__ */ t(p, { className: a["container--text"], variant: "base", "data-testid": `${e}-label`, children: r ? /* @__PURE__ */ t(o, { style: { width: 70, marginBottom: 2 }, "data-testid": `${e}-skeletonLabel` }) : y }),
       /* @__PURE__ */ t(
-        p,
+        y,
+        {
+          color: h,
+          className: a["container--text"],
+          variant: "base",
+          "data-testid": `${e}-label`,
+          children: r ? /* @__PURE__ */ t(o, { style: { width: 70, marginBottom: 2 }, "data-testid": `${e}-skeletonLabel` }) : _
+        }
+      ),
+      /* @__PURE__ */ t(
+        y,
         {
           className: a["container--text"],
           bold: !0,
-          color: "var(--gray-95)",
-          variant: h ? "base" : "base-lg",
+          color: h,
+          variant: p ? "base" : "base-lg",
           "data-testid": `${e}-value`,
-          children: r ? /* @__PURE__ */ t(o, { style: { width: 100 }, "data-testid": `${e}-skeletonValue` }) : _ || "-"
+          children: r ? /* @__PURE__ */ t(o, { style: { width: 100 }, "data-testid": `${e}-skeletonValue` }) : n || "-"
         }
       )
     ]
   }
 );
 export {
-  c as Description
+  d as Description
 };

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

@@ -2,7 +2,7 @@ import { StoryObj } from '@storybook/react';
 
 declare const meta: {
     title: string;
-    component: ({ label, value, isLoading, "data-testid": dataTestId, inline, }: import('./Description').DescriptionProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ label, value, isLoading, color, "data-testid": dataTestId, inline, }: import('./Description').DescriptionProps) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
     parameters: {
         layout: string;
@@ -11,7 +11,9 @@ declare const meta: {
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Simple: Story;
+export declare const WithColor: Story;
 export declare const InLine: Story;
+export declare const InLineWithColor: Story;
 export declare const Loading: Story;
 export declare const LoadingInline: Story;
 export declare const InLineWithButton: Story;

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>>;
@@ -26,6 +26,8 @@ declare const meta: {
         content?: string | undefined;
         dir?: string | undefined;
         hidden?: boolean | undefined;
+        container?: Element | (() => Element | null) | null | undefined;
+        onClick?: import('react').MouseEventHandler<HTMLDivElement> | undefined;
         onChange?: import('react').FormEventHandler<HTMLDivElement> | undefined;
         accessKey?: string | undefined;
         autoFocus?: boolean | undefined;
@@ -204,7 +206,6 @@ declare const meta: {
         onWaitingCapture?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
         onAuxClick?: import('react').MouseEventHandler<HTMLDivElement> | undefined;
         onAuxClickCapture?: import('react').MouseEventHandler<HTMLDivElement> | undefined;
-        onClick?: import('react').MouseEventHandler<HTMLDivElement> | undefined;
         onClickCapture?: import('react').MouseEventHandler<HTMLDivElement> | undefined;
         onContextMenu?: import('react').MouseEventHandler<HTMLDivElement> | undefined;
         onContextMenuCapture?: import('react').MouseEventHandler<HTMLDivElement> | undefined;
@@ -326,7 +327,6 @@ declare const meta: {
         key?: import('react').Key | null | undefined;
         disablePortal?: boolean | undefined;
         closeAfterTransition?: boolean | undefined;
-        container?: Element | (() => Element | null) | null | undefined;
         disableAutoFocus?: boolean | undefined;
         disableEnforceFocus?: boolean | undefined;
         disableEscapeKeyDown?: boolean | undefined;

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

@@ -4,6 +4,7 @@
  */
 export * from './components/Adornment/Adornment';
 export * from './components/Advice/Advice';
+export * from './components/Alert/Alert';
 export * from './components/Autocomplete/Autocomplete';
 export * from './components/Avatar/Avatar';
 export * from './components/Button/Button';

package/dist/main.js

@@ -1,94 +1,96 @@
 import { Adornment as t } from "./components/Adornment/Adornment.js";
 import { Advice as a } from "./components/Advice/Advice.js";
-import { Autocomplete as m } from "./components/Autocomplete/Autocomplete.js";
+import { Alert as m } from "./components/Alert/Alert.js";
+import { Autocomplete as n } from "./components/Autocomplete/Autocomplete.js";
 import "./components/Avatar/Avatar.js";
-import { Button as n } from "./components/Button/Button.js";
-import { Checkbox as l } from "./components/Checkbox/Checkbox.js";
-import { C as s, R as c, T as g } from "./Toggle-MfR7l8Wn.js";
-import { ConfirmationDialog as S } from "./components/ConfirmationDialog/ConfirmationDialog.js";
-import { Description as b } from "./components/Description/Description.js";
-import { Dialog as C } from "./components/Dialog/Dialog.js";
-import { EllipsisTooltip as D } from "./components/EllipsisTooltip/EllipsisTooltip.js";
-import { Icon as P } from "./components/Icon/Icon.js";
-import { IconButton as y } from "./components/IconButton/IconButton.js";
-import { Input as B } from "./components/Input/Input.js";
-import { InputSearch as R } from "./components/InputSearch/InputSearch.js";
-import { LoadingSpinner as w } from "./components/LoadingSpinner/LoadingSpinner.js";
-import { PageHeader as L } from "./components/PageHeader/PageHeader.js";
-import { Pagination as O, paginationDefaultTranslations as W } from "./components/Pagination/Pagination.js";
-import { Popover as q } from "./components/Popover/Popover.js";
-import { ResultWithChips as F } from "./components/ResultWithChips/ResultWithChips.js";
-import { Select as K, SelectOption as M } from "./components/Select/Select.js";
-import { Skeleton as U, SkeletonCircle as V, SkeletonTable as X } from "./components/Skeleton/Skeleton.js";
-import { Snackbar as Z } from "./components/Snackbar/Snackbar.js";
-import { SortTooltip as $, sortTooltipDefaultTranslations as oo } from "./components/SortTooltip/SortTooltip.js";
-import { Stepper as eo } from "./components/Stepper/Stepper.js";
-import { StepperNavigator as po } from "./components/StepperNavigator/StepperNavigator.js";
-import { TBody as fo, THead as mo, Table as xo, Td as no, Th as io, Tr as lo } from "./components/Table/Table.js";
-import { Tabs as so } from "./components/Tabs/Tabs.js";
-import { TextDisplay as go } from "./components/TextDisplay/TextDisplay.js";
-import { Toggle as So } from "./components/Toggle/Toggle.js";
-import { G as ko } from "./Group-DspH8hyO.js";
-import { Tooltip as ho } from "./components/Tooltip/Tooltip.js";
-import { Text as Io, Typography as Po } from "./components/Typography/Typography.js";
-import { SnackbarContext as yo, SnackbarProvider as Ao, useSnackbar as Bo } from "./contexts/SnackbarProvider/SnackbarProvider.js";
-import { default as Ro } from "./components/Dialog/DialogTitle.js";
-import { default as wo } from "./components/Dialog/Content.js";
-import { default as Lo } from "./components/Dialog/Actions.js";
-import { Tab as Oo } from "./components/Tabs/Tab.js";
-import { TabPanel as jo } from "./components/Tabs/TabPanel.js";
+import { Button as l } from "./components/Button/Button.js";
+import { Checkbox as s } from "./components/Checkbox/Checkbox.js";
+import { C as g, R as u, T as S } from "./Toggle-MfR7l8Wn.js";
+import { ConfirmationDialog as b } from "./components/ConfirmationDialog/ConfirmationDialog.js";
+import { Description as C } from "./components/Description/Description.js";
+import { Dialog as D } from "./components/Dialog/Dialog.js";
+import { EllipsisTooltip as A } from "./components/EllipsisTooltip/EllipsisTooltip.js";
+import { Icon as v } from "./components/Icon/Icon.js";
+import { IconButton as B } from "./components/IconButton/IconButton.js";
+import { Input as R } from "./components/Input/Input.js";
+import { InputSearch as w } from "./components/InputSearch/InputSearch.js";
+import { LoadingSpinner as L } from "./components/LoadingSpinner/LoadingSpinner.js";
+import { PageHeader as O } from "./components/PageHeader/PageHeader.js";
+import { Pagination as j, paginationDefaultTranslations as q } from "./components/Pagination/Pagination.js";
+import { Popover as F } from "./components/Popover/Popover.js";
+import { ResultWithChips as K } from "./components/ResultWithChips/ResultWithChips.js";
+import { Select as Q, SelectOption as U } from "./components/Select/Select.js";
+import { Skeleton as X, SkeletonCircle as Y, SkeletonTable as Z } from "./components/Skeleton/Skeleton.js";
+import { Snackbar as $ } from "./components/Snackbar/Snackbar.js";
+import { SortTooltip as ro, sortTooltipDefaultTranslations as eo } from "./components/SortTooltip/SortTooltip.js";
+import { Stepper as po } from "./components/Stepper/Stepper.js";
+import { StepperNavigator as fo } from "./components/StepperNavigator/StepperNavigator.js";
+import { TBody as xo, THead as no, Table as io, Td as lo, Th as To, Tr as so } from "./components/Table/Table.js";
+import { Tabs as go } from "./components/Tabs/Tabs.js";
+import { TextDisplay as So } from "./components/TextDisplay/TextDisplay.js";
+import { Toggle as ko } from "./components/Toggle/Toggle.js";
+import { G as ho } from "./Group-DspH8hyO.js";
+import { Tooltip as Io } from "./components/Tooltip/Tooltip.js";
+import { Text as Po, Typography as vo } from "./components/Typography/Typography.js";
+import { SnackbarContext as Bo, SnackbarProvider as Go, useSnackbar as Ro } from "./contexts/SnackbarProvider/SnackbarProvider.js";
+import { default as wo } from "./components/Dialog/DialogTitle.js";
+import { default as Lo } from "./components/Dialog/Content.js";
+import { default as Oo } from "./components/Dialog/Actions.js";
+import { Tab as jo } from "./components/Tabs/Tab.js";
+import { TabPanel as zo } from "./components/Tabs/TabPanel.js";
 export {
-  Lo as Actions,
+  Oo as Actions,
   t as Adornment,
   a as Advice,
-  m as Autocomplete,
-  n as Button,
-  l as Checkbox,
-  s as Chip,
-  S as ConfirmationDialog,
-  wo as Content,
-  b as Description,
-  C as Dialog,
-  Ro as DialogTitle,
-  D as EllipsisTooltip,
-  P as Icon,
-  y as IconButton,
-  B as Input,
-  R as InputSearch,
-  w as LoadingSpinner,
-  L as PageHeader,
-  O as Pagination,
-  q as Popover,
-  F as ResultWithChips,
-  c as RowItem,
-  K as Select,
-  M as SelectOption,
-  U as Skeleton,
-  V as SkeletonCircle,
-  X as SkeletonTable,
-  Z as Snackbar,
-  yo as SnackbarContext,
-  Ao as SnackbarProvider,
-  $ as SortTooltip,
-  eo as Stepper,
-  po as StepperNavigator,
-  fo as TBody,
-  mo as THead,
-  Oo as Tab,
-  jo as TabPanel,
-  xo as Table,
-  so as Tabs,
-  no as Td,
-  Io as Text,
-  go as TextDisplay,
-  io as Th,
-  So as Toggle,
-  ko as ToggleGroup,
-  g as ToggleGroupItem,
-  ho as Tooltip,
-  lo as Tr,
-  Po as Typography,
-  W as paginationDefaultTranslations,
-  oo as sortTooltipDefaultTranslations,
-  Bo as useSnackbar
+  m as Alert,
+  n as Autocomplete,
+  l as Button,
+  s as Checkbox,
+  g as Chip,
+  b as ConfirmationDialog,
+  Lo as Content,
+  C as Description,
+  D as Dialog,
+  wo as DialogTitle,
+  A as EllipsisTooltip,
+  v as Icon,
+  B as IconButton,
+  R as Input,
+  w as InputSearch,
+  L as LoadingSpinner,
+  O as PageHeader,
+  j as Pagination,
+  F as Popover,
+  K as ResultWithChips,
+  u as RowItem,
+  Q as Select,
+  U as SelectOption,
+  X as Skeleton,
+  Y as SkeletonCircle,
+  Z as SkeletonTable,
+  $ as Snackbar,
+  Bo as SnackbarContext,
+  Go as SnackbarProvider,
+  ro as SortTooltip,
+  po as Stepper,
+  fo as StepperNavigator,
+  xo as TBody,
+  no as THead,
+  jo as Tab,
+  zo as TabPanel,
+  io as Table,
+  go as Tabs,
+  lo as Td,
+  Po as Text,
+  So as TextDisplay,
+  To as Th,
+  ko as Toggle,
+  ho as ToggleGroup,
+  S as ToggleGroupItem,
+  Io as Tooltip,
+  so as Tr,
+  vo as Typography,
+  q as paginationDefaultTranslations,
+  eo as sortTooltipDefaultTranslations,
+  Ro as useSnackbar
 };

package/dist/marola.css

@@ -1 +1 @@
-:root{--secondary-orange: #ffa945;--secondary-orange-rgb: 255, 169, 69;--secondary-orange-dark: #fe8d53;--secondary-orange-dark-rgb: 254, 141, 83;--secondary-orange-light: #525061;--secondary-orange-light-rgb: 82, 80, 97;--secondary-green: #99dec3;--secondary-green-rgb: 153, 222, 195;--secondary-green-dark: #6acbb1;--secondary-green-dark-rgb: 106, 203, 177;--secondary-green-darker: #31aa7e;--secondary-green-darker-rgb: 49, 170, 126;--secondary-green-light: #baedd9;--secondary-green-light-rgb: 186, 237, 217;--accent: #1897f3;--accent-rgb: 24, 151, 243;--accent-dark: #1672c7;--accent-dark-rgb: 22, 114, 199;--accent-light: #4fb1f9;--accent-light-rgb: 79, 177, 249;--accent-lighter: #8ae1fd;--accent-lighter-rgb: 138, 225, 253;--alert: #df4561;--alert-rgb: 223, 69, 97;--alert-dark: #bb2b45;--alert-dark-rgb: 187, 43, 69;--accent-alert-light: #f37c91;--accent-alert-light-rgb: 243, 124, 145;--cream: #fafafa;--cream-rgb: 250, 250, 250;--hover: #42b7ff;--hover-rgb: 66, 183, 255;--active: #0a75cc;--active-rgb: 10, 117, 204;--border: #d9d9d9;--border-rgb: 217, 217, 217;--border-secondary: #f0f0f0;--border-secondary-rgb: 240, 240, 240}:root{--gray-100: #16161e;--gray-100-rgb: 22, 22, 30;--gray-95: #3f3d4b;--gray-95-rgb: 63, 61, 75;--gray-90: #525061;--gray-90-rgb: 82, 80, 97;--gray-75: #838192;--gray-75-rgb: 131, 129, 146;--gray-50: #bcbac8;--gray-50-rgb: 188, 186, 200;--gray-25: #dbdae2;--gray-25-rgb: 219, 218, 226;--gray-10: #ebeaf0;--gray-10-rgb: 235, 234, 240;--gray-5: #f7f7fc;--gray-5-rgb: 247, 247, 252;--black-100: #000000;--black-100-rgb: 0, 0, 0;--black-75: #616161;--black-75-rgb: 97, 97, 97;--black-50: #838192;--black-50-rgb: 131, 129, 146;--black-25: #bcbac8;--black-25-rgb: 188, 186, 200;--black-10: #ebeaf0;--black-10-rgb: 235, 234, 240;--white-100: #ffffff;--white-100-rgb: 255, 255, 255}:root{--heading-font-weight: 700;--heading-font-size-1: 3.75rem;--heading-line-height-1: 4.875rem;--heading-font-size-2: 3rem;--heading-line-height-2: 4rem;--heading-font-size-3: 2.25rem;--heading-line-height-3: 2.875rem;--heading-font-size-4: 1.875rem;--heading-line-height-4: 2.375rem;--heading-font-size-5: 1.5rem;--heading-line-height-5: 2rem;--heading-font-size-6: 1.25rem;--heading-line-height-6: 1.75rem;--base-font-size: .875rem;--base-line-height: 1.375rem;--base-weight: 400;--base-bold: 700;--base-font-size-sm: .75rem;--base-line-height-sm: 1.25rem;--base-font-size-lg: 1rem;--base-line-height-lg: 1.5rem;--base-font-size-xl: 1.25rem;--base-line-height-xl: 1.75rem;--base-font-size-xxl: 1.5rem;--base-line-height-xxl: 2rem}:root{--heading-font-weight: 700;--heading-font-size-xl: 3.75rem;--heading-line-height-xl: 4.875rem;--heading-font-size-l: 3rem;--heading-line-height-l: 3.9375rem;--heading-font-size: 2.25rem;--heading-line-height: 2.875rem;--heading-font-size-s: 1.5rem;--heading-line-height-s: 2rem;--body-font-size: 1rem;--body-line-height: 1.3125rem;--body-weight: normal;--body-bold: bold;--body-font-size-large: 1.5rem;--body-line-height-large: 1.625rem;--body-font-size-medium: 1.125;--body-line-height-medium: 1rem;--body-font-size-small: .875rem;--body-line-height-small: 1.125rem;--body-font-size-tiny: .75rem;--body-line-height-tiny: 1rem;--quote-font-size-large: 1.5rem;--quote-line-height-large: 2rem;--quote-font-weight-large: normal;--quote-font-size: 1rem;--quote-line-height: 1.3125rem;--quote-font-weight: normal;--form-input-font-size: 1rem;--form-input-line-height: 1.3125rem;--form-input-font-weight: bold;--form-hint-font-size: .875rem;--form-hint-line-height: 1.3125rem;--form-hint-font-weight: normal;--form-label-font-size: .875rem;--form-label-line-height: 1.3125rem;--form-label-font-weight: normal;--form-dropdown-font-size: 1rem;--form-dropdown-line-height: 1.3125rem;--form-dropdown-font-weight: normal;--table-font-size: .875rem;--table-line-height: 1.0625rem;--table-header-font-weight: bold;--table-body-font-weight: normal;--table-body-secondary-line-height: 1.3125rem;--button-font-size: 1rem;--button-line-height: 1.25rem;--button-font-weight: bold;--font-size-small: .75rem;--font-weight-small: 400;--font-line-height-small: 1.25rem;--font-weight-700: 700}:root{--spacing: 8px;--border-radius: 6px;--border-radius-soft: 4px;--transition-soft: .3s;--transition-long: .75s}*{box-sizing:border-box}
+:root{--secondary-orange: #ffa945;--secondary-orange-rgb: 255, 169, 69;--secondary-orange-dark: #fe8d53;--secondary-orange-dark-rgb: 254, 141, 83;--secondary-orange-light: #525061;--secondary-orange-light-rgb: 82, 80, 97;--secondary-green: #99dec3;--secondary-green-rgb: 153, 222, 195;--secondary-green-dark: #6acbb1;--secondary-green-dark-rgb: 106, 203, 177;--secondary-green-darker: #31aa7e;--secondary-green-darker-rgb: 49, 170, 126;--secondary-green-light: #baedd9;--secondary-green-light-rgb: 186, 237, 217;--accent: #1897f3;--accent-rgb: 24, 151, 243;--accent-dark: #1672c7;--accent-dark-rgb: 22, 114, 199;--accent-light: #4fb1f9;--accent-light-rgb: 79, 177, 249;--accent-lighter: #8ae1fd;--accent-lighter-rgb: 138, 225, 253;--alert: #df4561;--alert-rgb: 223, 69, 97;--alert-dark: #bb2b45;--alert-dark-rgb: 187, 43, 69;--accent-alert-light: #f37c91;--accent-alert-light-rgb: 243, 124, 145;--cream: #fafafa;--cream-rgb: 250, 250, 250;--hover: #42b7ff;--hover-rgb: 66, 183, 255;--active: #0a75cc;--active-rgb: 10, 117, 204;--border: #d9d9d9;--border-rgb: 217, 217, 217;--border-secondary: #f0f0f0;--border-secondary-rgb: 240, 240, 240;--error-background: #fff2f0;--error-background-rgb: 255, 242, 240;--error-border: #ffccc7;--error-border-rgb: 255, 204, 199}:root{--gray-100: #16161e;--gray-100-rgb: 22, 22, 30;--gray-95: #3f3d4b;--gray-95-rgb: 63, 61, 75;--gray-90: #525061;--gray-90-rgb: 82, 80, 97;--gray-75: #838192;--gray-75-rgb: 131, 129, 146;--gray-50: #bcbac8;--gray-50-rgb: 188, 186, 200;--gray-25: #dbdae2;--gray-25-rgb: 219, 218, 226;--gray-10: #ebeaf0;--gray-10-rgb: 235, 234, 240;--gray-5: #f7f7fc;--gray-5-rgb: 247, 247, 252;--black-100: #000000;--black-100-rgb: 0, 0, 0;--black-75: #616161;--black-75-rgb: 97, 97, 97;--black-50: #838192;--black-50-rgb: 131, 129, 146;--black-25: #bcbac8;--black-25-rgb: 188, 186, 200;--black-10: #ebeaf0;--black-10-rgb: 235, 234, 240;--white-100: #ffffff;--white-100-rgb: 255, 255, 255;--green-1: #f0fff7;--green-1-rgb: 240, 255, 247;--green-3: #a1edcb;--green-3-rgb: 161, 237, 203;--blue-1: #e6f9ff;--blue-1-rgb: 230, 249, 255;--blue-3: #94ddff;--blue-3-rgb: 148, 221, 255;--gold-1: #fffbe6;--gold-1-rgb: 255, 251, 230;--gold-3: #ffe58f;--gold-3-rgb: 255, 229, 143}:root{--heading-font-weight: 700;--heading-font-size-1: 3.75rem;--heading-line-height-1: 4.875rem;--heading-font-size-2: 3rem;--heading-line-height-2: 4rem;--heading-font-size-3: 2.25rem;--heading-line-height-3: 2.875rem;--heading-font-size-4: 1.875rem;--heading-line-height-4: 2.375rem;--heading-font-size-5: 1.5rem;--heading-line-height-5: 2rem;--heading-font-size-6: 1.25rem;--heading-line-height-6: 1.75rem;--base-font-size: .875rem;--base-line-height: 1.375rem;--base-weight: 400;--base-bold: 700;--base-font-size-sm: .75rem;--base-line-height-sm: 1.25rem;--base-font-size-lg: 1rem;--base-line-height-lg: 1.5rem;--base-font-size-xl: 1.25rem;--base-line-height-xl: 1.75rem;--base-font-size-xxl: 1.5rem;--base-line-height-xxl: 2rem}:root{--heading-font-weight: 700;--heading-font-size-xl: 3.75rem;--heading-line-height-xl: 4.875rem;--heading-font-size-l: 3rem;--heading-line-height-l: 3.9375rem;--heading-font-size: 2.25rem;--heading-line-height: 2.875rem;--heading-font-size-s: 1.5rem;--heading-line-height-s: 2rem;--body-font-size: 1rem;--body-line-height: 1.3125rem;--body-weight: normal;--body-bold: bold;--body-font-size-large: 1.5rem;--body-line-height-large: 1.625rem;--body-font-size-medium: 1.125;--body-line-height-medium: 1rem;--body-font-size-small: .875rem;--body-line-height-small: 1.125rem;--body-font-size-tiny: .75rem;--body-line-height-tiny: 1rem;--quote-font-size-large: 1.5rem;--quote-line-height-large: 2rem;--quote-font-weight-large: normal;--quote-font-size: 1rem;--quote-line-height: 1.3125rem;--quote-font-weight: normal;--form-input-font-size: 1rem;--form-input-line-height: 1.3125rem;--form-input-font-weight: bold;--form-hint-font-size: .875rem;--form-hint-line-height: 1.3125rem;--form-hint-font-weight: normal;--form-label-font-size: .875rem;--form-label-line-height: 1.3125rem;--form-label-font-weight: normal;--form-dropdown-font-size: 1rem;--form-dropdown-line-height: 1.3125rem;--form-dropdown-font-weight: normal;--table-font-size: .875rem;--table-line-height: 1.0625rem;--table-header-font-weight: bold;--table-body-font-weight: normal;--table-body-secondary-line-height: 1.3125rem;--button-font-size: 1rem;--button-line-height: 1.25rem;--button-font-weight: bold;--font-size-small: .75rem;--font-weight-small: 400;--font-line-height-small: 1.25rem;--font-weight-700: 700}:root{--spacing: 8px;--border-radius: 6px;--border-radius-soft: 4px;--transition-soft: .3s;--transition-long: .75s}*{box-sizing:border-box}

package/package.json

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