@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.
Files changed (95) hide show
  1. package/README.md +17 -5
  2. package/dist/{Button-C3Qm852g.js → Button-W6tM-_IT.js} +6 -5
  3. package/dist/Dialog.module-CGVM5V_D.js +15 -0
  4. package/dist/{ListContext-D6-YwtZn.js → ListContext-Dj2Va7Iv.js} +2 -2
  5. package/dist/Portal-P3fPvS3-.js +19695 -0
  6. package/dist/{Tabs.module-_kSbSyth.js → Tabs.module-BA-PC7fA.js} +16 -16
  7. package/dist/_commonjsHelpers-CT_km90n.js +30 -0
  8. package/dist/assets/Advice.css +1 -0
  9. package/dist/assets/Button.css +1 -0
  10. package/dist/assets/Checkbox.css +1 -0
  11. package/dist/assets/Dialog.css +1 -1
  12. package/dist/assets/IconButton.css +1 -0
  13. package/dist/assets/LoadingSpinner.css +1 -1
  14. package/dist/assets/PageHeader.css +1 -0
  15. package/dist/assets/Pagination.css +1 -0
  16. package/dist/assets/Skeleton.css +1 -0
  17. package/dist/assets/SortTooltip.css +1 -0
  18. package/dist/assets/Stepper.css +1 -0
  19. package/dist/assets/Table.css +1 -0
  20. package/dist/assets/Tabs.css +1 -1
  21. package/dist/assets/Tooltip.css +1 -0
  22. package/dist/assets/Typography.css +1 -1
  23. package/dist/assets/global.css +1 -0
  24. package/dist/components/Advice/Advice.d.ts +13 -0
  25. package/dist/components/Advice/Advice.js +25 -0
  26. package/dist/components/Button/Button.d.ts +21 -0
  27. package/dist/components/Button/Button.js +70 -0
  28. package/dist/components/Checkbox/Checkbox.d.ts +17 -0
  29. package/dist/components/Checkbox/Checkbox.js +48 -0
  30. package/dist/components/Dialog/Actions.js +1 -1
  31. package/dist/components/Dialog/Backdrop.d.ts +1 -1
  32. package/dist/components/Dialog/Backdrop.js +2 -9
  33. package/dist/components/Dialog/CloseIconButton.js +12 -124
  34. package/dist/components/Dialog/Dialog.d.ts +2 -2
  35. package/dist/components/Dialog/Dialog.js +418 -20077
  36. package/dist/components/Dialog/Title.js +22 -7
  37. package/dist/components/Icon/Icon.d.ts +7 -0
  38. package/dist/components/Icon/Icon.js +9 -0
  39. package/dist/components/IconButton/IconButton.d.ts +22 -0
  40. package/dist/components/IconButton/IconButton.js +68 -0
  41. package/dist/components/LoadingSpinner/LoadingSpinner.js +12 -13
  42. package/dist/components/PageHeader/PageHeader.d.ts +36 -0
  43. package/dist/components/PageHeader/PageHeader.js +51 -0
  44. package/dist/components/PageHeader/PageHeader.stories.d.ts +43 -0
  45. package/dist/components/PageHeader/PageHeader.stories.js +49 -0
  46. package/dist/components/Pagination/Pagination.d.ts +36 -0
  47. package/dist/components/Pagination/Pagination.js +219 -0
  48. package/dist/components/Skeleton/Skeleton.d.ts +18 -0
  49. package/dist/components/Skeleton/Skeleton.js +26 -0
  50. package/dist/components/SortTooltip/SortTooltip.d.ts +26 -0
  51. package/dist/components/SortTooltip/SortTooltip.js +67 -0
  52. package/dist/components/Stepper/Stepper.d.ts +16 -0
  53. package/dist/components/Stepper/Stepper.js +33 -0
  54. package/dist/components/Table/Table.d.ts +39 -0
  55. package/dist/components/Table/Table.js +122 -0
  56. package/dist/components/Table/TableContext.d.ts +19 -0
  57. package/dist/components/Table/TableContext.js +21 -0
  58. package/dist/components/Tabs/Tab.d.ts +1 -1
  59. package/dist/components/Tabs/Tab.js +42 -37
  60. package/dist/components/Tabs/TabPanel.d.ts +1 -1
  61. package/dist/components/Tabs/TabPanel.js +20 -21
  62. package/dist/components/Tabs/Tabs.d.ts +1 -1
  63. package/dist/components/Tabs/Tabs.js +185 -214
  64. package/dist/components/Tooltip/Tooltip.d.ts +17 -0
  65. package/dist/components/Tooltip/Tooltip.js +1463 -0
  66. package/dist/components/Typography/Typography.d.ts +14 -5
  67. package/dist/components/Typography/Typography.js +76 -68
  68. package/dist/components/Typography/Typography.stories.d.ts +18 -0
  69. package/dist/components/Typography/Typography.stories.js +30 -0
  70. package/dist/components/Typography/typography.test.d.ts +1 -0
  71. package/dist/components/Typography/typography.test.js +11360 -0
  72. package/dist/{index-BZ1lkM_M.js → index-D2P7y2mE.js} +303 -327
  73. package/dist/magic-string.es-O_8lTkE3.js +738 -0
  74. package/dist/main.d.ts +5 -1
  75. package/dist/main.js +30 -21
  76. package/dist/objectWithoutPropertiesLoose-D7Cp0Pg_.js +26 -0
  77. package/dist/react-CGNQ6M5x.js +117 -0
  78. package/dist/test-utils/assertStyles.d.ts +1 -0
  79. package/dist/test-utils/assertStyles.js +11 -0
  80. package/dist/types/helpers.d.ts +14 -7
  81. package/dist/{useButton-CbmjmH5z.js → useButton-JpyBo5M4.js} +17 -16
  82. package/dist/{useCompoundItem-B7wfGDHQ.js → useCompoundItem-CTYi5M_E.js} +1 -1
  83. package/dist/useControlled-CCMYYdCM.js +31 -0
  84. package/dist/utils/styleStrings.d.ts +6 -0
  85. package/dist/utils/styleStrings.js +10 -0
  86. package/dist/utils/styleStrings.test.d.ts +1 -0
  87. package/dist/utils/styleStrings.test.js +41 -0
  88. package/dist/vi.Y_w82WR8-Df0JUamG.js +9860 -0
  89. package/package.json +47 -7
  90. package/dist/Dialog.module-BO0mdB7d.js +0 -15
  91. package/dist/assets/CallToActionButton.css +0 -1
  92. package/dist/assets/main.css +0 -1
  93. package/dist/components/CallToActionButton/CallToActionButton.d.ts +0 -21
  94. package/dist/components/CallToActionButton/CallToActionButton.js +0 -57
  95. package/src/playground/Playground.tsx +0 -20
package/README.md CHANGED
@@ -1,23 +1,35 @@
1
1
  # Marola - component library
2
- ![Marola logo](./src/assets/marolaLogo.png)
2
+
3
+ ![Marola logo](./public/marolaLogo.png)
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` - not yet implemented
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` - runs `build` and serves the files in the `dist` serves what would be in a `publish`
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 { g as T, a as _, b as x, _ as i, c as B, P as o, d as O, f as D } from "./index-BZ1lkM_M.js";
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-CbmjmH5z.js";
5
+ import { u as S } from "./useButton-JpyBo5M4.js";
5
6
  const m = "Button";
6
7
  function U(s) {
7
- return T(m, s);
8
+ return _(m, s);
8
9
  }
9
- _(m, ["root", "active", "disabled", "focusVisible"]);
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 = x(e, W), g = c.useRef();
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
+ };
@@ -13,6 +13,6 @@ const e = {
13
13
  }, i = /* @__PURE__ */ t.createContext(null);
14
14
  process.env.NODE_ENV !== "production" && (i.displayName = "ListContext");
15
15
  export {
16
- e as L,
17
- i as a
16
+ i as L,
17
+ e as a
18
18
  };