@pismo/marola 1.0.11 → 1.0.13

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (51) hide show
  1. package/dist/Dialog.module-Duis5XWM.js +2 -1
  2. package/dist/Group-ZXteFV4M.js +2 -1
  3. package/dist/Popover.module-B4boCutS.js +2 -1
  4. package/dist/SelectButton-B38avP9u.js +2 -1
  5. package/dist/Tabs.module-By78tLjn.js +2 -1
  6. package/dist/Toggle-BuZjueQ7.js +2 -1
  7. package/dist/assets/Avatar.css +1 -1
  8. package/dist/components/Adornment/Adornment.js +2 -1
  9. package/dist/components/Advice/Advice.js +2 -1
  10. package/dist/components/Alert/Alert.js +2 -1
  11. package/dist/components/Autocomplete/Autocomplete.js +2 -1
  12. package/dist/components/Avatar/Avatar.js +35 -34
  13. package/dist/components/Avatar/Avatar.stories.d.ts +1 -1
  14. package/dist/components/Button/Button.js +2 -1
  15. package/dist/components/Checkbox/Checkbox.js +2 -1
  16. package/dist/components/Chip/Chip.stories.d.ts +1 -1
  17. package/dist/components/ConfirmationDialog/ConfirmationDialog.stories.d.ts +1 -1
  18. package/dist/components/Description/Description.js +2 -1
  19. package/dist/components/Dialog/Dialog.stories.d.ts +2 -2
  20. package/dist/components/EllipsisTooltip/EllipsisTooltip.js +2 -1
  21. package/dist/components/EllipsisTooltip/EllipsisTooltip.stories.d.ts +1 -1
  22. package/dist/components/Icon/Icon.js +121 -107
  23. package/dist/components/Icon/types.d.ts +1 -1
  24. package/dist/components/IconButton/IconButton.js +2 -1
  25. package/dist/components/Input/Input.js +2 -1
  26. package/dist/components/InputSearch/InputSearch.js +2 -1
  27. package/dist/components/LoadingSpinner/LoadingSpinner.js +2 -1
  28. package/dist/components/LoadingSpinner/LoadingSpinner.stories.d.ts +1 -1
  29. package/dist/components/PageHeader/PageHeader.js +2 -1
  30. package/dist/components/Pagination/Pagination.js +2 -1
  31. package/dist/components/Popover/Popover.stories.d.ts +1 -1
  32. package/dist/components/RadioButton/RadioButton.js +2 -1
  33. package/dist/components/ResultWithChips/ResultWithChips.js +2 -1
  34. package/dist/components/Skeleton/Skeleton.js +2 -1
  35. package/dist/components/Snackbar/Snackbar.js +2 -1
  36. package/dist/components/Snackbar/Snackbar.stories.d.ts +2 -2
  37. package/dist/components/SortTooltip/SortTooltip.js +2 -1
  38. package/dist/components/Stepper/Stepper.js +2 -1
  39. package/dist/components/StepperNavigator/StepperNavigator.js +2 -1
  40. package/dist/components/Table/Table.js +2 -1
  41. package/dist/components/Tag/Tag.js +2 -1
  42. package/dist/components/TextDisplay/TextDisplay.js +2 -1
  43. package/dist/components/Toggle/Toggle.js +2 -1
  44. package/dist/components/ToggleGroup/ToggleGroup.stories.d.ts +1 -1
  45. package/dist/components/Tooltip/Tooltip.js +2 -1
  46. package/dist/components/Tooltip/Tooltip.stories.d.ts +1 -1
  47. package/dist/components/Typography/Typography.js +2 -1
  48. package/dist/components/Typography/Typography.stories.d.ts +1 -1
  49. package/dist/contexts/SnackbarProvider/SnackbarProvider.stories.d.ts +1 -1
  50. package/dist/marola.css +1 -1
  51. package/package.json +2 -2
@@ -2,4 +2,4 @@
2
2
  * This file is automatically generated. Any changes will be lost.
3
3
  * run "yarn generate-icon-types" or "yarn build" to regenerate it.
4
4
  */
5
- export type IconName = 'arrow-down-arrow-up' | 'arrow-down-z-a' | 'arrow-left' | 'arrow-right-to-arc' | 'arrows-rotate' | 'badge-check' | 'bell' | 'building-columns' | 'calendar-days' | 'check-double' | 'chevron-down' | 'chevron-up' | 'circle' | 'circle-arrow-right' | 'circle-check' | 'circle-check-outline' | 'circle-exclamation' | 'circle-exclamation-outline' | 'circle-info' | 'circle-minus' | 'circle-xmark' | 'circle-xmark-outline' | 'coins' | 'credit-card' | 'credit-card-blank' | 'credit-card-front' | 'ellipsis-vertical' | 'empty-img' | 'empty-set' | 'eye' | 'eye-slash' | 'filter-list' | 'folder-magnifying-glass' | 'grid-horizontal' | 'house-blank' | 'list' | 'loader' | 'lock-keyhole' | 'lock-keyhole-open' | 'logo' | 'magnifying-glass' | 'map-location-dot' | 'mobile-screen-button' | 'money-bill-transfer' | 'money-bill-trend-up' | 'money-bills' | 'notes-medical' | 'paste' | 'pen-to-square' | 'piggy-bank' | 'rectangle-history' | 'rectangle-history-circle-user' | 'rotate' | 'server' | 'sidebar' | 'squirrel' | 'trash' | 'trash-can' | 'upload' | 'user' | 'user-gear' | 'user-group' | 'user-tie' | 'user-tie-hair' | 'user-vneck' | 'users' | 'wallet' | 'warehouse-full' | 'xmark';
5
+ export type IconName = 'arrow-down-arrow-up' | 'arrow-down-z-a' | 'arrow-left' | 'arrow-right-to-arc' | 'arrows-rotate' | 'badge-check' | 'bell' | 'building-columns' | 'calendar-days' | 'check-double' | 'chevron-down' | 'chevron-up' | 'circle' | 'circle-arrow-right' | 'circle-check' | 'circle-check-outline' | 'circle-exclamation' | 'circle-exclamation-outline' | 'circle-info' | 'circle-minus' | 'circle-xmark' | 'circle-xmark-outline' | 'coins' | 'copy' | 'credit-card' | 'credit-card-blank' | 'credit-card-front' | 'download' | 'ellipsis-vertical' | 'empty-img' | 'empty-set' | 'eye' | 'eye-slash' | 'filter-list' | 'folder-magnifying-glass' | 'grid-horizontal' | 'house-blank' | 'list' | 'loader' | 'lock-keyhole' | 'lock-keyhole-open' | 'logo' | 'magnifying-glass' | 'map-location-dot' | 'mobile-screen-button' | 'money-bill-transfer' | 'money-bill-trend-up' | 'money-bills' | 'notes-medical' | 'paste' | 'pen-to-square' | 'piggy-bank' | 'rectangle-history' | 'rectangle-history-circle-user' | 'rotate' | 'server' | 'sidebar' | 'squirrel' | 'trash' | 'trash-can' | 'upload' | 'user' | 'user-gear' | 'user-group' | 'user-tie' | 'user-tie-hair' | 'user-vneck' | 'users' | 'wallet' | 'warehouse-full' | 'xmark';
@@ -1,9 +1,10 @@
1
+ import '../../assets/IconButton.css';
1
2
  import { jsx as r, jsxs as c } from "react/jsx-runtime";
2
3
  import { forwardRef as d, useMemo as l } from "react";
3
4
  import { c as j } from "../../clsx-DB4S2d7J.js";
4
5
  import { LoadingSpinner as m } from "../LoadingSpinner/LoadingSpinner.js";
5
6
  import { B as x } from "../../Button-BAljjMv3.js";
6
- import '../../assets/IconButton.css';const o = {
7
+ const o = {
7
8
  "u-typography-h1": "_u-typography-h1_gt5j9_1",
8
9
  "u-typography-h2": "_u-typography-h2_gt5j9_8",
9
10
  "u-typography-h3": "_u-typography-h3_gt5j9_15",
@@ -1,3 +1,4 @@
1
+ import '../../assets/Input.css';
1
2
  import { jsxs as K, jsx as A } from "react/jsx-runtime";
2
3
  import * as N from "react";
3
4
  import { forwardRef as de, useState as ce, useId as _e, useMemo as ye } from "react";
@@ -5,7 +6,7 @@ import { c as k } from "../../clsx-DB4S2d7J.js";
5
6
  import { Icon as me } from "../Icon/Icon.js";
6
7
  import { Typography as Q } from "../Typography/Typography.js";
7
8
  import { g as fe, a as he, u as ge, f as X, b as h, _ as be, c as oe, i as xe, P as e, d as Ce, e as we } from "../../useSlotProps-C_I1kEHr.js";
8
- import '../../assets/Input.css';function Ne(s) {
9
+ function Ne(s) {
9
10
  let l = "https://mui.com/production-error/?code=" + s;
10
11
  for (let c = 1; c < arguments.length; c += 1)
11
12
  l += "&args[]=" + encodeURIComponent(arguments[c]);
@@ -1,9 +1,10 @@
1
+ import '../../assets/InputSearch.css';
1
2
  import { jsx as e } from "react/jsx-runtime";
2
3
  import { forwardRef as p } from "react";
3
4
  import { c as u } from "../../clsx-DB4S2d7J.js";
4
5
  import { Icon as f } from "../Icon/Icon.js";
5
6
  import { Input as l } from "../Input/Input.js";
6
- import '../../assets/InputSearch.css';const h = "_inputSearch_114e1_1", g = {
7
+ const h = "_inputSearch_114e1_1", g = {
7
8
  inputSearch: h
8
9
  };
9
10
  let r;
@@ -1,7 +1,8 @@
1
+ import '../../assets/LoadingSpinner.css';
1
2
  import { jsxs as e, jsx as s } from "react/jsx-runtime";
2
3
  import { useMemo as o } from "react";
3
4
  import { c as t } from "../../clsx-DB4S2d7J.js";
4
- import '../../assets/LoadingSpinner.css';const n = {
5
+ const n = {
5
6
  "ls-ring": "_ls-ring_elvjz_1",
6
7
  "ls-ring--invert": "_ls-ring--invert_elvjz_34"
7
8
  }, a = ({ invert: i = !1, classNames: r }) => {
@@ -4,7 +4,7 @@ declare const meta: {
4
4
  title: string;
5
5
  component: ({ invert, classNames }: import('./LoadingSpinner').LoadingSpinnerProps) => import("react/jsx-runtime").JSX.Element;
6
6
  tags: string[];
7
- decorators: ((Story: import('@storybook/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
7
+ decorators: ((Story: import('@storybook/types').PartialStoryFn<import('@storybook/react').ReactRenderer, {
8
8
  invert?: boolean | undefined;
9
9
  classNames?: string | undefined;
10
10
  }>) => import("react/jsx-runtime").JSX.Element)[];
@@ -1,9 +1,10 @@
1
+ import '../../assets/PageHeader.css';
1
2
  import { jsx as e, Fragment as l, jsxs as i } from "react/jsx-runtime";
2
3
  import { useMemo as H } from "react";
3
4
  import { c as _ } from "../../clsx-DB4S2d7J.js";
4
5
  import { Icon as I } from "../Icon/Icon.js";
5
6
  import { IconButton as T } from "../IconButton/IconButton.js";
6
- import '../../assets/PageHeader.css';const $ = "_title_1loyf_22", q = "_subtitle_1loyf_43", a = {
7
+ const $ = "_title_1loyf_22", q = "_subtitle_1loyf_43", a = {
7
8
  "u-typography-h1": "_u-typography-h1_1loyf_1",
8
9
  "u-typography-h2": "_u-typography-h2_1loyf_8",
9
10
  "u-typography-h3": "_u-typography-h3_1loyf_15",
@@ -1,8 +1,9 @@
1
+ import '../../assets/Pagination.css';
1
2
  import { jsxs as s, Fragment as p, jsx as t } from "react/jsx-runtime";
2
3
  import { c as _ } from "../../clsx-DB4S2d7J.js";
3
4
  import { Select as d } from "../Select/Select.js";
4
5
  import C from "./usePagination.js";
5
- import '../../assets/Pagination.css';const w = "_pagination_2n0nk_43", a = {
6
+ const w = "_pagination_2n0nk_43", a = {
6
7
  "u-typography-h1": "_u-typography-h1_2n0nk_1",
7
8
  "u-typography-h2": "_u-typography-h2_2n0nk_8",
8
9
  "u-typography-h3": "_u-typography-h3_2n0nk_15",
@@ -25,7 +25,7 @@ declare const meta: {
25
25
  };
26
26
  };
27
27
  tags: string[];
28
- decorators: ((Story: import('@storybook/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
28
+ decorators: ((Story: import('@storybook/types').PartialStoryFn<import('@storybook/react').ReactRenderer, {
29
29
  [x: string]: any;
30
30
  }>) => import("react/jsx-runtime").JSX.Element)[];
31
31
  };
@@ -1,9 +1,10 @@
1
+ import '../../assets/RadioButton.css';
1
2
  import { jsxs as h, jsx as i } from "react/jsx-runtime";
2
3
  import { useState as x } from "react";
3
4
  import { c as o } from "../../clsx-DB4S2d7J.js";
4
5
  import { Icon as y } from "../Icon/Icon.js";
5
6
  import { Typography as C } from "../Typography/Typography.js";
6
- import '../../assets/RadioButton.css';const S = "_radio_1t160_1", a = {
7
+ const S = "_radio_1t160_1", a = {
7
8
  radio: S,
8
9
  "radio--label": "_radio--label_1t160_9",
9
10
  "radio--label__disabled": "_radio--label__disabled_1t160_12",
@@ -1,6 +1,7 @@
1
+ import '../../assets/ResultWithChips.css';
1
2
  import { jsxs as i, jsx as e } from "react/jsx-runtime";
2
3
  import { C as t } from "../../Toggle-BuZjueQ7.js";
3
- import '../../assets/ResultWithChips.css';const r = "_container_hgp0p_1", o = "_label_hgp0p_17", a = {
4
+ const r = "_container_hgp0p_1", o = "_label_hgp0p_17", a = {
4
5
  container: r,
5
6
  "chip-item-wrapper": "_chip-item-wrapper_hgp0p_8",
6
7
  label: o,
@@ -1,6 +1,7 @@
1
+ import '../../assets/Skeleton.css';
1
2
  import { jsx as t, jsxs as N } from "react/jsx-runtime";
2
3
  import { c as r } from "../../clsx-DB4S2d7J.js";
3
- import '../../assets/Skeleton.css';const u = "_skeleton_mst8q_1", b = "_skeletonLoading_mst8q_1", o = {
4
+ const u = "_skeleton_mst8q_1", b = "_skeletonLoading_mst8q_1", o = {
4
5
  skeleton: u,
5
6
  skeletonLoading: b,
6
7
  "skeleton--circle-type": "_skeleton--circle-type_mst8q_13",
@@ -1,3 +1,4 @@
1
+ import '../../assets/Snackbar.css';
1
2
  import { jsx as h, jsxs as Y } from "react/jsx-runtime";
2
3
  import * as w from "react";
3
4
  import C, { useState as V, useRef as X } from "react";
@@ -9,7 +10,7 @@ import { u as ee } from "../../useTimeout-DxF9kiZL.js";
9
10
  import { u as I } from "../../useEventCallback-BAQJJ3ye.js";
10
11
  import { C as B } from "../../ClickAwayListener-DbEYZpyh.js";
11
12
  import { R as P } from "../../index-bQFToy-I.js";
12
- import '../../assets/Snackbar.css';const W = "Snackbar";
13
+ const W = "Snackbar";
13
14
  function te(u) {
14
15
  return z(W, u);
15
16
  }
@@ -5,7 +5,7 @@ declare const meta: {
5
5
  title: string;
6
6
  component: ({ snackbarMessage, variant, autoHideDuration, open, onClose, onClosed, classNameWrapper, "data-testid": dataTestId, }: SnackbarProps) => import("react/jsx-runtime").JSX.Element;
7
7
  tags: string[];
8
- decorators: ((Story: import('@storybook/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
8
+ decorators: ((Story: import('@storybook/types').PartialStoryFn<import('@storybook/react').ReactRenderer, {
9
9
  accept?: string | undefined;
10
10
  alt?: string | undefined;
11
11
  autoComplete?: import('react').HTMLInputAutoCompleteAttribute | undefined;
@@ -103,7 +103,7 @@ declare const meta: {
103
103
  "aria-description"?: string | undefined;
104
104
  "aria-details"?: string | undefined;
105
105
  "aria-disabled"?: (boolean | "true" | "false") | undefined;
106
- "aria-dropeffect"?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
106
+ "aria-dropeffect"?: "copy" | "link" | "none" | "execute" | "move" | "popup" | undefined;
107
107
  "aria-errormessage"?: string | undefined;
108
108
  "aria-expanded"?: (boolean | "true" | "false") | undefined;
109
109
  "aria-flowto"?: string | undefined;
@@ -1,8 +1,9 @@
1
+ import '../../assets/SortTooltip.css';
1
2
  import { jsx as h, jsxs as s } from "react/jsx-runtime";
2
3
  import { c as d } from "../../clsx-DB4S2d7J.js";
3
4
  import { Tooltip as b } from "../Tooltip/Tooltip.js";
4
5
  import * as t from "react";
5
- import '../../assets/SortTooltip.css';const f = (e) => /* @__PURE__ */ t.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ t.createElement("path", { d: "M4.73768 14.6906C4.35893 15.105 3.64205 15.105 3.26299 14.6906L0.541112 11.6878C0.167987 11.28 0.195487 10.6469 0.602643 10.2731C1.00952 9.89969 1.64233 9.92812 2.01577 10.3348L3.00017 11.4406V2.00094C3.00017 1.44781 3.44799 1 4.00017 1C4.55236 1 5.00017 1.44781 5.00017 2.00094V11.4384L6.01267 10.3325C6.3708 9.94219 7.00236 9.88281 7.4258 10.2708C7.83299 10.6443 7.86018 11.2777 7.48733 11.6855L4.73768 14.6906Z", fill: "#1897F3" }), /* @__PURE__ */ t.createElement("path", { opacity: 0.4, d: "M14.0001 13H12.4141L14.7073 10.7069C14.9934 10.4208 15.0788 9.99098 14.9241 9.61691C14.7693 9.24285 14.4032 9.00004 13.972 9.00004H9.97196C9.44696 9.00004 9.00008 9.44691 9.00008 10C9.00008 10.5532 9.4479 11 10.0001 11H11.586L9.2929 13.2932C9.00677 13.5793 8.92133 14.0091 9.07608 14.3832C9.23083 14.7572 9.59696 15 9.97196 15H13.9438C14.5532 15 15.0001 14.5532 15.0001 14C15.0001 13.4469 14.5532 13 14.0001 13ZM15.3938 6.54066L12.8941 1.53754C12.5554 0.855977 11.4441 0.855977 11.1054 1.53754L8.60633 6.54066C8.35927 7.03785 8.55946 7.64191 9.05352 7.89035C9.54946 8.13791 10.1485 7.93651 10.3951 7.44035L10.6186 6.99066H13.3821L13.6056 7.44035C13.7986 7.82879 14.3547 8.18629 14.9472 7.89035C15.4407 7.64379 15.6407 7.03754 15.3938 6.54066ZM11.4938 5.23129L12.0001 4.20941L12.507 5.2291H11.4938V5.23129Z", fill: "#1897F3" })), m = (e) => /* @__PURE__ */ t.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ t.createElement("path", { d: "M0.512792 11.6594C0.139667 11.2516 0.167167 10.6184 0.574323 10.2447C0.766229 10.0688 1.00839 9.98175 1.24964 9.98175C1.52063 9.98175 1.79026 10.0912 1.98745 10.3064L2.99998 11.4406V2.00094C2.99998 1.44781 3.44779 1 3.99998 1C4.55217 1 4.99998 1.44781 4.99998 2.00094V11.4384L6.01248 10.3325C6.38748 9.92812 7.01873 9.89687 7.42498 10.2719C7.83216 10.6453 7.85935 11.2787 7.48651 11.6866L4.76463 14.6894C4.38588 15.1037 3.66901 15.1037 3.28995 14.6894L0.512792 11.6594Z", fill: "#1897F3" }), /* @__PURE__ */ t.createElement("path", { opacity: 0.4, d: "M10.0002 3H11.5862L9.29303 5.29313C9.00691 5.57925 8.92147 6.00906 9.07622 6.38313C9.23097 6.75719 9.59591 7 9.99997 7H13.9718C14.5533 6.97188 15.0002 6.55313 15.0002 6C15.0002 5.44688 14.5524 5 14.0002 5H12.4143L14.7074 2.70688C14.9935 2.42075 15.079 1.99094 14.9242 1.61688C14.7695 1.24281 14.4033 1 13.9721 1H10.0002C9.44709 1 9.00022 1.44719 9.00022 2C9.00022 2.55281 9.44709 3 10.0002 3ZM15.394 13.5406L12.8943 8.5375C12.5555 7.85594 11.4443 7.85594 11.1055 8.5375L8.60584 13.5406C8.35878 14.0378 8.55897 14.6419 9.05303 14.8903C9.54897 15.1379 10.148 14.9365 10.3946 14.4403L10.6182 13.9906H13.3816L13.6052 14.4403C13.7981 14.8288 14.3542 15.1863 14.9467 14.8903C15.4408 14.6438 15.6408 14.0375 15.394 13.5406ZM11.494 12.2313L12.0002 11.2094L12.5071 12.2291H11.494V12.2313Z", fill: "#1897F3" })), a = {
6
+ const f = (e) => /* @__PURE__ */ t.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ t.createElement("path", { d: "M4.73768 14.6906C4.35893 15.105 3.64205 15.105 3.26299 14.6906L0.541112 11.6878C0.167987 11.28 0.195487 10.6469 0.602643 10.2731C1.00952 9.89969 1.64233 9.92812 2.01577 10.3348L3.00017 11.4406V2.00094C3.00017 1.44781 3.44799 1 4.00017 1C4.55236 1 5.00017 1.44781 5.00017 2.00094V11.4384L6.01267 10.3325C6.3708 9.94219 7.00236 9.88281 7.4258 10.2708C7.83299 10.6443 7.86018 11.2777 7.48733 11.6855L4.73768 14.6906Z", fill: "#1897F3" }), /* @__PURE__ */ t.createElement("path", { opacity: 0.4, d: "M14.0001 13H12.4141L14.7073 10.7069C14.9934 10.4208 15.0788 9.99098 14.9241 9.61691C14.7693 9.24285 14.4032 9.00004 13.972 9.00004H9.97196C9.44696 9.00004 9.00008 9.44691 9.00008 10C9.00008 10.5532 9.4479 11 10.0001 11H11.586L9.2929 13.2932C9.00677 13.5793 8.92133 14.0091 9.07608 14.3832C9.23083 14.7572 9.59696 15 9.97196 15H13.9438C14.5532 15 15.0001 14.5532 15.0001 14C15.0001 13.4469 14.5532 13 14.0001 13ZM15.3938 6.54066L12.8941 1.53754C12.5554 0.855977 11.4441 0.855977 11.1054 1.53754L8.60633 6.54066C8.35927 7.03785 8.55946 7.64191 9.05352 7.89035C9.54946 8.13791 10.1485 7.93651 10.3951 7.44035L10.6186 6.99066H13.3821L13.6056 7.44035C13.7986 7.82879 14.3547 8.18629 14.9472 7.89035C15.4407 7.64379 15.6407 7.03754 15.3938 6.54066ZM11.4938 5.23129L12.0001 4.20941L12.507 5.2291H11.4938V5.23129Z", fill: "#1897F3" })), m = (e) => /* @__PURE__ */ t.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ t.createElement("path", { d: "M0.512792 11.6594C0.139667 11.2516 0.167167 10.6184 0.574323 10.2447C0.766229 10.0688 1.00839 9.98175 1.24964 9.98175C1.52063 9.98175 1.79026 10.0912 1.98745 10.3064L2.99998 11.4406V2.00094C2.99998 1.44781 3.44779 1 3.99998 1C4.55217 1 4.99998 1.44781 4.99998 2.00094V11.4384L6.01248 10.3325C6.38748 9.92812 7.01873 9.89687 7.42498 10.2719C7.83216 10.6453 7.85935 11.2787 7.48651 11.6866L4.76463 14.6894C4.38588 15.1037 3.66901 15.1037 3.28995 14.6894L0.512792 11.6594Z", fill: "#1897F3" }), /* @__PURE__ */ t.createElement("path", { opacity: 0.4, d: "M10.0002 3H11.5862L9.29303 5.29313C9.00691 5.57925 8.92147 6.00906 9.07622 6.38313C9.23097 6.75719 9.59591 7 9.99997 7H13.9718C14.5533 6.97188 15.0002 6.55313 15.0002 6C15.0002 5.44688 14.5524 5 14.0002 5H12.4143L14.7074 2.70688C14.9935 2.42075 15.079 1.99094 14.9242 1.61688C14.7695 1.24281 14.4033 1 13.9721 1H10.0002C9.44709 1 9.00022 1.44719 9.00022 2C9.00022 2.55281 9.44709 3 10.0002 3ZM15.394 13.5406L12.8943 8.5375C12.5555 7.85594 11.4443 7.85594 11.1055 8.5375L8.60584 13.5406C8.35878 14.0378 8.55897 14.6419 9.05303 14.8903C9.54897 15.1379 10.148 14.9365 10.3946 14.4403L10.6182 13.9906H13.3816L13.6052 14.4403C13.7981 14.8288 14.3542 15.1863 14.9467 14.8903C15.4408 14.6438 15.6408 14.0375 15.394 13.5406ZM11.494 12.2313L12.0002 11.2094L12.5071 12.2291H11.494V12.2313Z", fill: "#1897F3" })), a = {
6
7
  "u-typography-h1": "_u-typography-h1_3hhsf_1",
7
8
  "u-typography-h2": "_u-typography-h2_3hhsf_8",
8
9
  "u-typography-h3": "_u-typography-h3_3hhsf_15",
@@ -1,6 +1,7 @@
1
+ import '../../assets/Stepper.css';
1
2
  import { jsx as s, jsxs as g } from "react/jsx-runtime";
2
3
  import { c as r } from "../../clsx-DB4S2d7J.js";
3
- import '../../assets/Stepper.css';const d = "_stepper_7fsnr_61", m = "_item_7fsnr_61", c = "_name_7fsnr_61", l = "_counter_7fsnr_65", t = {
4
+ const d = "_stepper_7fsnr_61", m = "_item_7fsnr_61", c = "_name_7fsnr_61", l = "_counter_7fsnr_65", t = {
4
5
  "u-typography-h1": "_u-typography-h1_7fsnr_1",
5
6
  "u-typography-h2": "_u-typography-h2_7fsnr_8",
6
7
  "u-typography-h3": "_u-typography-h3_7fsnr_15",
@@ -1,8 +1,9 @@
1
+ import '../../assets/StepperNavigator.css';
1
2
  import { jsxs as l, jsx as a } from "react/jsx-runtime";
2
3
  import { c as i } from "../../clsx-DB4S2d7J.js";
3
4
  import { Button as I } from "../Button/Button.js";
4
5
  import { Icon as K } from "../Icon/Icon.js";
5
- import '../../assets/StepperNavigator.css';const _ = {
6
+ const _ = {
6
7
  "stepper-navigator": "_stepper-navigator_27f6m_1",
7
8
  "cancel-button": "_cancel-button_27f6m_11",
8
9
  "previous-button": "_previous-button_27f6m_20",
@@ -1,3 +1,4 @@
1
+ import '../../assets/Table.css';
1
2
  import { jsxs as y, jsx as l } from "react/jsx-runtime";
2
3
  import * as c from "react";
3
4
  import { useState as f } from "react";
@@ -5,7 +6,7 @@ import { c as m } from "../../clsx-DB4S2d7J.js";
5
6
  import { paginationDefaultTranslations as b, Pagination as u } from "../Pagination/Pagination.js";
6
7
  import { sortTooltipDefaultTranslations as T, SortTooltip as g } from "../SortTooltip/SortTooltip.js";
7
8
  import { TableProvider as N, useTable as x } from "./TableContext.js";
8
- import '../../assets/Table.css';const C = (r) => /* @__PURE__ */ c.createElement("svg", { width: 7, height: 10, viewBox: "0 0 7 10", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...r }, /* @__PURE__ */ c.createElement("g", { clipPath: "url(#clip0_2291_2457)" }, /* @__PURE__ */ c.createElement("path", { d: "M6.41658 3.93794C6.26731 3.93794 6.11798 3.88301 6.00423 3.77314L3.49991 1.35923L0.995768 3.77271C0.767904 3.99243 0.398763 3.99243 0.170898 3.77271C-0.0569661 3.55298 -0.0569661 3.19702 0.170898 2.97729L3.08756 0.164795C3.31543 -0.0549316 3.68457 -0.0549316 3.91243 0.164795L6.8291 2.97729C7.05697 3.19702 7.05697 3.55298 6.8291 3.77271C6.71553 3.88345 6.56605 3.93794 6.41658 3.93794Z", fill: "#1897F3" }), /* @__PURE__ */ c.createElement("path", { opacity: 0.4, d: "M6.41663 5.38022C6.26737 5.38022 6.11804 5.43516 6.00429 5.54502L3.49997 7.95894L0.99528 5.5437C0.767415 5.32397 0.398275 5.32397 0.17041 5.5437C-0.0574544 5.76343 -0.0574544 6.11938 0.17041 6.33911L3.08708 9.15161C3.31494 9.37134 3.68408 9.37134 3.91195 9.15161L6.82861 6.33911C7.05648 6.11938 7.05648 5.76343 6.82861 5.5437C6.71559 5.43472 6.56611 5.38022 6.41663 5.38022Z", fill: "#1897F3" })), /* @__PURE__ */ c.createElement("defs", null, /* @__PURE__ */ c.createElement("clipPath", { id: "clip0_2291_2457" }, /* @__PURE__ */ c.createElement("rect", { width: 7, height: 10, fill: "white" })))), L = "_table_yerpo_1", E = "_th__wrapper_yerpo_43", v = "_tr_yerpo_66", B = "_td_yerpo_70", t = {
9
+ const C = (r) => /* @__PURE__ */ c.createElement("svg", { width: 7, height: 10, viewBox: "0 0 7 10", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...r }, /* @__PURE__ */ c.createElement("g", { clipPath: "url(#clip0_2291_2457)" }, /* @__PURE__ */ c.createElement("path", { d: "M6.41658 3.93794C6.26731 3.93794 6.11798 3.88301 6.00423 3.77314L3.49991 1.35923L0.995768 3.77271C0.767904 3.99243 0.398763 3.99243 0.170898 3.77271C-0.0569661 3.55298 -0.0569661 3.19702 0.170898 2.97729L3.08756 0.164795C3.31543 -0.0549316 3.68457 -0.0549316 3.91243 0.164795L6.8291 2.97729C7.05697 3.19702 7.05697 3.55298 6.8291 3.77271C6.71553 3.88345 6.56605 3.93794 6.41658 3.93794Z", fill: "#1897F3" }), /* @__PURE__ */ c.createElement("path", { opacity: 0.4, d: "M6.41663 5.38022C6.26737 5.38022 6.11804 5.43516 6.00429 5.54502L3.49997 7.95894L0.99528 5.5437C0.767415 5.32397 0.398275 5.32397 0.17041 5.5437C-0.0574544 5.76343 -0.0574544 6.11938 0.17041 6.33911L3.08708 9.15161C3.31494 9.37134 3.68408 9.37134 3.91195 9.15161L6.82861 6.33911C7.05648 6.11938 7.05648 5.76343 6.82861 5.5437C6.71559 5.43472 6.56611 5.38022 6.41663 5.38022Z", fill: "#1897F3" })), /* @__PURE__ */ c.createElement("defs", null, /* @__PURE__ */ c.createElement("clipPath", { id: "clip0_2291_2457" }, /* @__PURE__ */ c.createElement("rect", { width: 7, height: 10, fill: "white" })))), L = "_table_yerpo_1", E = "_th__wrapper_yerpo_43", v = "_tr_yerpo_66", B = "_td_yerpo_70", t = {
9
10
  table: L,
10
11
  "table--fixed": "_table--fixed_yerpo_5",
11
12
  "table--full-width": "_table--full-width_yerpo_8",
@@ -1,8 +1,9 @@
1
+ import '../../assets/Tag.css';
1
2
  import { jsx as o, jsxs as u } from "react/jsx-runtime";
2
3
  import { useMemo as d } from "react";
3
4
  import { c } from "../../clsx-DB4S2d7J.js";
4
5
  import { Icon as j } from "../Icon/Icon.js";
5
- import '../../assets/Tag.css';const g = "_container_b8jbs_1", e = {
6
+ const g = "_container_b8jbs_1", e = {
6
7
  container: g,
7
8
  "container--content": "_container--content_b8jbs_9",
8
9
  "container--content__icon": "_container--content__icon_b8jbs_14",
@@ -1,8 +1,9 @@
1
+ import '../../assets/TextDisplay.css';
1
2
  import { jsxs as f, jsx as d } from "react/jsx-runtime";
2
3
  import { c as $ } from "../../clsx-DB4S2d7J.js";
3
4
  import { Skeleton as m } from "../Skeleton/Skeleton.js";
4
5
  import { Typography as y } from "../Typography/Typography.js";
5
- import '../../assets/TextDisplay.css';const g = "_container_ia8vu_1", e = {
6
+ const g = "_container_ia8vu_1", e = {
6
7
  container: g,
7
8
  "container--inline": "_container--inline_ia8vu_5"
8
9
  }, i = ({
@@ -1,10 +1,11 @@
1
+ import '../../assets/Toggle.css';
1
2
  import { jsxs as j, jsx as P } from "react/jsx-runtime";
2
3
  import { c as O } from "../../clsx-DB4S2d7J.js";
3
4
  import { u as E, b as k, g as v, a as U, _ as H, c as C, P as e, d as M, e as A } from "../../useSlotProps-C_I1kEHr.js";
4
5
  import * as F from "react";
5
6
  import { u as D } from "../../useControlled-CCMYYdCM.js";
6
7
  import { u as L } from "../../useIsFocusVisible-BH4IAdcw.js";
7
- import '../../assets/Toggle.css';function W(l) {
8
+ function W(l) {
8
9
  const {
9
10
  checked: s,
10
11
  defaultChecked: i,
@@ -6,7 +6,7 @@ declare const meta: {
6
6
  title: string;
7
7
  component: import('react').ForwardRefExoticComponent<ToggleGroupProps & import('react').RefAttributes<HTMLFieldSetElement>>;
8
8
  tags: string[];
9
- decorators: ((Story: import('@storybook/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
9
+ decorators: ((Story: import('@storybook/types').PartialStoryFn<import('@storybook/react').ReactRenderer, {
10
10
  legend?: import('react').ReactNode;
11
11
  error?: import('react').ReactNode;
12
12
  children: import('react').ReactElement<import('./Toggle.tsx').ToggleGroupItemProps<string | number>, string | import('react').JSXElementConstructor<any>>[];
@@ -1,3 +1,4 @@
1
+ import '../../assets/Tooltip.css';
1
2
  import { jsx as a, jsxs as v, Fragment as P } from "react/jsx-runtime";
2
3
  import * as u from "react";
3
4
  import { useRef as R, useState as T, useEffect as E, isValidElement as q, cloneElement as M } from "react";
@@ -5,7 +6,7 @@ import { T as O, P as V } from "../../Popup-Ck3XlWMq.js";
5
6
  import { _ as $, b as z, P as l } from "../../useSlotProps-C_I1kEHr.js";
6
7
  import { c as D } from "../../clsx-DB4S2d7J.js";
7
8
  import { C as F } from "../../ClickAwayListener-DbEYZpyh.js";
8
- import '../../assets/Tooltip.css';function I() {
9
+ function I() {
9
10
  const e = u.useContext(O);
10
11
  if (!e)
11
12
  throw new Error("Missing transition context");
@@ -8,7 +8,7 @@ declare const meta: {
8
8
  parameters: {
9
9
  layout: string;
10
10
  };
11
- decorators: ((Story: import('@storybook/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
11
+ decorators: ((Story: import('@storybook/types').PartialStoryFn<import('@storybook/react').ReactRenderer, {
12
12
  children: import('react').ReactNode;
13
13
  title: import('react').ReactNode;
14
14
  open?: boolean | undefined;
@@ -1,8 +1,9 @@
1
+ import '../../assets/Typography.css';
1
2
  import { jsx as m } from "react/jsx-runtime";
2
3
  import { forwardRef as c, useMemo as f } from "react";
3
4
  import { bemify as x, getBEMBase as k, getBEMBlock as B } from "../../utils/styleStrings.js";
4
5
  import { c as $ } from "../../clsx-DB4S2d7J.js";
5
- import '../../assets/Typography.css';const t = {
6
+ const t = {
6
7
  "u-typography-h1": "_u-typography-h1_gn8st_1",
7
8
  "u-typography-h2": "_u-typography-h2_gn8st_8",
8
9
  "u-typography-h3": "_u-typography-h3_gn8st_15",
@@ -12,7 +12,7 @@ declare const meta: {
12
12
  };
13
13
  };
14
14
  };
15
- decorators: ((Story: import('@storybook/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
15
+ decorators: ((Story: import('@storybook/types').PartialStoryFn<import('@storybook/react').ReactRenderer, {
16
16
  children: import('react').ReactNode;
17
17
  element?: import('react').ElementType | undefined;
18
18
  variant?: import('./Typography').VariantType | undefined;
@@ -12,7 +12,7 @@ declare const meta: {
12
12
  };
13
13
  };
14
14
  tags: string[];
15
- decorators: ((Story: import('@storybook/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
15
+ decorators: ((Story: import('@storybook/types').PartialStoryFn<import('@storybook/react').ReactRenderer, {
16
16
  [x: string]: any;
17
17
  }>) => import("react/jsx-runtime").JSX.Element)[];
18
18
  };
package/dist/marola.css CHANGED
@@ -1 +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;--error-background: #fff2f0;--error-background-rgb: 255, 242, 240;--error-border: #ffccc7;--error-border-rgb: 255, 204, 199;--error-text: #d9363e;--error-text-rgb: 217, 54, 62;--success-text: #045440;--success-text-rgb: 4, 84, 64;--warning-text: #874d00;--warning-text-rgb: 135, 77, 0;--warning: #faad14;--warning-rgb: 250, 173, 20}: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;--green-6: #28c88f;--green-6-rgb: 40, 200, 143;--blue-1: #e6f9ff;--blue-1-rgb: 230, 249, 255;--blue-3: #94ddff;--blue-3-rgb: 148, 221, 255;--blue-6: #1897f3;--blue-6-rgb: 24, 151, 243;--gold-1: #fffbe6;--gold-1-rgb: 255, 251, 230;--gold-3: #ffe58f;--gold-3-rgb: 255, 229, 143;--gold-6: #faad14;--gold-6-rgb: 250, 173, 20;--magenta-1: #fff0f6;--magenta-1-rgb: 255, 240, 246;--magenta-3: #ffadd2;--magenta-3-rgb: 255, 173, 210;--magenta-6: #eb2f96;--magenta-6-rgb: 235, 47, 150;--cyan-1: #e6fffb;--cyan-1-rgb: 230, 255, 251;--cyan-3: #87e8de;--cyan-3-rgb: 135, 232, 222;--cyan-6: #13c2c2;--cyan-6-rgb: 19, 194, 194;--geek-blue-1: #f0f5ff;--geek-blue-1-rgb: 240, 245, 255;--geek-blue-3: #adc6ff;--geek-blue-3-rgb: 173, 198, 255;--geek-blue-6: #2f54eb;--geek-blue-6-rgb: 47, 84, 235;--lime-1: #fcffe6;--lime-1-rgb: 252, 255, 230;--lime-3: #eaff8f;--lime-3-rgb: 234, 255, 143;--lime-6: #a0d911;--lime-6-rgb: 160, 217, 17;--orange-1: #fffaf0;--orange-1-rgb: 255, 250, 240;--orange-3: #ffe8bf;--orange-3-rgb: 255, 232, 191;--orange-6: #ffa945;--orange-6-rgb: 255, 169, 69;--purple-1: #f9f0ff;--purple-1-rgb: 249, 240, 255;--purple-3: #d3adf7;--purple-3-rgb: 211, 173, 247;--purple-6: #722ed1;--purple-6-rgb: 114, 46, 209;--red-1: #fff0f0;--red-1-rgb: 255, 240, 240;--red-3: #fcbdc3;--red-3-rgb: 252, 189, 195;--red-6: #d53a56;--red-6-rgb: 213, 58, 86;--volcano-1: #fff2e8;--volcano-1-rgb: 255, 242, 232;--volcano-3: #ffbb96;--volcano-3-rgb: 255, 187, 150;--volcano-6: #fa541c;--volcano-6-rgb: 250, 84, 28}: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{--border-radius-border-radius: .375rem;--size-base-size: 1rem;--size-base-size-sm: .75rem;--colors-base-green-3: #a1edcb;--colors-brand-success-color-success-border: var(--colors-base-green-3);--colors-base-green-1: #f0fff7;--colors-brand-success-color-success-bg: var(--colors-base-green-1);--colors-brand-error-color-error-border: #ffccc7;--colors-brand-error-color-error-bg: #fff2f0;--colors-base-gold-3: #ffe58f;--colors-brand-warning-color-warning-border: var(--colors-base-gold-3);--colors-base-gold-1: #fffbe6;--colors-brand-warning-color-warning-bg: var(--colors-base-gold-1);--colors-base-blue-3: #94ddff;--colors-brand-primary-color-primary-border: var(--colors-base-blue-3);--colors-brand-info-color-info-border: var(--colors-brand-primary-color-primary-border);--colors-base-blue-1: #e6f9ff;--colors-brand-primary-color-primary-bg: var(--colors-base-blue-1);--colors-brand-info-color-info-bg: var(--colors-brand-primary-color-primary-bg);--colors-base-blue-6: #1897f3;--colors-brand-primary-color-primary: var(--colors-base-blue-6);--colors-base-blue-4: #6bcbff;--colors-brand-primary-color-primary-border-hover: var(--colors-base-blue-4);--colors-neutral-text-color-text: rgba(63, 61, 75, .8784313725);--colors-neutral-text-color-text-tertiary: rgba(63, 61, 75, .4509803922);--colors-neutral-text-color-text-description: var(--colors-neutral-text-color-text-tertiary);--colors-neutral-text-color-text-quaternary: rgba(63, 61, 75, .2509803922);--colors-neutral-text-color-text-disabled: var(--colors-neutral-text-color-text-quaternary);--colors-neutral-fill-color-fill: rgba(0, 0, 0, .1490196078)}
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;--error-background: #fff2f0;--error-background-rgb: 255, 242, 240;--error-border: #ffccc7;--error-border-rgb: 255, 204, 199;--error-text: #d9363e;--error-text-rgb: 217, 54, 62;--success-text: #045440;--success-text-rgb: 4, 84, 64;--warning-text: #874d00;--warning-text-rgb: 135, 77, 0;--warning: #faad14;--warning-rgb: 250, 173, 20;--avatar-background: rgba(63, 61, 75, .2509803922);--avatar-background-rgb: 63, 61, 75}: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;--green-6: #28c88f;--green-6-rgb: 40, 200, 143;--blue-1: #e6f9ff;--blue-1-rgb: 230, 249, 255;--blue-3: #94ddff;--blue-3-rgb: 148, 221, 255;--blue-6: #1897f3;--blue-6-rgb: 24, 151, 243;--gold-1: #fffbe6;--gold-1-rgb: 255, 251, 230;--gold-3: #ffe58f;--gold-3-rgb: 255, 229, 143;--gold-6: #faad14;--gold-6-rgb: 250, 173, 20;--magenta-1: #fff0f6;--magenta-1-rgb: 255, 240, 246;--magenta-3: #ffadd2;--magenta-3-rgb: 255, 173, 210;--magenta-6: #eb2f96;--magenta-6-rgb: 235, 47, 150;--cyan-1: #e6fffb;--cyan-1-rgb: 230, 255, 251;--cyan-3: #87e8de;--cyan-3-rgb: 135, 232, 222;--cyan-6: #13c2c2;--cyan-6-rgb: 19, 194, 194;--geek-blue-1: #f0f5ff;--geek-blue-1-rgb: 240, 245, 255;--geek-blue-3: #adc6ff;--geek-blue-3-rgb: 173, 198, 255;--geek-blue-6: #2f54eb;--geek-blue-6-rgb: 47, 84, 235;--lime-1: #fcffe6;--lime-1-rgb: 252, 255, 230;--lime-3: #eaff8f;--lime-3-rgb: 234, 255, 143;--lime-6: #a0d911;--lime-6-rgb: 160, 217, 17;--orange-1: #fffaf0;--orange-1-rgb: 255, 250, 240;--orange-3: #ffe8bf;--orange-3-rgb: 255, 232, 191;--orange-6: #ffa945;--orange-6-rgb: 255, 169, 69;--purple-1: #f9f0ff;--purple-1-rgb: 249, 240, 255;--purple-3: #d3adf7;--purple-3-rgb: 211, 173, 247;--purple-6: #722ed1;--purple-6-rgb: 114, 46, 209;--red-1: #fff0f0;--red-1-rgb: 255, 240, 240;--red-3: #fcbdc3;--red-3-rgb: 252, 189, 195;--red-6: #d53a56;--red-6-rgb: 213, 58, 86;--volcano-1: #fff2e8;--volcano-1-rgb: 255, 242, 232;--volcano-3: #ffbb96;--volcano-3-rgb: 255, 187, 150;--volcano-6: #fa541c;--volcano-6-rgb: 250, 84, 28}: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{--border-radius-border-radius: .375rem;--size-base-size: 1rem;--size-base-size-sm: .75rem;--colors-base-green-3: #a1edcb;--colors-brand-success-color-success-border: var(--colors-base-green-3);--colors-base-green-1: #f0fff7;--colors-brand-success-color-success-bg: var(--colors-base-green-1);--colors-brand-error-color-error-border: #ffccc7;--colors-brand-error-color-error-bg: #fff2f0;--colors-base-gold-3: #ffe58f;--colors-brand-warning-color-warning-border: var(--colors-base-gold-3);--colors-base-gold-1: #fffbe6;--colors-brand-warning-color-warning-bg: var(--colors-base-gold-1);--colors-base-blue-3: #94ddff;--colors-brand-primary-color-primary-border: var(--colors-base-blue-3);--colors-brand-info-color-info-border: var(--colors-brand-primary-color-primary-border);--colors-base-blue-1: #e6f9ff;--colors-brand-primary-color-primary-bg: var(--colors-base-blue-1);--colors-brand-info-color-info-bg: var(--colors-brand-primary-color-primary-bg);--colors-base-blue-6: #1897f3;--colors-brand-primary-color-primary: var(--colors-base-blue-6);--colors-base-blue-4: #6bcbff;--colors-brand-primary-color-primary-border-hover: var(--colors-base-blue-4);--colors-neutral-text-color-text: rgba(63, 61, 75, .8784313725);--colors-neutral-text-color-text-tertiary: rgba(63, 61, 75, .4509803922);--colors-neutral-text-color-text-description: var(--colors-neutral-text-color-text-tertiary);--colors-neutral-text-color-text-quaternary: rgba(63, 61, 75, .2509803922);--colors-neutral-text-color-text-disabled: var(--colors-neutral-text-color-text-quaternary);--colors-neutral-fill-color-fill: rgba(0, 0, 0, .1490196078)}
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@pismo/marola",
3
3
  "description": "CDX tribe component library",
4
- "version": "1.0.11",
4
+ "version": "1.0.13",
5
5
  "type": "module",
6
6
  "main": "dist/main.js",
7
7
  "types": "dist/main.d.ts",
@@ -100,4 +100,4 @@
100
100
  "@mui/base": "^5.0.0-beta.40",
101
101
  "@mui/material": "^5.15.15"
102
102
  }
103
- }
103
+ }