@pismo/marola 0.0.1-alpha.4 → 0.0.1-alpha.6
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 +17 -5
- package/dist/{Button-C3Qm852g.js → Button-W6tM-_IT.js} +6 -5
- package/dist/Dialog.module-CGVM5V_D.js +15 -0
- package/dist/{ListContext-D6-YwtZn.js → ListContext-Dj2Va7Iv.js} +2 -2
- package/dist/Portal-P3fPvS3-.js +19695 -0
- package/dist/{Tabs.module-_kSbSyth.js → Tabs.module-BA-PC7fA.js} +16 -16
- package/dist/_commonjsHelpers-CT_km90n.js +30 -0
- package/dist/assets/Advice.css +1 -0
- package/dist/assets/Button.css +1 -0
- package/dist/assets/Checkbox.css +1 -0
- package/dist/assets/Dialog.css +1 -1
- package/dist/assets/IconButton.css +1 -0
- package/dist/assets/LoadingSpinner.css +1 -1
- package/dist/assets/PageHeader.css +1 -0
- package/dist/assets/Pagination.css +1 -0
- package/dist/assets/Skeleton.css +1 -0
- package/dist/assets/SortTooltip.css +1 -0
- package/dist/assets/Stepper.css +1 -0
- package/dist/assets/Table.css +1 -0
- package/dist/assets/Tabs.css +1 -1
- package/dist/assets/Tooltip.css +1 -0
- package/dist/assets/Typography.css +1 -1
- package/dist/assets/global.css +1 -0
- package/dist/components/Advice/Advice.d.ts +13 -0
- package/dist/components/Advice/Advice.js +25 -0
- package/dist/components/Button/Button.d.ts +21 -0
- package/dist/components/Button/Button.js +70 -0
- package/dist/components/Checkbox/Checkbox.d.ts +17 -0
- package/dist/components/Checkbox/Checkbox.js +48 -0
- package/dist/components/Dialog/Actions.js +1 -1
- package/dist/components/Dialog/Backdrop.d.ts +1 -1
- package/dist/components/Dialog/Backdrop.js +2 -9
- package/dist/components/Dialog/CloseIconButton.js +12 -124
- package/dist/components/Dialog/Dialog.d.ts +2 -2
- package/dist/components/Dialog/Dialog.js +418 -20077
- package/dist/components/Dialog/Title.js +22 -7
- package/dist/components/Icon/Icon.d.ts +7 -0
- package/dist/components/Icon/Icon.js +9 -0
- package/dist/components/IconButton/IconButton.d.ts +22 -0
- package/dist/components/IconButton/IconButton.js +68 -0
- package/dist/components/LoadingSpinner/LoadingSpinner.js +12 -13
- package/dist/components/PageHeader/PageHeader.d.ts +36 -0
- package/dist/components/PageHeader/PageHeader.js +51 -0
- package/dist/components/PageHeader/PageHeader.stories.d.ts +43 -0
- package/dist/components/PageHeader/PageHeader.stories.js +49 -0
- package/dist/components/Pagination/Pagination.d.ts +36 -0
- package/dist/components/Pagination/Pagination.js +219 -0
- package/dist/components/Skeleton/Skeleton.d.ts +18 -0
- package/dist/components/Skeleton/Skeleton.js +26 -0
- package/dist/components/SortTooltip/SortTooltip.d.ts +26 -0
- package/dist/components/SortTooltip/SortTooltip.js +67 -0
- package/dist/components/Stepper/Stepper.d.ts +16 -0
- package/dist/components/Stepper/Stepper.js +33 -0
- package/dist/components/Table/Table.d.ts +39 -0
- package/dist/components/Table/Table.js +122 -0
- package/dist/components/Table/TableContext.d.ts +19 -0
- package/dist/components/Table/TableContext.js +21 -0
- package/dist/components/Tabs/Tab.d.ts +1 -1
- package/dist/components/Tabs/Tab.js +42 -37
- package/dist/components/Tabs/TabPanel.d.ts +1 -1
- package/dist/components/Tabs/TabPanel.js +20 -21
- package/dist/components/Tabs/Tabs.d.ts +1 -1
- package/dist/components/Tabs/Tabs.js +185 -214
- package/dist/components/Tooltip/Tooltip.d.ts +17 -0
- package/dist/components/Tooltip/Tooltip.js +1463 -0
- package/dist/components/Typography/Typography.d.ts +14 -5
- package/dist/components/Typography/Typography.js +76 -68
- package/dist/components/Typography/Typography.stories.d.ts +18 -0
- package/dist/components/Typography/Typography.stories.js +30 -0
- package/dist/components/Typography/typography.test.d.ts +1 -0
- package/dist/components/Typography/typography.test.js +11360 -0
- package/dist/{index-BZ1lkM_M.js → index-D2P7y2mE.js} +303 -327
- package/dist/magic-string.es-O_8lTkE3.js +738 -0
- package/dist/main.d.ts +5 -1
- package/dist/main.js +30 -21
- package/dist/objectWithoutPropertiesLoose-D7Cp0Pg_.js +26 -0
- package/dist/react-CGNQ6M5x.js +117 -0
- package/dist/test-utils/assertStyles.d.ts +1 -0
- package/dist/test-utils/assertStyles.js +11 -0
- package/dist/types/helpers.d.ts +14 -7
- package/dist/{useButton-CbmjmH5z.js → useButton-JpyBo5M4.js} +17 -16
- package/dist/{useCompoundItem-B7wfGDHQ.js → useCompoundItem-CTYi5M_E.js} +1 -1
- package/dist/useControlled-CCMYYdCM.js +31 -0
- package/dist/utils/styleStrings.d.ts +6 -0
- package/dist/utils/styleStrings.js +10 -0
- package/dist/utils/styleStrings.test.d.ts +1 -0
- package/dist/utils/styleStrings.test.js +41 -0
- package/dist/vi.Y_w82WR8-Df0JUamG.js +9860 -0
- package/package.json +47 -7
- package/dist/Dialog.module-BO0mdB7d.js +0 -15
- package/dist/assets/CallToActionButton.css +0 -1
- package/dist/assets/main.css +0 -1
- package/dist/components/CallToActionButton/CallToActionButton.d.ts +0 -21
- package/dist/components/CallToActionButton/CallToActionButton.js +0 -57
- package/src/playground/Playground.tsx +0 -20
package/README.md
CHANGED
|
@@ -1,23 +1,35 @@
|
|
|
1
1
|
# Marola - component library
|
|
2
|
-
|
|
2
|
+
|
|
3
|
+

|
|
3
4
|
|
|
4
5
|
### Commands
|
|
5
6
|
|
|
6
|
-
`yarn dev` - run the playground, launches a server where a developer can test and develop components, watches for file
|
|
7
|
+
`yarn dev` - run the playground, launches a server where a developer can test and develop components, watches for file
|
|
7
8
|
changes
|
|
8
9
|
|
|
9
10
|
`yarn build` - builds the components ready for publish
|
|
10
11
|
|
|
11
|
-
`yarn test` -
|
|
12
|
+
`yarn test` - calls off to yarn test:unit
|
|
13
|
+
|
|
14
|
+
`yarn test:unit` - runs vitest for unit tests
|
|
15
|
+
|
|
16
|
+
`yarn test:unit:visual` - runs vitest for unit tests in a browser, then when tests are run it will show the output in
|
|
17
|
+
browser
|
|
18
|
+
|
|
19
|
+
`yarn test:unit:watch` - runs vitest and watches for any change and reruns
|
|
12
20
|
|
|
13
21
|
`yarn lint` - performs an eslint across the project code and reports any problems in the terminal
|
|
14
22
|
|
|
15
|
-
`yarn preview` -
|
|
23
|
+
`yarn preview` - runs `build` and serves the files in the `dist` serves what would be in a `publish`
|
|
16
24
|
|
|
17
25
|
`yarn publish` - runs a prePublish build (the `build` command) then publishes the contents of the `dist` directory
|
|
18
26
|
|
|
27
|
+
`yarn storybook` - start storybook
|
|
28
|
+
|
|
29
|
+
`yarn build-storybook` - build storybook static files
|
|
30
|
+
|
|
19
31
|
### Tips
|
|
20
32
|
|
|
21
33
|
#### Node version
|
|
22
34
|
|
|
23
|
-
This project uses a .nvmrc file, to auto switch node version follow [these steps](https://github.com/nvm-sh/nvm?tab=readme-ov-file#zsh) from the nvm project .
|
|
35
|
+
This project uses a .nvmrc file, to auto switch node version follow [these steps](https://github.com/nvm-sh/nvm?tab=readme-ov-file#zsh) from the nvm project .
|
|
@@ -1,12 +1,13 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { _ as T, a as i } from "./objectWithoutPropertiesLoose-D7Cp0Pg_.js";
|
|
2
2
|
import * as c from "react";
|
|
3
|
+
import { g as _, a as x, u as B, P as o, c as O, b as D } from "./index-D2P7y2mE.js";
|
|
3
4
|
import { jsx as F } from "react/jsx-runtime";
|
|
4
|
-
import { u as S } from "./useButton-
|
|
5
|
+
import { u as S } from "./useButton-JpyBo5M4.js";
|
|
5
6
|
const m = "Button";
|
|
6
7
|
function U(s) {
|
|
7
|
-
return
|
|
8
|
+
return _(m, s);
|
|
8
9
|
}
|
|
9
|
-
|
|
10
|
+
x(m, ["root", "active", "disabled", "focusVisible"]);
|
|
10
11
|
const W = ["action", "children", "disabled", "focusableWhenDisabled", "onFocusVisible", "slotProps", "slots", "rootElementName"], j = (s) => {
|
|
11
12
|
const {
|
|
12
13
|
active: e,
|
|
@@ -25,7 +26,7 @@ const W = ["action", "children", "disabled", "focusableWhenDisabled", "onFocusVi
|
|
|
25
26
|
slotProps: P = {},
|
|
26
27
|
slots: l = {},
|
|
27
28
|
rootElementName: N = "button"
|
|
28
|
-
} = e, t =
|
|
29
|
+
} = e, t = T(e, W), g = c.useRef();
|
|
29
30
|
let a = N;
|
|
30
31
|
typeof l.root == "string" ? a = l.root : (t.href || t.to) && (a = "a");
|
|
31
32
|
const {
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import './assets/Dialog.css';
|
|
2
|
+
const _ = "_dialog_1o2te_1", o = "_dialog__backdrop_1o2te_11", i = "_dialog__panel_1o2te_19", l = "_dialog__title_1o2te_35", t = "_dialog__subtitle_1o2te_42", a = "_dialog__divider_1o2te_51", d = "_dialog__actions_1o2te_64", e = {
|
|
3
|
+
dialog: _,
|
|
4
|
+
dialog__backdrop: o,
|
|
5
|
+
dialog__panel: i,
|
|
6
|
+
dialog__title: l,
|
|
7
|
+
"dialog__title--small": "_dialog__title--small_1o2te_39",
|
|
8
|
+
dialog__subtitle: t,
|
|
9
|
+
dialog__divider: a,
|
|
10
|
+
"dialog__close-icon": "_dialog__close-icon_1o2te_55",
|
|
11
|
+
dialog__actions: d
|
|
12
|
+
};
|
|
13
|
+
export {
|
|
14
|
+
e as s
|
|
15
|
+
};
|