@pismo/marola 0.0.1-alpha.31 → 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 (174) 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 -76
  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 +10 -51
  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-BXcLAMNy.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 -48
  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 -27
  88. package/dist/components/Icon/Icon.js +0 -136
  89. package/dist/components/Icon/Icon.stories.d.ts +0 -16
  90. package/dist/components/IconButton/Icon.stories.d.ts +0 -15
  91. package/dist/components/IconButton/IconButton.d.ts +0 -38
  92. package/dist/components/IconButton/IconButton.js +0 -63
  93. package/dist/components/Input/Input.d.ts +0 -44
  94. package/dist/components/Input/Input.js +0 -508
  95. package/dist/components/Input/Input.stories.d.ts +0 -43
  96. package/dist/components/InputSearch/InputSearch.d.ts +0 -9
  97. package/dist/components/InputSearch/InputSearch.js +0 -34
  98. package/dist/components/InputSearch/InputSearch.stories.d.ts +0 -39
  99. package/dist/components/LoadingSpinner/LoadingSpinner.stories.d.ts +0 -14
  100. package/dist/components/PageHeader/PageHeader.d.ts +0 -66
  101. package/dist/components/PageHeader/PageHeader.js +0 -87
  102. package/dist/components/PageHeader/PageHeader.stories.d.ts +0 -14
  103. package/dist/components/Pagination/Pagination.d.ts +0 -55
  104. package/dist/components/Pagination/Pagination.js +0 -237
  105. package/dist/components/Pagination/Pagination.stories.d.ts +0 -17
  106. package/dist/components/Select/Select.d.ts +0 -26
  107. package/dist/components/Select/Select.js +0 -857
  108. package/dist/components/Select/Select.stories.d.ts +0 -22
  109. package/dist/components/Select/SelectButton.d.ts +0 -12
  110. package/dist/components/Select/SelectButton.js +0 -8
  111. package/dist/components/Skeleton/Skeleton.d.ts +0 -25
  112. package/dist/components/Skeleton/Skeleton.js +0 -23
  113. package/dist/components/Skeleton/Skeleton.stories.d.ts +0 -14
  114. package/dist/components/Skeleton/SkeletonCircle.stories.d.ts +0 -14
  115. package/dist/components/Skeleton/SkeletonTable.stories.d.ts +0 -16
  116. package/dist/components/Snackbar/Snackbar.d.ts +0 -27
  117. package/dist/components/Snackbar/Snackbar.js +0 -639
  118. package/dist/components/Snackbar/Snackbar.stories.d.ts +0 -319
  119. package/dist/components/SortTooltip/SortTooltip.d.ts +0 -28
  120. package/dist/components/SortTooltip/SortTooltip.js +0 -93
  121. package/dist/components/Stepper/Stepper.d.ts +0 -26
  122. package/dist/components/Stepper/Stepper.js +0 -48
  123. package/dist/components/Stepper/Stepper.stories.d.ts +0 -16
  124. package/dist/components/Table/Table.d.ts +0 -56
  125. package/dist/components/Table/Table.js +0 -137
  126. package/dist/components/Table/Table.stories.d.ts +0 -29
  127. package/dist/components/Table/TableContext.d.ts +0 -19
  128. package/dist/components/Table/TableContext.js +0 -21
  129. package/dist/components/Table/_Table.TBody.stories.d.ts +0 -14
  130. package/dist/components/Table/_Table.THead.stories.d.ts +0 -14
  131. package/dist/components/Table/_Table.Td.stories.d.ts +0 -16
  132. package/dist/components/Table/_Table.Th.stories.d.ts +0 -15
  133. package/dist/components/Table/_Table.Tr.stories.d.ts +0 -15
  134. package/dist/components/Tabs/Tab.stories.d.ts +0 -15
  135. package/dist/components/Tabs/TabPanel.stories.d.ts +0 -14
  136. package/dist/components/Tabs/Tabs.stories.d.ts +0 -14
  137. package/dist/components/TextDisplay/TextDisplay.d.ts +0 -23
  138. package/dist/components/TextDisplay/TextDisplay.js +0 -37
  139. package/dist/components/TextDisplay/TextDisplay.stories.d.ts +0 -13
  140. package/dist/components/TextDisplay/textDisplay.test.d.ts +0 -1
  141. package/dist/components/Toggle/Toggle.d.ts +0 -11
  142. package/dist/components/Toggle/Toggle.js +0 -266
  143. package/dist/components/Toggle/Toggle.stories.d.ts +0 -21
  144. package/dist/components/ToggleGroup/Group.d.ts +0 -18
  145. package/dist/components/ToggleGroup/Group.js +0 -7
  146. package/dist/components/ToggleGroup/Group.test.d.ts +0 -1
  147. package/dist/components/ToggleGroup/Toggle.d.ts +0 -15
  148. package/dist/components/ToggleGroup/Toggle.js +0 -16
  149. package/dist/components/ToggleGroup/Toggle.test.d.ts +0 -1
  150. package/dist/components/ToggleGroup/ToggleGroup.d.ts +0 -2
  151. package/dist/components/ToggleGroup/ToggleGroup.js +0 -6
  152. package/dist/components/ToggleGroup/ToggleGroup.stories.d.ts +0 -25
  153. package/dist/components/Tooltip/Tooltip.d.ts +0 -33
  154. package/dist/components/Tooltip/Tooltip.js +0 -141
  155. package/dist/components/Tooltip/Tooltip.stories.d.ts +0 -35
  156. package/dist/components/Typography/Typography.stories.d.ts +0 -32
  157. package/dist/components/Typography/typography.test.d.ts +0 -1
  158. package/dist/contexts/SnackbarProvider/SnackbarProvider.d.ts +0 -11
  159. package/dist/contexts/SnackbarProvider/SnackbarProvider.js +0 -50
  160. package/dist/contexts/SnackbarProvider/SnackbarProvider.stories.d.ts +0 -21
  161. package/dist/index-CjW42-M-.js +0 -19584
  162. package/dist/marola.css +0 -1
  163. package/dist/test-utils/assertStyles.d.ts +0 -1
  164. package/dist/test-utils/assertStyles.js +0 -11
  165. package/dist/useButton-DNk3wrQp.js +0 -105
  166. package/dist/useCompoundItem-D1iRfg8D.js +0 -84
  167. package/dist/useControlled-CCMYYdCM.js +0 -31
  168. package/dist/useEventCallback-xTG9piMa.js +0 -45
  169. package/dist/useIsFocusVisible-BH4IAdcw.js +0 -69
  170. package/dist/useList-B0hog_3-.js +0 -436
  171. package/dist/useTimeout-DxF9kiZL.js +0 -36
  172. package/dist/utils/styleStrings.d.ts +0 -6
  173. package/dist/utils/styleStrings.js +0 -10
  174. 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;