@pismo/marola 0.0.1-alpha.32 → 0.0.1-alpha.4

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 (176) hide show
  1. package/README.md +5 -17
  2. package/dist/{Button-2b1peDFT.js → Button-C3Qm852g.js} +23 -23
  3. package/dist/Dialog.module-BO0mdB7d.js +15 -0
  4. package/dist/ListContext-D6-YwtZn.js +18 -0
  5. package/dist/Tabs.module-_kSbSyth.js +66 -0
  6. package/dist/assets/CallToActionButton.css +1 -0
  7. package/dist/assets/Dialog.css +1 -1
  8. package/dist/assets/LoadingSpinner.css +1 -1
  9. package/dist/assets/Tabs.css +1 -1
  10. package/dist/assets/Typography.css +1 -1
  11. package/dist/assets/main.css +1 -0
  12. package/dist/components/CallToActionButton/CallToActionButton.d.ts +21 -0
  13. package/dist/components/CallToActionButton/CallToActionButton.js +57 -0
  14. package/dist/components/Dialog/Actions.js +1 -1
  15. package/dist/components/Dialog/Backdrop.d.ts +1 -1
  16. package/dist/components/Dialog/Backdrop.js +9 -2
  17. package/dist/components/Dialog/CloseIconButton.js +124 -12
  18. package/dist/components/Dialog/Dialog.d.ts +5 -6
  19. package/dist/components/Dialog/Dialog.js +20103 -445
  20. package/dist/components/Dialog/{DialogTitle.d.ts → Title.d.ts} +3 -3
  21. package/dist/components/Dialog/Title.js +14 -0
  22. package/dist/components/LoadingSpinner/LoadingSpinner.d.ts +0 -2
  23. package/dist/components/LoadingSpinner/LoadingSpinner.js +13 -12
  24. package/dist/components/Tabs/Tab.d.ts +1 -6
  25. package/dist/components/Tabs/Tab.js +173 -118
  26. package/dist/components/Tabs/TabPanel.d.ts +1 -5
  27. package/dist/components/Tabs/TabPanel.js +10 -8
  28. package/dist/components/Tabs/Tabs.d.ts +2 -8
  29. package/dist/components/Tabs/Tabs.js +701 -250
  30. package/dist/components/Typography/Typography.d.ts +6 -17
  31. package/dist/components/Typography/Typography.js +64 -55
  32. package/dist/{index-CH45lKw7.js → index-BZ1lkM_M.js} +159 -162
  33. package/dist/main.d.ts +5 -27
  34. package/dist/main.js +21 -75
  35. package/dist/types/helpers.d.ts +7 -14
  36. package/dist/useButton-CbmjmH5z.js +186 -0
  37. package/dist/useCompoundItem-B7wfGDHQ.js +41 -0
  38. package/package.json +9 -50
  39. package/src/playground/Playground.tsx +20 -0
  40. package/dist/ClickAwayListener-BSW-Nd-y.js +0 -107
  41. package/dist/Dialog.module-DFEmFdYT.js +0 -30
  42. package/dist/Group-B3p31ftp.js +0 -26
  43. package/dist/Popup-B6ZSGIEI.js +0 -1248
  44. package/dist/Portal-DIeBsWdL.js +0 -73
  45. package/dist/SelectButton-C8JQKaf4.js +0 -61
  46. package/dist/Tabs.module-jkH1Qjn7.js +0 -22
  47. package/dist/Toggle-BCgIItCc.js +0 -142
  48. package/dist/assets/Advice.css +0 -1
  49. package/dist/assets/Button.css +0 -1
  50. package/dist/assets/Checkbox.css +0 -1
  51. package/dist/assets/EllipsisTooltip.css +0 -1
  52. package/dist/assets/Group.css +0 -1
  53. package/dist/assets/IconButton.css +0 -1
  54. package/dist/assets/Input.css +0 -1
  55. package/dist/assets/InputSearch.css +0 -1
  56. package/dist/assets/PageHeader.css +0 -1
  57. package/dist/assets/Pagination.css +0 -1
  58. package/dist/assets/SelectButton.css +0 -1
  59. package/dist/assets/Skeleton.css +0 -1
  60. package/dist/assets/Snackbar.css +0 -1
  61. package/dist/assets/SortTooltip.css +0 -1
  62. package/dist/assets/Stepper.css +0 -1
  63. package/dist/assets/Table.css +0 -1
  64. package/dist/assets/TextDisplay.css +0 -1
  65. package/dist/assets/Toggle.css +0 -1
  66. package/dist/assets/Toggle2.css +0 -1
  67. package/dist/assets/Tooltip.css +0 -1
  68. package/dist/combineHooksSlotProps-DVjg9PRh.js +0 -80
  69. package/dist/components/Advice/Advice.d.ts +0 -30
  70. package/dist/components/Advice/Advice.js +0 -47
  71. package/dist/components/Advice/Advice.stories.d.ts +0 -18
  72. package/dist/components/Button/Button.d.ts +0 -32
  73. package/dist/components/Button/Button.js +0 -65
  74. package/dist/components/Button/Button.stories.d.ts +0 -62
  75. package/dist/components/Checkbox/Checkbox.d.ts +0 -34
  76. package/dist/components/Checkbox/Checkbox.js +0 -71
  77. package/dist/components/Checkbox/Checkbox.stories.d.ts +0 -31
  78. package/dist/components/Chip/Chip.d.ts +0 -39
  79. package/dist/components/Chip/Chip.js +0 -19
  80. package/dist/components/Chip/Chip.stories.d.ts +0 -42
  81. package/dist/components/Chip/chip.test.d.ts +0 -1
  82. package/dist/components/Dialog/Dialog.stories.d.ts +0 -343
  83. package/dist/components/Dialog/DialogTitle.js +0 -29
  84. package/dist/components/EllipsisTooltip/EllipsisTooltip.d.ts +0 -7
  85. package/dist/components/EllipsisTooltip/EllipsisTooltip.js +0 -23
  86. package/dist/components/EllipsisTooltip/EllipsisTooltip.stories.d.ts +0 -31
  87. package/dist/components/Icon/Icon.d.ts +0 -11
  88. package/dist/components/Icon/Icon.js +0 -127
  89. package/dist/components/Icon/Icon.stories.d.ts +0 -15
  90. package/dist/components/Icon/types.d.ts +0 -5
  91. package/dist/components/Icon/types.js +0 -1
  92. package/dist/components/IconButton/Icon.stories.d.ts +0 -15
  93. package/dist/components/IconButton/IconButton.d.ts +0 -38
  94. package/dist/components/IconButton/IconButton.js +0 -63
  95. package/dist/components/Input/Input.d.ts +0 -44
  96. package/dist/components/Input/Input.js +0 -508
  97. package/dist/components/Input/Input.stories.d.ts +0 -43
  98. package/dist/components/InputSearch/InputSearch.d.ts +0 -9
  99. package/dist/components/InputSearch/InputSearch.js +0 -34
  100. package/dist/components/InputSearch/InputSearch.stories.d.ts +0 -39
  101. package/dist/components/LoadingSpinner/LoadingSpinner.stories.d.ts +0 -14
  102. package/dist/components/PageHeader/PageHeader.d.ts +0 -66
  103. package/dist/components/PageHeader/PageHeader.js +0 -87
  104. package/dist/components/PageHeader/PageHeader.stories.d.ts +0 -14
  105. package/dist/components/Pagination/Pagination.d.ts +0 -55
  106. package/dist/components/Pagination/Pagination.js +0 -237
  107. package/dist/components/Pagination/Pagination.stories.d.ts +0 -17
  108. package/dist/components/Select/Select.d.ts +0 -26
  109. package/dist/components/Select/Select.js +0 -857
  110. package/dist/components/Select/Select.stories.d.ts +0 -22
  111. package/dist/components/Select/SelectButton.d.ts +0 -12
  112. package/dist/components/Select/SelectButton.js +0 -8
  113. package/dist/components/Skeleton/Skeleton.d.ts +0 -25
  114. package/dist/components/Skeleton/Skeleton.js +0 -23
  115. package/dist/components/Skeleton/Skeleton.stories.d.ts +0 -14
  116. package/dist/components/Skeleton/SkeletonCircle.stories.d.ts +0 -14
  117. package/dist/components/Skeleton/SkeletonTable.stories.d.ts +0 -16
  118. package/dist/components/Snackbar/Snackbar.d.ts +0 -27
  119. package/dist/components/Snackbar/Snackbar.js +0 -639
  120. package/dist/components/Snackbar/Snackbar.stories.d.ts +0 -319
  121. package/dist/components/SortTooltip/SortTooltip.d.ts +0 -28
  122. package/dist/components/SortTooltip/SortTooltip.js +0 -93
  123. package/dist/components/Stepper/Stepper.d.ts +0 -26
  124. package/dist/components/Stepper/Stepper.js +0 -48
  125. package/dist/components/Stepper/Stepper.stories.d.ts +0 -16
  126. package/dist/components/Table/Table.d.ts +0 -56
  127. package/dist/components/Table/Table.js +0 -137
  128. package/dist/components/Table/Table.stories.d.ts +0 -29
  129. package/dist/components/Table/TableContext.d.ts +0 -19
  130. package/dist/components/Table/TableContext.js +0 -21
  131. package/dist/components/Table/_Table.TBody.stories.d.ts +0 -14
  132. package/dist/components/Table/_Table.THead.stories.d.ts +0 -14
  133. package/dist/components/Table/_Table.Td.stories.d.ts +0 -16
  134. package/dist/components/Table/_Table.Th.stories.d.ts +0 -15
  135. package/dist/components/Table/_Table.Tr.stories.d.ts +0 -15
  136. package/dist/components/Tabs/Tab.stories.d.ts +0 -15
  137. package/dist/components/Tabs/TabPanel.stories.d.ts +0 -14
  138. package/dist/components/Tabs/Tabs.stories.d.ts +0 -14
  139. package/dist/components/TextDisplay/TextDisplay.d.ts +0 -23
  140. package/dist/components/TextDisplay/TextDisplay.js +0 -37
  141. package/dist/components/TextDisplay/TextDisplay.stories.d.ts +0 -13
  142. package/dist/components/TextDisplay/textDisplay.test.d.ts +0 -1
  143. package/dist/components/Toggle/Toggle.d.ts +0 -11
  144. package/dist/components/Toggle/Toggle.js +0 -266
  145. package/dist/components/Toggle/Toggle.stories.d.ts +0 -21
  146. package/dist/components/ToggleGroup/Group.d.ts +0 -18
  147. package/dist/components/ToggleGroup/Group.js +0 -7
  148. package/dist/components/ToggleGroup/Group.test.d.ts +0 -1
  149. package/dist/components/ToggleGroup/Toggle.d.ts +0 -15
  150. package/dist/components/ToggleGroup/Toggle.js +0 -17
  151. package/dist/components/ToggleGroup/Toggle.test.d.ts +0 -1
  152. package/dist/components/ToggleGroup/ToggleGroup.d.ts +0 -2
  153. package/dist/components/ToggleGroup/ToggleGroup.js +0 -6
  154. package/dist/components/ToggleGroup/ToggleGroup.stories.d.ts +0 -25
  155. package/dist/components/Tooltip/Tooltip.d.ts +0 -33
  156. package/dist/components/Tooltip/Tooltip.js +0 -141
  157. package/dist/components/Tooltip/Tooltip.stories.d.ts +0 -35
  158. package/dist/components/Typography/Typography.stories.d.ts +0 -32
  159. package/dist/components/Typography/typography.test.d.ts +0 -1
  160. package/dist/contexts/SnackbarProvider/SnackbarProvider.d.ts +0 -11
  161. package/dist/contexts/SnackbarProvider/SnackbarProvider.js +0 -50
  162. package/dist/contexts/SnackbarProvider/SnackbarProvider.stories.d.ts +0 -21
  163. package/dist/index-CjW42-M-.js +0 -19584
  164. package/dist/marola.css +0 -1
  165. package/dist/test-utils/assertStyles.d.ts +0 -1
  166. package/dist/test-utils/assertStyles.js +0 -11
  167. package/dist/useButton-DNk3wrQp.js +0 -105
  168. package/dist/useCompoundItem-D1iRfg8D.js +0 -84
  169. package/dist/useControlled-CCMYYdCM.js +0 -31
  170. package/dist/useEventCallback-xTG9piMa.js +0 -45
  171. package/dist/useIsFocusVisible-BH4IAdcw.js +0 -69
  172. package/dist/useList-B0hog_3-.js +0 -436
  173. package/dist/useTimeout-DxF9kiZL.js +0 -36
  174. package/dist/utils/styleStrings.d.ts +0 -6
  175. package/dist/utils/styleStrings.js +0 -10
  176. package/dist/utils/styleStrings.test.d.ts +0 -1
@@ -1,22 +0,0 @@
1
- import { SelectProps } from './Select';
2
- import { StoryObj } from '@storybook/react';
3
-
4
- declare const meta: {
5
- title: string;
6
- component: {
7
- (props: SelectProps): import("react/jsx-runtime").JSX.Element;
8
- Option: (props: import('./Select').SelectOptionProps) => import("react/jsx-runtime").JSX.Element;
9
- };
10
- tags: string[];
11
- parameters: {
12
- layout: string;
13
- };
14
- };
15
- export default meta;
16
- type Story = StoryObj<typeof meta>;
17
- export declare const Simple: Story;
18
- export declare const WithAllOptionsDisabled: Story;
19
- export declare const WithSomeOptionsDisabled: Story;
20
- export declare const WithPrefix: Story;
21
- export declare const WithIcons: Story;
22
- export declare const WithManyOptions: Story;
@@ -1,12 +0,0 @@
1
- import { ReactNode } from 'react';
2
-
3
- export interface SelectButtonProps {
4
- className: string;
5
- children: ReactNode;
6
- disabled: boolean;
7
- 'aria-expanded': boolean;
8
- prefix?: string;
9
- 'data-testid'?: string;
10
- onClick: () => void;
11
- }
12
- export declare const SelectButton: import('react').ForwardRefExoticComponent<SelectButtonProps & import('react').RefAttributes<HTMLButtonElement>>;
@@ -1,8 +0,0 @@
1
- import "react/jsx-runtime";
2
- import "react";
3
- import "../../clsx-DB4S2d7J.js";
4
- import "../Typography/Typography.js";
5
- import { S as e } from "../../SelectButton-C8JQKaf4.js";
6
- export {
7
- e as SelectButton
8
- };
@@ -1,25 +0,0 @@
1
- /// <reference types="react" />
2
- export type SkeletonProps = {
3
- /** CSS styles to be applied on the container element */
4
- style?: React.CSSProperties | undefined;
5
- /** CSS classes to be applied on the container element */
6
- className?: string;
7
- /** Id to be applied as `data-testid` on the container element */
8
- 'data-testid'?: string;
9
- };
10
- declare const Skeleton: (props: SkeletonProps) => import("react/jsx-runtime").JSX.Element;
11
- export type SkeletonCircleProps = SkeletonProps & {
12
- /** Size of the circle skeleton */
13
- size?: string | number;
14
- };
15
- declare const SkeletonCircle: ({ size, ...props }: SkeletonCircleProps) => import("react/jsx-runtime").JSX.Element;
16
- export type SkeletonTableProps = SkeletonProps & {
17
- /** Number of columns of the table skeleton */
18
- columns?: number;
19
- /** Number of rows of the table skeleton */
20
- rows?: number;
21
- /** Controls if the with of the cells should be automatically defined */
22
- autoWidth?: boolean;
23
- };
24
- declare const SkeletonTable: ({ columns, rows, autoWidth, ...props }: SkeletonTableProps) => import("react/jsx-runtime").JSX.Element;
25
- export { Skeleton, SkeletonCircle, SkeletonTable };
@@ -1,23 +0,0 @@
1
- import '../../assets/Skeleton.css';
2
- import { jsx as t, jsxs as w } from "react/jsx-runtime";
3
- import { c as r } from "../../clsx-DB4S2d7J.js";
4
- const N = "_skeleton_dtmoz_1", b = "_skeletonLoading_dtmoz_1", o = {
5
- skeleton: N,
6
- skeletonLoading: b,
7
- "skeleton--circle-type": "_skeleton--circle-type_dtmoz_13",
8
- "skeleton--table-type": "_skeleton--table-type_dtmoz_17"
9
- }, i = (e) => /* @__PURE__ */ t("div", { ...e, className: r(o.skeleton, e.className) }), $ = ({ size: e = "4rem", ...l }) => {
10
- const s = r(o.skeleton, o["skeleton--circle-type"], l.className);
11
- return /* @__PURE__ */ t("div", { ...l, style: { width: e, height: e }, className: s });
12
- }, d = (e = 30) => `${Math.floor(Math.random() * (100 - e + 1) + e)}%`, C = ({ columns: e = 5, rows: l = 5, autoWidth: s = !0, ...c }) => {
13
- const m = r(o["skeleton--table-type"], c.className), a = `${100 / e}%`, h = /* @__PURE__ */ t("tr", { children: new Array(e).fill(null).map((y, n) => /* @__PURE__ */ t("th", { style: { width: a }, children: /* @__PURE__ */ t(i, { style: { width: s ? d(50) : "100%" } }) }, `row-columns-${n}`)) }), k = new Array(l).fill(null).map((y, n) => /* @__PURE__ */ t("tr", { children: new Array(e).fill(null).map((f, _) => /* @__PURE__ */ t("td", { style: { width: a }, children: /* @__PURE__ */ t(i, { style: { width: s ? d() : "100%" } }) }, `row-${n}-cell-${_}`)) }, `row-${n}`));
14
- return /* @__PURE__ */ w("table", { ...c, className: m, children: [
15
- /* @__PURE__ */ t("thead", { children: h }),
16
- /* @__PURE__ */ t("tbody", { children: k })
17
- ] });
18
- };
19
- export {
20
- i as Skeleton,
21
- $ as SkeletonCircle,
22
- C as SkeletonTable
23
- };
@@ -1,14 +0,0 @@
1
- import { StoryObj } from '@storybook/react';
2
-
3
- declare const meta: {
4
- title: string;
5
- component: (props: import('./Skeleton').SkeletonProps) => import("react/jsx-runtime").JSX.Element;
6
- tags: string[];
7
- parameters: {
8
- layout: string;
9
- };
10
- };
11
- export default meta;
12
- type Story = StoryObj<typeof meta>;
13
- export declare const Simple: Story;
14
- export declare const WithCustomStyles: Story;
@@ -1,14 +0,0 @@
1
- import { StoryObj } from '@storybook/react';
2
-
3
- declare const meta: {
4
- title: string;
5
- component: ({ size, ...props }: import('./Skeleton').SkeletonCircleProps) => import("react/jsx-runtime").JSX.Element;
6
- tags: string[];
7
- parameters: {
8
- layout: string;
9
- };
10
- };
11
- export default meta;
12
- type Story = StoryObj<typeof meta>;
13
- export declare const Circle: Story;
14
- export declare const WithCustomSize: Story;
@@ -1,16 +0,0 @@
1
- import { StoryObj } from '@storybook/react';
2
-
3
- declare const meta: {
4
- title: string;
5
- component: ({ columns, rows, autoWidth, ...props }: import('./Skeleton').SkeletonTableProps) => import("react/jsx-runtime").JSX.Element;
6
- tags: string[];
7
- parameters: {
8
- layout: string;
9
- };
10
- };
11
- export default meta;
12
- type Story = StoryObj<typeof meta>;
13
- export declare const Table: Story;
14
- export declare const WithCustomCols: Story;
15
- export declare const WithCustomRows: Story;
16
- export declare const WithFixedWidth: Story;
@@ -1,27 +0,0 @@
1
- import { InputHTMLAttributes } from 'react';
2
-
3
- export type SnackbarVariant = 'success' | 'error' | 'warning';
4
- export type SnackbarProps = InputHTMLAttributes<HTMLInputElement> & {
5
- /** Snackbar variant */
6
- variant: SnackbarVariant;
7
- /** Message of snackbar */
8
- snackbarMessage: string;
9
- /** The open state for component visibility */
10
- open?: boolean;
11
- /** ID that tests can use to get this component from the DOM */
12
- 'data-testid'?: string;
13
- /** Space seperated list of CSS classes to apply */
14
- classNameWrapper?: string;
15
- /** Duration of visibility */
16
- autoHideDuration?: number;
17
- /** Callback for when close is clicked */
18
- onClose?: () => void;
19
- /** Callback for when closed */
20
- onClosed?: () => void;
21
- };
22
- /**
23
- * Snackbars (also known as toasts) are used for
24
- * brief notification of processes that
25
- * have been or will be performed.
26
- * */
27
- export declare const Snackbar: ({ snackbarMessage, variant, autoHideDuration, open, onClose, onClosed, classNameWrapper, "data-testid": dataTestId, }: SnackbarProps) => import("react/jsx-runtime").JSX.Element;