@pismo/marola 0.0.1-alpha.9 → 1.0.0-beta.1
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/README.md +1 -1
- package/dist/{Button-B1umG8kJ.js → Button-2b1peDFT.js} +25 -26
- package/dist/{ClickAwayListener-BKznXF1d.js → ClickAwayListener-BSW-Nd-y.js} +3 -2
- package/dist/Dialog.module-DFEmFdYT.js +30 -0
- package/dist/Group-B3p31ftp.js +26 -0
- package/dist/Popup-B6ZSGIEI.js +1248 -0
- package/dist/{Portal-BcdMtRGF.js → Portal-DIeBsWdL.js} +2 -2
- package/dist/SelectButton-C8JQKaf4.js +61 -0
- package/dist/Tabs.module-jkH1Qjn7.js +22 -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/EllipsisTooltip.css +1 -0
- package/dist/assets/Group.css +1 -0
- package/dist/assets/IconButton.css +1 -1
- package/dist/assets/Input.css +1 -1
- package/dist/assets/InputSearch.css +1 -1
- package/dist/assets/PageHeader.css +1 -1
- package/dist/assets/Pagination.css +1 -1
- package/dist/assets/SelectButton.css +1 -0
- package/dist/assets/Skeleton.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 -0
- package/dist/assets/Toggle.css +1 -1
- package/dist/assets/Toggle2.css +1 -0
- package/dist/assets/Typography.css +1 -1
- package/dist/combineHooksSlotProps-DVjg9PRh.js +80 -0
- package/dist/components/Advice/Advice.d.ts +17 -3
- package/dist/components/Advice/Advice.js +39 -17
- package/dist/components/Advice/Advice.stories.d.ts +18 -0
- package/dist/components/Button/Button.d.ts +6 -3
- package/dist/components/Button/Button.js +60 -65
- package/dist/components/Button/Button.stories.d.ts +3 -1
- package/dist/components/Checkbox/Checkbox.d.ts +19 -2
- package/dist/components/Checkbox/Checkbox.js +63 -40
- package/dist/components/Checkbox/Checkbox.stories.d.ts +31 -0
- package/dist/components/Chip/Chip.d.ts +39 -0
- package/dist/components/Chip/Chip.js +19 -0
- package/dist/components/Chip/Chip.stories.d.ts +42 -0
- package/dist/components/Chip/chip.test.d.ts +1 -0
- 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 +1 -1
- package/dist/components/Dialog/Dialog.js +13 -13
- package/dist/components/Dialog/Dialog.stories.d.ts +10 -10
- package/dist/components/Dialog/{Title.d.ts → DialogTitle.d.ts} +3 -3
- package/dist/components/Dialog/DialogTitle.js +29 -0
- package/dist/components/EllipsisTooltip/EllipsisTooltip.d.ts +7 -0
- package/dist/components/EllipsisTooltip/EllipsisTooltip.js +23 -0
- package/dist/components/EllipsisTooltip/EllipsisTooltip.stories.d.ts +31 -0
- package/dist/components/Icon/Icon.d.ts +8 -15
- package/dist/components/Icon/Icon.js +108 -57
- package/dist/components/Icon/Icon.stories.d.ts +14 -0
- package/dist/components/Icon/types.d.ts +5 -0
- package/dist/components/Icon/types.js +1 -0
- package/dist/components/IconButton/Icon.stories.d.ts +15 -0
- package/dist/components/IconButton/IconButton.d.ts +18 -2
- package/dist/components/IconButton/IconButton.js +58 -63
- package/dist/components/Input/Input.d.ts +1 -1
- package/dist/components/Input/Input.js +241 -230
- package/dist/components/InputSearch/InputSearch.d.ts +7 -9
- package/dist/components/InputSearch/InputSearch.js +30 -25
- package/dist/components/InputSearch/InputSearch.stories.d.ts +21 -4
- package/dist/components/LoadingSpinner/LoadingSpinner.d.ts +1 -1
- package/dist/components/PageHeader/PageHeader.d.ts +36 -6
- package/dist/components/PageHeader/PageHeader.js +83 -47
- package/dist/components/PageHeader/PageHeader.stories.d.ts +2 -31
- package/dist/components/Pagination/Pagination.d.ts +24 -5
- package/dist/components/Pagination/Pagination.js +127 -109
- package/dist/components/Pagination/Pagination.stories.d.ts +17 -0
- package/dist/components/Select/Select.d.ts +26 -0
- package/dist/components/Select/Select.js +857 -0
- package/dist/components/Select/Select.stories.d.ts +22 -0
- package/dist/components/Select/SelectButton.d.ts +12 -0
- package/dist/components/Select/SelectButton.js +8 -0
- package/dist/components/Skeleton/Skeleton.d.ts +10 -3
- package/dist/components/Skeleton/Skeleton.js +16 -19
- package/dist/components/Skeleton/Skeleton.stories.d.ts +14 -0
- package/dist/components/Skeleton/SkeletonCircle.stories.d.ts +14 -0
- package/dist/components/Skeleton/SkeletonTable.stories.d.ts +16 -0
- package/dist/components/Snackbar/Snackbar.d.ts +19 -5
- package/dist/components/Snackbar/Snackbar.js +247 -230
- package/dist/components/Snackbar/Snackbar.stories.d.ts +319 -0
- package/dist/components/SortTooltip/SortTooltip.d.ts +3 -1
- package/dist/components/SortTooltip/SortTooltip.js +55 -29
- package/dist/components/Stepper/Stepper.d.ts +11 -1
- package/dist/components/Stepper/Stepper.js +37 -22
- package/dist/components/Stepper/Stepper.stories.d.ts +16 -0
- package/dist/components/Table/Table.d.ts +33 -16
- package/dist/components/Table/Table.js +106 -91
- package/dist/components/Table/Table.stories.d.ts +29 -0
- package/dist/components/Table/_Table.TBody.stories.d.ts +14 -0
- package/dist/components/Table/_Table.THead.stories.d.ts +14 -0
- package/dist/components/Table/_Table.Td.stories.d.ts +16 -0
- package/dist/components/Table/_Table.Th.stories.d.ts +15 -0
- package/dist/components/Table/_Table.Tr.stories.d.ts +15 -0
- package/dist/components/Tabs/Tab.d.ts +5 -0
- package/dist/components/Tabs/Tab.js +179 -6
- package/dist/components/Tabs/Tab.stories.d.ts +15 -0
- package/dist/components/Tabs/TabPanel.d.ts +4 -0
- package/dist/components/Tabs/TabPanel.js +12 -12
- package/dist/components/Tabs/TabPanel.stories.d.ts +14 -0
- package/dist/components/Tabs/Tabs.d.ts +5 -1
- package/dist/components/Tabs/Tabs.js +242 -668
- package/dist/components/Tabs/Tabs.stories.d.ts +14 -0
- package/dist/components/TextDisplay/TextDisplay.d.ts +23 -0
- package/dist/components/TextDisplay/TextDisplay.js +37 -0
- package/dist/components/TextDisplay/TextDisplay.stories.d.ts +13 -0
- package/dist/components/TextDisplay/textDisplay.test.d.ts +1 -0
- package/dist/components/Toggle/Toggle.js +143 -129
- package/dist/components/ToggleGroup/Group.d.ts +18 -0
- package/dist/components/ToggleGroup/Group.js +7 -0
- package/dist/components/ToggleGroup/Group.test.d.ts +1 -0
- package/dist/components/ToggleGroup/Toggle.d.ts +15 -0
- package/dist/components/ToggleGroup/Toggle.js +17 -0
- package/dist/components/ToggleGroup/Toggle.test.d.ts +1 -0
- package/dist/components/ToggleGroup/ToggleGroup.d.ts +2 -0
- package/dist/components/ToggleGroup/ToggleGroup.js +6 -0
- package/dist/components/ToggleGroup/ToggleGroup.stories.d.ts +25 -0
- package/dist/components/Tooltip/Tooltip.d.ts +22 -6
- package/dist/components/Tooltip/Tooltip.js +114 -1339
- package/dist/components/Tooltip/Tooltip.stories.d.ts +35 -0
- package/dist/components/Typography/Typography.d.ts +5 -2
- package/dist/components/Typography/Typography.js +58 -74
- package/dist/components/Typography/Typography.stories.d.ts +1 -0
- package/dist/contexts/SnackbarProvider/SnackbarProvider.d.ts +11 -0
- package/dist/contexts/SnackbarProvider/SnackbarProvider.js +50 -0
- package/dist/contexts/SnackbarProvider/SnackbarProvider.stories.d.ts +21 -0
- package/dist/{index-CqjC7P5Y.js → index-CH45lKw7.js} +333 -307
- package/dist/{index-BNWbc5Kh.js → index-CjW42-M-.js} +3108 -3152
- package/dist/main.d.ts +10 -1
- package/dist/main.js +74 -55
- package/dist/marola.css +1 -0
- package/dist/{useButton-Bc8IAgyk.js → useButton-DNk3wrQp.js} +3 -4
- package/dist/useCompoundItem-D1iRfg8D.js +84 -0
- package/dist/useEventCallback-xTG9piMa.js +45 -0
- package/dist/useList-B0hog_3-.js +436 -0
- package/dist/utils/styleStrings.d.ts +1 -1
- package/dist/utils/styleStrings.js +7 -7
- package/package.json +4 -4
- package/dist/Dialog.module-CGVM5V_D.js +0 -15
- package/dist/Tab-CRwnhsj5.js +0 -254
- package/dist/Tabs.module-yYcTJnj6.js +0 -103
- package/dist/_commonjsHelpers-CT_km90n.js +0 -30
- package/dist/assets/global.css +0 -1
- package/dist/components/Button/Button.stories.js +0 -40
- package/dist/components/Dialog/Dialog.stories.js +0 -59
- package/dist/components/Dialog/Title.js +0 -29
- package/dist/components/Input/Input.stories.js +0 -106
- package/dist/components/InputSearch/InputSearch.stories.js +0 -36
- package/dist/components/LoadingSpinner/LoadingSpinner.stories.js +0 -38
- package/dist/components/PageHeader/PageHeader.stories.js +0 -49
- package/dist/components/Toggle/Toggle.stories.js +0 -33
- package/dist/components/Typography/Typography.stories.js +0 -30
- package/dist/components/Typography/typography.test.js +0 -11357
- package/dist/magic-string.es-O_8lTkE3.js +0 -738
- package/dist/objectWithoutPropertiesLoose-D7Cp0Pg_.js +0 -26
- package/dist/utils/styleStrings.test.js +0 -41
- package/dist/vi.Y_w82WR8-Df0JUamG.js +0 -9860
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
import '../../assets/global.css';
|
|
2
|
-
import { jsx as t } from "react/jsx-runtime";
|
|
3
|
-
/* empty css */
|
|
4
|
-
import "../Button/Button.js";
|
|
5
|
-
import "react";
|
|
6
|
-
import "../Dialog/Backdrop.js";
|
|
7
|
-
import "../Typography/Typography.js";
|
|
8
|
-
import "../IconButton/IconButton.js";
|
|
9
|
-
import { LoadingSpinner as i } from "./LoadingSpinner.js";
|
|
10
|
-
import "../Table/Table.js";
|
|
11
|
-
import "../Tabs/Tabs.js";
|
|
12
|
-
const g = {
|
|
13
|
-
title: "Components/LoadingSpinner",
|
|
14
|
-
component: i,
|
|
15
|
-
tags: ["autodocs"],
|
|
16
|
-
decorators: [
|
|
17
|
-
(o) => /* @__PURE__ */ t(
|
|
18
|
-
"div",
|
|
19
|
-
{
|
|
20
|
-
style: {
|
|
21
|
-
backgroundColor: "#423755",
|
|
22
|
-
width: "5em",
|
|
23
|
-
height: "5em",
|
|
24
|
-
display: "flex",
|
|
25
|
-
justifyContent: "center",
|
|
26
|
-
alignItems: "center"
|
|
27
|
-
},
|
|
28
|
-
children: /* @__PURE__ */ t(o, {})
|
|
29
|
-
}
|
|
30
|
-
)
|
|
31
|
-
]
|
|
32
|
-
}, f = {
|
|
33
|
-
args: {}
|
|
34
|
-
};
|
|
35
|
-
export {
|
|
36
|
-
f as Simple,
|
|
37
|
-
g as default
|
|
38
|
-
};
|
|
@@ -1,49 +0,0 @@
|
|
|
1
|
-
import { jsx as t, jsxs as n } from "react/jsx-runtime";
|
|
2
|
-
import { Button as r } from "../Button/Button.js";
|
|
3
|
-
import { T as e } from "../../Tab-CRwnhsj5.js";
|
|
4
|
-
import { TabPanel as a } from "../Tabs/TabPanel.js";
|
|
5
|
-
import { Tabs as o } from "../Tabs/Tabs.js";
|
|
6
|
-
import { PageHeader as l } from "./PageHeader.js";
|
|
7
|
-
const g = {
|
|
8
|
-
title: "Components/PageHeader",
|
|
9
|
-
component: l,
|
|
10
|
-
tags: ["autodocs"]
|
|
11
|
-
}, c = {
|
|
12
|
-
args: {
|
|
13
|
-
title: "Marola Design System",
|
|
14
|
-
subtitle: "A Pismo design system"
|
|
15
|
-
}
|
|
16
|
-
}, i = {
|
|
17
|
-
name: "With back link",
|
|
18
|
-
args: {
|
|
19
|
-
...c.args,
|
|
20
|
-
backLinkText: "Back",
|
|
21
|
-
onBackLinkClick: () => alert("Back button clicked!")
|
|
22
|
-
}
|
|
23
|
-
}, u = {
|
|
24
|
-
name: "With right children",
|
|
25
|
-
args: {
|
|
26
|
-
...i.args,
|
|
27
|
-
rightChildren: /* @__PURE__ */ t(r, { variant: "quick", onClick: () => alert("button clicked"), children: "Click me!" })
|
|
28
|
-
}
|
|
29
|
-
}, T = {
|
|
30
|
-
name: "With bottom children",
|
|
31
|
-
args: {
|
|
32
|
-
...i.args,
|
|
33
|
-
bottomChildren: /* @__PURE__ */ n(o, { children: [
|
|
34
|
-
/* @__PURE__ */ t(e, { value: "1", children: "Tab 1" }),
|
|
35
|
-
/* @__PURE__ */ t(e, { value: "2", children: "Tab 2" }),
|
|
36
|
-
/* @__PURE__ */ t(e, { value: "3", children: "Tab 3" }),
|
|
37
|
-
/* @__PURE__ */ t(a, { value: "1", children: "Tab 1 content" }),
|
|
38
|
-
/* @__PURE__ */ t(a, { value: "2", children: "Tab 2 content" }),
|
|
39
|
-
/* @__PURE__ */ t(a, { value: "3", children: "Tab 3 content" })
|
|
40
|
-
] })
|
|
41
|
-
}
|
|
42
|
-
};
|
|
43
|
-
export {
|
|
44
|
-
c as Simple,
|
|
45
|
-
i as WithBackLink,
|
|
46
|
-
T as WithBottomChildren,
|
|
47
|
-
u as WithRightChildren,
|
|
48
|
-
g as default
|
|
49
|
-
};
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
import { jsx as o } from "react/jsx-runtime";
|
|
2
|
-
import { useState as r } from "react";
|
|
3
|
-
import { Toggle as c } from "./Toggle.js";
|
|
4
|
-
const l = {
|
|
5
|
-
title: "Components/Toggle",
|
|
6
|
-
component: c,
|
|
7
|
-
tags: ["autodocs"],
|
|
8
|
-
parameters: {
|
|
9
|
-
layout: "padded"
|
|
10
|
-
}
|
|
11
|
-
}, h = {
|
|
12
|
-
render: () => {
|
|
13
|
-
const [e, t] = r(!1);
|
|
14
|
-
return /* @__PURE__ */ o(c, { checked: e, onChange: (a) => t(a.target.checked) });
|
|
15
|
-
}
|
|
16
|
-
}, m = {
|
|
17
|
-
name: "With label",
|
|
18
|
-
render: () => {
|
|
19
|
-
const [e, t] = r(!1);
|
|
20
|
-
return /* @__PURE__ */ o(c, { label: "Active", checked: e, onChange: (a) => t(a.target.checked) });
|
|
21
|
-
}
|
|
22
|
-
}, g = {
|
|
23
|
-
render: () => {
|
|
24
|
-
const [e, t] = r(!1);
|
|
25
|
-
return /* @__PURE__ */ o(c, { label: "Active", disabled: !0, checked: e, onChange: (a) => t(a.target.checked) });
|
|
26
|
-
}
|
|
27
|
-
};
|
|
28
|
-
export {
|
|
29
|
-
g as Disabled,
|
|
30
|
-
h as Simple,
|
|
31
|
-
m as WithLabel,
|
|
32
|
-
l as default
|
|
33
|
-
};
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
import '../../assets/global.css';
|
|
2
|
-
import { jsx as t } from "react/jsx-runtime";
|
|
3
|
-
/* empty css */
|
|
4
|
-
import "../Button/Button.js";
|
|
5
|
-
import "react";
|
|
6
|
-
import "../Dialog/Backdrop.js";
|
|
7
|
-
import { Typography as p } from "./Typography.js";
|
|
8
|
-
import "../IconButton/IconButton.js";
|
|
9
|
-
import "../Table/Table.js";
|
|
10
|
-
import "../Tabs/Tabs.js";
|
|
11
|
-
const c = {
|
|
12
|
-
title: "Components/Typography",
|
|
13
|
-
component: p,
|
|
14
|
-
tags: ["autodocs"],
|
|
15
|
-
argTypes: {
|
|
16
|
-
element: {
|
|
17
|
-
options: ["span", "p", "h1", "h2", "h3", "h4", "h5", "h6", "td", "th"],
|
|
18
|
-
control: { type: "select" }
|
|
19
|
-
}
|
|
20
|
-
},
|
|
21
|
-
decorators: [
|
|
22
|
-
(o) => /* @__PURE__ */ t("div", { style: { margin: "1em" }, children: /* @__PURE__ */ t(o, {}) })
|
|
23
|
-
]
|
|
24
|
-
}, d = {
|
|
25
|
-
args: { children: "Example text" }
|
|
26
|
-
};
|
|
27
|
-
export {
|
|
28
|
-
d as Simple,
|
|
29
|
-
c as default
|
|
30
|
-
};
|