@pismo/marola 1.0.0-beta.18 → 1.0.0-beta.2
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/{Button-DiLqcAJG.js → Button-2b1peDFT.js} +2 -2
- package/dist/{ClickAwayListener-BaJ-OV_7.js → ClickAwayListener-BSW-Nd-y.js} +3 -4
- package/dist/Dialog.module-DFEmFdYT.js +30 -0
- package/dist/{Popup-lLWZt2wk.js → Popup-B6ZSGIEI.js} +3 -3
- package/dist/{Portal-B_Es6eUL.js → Portal-DIeBsWdL.js} +2 -2
- package/dist/SelectButton-C8JQKaf4.js +61 -0
- package/dist/Toggle-BCgIItCc.js +142 -0
- package/dist/assets/Advice.css +1 -1
- package/dist/assets/Button.css +1 -1
- package/dist/assets/Checkbox.css +1 -1
- package/dist/assets/Dialog.css +1 -1
- package/dist/assets/IconButton.css +1 -1
- package/dist/assets/Input.css +1 -1
- package/dist/assets/PageHeader.css +1 -1
- package/dist/assets/Pagination.css +1 -1
- package/dist/assets/SelectButton.css +1 -1
- package/dist/assets/Snackbar.css +1 -1
- package/dist/assets/SortTooltip.css +1 -1
- package/dist/assets/Stepper.css +1 -1
- package/dist/assets/Table.css +1 -1
- package/dist/assets/TextDisplay.css +1 -1
- package/dist/assets/Toggle.css +1 -1
- package/dist/assets/Toggle2.css +1 -1
- package/dist/assets/Typography.css +1 -1
- package/dist/{combineHooksSlotProps-BtBYUV_B.js → combineHooksSlotProps-DVjg9PRh.js} +1 -1
- package/dist/components/Advice/Advice.d.ts +17 -32
- package/dist/components/Advice/Advice.js +40 -39
- package/dist/components/Advice/Advice.stories.d.ts +3 -4
- package/dist/components/Button/Button.d.ts +0 -2
- package/dist/components/Button/Button.js +49 -51
- package/dist/components/Checkbox/Checkbox.js +52 -52
- package/dist/components/Chip/Chip.d.ts +12 -6
- package/dist/components/Chip/Chip.js +5 -6
- package/dist/components/Chip/Chip.stories.d.ts +14 -5
- package/dist/components/Dialog/Actions.js +1 -1
- package/dist/components/Dialog/Backdrop.js +1 -1
- package/dist/components/Dialog/CloseIconButton.js +2 -2
- package/dist/components/Dialog/Dialog.d.ts +6 -9
- package/dist/components/Dialog/Dialog.js +162 -162
- package/dist/components/Dialog/Dialog.stories.d.ts +46 -50
- package/dist/components/Dialog/DialogTitle.js +1 -1
- package/dist/components/EllipsisTooltip/EllipsisTooltip.js +17 -30
- package/dist/components/EllipsisTooltip/EllipsisTooltip.stories.d.ts +1 -2
- package/dist/components/Icon/Icon.js +34 -52
- package/dist/components/Icon/types.d.ts +1 -1
- package/dist/components/IconButton/IconButton.js +42 -42
- package/dist/components/Input/Input.d.ts +2 -4
- package/dist/components/Input/Input.js +471 -74
- package/dist/components/Input/Input.stories.d.ts +1 -1
- package/dist/components/InputSearch/InputSearch.stories.d.ts +1 -1
- package/dist/components/PageHeader/PageHeader.js +57 -57
- package/dist/components/Pagination/Pagination.d.ts +1 -7
- package/dist/components/Pagination/Pagination.js +182 -104
- package/dist/components/Select/Select.js +8 -9
- package/dist/components/Select/SelectButton.js +1 -1
- package/dist/components/Skeleton/Skeleton.d.ts +1 -3
- package/dist/components/Skeleton/Skeleton.js +12 -18
- package/dist/components/Skeleton/SkeletonTable.stories.d.ts +1 -1
- package/dist/components/Snackbar/Snackbar.js +94 -94
- package/dist/components/Snackbar/Snackbar.stories.d.ts +3 -3
- package/dist/components/SortTooltip/SortTooltip.js +46 -46
- package/dist/components/Stepper/Stepper.js +35 -35
- package/dist/components/Table/Table.d.ts +1 -3
- package/dist/components/Table/Table.js +85 -88
- package/dist/components/Table/Table.stories.d.ts +1 -1
- package/dist/components/Tabs/Tab.js +17 -18
- package/dist/components/Tabs/TabPanel.js +26 -27
- package/dist/components/Tabs/Tabs.js +25 -25
- package/dist/components/TextDisplay/TextDisplay.d.ts +1 -3
- package/dist/components/TextDisplay/TextDisplay.js +28 -42
- package/dist/components/TextDisplay/TextDisplay.stories.d.ts +1 -2
- package/dist/components/Toggle/Toggle.js +56 -56
- package/dist/components/ToggleGroup/Toggle.js +3 -3
- package/dist/components/ToggleGroup/ToggleGroup.js +1 -1
- package/dist/components/Tooltip/Tooltip.d.ts +1 -3
- package/dist/components/Tooltip/Tooltip.js +4 -4
- package/dist/components/Tooltip/Tooltip.stories.d.ts +0 -1
- package/dist/components/Typography/Typography.js +47 -47
- package/dist/{useSlotProps-kRhf7Gil.js → index-CH45lKw7.js} +94 -93
- package/dist/{index-D3Wj0eid.js → index-CjW42-M-.js} +1 -1
- package/dist/main.d.ts +0 -5
- package/dist/main.js +76 -85
- package/dist/{useButton-Bn3MNH8I.js → useButton-DNk3wrQp.js} +1 -1
- package/dist/useCompoundItem-D1iRfg8D.js +84 -0
- package/dist/useEventCallback-xTG9piMa.js +45 -0
- package/dist/{useList-BpJT77u3.js → useList-B0hog_3-.js} +2 -2
- package/package.json +3 -8
- package/dist/Dialog.module-D9e4RsKo.js +0 -30
- package/dist/Input.module-ZTRZRcNt.js +0 -405
- package/dist/SelectButton-CoOT2txy.js +0 -61
- package/dist/Toggle-CRfZgFJp.js +0 -181
- package/dist/assets/Adornment.css +0 -1
- package/dist/assets/Autocomplete.css +0 -1
- package/dist/assets/ResultWithChips.css +0 -1
- package/dist/assets/StepperNavigator.css +0 -1
- package/dist/components/Adornment/Adornment.d.ts +0 -20
- package/dist/components/Adornment/Adornment.js +0 -13
- package/dist/components/Adornment/Adornment.stories.d.ts +0 -14
- package/dist/components/Adornment/adornment.test.d.ts +0 -1
- package/dist/components/Autocomplete/Autocomplete.d.ts +0 -52
- package/dist/components/Autocomplete/Autocomplete.js +0 -690
- package/dist/components/Autocomplete/Autocomplete.stories.d.ts +0 -46
- package/dist/components/Pagination/usePagination.d.ts +0 -90
- package/dist/components/Pagination/usePagination.js +0 -79
- package/dist/components/ResultWithChips/ResultWithChips.d.ts +0 -12
- package/dist/components/ResultWithChips/ResultWithChips.js +0 -33
- package/dist/components/RowItem/RowItem.d.ts +0 -25
- package/dist/components/RowItem/RowItem.js +0 -19
- package/dist/components/RowItem/RowItem.stories.d.ts +0 -17
- package/dist/components/RowItem/rowItem.test.d.ts +0 -1
- package/dist/components/StepperNavigator/StepperNavigator.d.ts +0 -43
- package/dist/components/StepperNavigator/StepperNavigator.js +0 -56
- package/dist/components/StepperNavigator/StepperNavigator.stories.d.ts +0 -16
- package/dist/components/StepperNavigator/StepperNavigator.test.d.ts +0 -1
- package/dist/ownerDocument-B61GUaFs.js +0 -33
- package/dist/useCompoundItem-B7Eo_qZk.js +0 -68
- package/dist/useEventCallback-BAQJJ3ye.js +0 -14
- package/dist/useId-BW-oWmul.js +0 -19
|
@@ -1,58 +1,58 @@
|
|
|
1
1
|
import '../../assets/IconButton.css';
|
|
2
|
-
import { jsx as
|
|
3
|
-
import { forwardRef as
|
|
4
|
-
import { c as
|
|
5
|
-
import { LoadingSpinner as
|
|
6
|
-
import { B as
|
|
2
|
+
import { jsx as a, jsxs as c } from "react/jsx-runtime";
|
|
3
|
+
import { forwardRef as x, useMemo as d } from "react";
|
|
4
|
+
import { c as l } from "../../clsx-DB4S2d7J.js";
|
|
5
|
+
import { LoadingSpinner as j } from "../LoadingSpinner/LoadingSpinner.js";
|
|
6
|
+
import { B as m } from "../../Button-2b1peDFT.js";
|
|
7
7
|
const o = {
|
|
8
|
-
"u-typography-h1": "_u-typography-
|
|
9
|
-
"u-typography-h2": "_u-typography-
|
|
10
|
-
"u-typography-h3": "_u-typography-
|
|
11
|
-
"u-typography-h4": "_u-typography-
|
|
12
|
-
"u-typography-h5": "_u-typography-
|
|
13
|
-
"u-typography-h6": "_u-typography-
|
|
14
|
-
"u-typography-base": "_u-typography-
|
|
15
|
-
"icon-button": "_icon-
|
|
16
|
-
"u-typography-base--xxl": "_u-typography-base--
|
|
17
|
-
"u-typography-base--xl": "_u-typography-base--
|
|
18
|
-
"u-typography-base--lg": "_u-typography-base--
|
|
19
|
-
"u-typography-base--sm": "_u-typography-base--
|
|
20
|
-
"u-typography-base--bold": "_u-typography-base--
|
|
21
|
-
"u-typography-base--strikethrough": "_u-typography-base--
|
|
22
|
-
"u-typography-base--underlined": "_u-typography-base--
|
|
23
|
-
"u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-
|
|
24
|
-
"icon-button--primary": "_icon-button--
|
|
25
|
-
"icon-button--square": "_icon-button--
|
|
26
|
-
"icon-button__container": "_icon-
|
|
27
|
-
}, B =
|
|
8
|
+
"u-typography-h1": "_u-typography-h1_1xyj5_1",
|
|
9
|
+
"u-typography-h2": "_u-typography-h2_1xyj5_8",
|
|
10
|
+
"u-typography-h3": "_u-typography-h3_1xyj5_15",
|
|
11
|
+
"u-typography-h4": "_u-typography-h4_1xyj5_22",
|
|
12
|
+
"u-typography-h5": "_u-typography-h5_1xyj5_29",
|
|
13
|
+
"u-typography-h6": "_u-typography-h6_1xyj5_36",
|
|
14
|
+
"u-typography-base": "_u-typography-base_1xyj5_43",
|
|
15
|
+
"icon-button": "_icon-button_1xyj5_43",
|
|
16
|
+
"u-typography-base--xxl": "_u-typography-base--xxl_1xyj5_48",
|
|
17
|
+
"u-typography-base--xl": "_u-typography-base--xl_1xyj5_52",
|
|
18
|
+
"u-typography-base--lg": "_u-typography-base--lg_1xyj5_56",
|
|
19
|
+
"u-typography-base--sm": "_u-typography-base--sm_1xyj5_60",
|
|
20
|
+
"u-typography-base--bold": "_u-typography-base--bold_1xyj5_64",
|
|
21
|
+
"u-typography-base--strikethrough": "_u-typography-base--strikethrough_1xyj5_67",
|
|
22
|
+
"u-typography-base--underlined": "_u-typography-base--underlined_1xyj5_70",
|
|
23
|
+
"u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-underlined_1xyj5_73",
|
|
24
|
+
"icon-button--primary": "_icon-button--primary_1xyj5_86",
|
|
25
|
+
"icon-button--square": "_icon-button--square_1xyj5_108",
|
|
26
|
+
"icon-button__container": "_icon-button__container_1xyj5_124"
|
|
27
|
+
}, B = x((r, p) => {
|
|
28
28
|
const {
|
|
29
29
|
onClick: _,
|
|
30
30
|
icon: e,
|
|
31
31
|
link: u,
|
|
32
|
-
loading:
|
|
33
|
-
children:
|
|
34
|
-
type:
|
|
35
|
-
disabled:
|
|
36
|
-
className:
|
|
32
|
+
loading: n,
|
|
33
|
+
children: h,
|
|
34
|
+
type: s = "button",
|
|
35
|
+
disabled: i,
|
|
36
|
+
className: y,
|
|
37
37
|
variant: t = "primary",
|
|
38
|
-
"data-testid":
|
|
39
|
-
} =
|
|
40
|
-
() =>
|
|
41
|
-
[
|
|
38
|
+
"data-testid": g
|
|
39
|
+
} = r, b = d(
|
|
40
|
+
() => l([o["icon-button"], o[`icon-button--${t}`], y]),
|
|
41
|
+
[y, t]
|
|
42
42
|
);
|
|
43
|
-
return /* @__PURE__ */
|
|
44
|
-
|
|
43
|
+
return /* @__PURE__ */ a(
|
|
44
|
+
m,
|
|
45
45
|
{
|
|
46
|
-
type:
|
|
46
|
+
type: s,
|
|
47
47
|
href: u,
|
|
48
48
|
onClick: _,
|
|
49
|
-
disabled:
|
|
49
|
+
disabled: i,
|
|
50
50
|
className: b,
|
|
51
|
-
ref:
|
|
52
|
-
"data-testid":
|
|
51
|
+
ref: p,
|
|
52
|
+
"data-testid": g,
|
|
53
53
|
children: /* @__PURE__ */ c("div", { className: o["icon-button__container"], children: [
|
|
54
|
-
|
|
55
|
-
t !== "square" &&
|
|
54
|
+
n ? /* @__PURE__ */ a(j, { invert: !0 }) : e,
|
|
55
|
+
t !== "square" && h
|
|
56
56
|
] })
|
|
57
57
|
}
|
|
58
58
|
);
|
|
@@ -1,7 +1,5 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { InputHTMLAttributes, ReactNode } from 'react';
|
|
2
2
|
|
|
3
|
-
type ExcludedInputTypes = 'checkbox' | 'radio' | 'submit';
|
|
4
|
-
type CustomInputTypeAttribute = Exclude<HTMLInputTypeAttribute, ExcludedInputTypes>;
|
|
5
3
|
type InputProps = InputHTMLAttributes<HTMLInputElement> & {
|
|
6
4
|
/** Label text */
|
|
7
5
|
label?: string;
|
|
@@ -14,7 +12,7 @@ type InputProps = InputHTMLAttributes<HTMLInputElement> & {
|
|
|
14
12
|
/** Right icon element */
|
|
15
13
|
rightIcon?: ReactNode;
|
|
16
14
|
/** Input type. Default: text */
|
|
17
|
-
type?:
|
|
15
|
+
type?: 'text' | 'password' | 'search';
|
|
18
16
|
/** Hide the chars counter */
|
|
19
17
|
hideCharsCounter?: boolean;
|
|
20
18
|
/** CSS classes to be applied on the container element */
|