@pismo/marola 1.0.15 → 1.0.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.
@@ -1 +1 @@
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%}
1
+ ._u-typography-h1_1043z_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_1043z_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_1043z_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_1043z_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_1043z_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_1043z_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_1043z_43{margin:0;font-size:var(--base-font-size);font-weight:var(--base-weight);line-height:var(--base-line-height)}._u-typography-base--xxl_1043z_49{font-size:var(--base-font-size-xxl);line-height:var(--base-line-height-xxl)}._u-typography-base--xl_1043z_53{font-size:var(--base-font-size-xl);line-height:var(--base-line-height-xl)}._u-typography-base--lg_1043z_57{font-size:var(--base-font-size-lg);line-height:var(--base-line-height-lg)}._u-typography-base--sm_1043z_61{font-size:var(--base-font-size-sm);line-height:var(--base-line-height-sm)}._u-typography-base--bold_1043z_65{font-weight:var(--base-bold)}._u-typography-base--strikethrough_1043z_68{text-decoration:line-through}._u-typography-base--underlined_1043z_71{text-decoration:underline}._u-typography-base--strikethrough-underlined_1043z_74{text-decoration:underline line-through}._container_1043z_78{display:flex;width:100%;padding:16px;border:1px solid;border-radius:6px}._container--success_1043z_85{background-color:var(--green-1);border-color:var(--green-3)}._container--warning_1043z_89{background-color:var(--gold-1);border-color:var(--gold-3)}._container--error_1043z_93{background-color:var(--error-background);border-color:var(--error-border)}._container--info_1043z_97{background-color:var(--blue-1);border-color:var(--blue-3)}._container--default_1043z_101{background-color:var(--white-100);border-color:var(--border)}._container--close-icon_1043z_105{justify-self:flex-end;margin-left:16px;cursor:pointer}._container--content_1043z_110{width:100%}
@@ -1,40 +1,40 @@
1
1
  import '../../assets/Alert.css';
2
- import { jsxs as _, jsx as a } from "react/jsx-runtime";
2
+ import { jsxs as p, jsx as a } from "react/jsx-runtime";
3
3
  import { c as y } from "../../clsx-DB4S2d7J.js";
4
4
  import { Icon as s } from "../Icon/Icon.js";
5
- const h = "_container_9p2mz_78", t = {
6
- "u-typography-h1": "_u-typography-h1_9p2mz_1",
7
- "u-typography-h2": "_u-typography-h2_9p2mz_8",
8
- "u-typography-h3": "_u-typography-h3_9p2mz_15",
9
- "u-typography-h4": "_u-typography-h4_9p2mz_22",
10
- "u-typography-h5": "_u-typography-h5_9p2mz_29",
11
- "u-typography-h6": "_u-typography-h6_9p2mz_36",
12
- "u-typography-base": "_u-typography-base_9p2mz_43",
13
- "u-typography-base--xxl": "_u-typography-base--xxl_9p2mz_49",
14
- "u-typography-base--xl": "_u-typography-base--xl_9p2mz_53",
15
- "u-typography-base--lg": "_u-typography-base--lg_9p2mz_57",
16
- "u-typography-base--sm": "_u-typography-base--sm_9p2mz_61",
17
- "u-typography-base--bold": "_u-typography-base--bold_9p2mz_65",
18
- "u-typography-base--strikethrough": "_u-typography-base--strikethrough_9p2mz_68",
19
- "u-typography-base--underlined": "_u-typography-base--underlined_9p2mz_71",
20
- "u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-underlined_9p2mz_74",
5
+ const h = "_container_1043z_78", t = {
6
+ "u-typography-h1": "_u-typography-h1_1043z_1",
7
+ "u-typography-h2": "_u-typography-h2_1043z_8",
8
+ "u-typography-h3": "_u-typography-h3_1043z_15",
9
+ "u-typography-h4": "_u-typography-h4_1043z_22",
10
+ "u-typography-h5": "_u-typography-h5_1043z_29",
11
+ "u-typography-h6": "_u-typography-h6_1043z_36",
12
+ "u-typography-base": "_u-typography-base_1043z_43",
13
+ "u-typography-base--xxl": "_u-typography-base--xxl_1043z_49",
14
+ "u-typography-base--xl": "_u-typography-base--xl_1043z_53",
15
+ "u-typography-base--lg": "_u-typography-base--lg_1043z_57",
16
+ "u-typography-base--sm": "_u-typography-base--sm_1043z_61",
17
+ "u-typography-base--bold": "_u-typography-base--bold_1043z_65",
18
+ "u-typography-base--strikethrough": "_u-typography-base--strikethrough_1043z_68",
19
+ "u-typography-base--underlined": "_u-typography-base--underlined_1043z_71",
20
+ "u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-underlined_1043z_74",
21
21
  container: h,
22
- "container--success": "_container--success_9p2mz_84",
23
- "container--warning": "_container--warning_9p2mz_88",
24
- "container--error": "_container--error_9p2mz_92",
25
- "container--info": "_container--info_9p2mz_96",
26
- "container--default": "_container--default_9p2mz_100",
27
- "container--close-icon": "_container--close-icon_9p2mz_104",
28
- "container--content": "_container--content_9p2mz_109"
29
- }, g = ({ type: r = "default", children: e, "data-testid": p, onClose: o }) => {
30
- const n = y(t.container, t[`container--${r}`]);
31
- return /* @__PURE__ */ _("div", { "data-testid": p, className: n, children: [
32
- /* @__PURE__ */ a("div", { className: t["container--content"], children: e }),
33
- !!o && /* @__PURE__ */ a(
22
+ "container--success": "_container--success_1043z_85",
23
+ "container--warning": "_container--warning_1043z_89",
24
+ "container--error": "_container--error_1043z_93",
25
+ "container--info": "_container--info_1043z_97",
26
+ "container--default": "_container--default_1043z_101",
27
+ "container--close-icon": "_container--close-icon_1043z_105",
28
+ "container--content": "_container--content_1043z_110"
29
+ }, g = ({ type: e = "default", children: n, "data-testid": o, onClose: r }) => {
30
+ const _ = y(t.container, t[`container--${e}`]);
31
+ return /* @__PURE__ */ p("div", { "data-testid": o, className: _, children: [
32
+ /* @__PURE__ */ a("div", { className: t["container--content"], children: n }),
33
+ !!r && /* @__PURE__ */ a(
34
34
  "div",
35
35
  {
36
- "data-testid": `${p}-close-button`,
37
- onClick: () => o(),
36
+ "data-testid": `${o}-close-button`,
37
+ onClick: () => r(),
38
38
  className: t["container--close-icon"],
39
39
  children: /* @__PURE__ */ a(s, { icon: "xmark" })
40
40
  }
@@ -4,7 +4,7 @@ declare const meta: {
4
4
  title: string;
5
5
  component: import('react').ForwardRefExoticComponent<import('./Chip').ChipProps & import('react').RefAttributes<unknown>>;
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
  label: import('react').ReactNode;
9
9
  loading?: boolean | undefined;
10
10
  leftAdornment?: import('../Adornment/Adornment').AdornmentProps | undefined;
@@ -5,7 +5,7 @@ declare const meta: {
5
5
  title: string;
6
6
  component: ({ open, onClose, title, subtitle, content, cancelAction, confirmAction, confirmLabel, cancelLabel, }: ConfirmationDialogProps) => 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
  open: boolean;
10
10
  onClose: () => void;
11
11
  title?: import('react').ReactNode;
@@ -10,7 +10,7 @@ declare const meta: {
10
10
  Actions: import('react').FunctionComponent<import('./Actions').DialogActionProps>;
11
11
  };
12
12
  tags: string[];
13
- decorators: ((Story: import('@storybook/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
13
+ decorators: ((Story: import('@storybook/types').PartialStoryFn<import('@storybook/react').ReactRenderer, {
14
14
  color?: string | undefined;
15
15
  ref?: ((instance: HTMLDivElement | null) => void) | import('react').RefObject<HTMLDivElement> | null | undefined;
16
16
  children: import('react').ReactElement<any, string | import('react').JSXElementConstructor<any>> & import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<unknown>>;
@@ -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
  style?: import('react').CSSProperties | undefined;
@@ -432,7 +432,9 @@ const Ie = "_input_y5x3p_57", Oe = "_input__label_y5x3p_84", d = {
432
432
  ...a
433
433
  }, H) => {
434
434
  var u, w;
435
- const [q, $] = ce(((u = a.value) == null ? void 0 : u.length) || ((w = a.defaultValue) == null ? void 0 : w.length) || 0), L = _e(), U = v || `input_${L}`;
435
+ const [q, $] = ce(
436
+ ((u = a.value) == null ? void 0 : u.length) || ((w = a.defaultValue) == null ? void 0 : w.length) || 0
437
+ ), L = _e(), U = v || `input_${L}`;
436
438
  Object.assign(a, { "data-testid": C });
437
439
  const t = E && !F, r = (p) => {
438
440
  var Y, W;
@@ -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)[];
@@ -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,5 +1,10 @@
1
1
  import { ReactNode } from 'react';
2
2
 
3
+ export type SelectContextProps = {
4
+ multiple?: boolean;
5
+ selectedValue?: string | string[] | null;
6
+ onChange?: (value: string | string[] | null, event?: React.SyntheticEvent<Element, Event> | null) => void;
7
+ };
3
8
  export type SelectOptionProps = {
4
9
  disabled?: boolean;
5
10
  value: string;
@@ -8,6 +13,8 @@ export type SelectOptionProps = {
8
13
  className?: string;
9
14
  'data-testid'?: string;
10
15
  };
16
+ export declare const SelectContext: import('react').Context<SelectContextProps>;
17
+ export declare const useSelectContext: () => SelectContextProps;
11
18
  export declare const SelectOption: (props: SelectOptionProps) => import("react/jsx-runtime").JSX.Element;
12
19
  export type SelectProps = {
13
20
  children?: ReactNode;
@@ -17,14 +24,15 @@ export type SelectProps = {
17
24
  className?: string;
18
25
  name?: string;
19
26
  id?: string;
20
- value?: string;
27
+ value?: string | string[] | null;
21
28
  label?: string;
29
+ multiple?: boolean;
22
30
  classNameWrapper?: string;
23
31
  classNameLabel?: string;
24
32
  testIdLabel?: string;
25
33
  testIdWrapper?: string;
26
34
  'data-testid'?: string;
27
- onChange?: (value: string | null, event?: React.SyntheticEvent<Element, Event> | null) => void;
35
+ onChange?: (value: string | string[] | null, event?: React.SyntheticEvent<Element, Event> | null) => void;
28
36
  fullWidth?: boolean;
29
37
  /** Info message text */
30
38
  infoMessage?: React.ReactNode;