@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.
- package/dist/assets/Alert.css +1 -1
- package/dist/components/Alert/Alert.js +31 -31
- package/dist/components/Chip/Chip.stories.d.ts +1 -1
- package/dist/components/ConfirmationDialog/ConfirmationDialog.stories.d.ts +1 -1
- package/dist/components/Dialog/Dialog.stories.d.ts +1 -1
- package/dist/components/EllipsisTooltip/EllipsisTooltip.stories.d.ts +1 -1
- package/dist/components/Input/Input.js +3 -1
- package/dist/components/LoadingSpinner/LoadingSpinner.stories.d.ts +1 -1
- package/dist/components/Popover/Popover.stories.d.ts +1 -1
- package/dist/components/Select/Select.d.ts +10 -2
- package/dist/components/Select/Select.js +385 -376
- package/dist/components/Select/Select.stories.d.ts +2 -0
- package/dist/components/Snackbar/Snackbar.stories.d.ts +1 -1
- package/dist/components/Tag/Tag.d.ts +2 -1
- package/dist/components/Tag/Tag.js +13 -12
- package/dist/components/Tag/Tag.stories.d.ts +2 -1
- package/dist/components/ToggleGroup/ToggleGroup.stories.d.ts +1 -1
- package/dist/components/Tooltip/Tooltip.stories.d.ts +1 -1
- package/dist/components/Typography/Typography.stories.d.ts +1 -1
- package/dist/contexts/SnackbarProvider/SnackbarProvider.stories.d.ts +1 -1
- package/dist/main.js +61 -59
- package/package.json +1 -1
package/dist/assets/Alert.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
._u-typography-
|
|
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
|
|
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 = "
|
|
6
|
-
"u-typography-h1": "_u-typography-
|
|
7
|
-
"u-typography-h2": "_u-typography-
|
|
8
|
-
"u-typography-h3": "_u-typography-
|
|
9
|
-
"u-typography-h4": "_u-typography-
|
|
10
|
-
"u-typography-h5": "_u-typography-
|
|
11
|
-
"u-typography-h6": "_u-typography-
|
|
12
|
-
"u-typography-base": "_u-typography-
|
|
13
|
-
"u-typography-base--xxl": "_u-typography-base--
|
|
14
|
-
"u-typography-base--xl": "_u-typography-base--
|
|
15
|
-
"u-typography-base--lg": "_u-typography-base--
|
|
16
|
-
"u-typography-base--sm": "_u-typography-base--
|
|
17
|
-
"u-typography-base--bold": "_u-typography-base--
|
|
18
|
-
"u-typography-base--strikethrough": "_u-typography-base--
|
|
19
|
-
"u-typography-base--underlined": "_u-typography-base--
|
|
20
|
-
"u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-
|
|
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--
|
|
23
|
-
"container--warning": "_container--
|
|
24
|
-
"container--error": "_container--
|
|
25
|
-
"container--info": "_container--
|
|
26
|
-
"container--default": "_container--
|
|
27
|
-
"container--close-icon": "_container--close-
|
|
28
|
-
"container--content": "_container--
|
|
29
|
-
}, g = ({ type:
|
|
30
|
-
const
|
|
31
|
-
return /* @__PURE__ */
|
|
32
|
-
/* @__PURE__ */ a("div", { className: t["container--content"], children:
|
|
33
|
-
!!
|
|
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": `${
|
|
37
|
-
onClick: () =>
|
|
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/
|
|
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/
|
|
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/
|
|
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/
|
|
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(
|
|
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/
|
|
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/
|
|
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;
|