@pismo/marola 1.0.0-beta.65 → 1.0.0-beta.67

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

@@ -11,5 +11,5 @@ type AvatarCoreProps = {
     className?: string;
     'data-testid'?: string;
 };
-declare const Avatar: import('react').ForwardRefExoticComponent<AvatarCoreProps & import('react').RefAttributes<HTMLDivElement>>;
-export default Avatar;
+export declare const Avatar: import('react').ForwardRefExoticComponent<AvatarCoreProps & import('react').RefAttributes<HTMLDivElement>>;
+export {};

package/dist/components/Avatar/Avatar.js

@@ -47,5 +47,5 @@ const m = "_avatar_4n12g_57", b = "_avatar__icon_4n12g_108", x = "_avatar__image
   ] });
 });
 export {
-  $ as default
+  $ as Avatar
 };

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

@@ -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/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,97 @@
-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 "./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 { Adornment as e } from "./components/Adornment/Adornment.js";
+import { Advice as p } from "./components/Advice/Advice.js";
+import { Alert as f } from "./components/Alert/Alert.js";
+import { Autocomplete as x } from "./components/Autocomplete/Autocomplete.js";
+import { Avatar as l } from "./components/Avatar/Avatar.js";
+import { Button as T } from "./components/Button/Button.js";
+import { Checkbox as c } from "./components/Checkbox/Checkbox.js";
+import { C as u, R as S, T as d } from "./Toggle-MfR7l8Wn.js";
+import { ConfirmationDialog as k } from "./components/ConfirmationDialog/ConfirmationDialog.js";
+import { Description as h } from "./components/Description/Description.js";
+import { Dialog as A } from "./components/Dialog/Dialog.js";
+import { EllipsisTooltip as v } from "./components/EllipsisTooltip/EllipsisTooltip.js";
+import { Icon as y } from "./components/Icon/Icon.js";
+import { IconButton as G } from "./components/IconButton/IconButton.js";
+import { Input as H } from "./components/Input/Input.js";
+import { InputSearch as E } from "./components/InputSearch/InputSearch.js";
+import { LoadingSpinner as N } from "./components/LoadingSpinner/LoadingSpinner.js";
+import { PageHeader as W } from "./components/PageHeader/PageHeader.js";
+import { Pagination as q, paginationDefaultTranslations as z } from "./components/Pagination/Pagination.js";
+import { Popover as J } from "./components/Popover/Popover.js";
+import { ResultWithChips as M } from "./components/ResultWithChips/ResultWithChips.js";
+import { Select as U, SelectOption as V } from "./components/Select/Select.js";
+import { Skeleton as Y, SkeletonCircle as Z, SkeletonTable as _ } from "./components/Skeleton/Skeleton.js";
+import { Snackbar as oo } from "./components/Snackbar/Snackbar.js";
+import { SortTooltip as eo, sortTooltipDefaultTranslations as to } from "./components/SortTooltip/SortTooltip.js";
+import { Stepper as ao } from "./components/Stepper/Stepper.js";
+import { StepperNavigator as mo } from "./components/StepperNavigator/StepperNavigator.js";
+import { TBody as no, THead as lo, Table as io, Td as To, Th as so, Tr as co } from "./components/Table/Table.js";
+import { Tabs as uo } from "./components/Tabs/Tabs.js";
+import { TextDisplay as bo } from "./components/TextDisplay/TextDisplay.js";
+import { Toggle as Co } from "./components/Toggle/Toggle.js";
+import { G as Do } from "./Group-DspH8hyO.js";
+import { Tooltip as Io } from "./components/Tooltip/Tooltip.js";
+import { Text as Po, Typography as yo } from "./components/Typography/Typography.js";
+import { SnackbarContext as Go, SnackbarProvider as Ro, useSnackbar as Ho } from "./contexts/SnackbarProvider/SnackbarProvider.js";
+import { default as Eo } from "./components/Dialog/DialogTitle.js";
+import { default as No } from "./components/Dialog/Content.js";
+import { default as Wo } from "./components/Dialog/Actions.js";
+import { Tab as qo } from "./components/Tabs/Tab.js";
+import { TabPanel as Fo } from "./components/Tabs/TabPanel.js";
 export {
-  Lo 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
+  Wo as Actions,
+  e as Adornment,
+  p as Advice,
+  f as Alert,
+  x as Autocomplete,
+  l as Avatar,
+  T as Button,
+  c as Checkbox,
+  u as Chip,
+  k as ConfirmationDialog,
+  No as Content,
+  h as Description,
+  A as Dialog,
+  Eo as DialogTitle,
+  v as EllipsisTooltip,
+  y as Icon,
+  G as IconButton,
+  H as Input,
+  E as InputSearch,
+  N as LoadingSpinner,
+  W as PageHeader,
+  q as Pagination,
+  J as Popover,
+  M as ResultWithChips,
+  S as RowItem,
+  U as Select,
+  V as SelectOption,
+  Y as Skeleton,
+  Z as SkeletonCircle,
+  _ as SkeletonTable,
+  oo as Snackbar,
+  Go as SnackbarContext,
+  Ro as SnackbarProvider,
+  eo as SortTooltip,
+  ao as Stepper,
+  mo as StepperNavigator,
+  no as TBody,
+  lo as THead,
+  qo as Tab,
+  Fo as TabPanel,
+  io as Table,
+  uo as Tabs,
+  To as Td,
+  Po as Text,
+  bo as TextDisplay,
+  so as Th,
+  Co as Toggle,
+  Do as ToggleGroup,
+  d as ToggleGroupItem,
+  Io as Tooltip,
+  co as Tr,
+  yo as Typography,
+  z as paginationDefaultTranslations,
+  to as sortTooltipDefaultTranslations,
+  Ho 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.65",
+  "version": "1.0.0-beta.67",
   "type": "module",
   "main": "dist/main.js",
   "types": "dist/main.d.ts",