@pismo/marola 1.1.15 → 1.1.17

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 (8) hide show
  1. package/dist/assets/Tag.css +1 -1
  2. package/dist/assets/ToastCard.css +1 -1
  3. package/dist/components/Icon/Icon.js +136 -130
  4. package/dist/components/Icon/types.d.ts +1 -1
  5. package/dist/components/Tag/Tag.js +54 -54
  6. package/dist/components/ToastCard/ToastCard.js +27 -27
  7. package/dist/marola.css +1 -1
  8. package/package.json +1 -1
package/dist/components/Icon/types.d.ts CHANGED
@@ -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' | 'arrow-up-right-from-square' | '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' | 'clock' | 'clock-rotate-left' | 'coin' | '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' | 'headphones-simple' | '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' | 'percent' | 'piggy-bank' | 'rectangle-history' | 'rectangle-history-circle-user' | 'rotate' | 'server' | 'sidebar' | 'squirrel' | 'stethoscope' | 'timer' | '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' | 'arrow-up-right-from-square' | '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-x' | 'circle-xmark' | 'circle-xmark-outline' | 'clock' | 'clock-rotate-left' | 'coin' | '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' | 'headphones-simple' | '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' | 'percent' | 'piggy-bank' | 'rectangle-history' | 'rectangle-history-circle-user' | 'rotate' | 'server' | 'sidebar' | 'squirrel' | 'stethoscope' | 'timer' | 'trash' | 'trash-can' | 'upload' | 'user' | 'user-gear' | 'user-group' | 'user-tie' | 'user-tie-hair' | 'user-vneck' | 'users' | 'wallet' | 'warehouse-full' | 'xmark';
package/dist/components/Tag/Tag.js CHANGED
@@ -1,73 +1,73 @@
1
- import { jsx as c, jsxs as z } from "react/jsx-runtime";
2
- import { useMemo as q } from "react";
3
- import { c as i } from "../../clsx-DB4S2d7J.js";
4
- import { Icon as g } from "../Icon/Icon.js";
5
- import '../../assets/Tag.css';const m = "_container_cza2q_1", e = {
6
- container: m,
7
- "container--content": "_container--content_cza2q_9",
8
- "container--content__icon": "_container--content__icon_cza2q_14",
9
- "container--default": "_container--default_cza2q_18",
10
- "container--default__outlined": "_container--default__outlined_cza2q_22",
11
- "container--default__icon": "_container--default__icon_cza2q_25",
12
- "container--success": "_container--success_cza2q_29",
13
- "container--success__outlined": "_container--success__outlined_cza2q_33",
14
- "container--error": "_container--error_cza2q_36",
15
- "container--error__outlined": "_container--error__outlined_cza2q_40",
16
- "container--processing": "_container--processing_cza2q_43",
17
- "container--processing__outlined": "_container--processing__outlined_cza2q_47",
18
- "container--warning": "_container--warning_cza2q_50",
19
- "container--warning__outlined": "_container--warning__outlined_cza2q_54",
20
- "container--warning__icon": "_container--warning__icon_cza2q_57",
21
- "container--magenta": "_container--magenta_cza2q_60",
22
- "container--magenta__outlined": "_container--magenta__outlined_cza2q_64",
23
- "container--blue": "_container--blue_cza2q_67",
24
- "container--blue__outlined": "_container--blue__outlined_cza2q_71",
25
- "container--cyan": "_container--cyan_cza2q_74",
26
- "container--cyan__outlined": "_container--cyan__outlined_cza2q_78",
27
- "container--geek-blue": "_container--geek-blue_cza2q_81",
28
- "container--geek-blue__outlined": "_container--geek-blue__outlined_cza2q_85",
29
- "container--gold": "_container--gold_cza2q_88",
30
- "container--gold__outlined": "_container--gold__outlined_cza2q_92",
31
- "container--green": "_container--green_cza2q_95",
32
- "container--green__outlined": "_container--green__outlined_cza2q_99",
33
- "container--lime": "_container--lime_cza2q_102",
34
- "container--lime__outlined": "_container--lime__outlined_cza2q_106",
35
- "container--orange": "_container--orange_cza2q_109",
36
- "container--orange__outlined": "_container--orange__outlined_cza2q_113",
37
- "container--purple": "_container--purple_cza2q_116",
38
- "container--purple__outlined": "_container--purple__outlined_cza2q_120",
39
- "container--red": "_container--red_cza2q_123",
40
- "container--red__outlined": "_container--red__outlined_cza2q_127",
41
- "container--volcano": "_container--volcano_cza2q_130",
42
- "container--volcano__outlined": "_container--volcano__outlined_cza2q_134"
43
- }, k = ({
1
+ import { jsxs as k, jsx as t } from "react/jsx-runtime";
2
+ import { useMemo as g } from "react";
3
+ import { c } from "../../clsx-DB4S2d7J.js";
4
+ import { Icon as m } from "../Icon/Icon.js";
5
+ import '../../assets/Tag.css';const p = "_container_14kte_1", e = {
6
+ container: p,
7
+ "container--default": "_container--default_14kte_18",
8
+ "container--default__outlined": "_container--default__outlined_14kte_22",
9
+ "container--default__icon": "_container--default__icon_14kte_25",
10
+ "container--success": "_container--success_14kte_31",
11
+ "container--success__outlined": "_container--success__outlined_14kte_35",
12
+ "container--success__icon": "_container--success__icon_14kte_38",
13
+ "container--error": "_container--error_14kte_41",
14
+ "container--error__outlined": "_container--error__outlined_14kte_45",
15
+ "container--error__icon": "_container--error__icon_14kte_48",
16
+ "container--processing": "_container--processing_14kte_51",
17
+ "container--processing__outlined": "_container--processing__outlined_14kte_55",
18
+ "container--warning": "_container--warning_14kte_58",
19
+ "container--warning__outlined": "_container--warning__outlined_14kte_62",
20
+ "container--warning__icon": "_container--warning__icon_14kte_65",
21
+ "container--magenta": "_container--magenta_14kte_68",
22
+ "container--magenta__outlined": "_container--magenta__outlined_14kte_72",
23
+ "container--blue": "_container--blue_14kte_75",
24
+ "container--blue__outlined": "_container--blue__outlined_14kte_79",
25
+ "container--cyan": "_container--cyan_14kte_82",
26
+ "container--cyan__outlined": "_container--cyan__outlined_14kte_86",
27
+ "container--geek-blue": "_container--geek-blue_14kte_89",
28
+ "container--geek-blue__outlined": "_container--geek-blue__outlined_14kte_93",
29
+ "container--gold": "_container--gold_14kte_96",
30
+ "container--gold__outlined": "_container--gold__outlined_14kte_100",
31
+ "container--green": "_container--green_14kte_103",
32
+ "container--green__outlined": "_container--green__outlined_14kte_107",
33
+ "container--lime": "_container--lime_14kte_110",
34
+ "container--lime__outlined": "_container--lime__outlined_14kte_114",
35
+ "container--orange": "_container--orange_14kte_117",
36
+ "container--orange__outlined": "_container--orange__outlined_14kte_121",
37
+ "container--purple": "_container--purple_14kte_124",
38
+ "container--purple__outlined": "_container--purple__outlined_14kte_128",
39
+ "container--red": "_container--red_14kte_131",
40
+ "container--red__outlined": "_container--red__outlined_14kte_135",
41
+ "container--volcano": "_container--volcano_14kte_138",
42
+ "container--volcano__outlined": "_container--volcano__outlined_14kte_142"
43
+ }, h = ({
44
44
  variant: n,
45
45
  color: _,
46
- children: t,
47
- "data-testid": r,
46
+ children: r,
47
+ "data-testid": a,
48
48
  outlined: o = !1,
49
49
  "with-icon": l = !1,
50
- iconSize: s
50
+ iconSize: s = 12
51
51
  }) => {
52
52
  n && _ && console.error("You should only use props Variant and Color one at a time");
53
- const u = i(
53
+ const u = c(
54
54
  e.container,
55
55
  n && e[`container--${n}`],
56
56
  _ && e[`container--${_}`],
57
57
  o && _ && e[`container--${_}__outlined`],
58
58
  o && n && e[`container--${n}__outlined`]
59
- ), d = i(e[`container--${n}__icon`], e["container--content__icon"]), a = q(() => !!n && {
59
+ ), d = c(e[`container--${n}__icon`]), i = g(() => !!n && {
60
60
  default: "circle-minus",
61
61
  processing: "arrows-rotate",
62
62
  success: "circle-check",
63
63
  warning: "circle-exclamation",
64
- error: "circle-xmark"
64
+ error: "circle-x"
65
65
  }[n], [n]);
66
- return /* @__PURE__ */ c("div", { "data-testid": r, className: u, children: /* @__PURE__ */ z("div", { className: e["container--content"], children: [
67
- l && !!a && /* @__PURE__ */ c("div", { className: d, children: /* @__PURE__ */ c(g, { size: s, icon: a }) }),
68
- t
69
- ] }) });
66
+ return /* @__PURE__ */ k("div", { "data-testid": a, className: u, children: [
67
+ l && !!i && /* @__PURE__ */ t("div", { className: d, children: /* @__PURE__ */ t(m, { size: s, icon: i }) }),
68
+ /* @__PURE__ */ t("span", { children: r })
69
+ ] });
70
70
  };
71
71
  export {
72
- k as Tag
72
+ h as Tag
73
73
  };
package/dist/components/ToastCard/ToastCard.js CHANGED
@@ -1,18 +1,18 @@
1
- import { jsxs as s, jsx as a, Fragment as f } from "react/jsx-runtime";
1
+ import { jsxs as s, jsx as a, Fragment as u } from "react/jsx-runtime";
2
2
  import { c as d } from "../../clsx-DB4S2d7J.js";
3
- import { Icon as u } from "../Icon/Icon.js";
4
- import { IconButton as N } from "../IconButton/IconButton.js";
5
- import '../../assets/ToastCard.css';const h = "_divider_g6asb_6", t = {
6
- "toast-card": "_toast-card_g6asb_1",
7
- divider: h,
8
- "toast-card-padding": "_toast-card-padding_g6asb_10",
9
- "toast-card-title": "_toast-card-title_g6asb_13",
10
- "close-btn": "_close-btn_g6asb_24",
11
- "toast-card-title--success": "_toast-card-title--success_g6asb_41",
12
- "toast-card-title--danger": "_toast-card-title--danger_g6asb_44",
13
- "toast-card-title--warning": "_toast-card-title--warning_g6asb_47",
14
- "toast-card-title--info": "_toast-card-title--info_g6asb_50",
15
- "toast-card-title--default": "_toast-card-title--default_g6asb_53"
3
+ import { Icon as N } from "../Icon/Icon.js";
4
+ import { IconButton as h } from "../IconButton/IconButton.js";
5
+ import '../../assets/ToastCard.css';const w = "_divider_pnmml_6", t = {
6
+ "toast-card": "_toast-card_pnmml_1",
7
+ divider: w,
8
+ "toast-card-padding": "_toast-card-padding_pnmml_10",
9
+ "toast-card-title": "_toast-card-title_pnmml_13",
10
+ "close-btn": "_close-btn_pnmml_24",
11
+ "toast-card-title--success": "_toast-card-title--success_pnmml_41",
12
+ "toast-card-title--danger": "_toast-card-title--danger_pnmml_44",
13
+ "toast-card-title--warning": "_toast-card-title--warning_pnmml_47",
14
+ "toast-card-title--info": "_toast-card-title--info_pnmml_50",
15
+ "toast-card-title--default": "_toast-card-title--default_pnmml_53"
16
16
  }, C = ({
17
17
  variant: i = "default",
18
18
  className: r,
@@ -20,13 +20,13 @@ import '../../assets/ToastCard.css';const h = "_divider_g6asb_6", t = {
20
20
  title: o,
21
21
  "data-testid-title-wrapper": l,
22
22
  classNameTitleWrapper: n,
23
- children: _,
24
- "data-testid-children-wrapper": g,
25
- classNameChildrenWrapper: m,
23
+ children: m,
24
+ "data-testid-children-wrapper": _,
25
+ classNameChildrenWrapper: p,
26
26
  footer: e,
27
- "data-testid-footer-wrapper": p,
28
- classNameFooterWrapper: b,
29
- onClose: v
27
+ "data-testid-footer-wrapper": g,
28
+ classNameFooterWrapper: v,
29
+ onClose: f
30
30
  }) => /* @__PURE__ */ s("div", { className: d(t["toast-card"], t[`toast-card--${i}`], r), "data-testid": c, children: [
31
31
  /* @__PURE__ */ s(
32
32
  "div",
@@ -40,7 +40,7 @@ import '../../assets/ToastCard.css';const h = "_divider_g6asb_6", t = {
40
40
  "data-testid": l,
41
41
  children: [
42
42
  o,
43
- /* @__PURE__ */ a(N, { className: t["close-btn"], icon: /* @__PURE__ */ a(u, { icon: "xmark", size: "1rem" }), onClick: v })
43
+ /* @__PURE__ */ a(h, { className: t["close-btn"], icon: /* @__PURE__ */ a(N, { icon: "xmark", size: "1rem" }), onClick: f })
44
44
  ]
45
45
  }
46
46
  ),
@@ -48,18 +48,18 @@ import '../../assets/ToastCard.css';const h = "_divider_g6asb_6", t = {
48
48
  /* @__PURE__ */ a(
49
49
  "div",
50
50
  {
51
- className: d(t["toast-card-padding"], m),
52
- "data-testid": g,
53
- children: _
51
+ className: d(t["toast-card-padding"], p),
52
+ "data-testid": _,
53
+ children: m
54
54
  }
55
55
  ),
56
- e && /* @__PURE__ */ s(f, { children: [
56
+ e && /* @__PURE__ */ s(u, { children: [
57
57
  /* @__PURE__ */ a("div", { className: t.divider }),
58
58
  /* @__PURE__ */ a(
59
59
  "div",
60
60
  {
61
- className: d(t["toast-card-padding"], b),
62
- "data-testid": p,
61
+ className: d(t["toast-card-padding"], v),
62
+ "data-testid": g,
63
63
  children: e
64
64
  }
65
65
  )
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;--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-5: #597ef7;--geek-blue-5-rgb: 89, 126, 247;--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-brand-error-color-error-hover: #ff7875;--colors-brand-error-color-error-active: #d9363e;--colors-brand-error-color-error: #ff4d4f;--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-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-base-blue-7: #0a75cc;--colors-brand-primary-color-primary-active: var(--colors-base-blue-7);--colors-neutral-border-color-border: #d9d9d9;--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);--colors-base-green-6: #28c88f;--colors-brand-success-color-success: var(--colors-base-green-6);--colors-base-blue-1: #e6f9ff;--colors-brand-primary-color-primary-bg: var(--colors-base-blue-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;--info-text: #003e80;--info-text-rgb: 0, 62, 128;--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-5: #597ef7;--geek-blue-5-rgb: 89, 126, 247;--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-brand-error-color-error-hover: #ff7875;--colors-brand-error-color-error-active: #d9363e;--colors-brand-error-color-error: #ff4d4f;--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-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-base-blue-7: #0a75cc;--colors-brand-primary-color-primary-active: var(--colors-base-blue-7);--colors-neutral-border-color-border: #d9d9d9;--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);--colors-base-green-6: #28c88f;--colors-brand-success-color-success: var(--colors-base-green-6);--colors-base-blue-1: #e6f9ff;--colors-brand-primary-color-primary-bg: var(--colors-base-blue-1)}
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.1.15",
4
+ "version": "1.1.17",
5
5
  "type": "module",
6
6
  "main": "dist/main.js",
7
7
  "types": "dist/main.d.ts",