@pismo/marola 1.0.0-beta.69 → 1.0.0-beta.8

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/dist/{Button-BAljjMv3.js → Button-DiLqcAJG.js} +2 -2
  2. package/dist/{ClickAwayListener-DbEYZpyh.js → ClickAwayListener-BaJ-OV_7.js} +3 -3
  3. package/dist/Dialog.module-DFEmFdYT.js +30 -0
  4. package/dist/Group-B3p31ftp.js +26 -0
  5. package/dist/Input.module-iOYlI_1w.js +405 -0
  6. package/dist/{Popup-Ck3XlWMq.js → Popup-lLWZt2wk.js} +3 -3
  7. package/dist/{Portal-oY3enyAm.js → Portal-B_Es6eUL.js} +2 -2
  8. package/dist/SelectButton-K3OIfR5m.js +61 -0
  9. package/dist/{Tabs.module-BGGTkDc5.js → Tabs.module-jkH1Qjn7.js} +7 -7
  10. package/dist/Toggle-BSvvbKBp.js +175 -0
  11. package/dist/assets/Advice.css +1 -1
  12. package/dist/assets/Autocomplete.css +1 -1
  13. package/dist/assets/Button.css +1 -1
  14. package/dist/assets/Checkbox.css +1 -1
  15. package/dist/assets/Dialog.css +1 -1
  16. package/dist/assets/EllipsisTooltip.css +1 -1
  17. package/dist/assets/Group.css +1 -1
  18. package/dist/assets/IconButton.css +1 -1
  19. package/dist/assets/Input.css +1 -1
  20. package/dist/assets/PageHeader.css +1 -1
  21. package/dist/assets/Pagination.css +1 -1
  22. package/dist/assets/SelectButton.css +1 -1
  23. package/dist/assets/Skeleton.css +1 -1
  24. package/dist/assets/Snackbar.css +1 -1
  25. package/dist/assets/SortTooltip.css +1 -1
  26. package/dist/assets/Stepper.css +1 -1
  27. package/dist/assets/Table.css +1 -1
  28. package/dist/assets/Tabs.css +1 -1
  29. package/dist/assets/Toggle.css +1 -1
  30. package/dist/assets/Toggle2.css +1 -1
  31. package/dist/assets/Typography.css +1 -1
  32. package/dist/{combineHooksSlotProps-C-zYvfnF.js → combineHooksSlotProps-BtBYUV_B.js} +1 -1
  33. package/dist/components/Adornment/Adornment.d.ts +2 -11
  34. package/dist/components/Adornment/Adornment.js +6 -6
  35. package/dist/components/Advice/Advice.d.ts +17 -32
  36. package/dist/components/Advice/Advice.js +40 -39
  37. package/dist/components/Advice/Advice.stories.d.ts +3 -4
  38. package/dist/components/Autocomplete/Autocomplete.d.ts +42 -12
  39. package/dist/components/Autocomplete/Autocomplete.js +435 -425
  40. package/dist/components/Autocomplete/Autocomplete.stories.d.ts +25 -3
  41. package/dist/components/Button/Button.d.ts +0 -2
  42. package/dist/components/Button/Button.js +49 -51
  43. package/dist/components/Checkbox/Checkbox.js +52 -52
  44. package/dist/components/Chip/Chip.d.ts +4 -6
  45. package/dist/components/Chip/Chip.js +6 -10
  46. package/dist/components/Chip/Chip.stories.d.ts +15 -6
  47. package/dist/components/Dialog/Actions.js +1 -1
  48. package/dist/components/Dialog/Backdrop.d.ts +3 -3
  49. package/dist/components/Dialog/Backdrop.js +7 -8
  50. package/dist/components/Dialog/CloseIconButton.d.ts +2 -1
  51. package/dist/components/Dialog/CloseIconButton.js +18 -15
  52. package/dist/components/Dialog/Dialog.d.ts +10 -16
  53. package/dist/components/Dialog/Dialog.js +167 -167
  54. package/dist/components/Dialog/Dialog.stories.d.ts +69 -75
  55. package/dist/components/Dialog/DialogTitle.d.ts +2 -5
  56. package/dist/components/Dialog/DialogTitle.js +16 -22
  57. package/dist/components/EllipsisTooltip/EllipsisTooltip.js +17 -30
  58. package/dist/components/EllipsisTooltip/EllipsisTooltip.stories.d.ts +1 -2
  59. package/dist/components/Icon/Icon.js +51 -331
  60. package/dist/components/Icon/types.d.ts +1 -1
  61. package/dist/components/IconButton/IconButton.js +42 -42
  62. package/dist/components/Input/Input.d.ts +5 -26
  63. package/dist/components/Input/Input.js +102 -514
  64. package/dist/components/Input/Input.stories.d.ts +21 -2
  65. package/dist/components/InputSearch/InputSearch.d.ts +7 -37
  66. package/dist/components/InputSearch/InputSearch.js +29 -27
  67. package/dist/components/InputSearch/InputSearch.stories.d.ts +3 -15
  68. package/dist/components/LoadingSpinner/LoadingSpinner.stories.d.ts +1 -1
  69. package/dist/components/PageHeader/PageHeader.d.ts +2 -6
  70. package/dist/components/PageHeader/PageHeader.js +71 -78
  71. package/dist/components/PageHeader/PageHeader.stories.d.ts +1 -3
  72. package/dist/components/Pagination/Pagination.d.ts +1 -5
  73. package/dist/components/Pagination/Pagination.js +91 -90
  74. package/dist/components/Pagination/Pagination.stories.d.ts +1 -1
  75. package/dist/components/RowItem/RowItem.d.ts +2 -2
  76. package/dist/components/RowItem/RowItem.js +5 -9
  77. package/dist/components/Select/Select.d.ts +0 -22
  78. package/dist/components/Select/Select.js +414 -476
  79. package/dist/components/Select/SelectButton.d.ts +0 -2
  80. package/dist/components/Select/SelectButton.js +2 -3
  81. package/dist/components/Skeleton/Skeleton.d.ts +1 -3
  82. package/dist/components/Skeleton/Skeleton.js +14 -20
  83. package/dist/components/Skeleton/SkeletonTable.stories.d.ts +1 -1
  84. package/dist/components/Snackbar/Snackbar.js +93 -93
  85. package/dist/components/Snackbar/Snackbar.stories.d.ts +1 -1
  86. package/dist/components/SortTooltip/SortTooltip.js +46 -46
  87. package/dist/components/Stepper/Stepper.js +35 -35
  88. package/dist/components/Table/Table.d.ts +1 -3
  89. package/dist/components/Table/Table.js +99 -87
  90. package/dist/components/Table/Table.stories.d.ts +1 -1
  91. package/dist/components/Tabs/Tab.d.ts +3 -5
  92. package/dist/components/Tabs/Tab.js +35 -36
  93. package/dist/components/Tabs/TabPanel.d.ts +2 -4
  94. package/dist/components/Tabs/TabPanel.js +38 -48
  95. package/dist/components/Tabs/Tabs.d.ts +4 -6
  96. package/dist/components/Tabs/Tabs.js +112 -115
  97. package/dist/components/TextDisplay/TextDisplay.d.ts +3 -7
  98. package/dist/components/TextDisplay/TextDisplay.js +37 -44
  99. package/dist/components/TextDisplay/TextDisplay.stories.d.ts +1 -2
  100. package/dist/components/Toggle/Toggle.js +55 -55
  101. package/dist/components/ToggleGroup/Group.d.ts +0 -2
  102. package/dist/components/ToggleGroup/Group.js +2 -4
  103. package/dist/components/ToggleGroup/Toggle.d.ts +0 -2
  104. package/dist/components/ToggleGroup/Toggle.js +4 -8
  105. package/dist/components/ToggleGroup/ToggleGroup.js +2 -2
  106. package/dist/components/ToggleGroup/ToggleGroup.stories.d.ts +1 -3
  107. package/dist/components/Tooltip/Tooltip.d.ts +1 -3
  108. package/dist/components/Tooltip/Tooltip.js +4 -4
  109. package/dist/components/Tooltip/Tooltip.stories.d.ts +1 -2
  110. package/dist/components/Typography/Typography.js +47 -47
  111. package/dist/components/Typography/Typography.stories.d.ts +1 -1
  112. package/dist/contexts/SnackbarProvider/SnackbarProvider.js +30 -34
  113. package/dist/contexts/SnackbarProvider/SnackbarProvider.stories.d.ts +1 -1
  114. package/dist/{index-bQFToy-I.js → index-D3Wj0eid.js} +1 -1
  115. package/dist/main.d.ts +0 -8
  116. package/dist/main.js +79 -95
  117. package/dist/marola.css +1 -1
  118. package/dist/{ownerDocument-YGhwAnr1.js → ownerDocument-B61GUaFs.js} +1 -1
  119. package/dist/test-utils/assertStyles.d.ts +1 -1
  120. package/dist/{useButton-DcihopJG.js → useButton-Bn3MNH8I.js} +1 -1
  121. package/dist/{useList-B9C55YB7.js → useList-BpJT77u3.js} +2 -2
  122. package/dist/{useSlotProps-C_I1kEHr.js → useSlotProps-kRhf7Gil.js} +72 -73
  123. package/package.json +13 -22
  124. package/dist/Dialog.module-W7UCXlf3.js +0 -29
  125. package/dist/Group-DspH8hyO.js +0 -30
  126. package/dist/Popover.module-B4boCutS.js +0 -10
  127. package/dist/SelectButton-B38avP9u.js +0 -75
  128. package/dist/Toggle-MfR7l8Wn.js +0 -190
  129. package/dist/assets/Alert.css +0 -1
  130. package/dist/assets/Avatar.css +0 -1
  131. package/dist/assets/Description.css +0 -1
  132. package/dist/assets/Popover.css +0 -1
  133. package/dist/assets/RadioButton.css +0 -1
  134. package/dist/assets/ResultWithChips.css +0 -1
  135. package/dist/assets/StepperNavigator.css +0 -1
  136. package/dist/components/Adornment/Adornment.stories.d.ts +0 -14
  137. package/dist/components/Adornment/adornment.test.d.ts +0 -1
  138. package/dist/components/Alert/Alert.d.ts +0 -11
  139. package/dist/components/Alert/Alert.js +0 -46
  140. package/dist/components/Alert/Alert.stories.d.ts +0 -24
  141. package/dist/components/Alert/Alert.test.d.ts +0 -1
  142. package/dist/components/Avatar/Avatar.d.ts +0 -15
  143. package/dist/components/Avatar/Avatar.js +0 -51
  144. package/dist/components/Avatar/Avatar.stories.d.ts +0 -25
  145. package/dist/components/ConfirmationDialog/ConfirmationDialog.d.ts +0 -14
  146. package/dist/components/ConfirmationDialog/ConfirmationDialog.js +0 -37
  147. package/dist/components/ConfirmationDialog/ConfirmationDialog.stories.d.ts +0 -23
  148. package/dist/components/ConfirmationDialog/ConfirmationModal.test.d.ts +0 -1
  149. package/dist/components/Description/Description.d.ts +0 -21
  150. package/dist/components/Description/Description.js +0 -66
  151. package/dist/components/Description/Description.stories.d.ts +0 -22
  152. package/dist/components/Description/Description.test.d.ts +0 -1
  153. package/dist/components/PageHeader/PageHeader.test.d.ts +0 -1
  154. package/dist/components/Popover/Popover.d.ts +0 -32
  155. package/dist/components/Popover/Popover.js +0 -24
  156. package/dist/components/Popover/Popover.stories.d.ts +0 -34
  157. package/dist/components/Popover/PopoverBody.d.ts +0 -6
  158. package/dist/components/Popover/PopoverBody.js +0 -6
  159. package/dist/components/Popover/PopoverFooter.d.ts +0 -6
  160. package/dist/components/Popover/PopoverFooter.js +0 -6
  161. package/dist/components/Popover/PopoverHeader.d.ts +0 -6
  162. package/dist/components/Popover/PopoverHeader.js +0 -6
  163. package/dist/components/RadioButton/RadioButton.d.ts +0 -19
  164. package/dist/components/RadioButton/RadioButton.js +0 -37
  165. package/dist/components/RadioButton/RadioButton.stories.d.ts +0 -24
  166. package/dist/components/RadioButton/RadioButton.test.d.ts +0 -1
  167. package/dist/components/ResultWithChips/ResultWithChips.d.ts +0 -12
  168. package/dist/components/ResultWithChips/ResultWithChips.js +0 -33
  169. package/dist/components/RowItem/RowItem.stories.d.ts +0 -17
  170. package/dist/components/RowItem/rowItem.test.d.ts +0 -1
  171. package/dist/components/StepperNavigator/StepperNavigator.d.ts +0 -58
  172. package/dist/components/StepperNavigator/StepperNavigator.js +0 -115
  173. package/dist/components/StepperNavigator/StepperNavigator.stories.d.ts +0 -18
  174. package/dist/components/StepperNavigator/StepperNavigator.test.d.ts +0 -1
@@ -1,21 +0,0 @@
1
- import { VariantType } from '../Typography/Typography.tsx';
2
-
3
- export interface DescriptionProps {
4
- /** Description label */
5
- label: React.ReactNode;
6
- /** Description value */
7
- value: React.ReactNode;
8
- /** Renders skeleton when true */
9
- isLoading?: boolean;
10
- /** Description label and value color */
11
- color?: string;
12
- /** Sets the data-testid prefix for label, value and skeletons */
13
- 'data-testid'?: string;
14
- /** Sets the label and value onto the same line */
15
- inline?: boolean;
16
- /** Sets the label size variant */
17
- labelVariant?: VariantType;
18
- /** Sets the value size variant */
19
- valueVariant?: VariantType;
20
- }
21
- export declare const Description: ({ label, value, isLoading, color, "data-testid": dataTestId, inline, labelVariant, valueVariant, }: DescriptionProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,66 +0,0 @@
1
- import '../../assets/Description.css';
2
- import { jsxs as u, jsx as t } from "react/jsx-runtime";
3
- import { c as g } from "../../clsx-DB4S2d7J.js";
4
- import { Skeleton as y } from "../Skeleton/Skeleton.js";
5
- import { Typography as _ } from "../Typography/Typography.js";
6
- const l = "_container_he0z3_78", a = {
7
- "u-typography-h1": "_u-typography-h1_he0z3_1",
8
- "u-typography-h2": "_u-typography-h2_he0z3_8",
9
- "u-typography-h3": "_u-typography-h3_he0z3_15",
10
- "u-typography-h4": "_u-typography-h4_he0z3_22",
11
- "u-typography-h5": "_u-typography-h5_he0z3_29",
12
- "u-typography-h6": "_u-typography-h6_he0z3_36",
13
- "u-typography-base": "_u-typography-base_he0z3_43",
14
- "u-typography-base--xxl": "_u-typography-base--xxl_he0z3_49",
15
- "u-typography-base--xl": "_u-typography-base--xl_he0z3_53",
16
- "u-typography-base--lg": "_u-typography-base--lg_he0z3_57",
17
- "u-typography-base--sm": "_u-typography-base--sm_he0z3_61",
18
- "u-typography-base--bold": "_u-typography-base--bold_he0z3_65",
19
- "u-typography-base--strikethrough": "_u-typography-base--strikethrough_he0z3_68",
20
- "u-typography-base--underlined": "_u-typography-base--underlined_he0z3_71",
21
- "u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-underlined_he0z3_74",
22
- container: l,
23
- "container--text": "_container--text_he0z3_82",
24
- "container--inline": "_container--inline_he0z3_85"
25
- }, m = ({
26
- label: s,
27
- value: n,
28
- isLoading: r,
29
- color: h = "var(--gray-95)",
30
- "data-testid": e = "Description",
31
- inline: p,
32
- labelVariant: i = "base",
33
- valueVariant: o
34
- }) => /* @__PURE__ */ u(
35
- "div",
36
- {
37
- className: g([a.container, { [a["container--inline"]]: p }]),
38
- "data-testid": `${e}-container`,
39
- children: [
40
- /* @__PURE__ */ t(
41
- _,
42
- {
43
- color: h,
44
- className: a["container--text"],
45
- variant: i,
46
- "data-testid": `${e}-label`,
47
- children: r ? /* @__PURE__ */ t(y, { style: { width: 70, marginBottom: 2 }, "data-testid": `${e}-skeletonLabel` }) : s
48
- }
49
- ),
50
- /* @__PURE__ */ t(
51
- _,
52
- {
53
- className: a["container--text"],
54
- bold: !0,
55
- color: h,
56
- variant: o || (p ? "base" : "base-lg"),
57
- "data-testid": `${e}-value`,
58
- children: r ? /* @__PURE__ */ t(y, { style: { width: 100 }, "data-testid": `${e}-skeletonValue` }) : n || "-"
59
- }
60
- )
61
- ]
62
- }
63
- );
64
- export {
65
- m as Description
66
- };
@@ -1,22 +0,0 @@
1
- import { StoryObj } from '@storybook/react';
2
-
3
- declare const meta: {
4
- title: string;
5
- component: ({ label, value, isLoading, color, "data-testid": dataTestId, inline, labelVariant, valueVariant, }: import('./Description').DescriptionProps) => 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 WithColor: Story;
15
- export declare const InLine: Story;
16
- export declare const InLineWithColor: Story;
17
- export declare const Loading: Story;
18
- export declare const LoadingInline: Story;
19
- export declare const InLineWithButton: Story;
20
- export declare const WithButton: Story;
21
- export declare const WithSmallSize: Story;
22
- export declare const WithLargeSize: Story;
@@ -1 +0,0 @@
1
- export {};
@@ -1 +0,0 @@
1
- export {};
@@ -1,32 +0,0 @@
1
- import { PopupOffsetOptions, PopupPlacement } from '@mui/base/Unstable_Popup';
2
-
3
- export type PopoverProps = {
4
- /** An HTML element or a function that returns either. */
5
- anchorRef?: Element;
6
- /** Boolean to open. */
7
- open?: boolean;
8
- /** React Node. */
9
- children: React.ReactNode;
10
- /** Determines where to place the popup relative to the trigger element. */
11
- placement?: PopupPlacement;
12
- /** Distance between a popup and the trigger element */
13
- offset?: PopupOffsetOptions;
14
- /** Class name */
15
- className?: string;
16
- /** Id to be applied as `data-testid` on the root element */
17
- 'data-testid'?: string;
18
- /** Callback fired when a "click away" event is detected. */
19
- onClickAway?: (event: MouseEvent | TouchEvent) => void;
20
- };
21
- export declare const Popover: {
22
- ({ anchorRef, open, children, placement, className, offset, "data-testid": dataTestId, onClickAway, }: PopoverProps): import("react/jsx-runtime").JSX.Element;
23
- Header: ({ children }: {
24
- children: import('react').ReactNode;
25
- }) => import("react/jsx-runtime").JSX.Element;
26
- Footer: ({ children }: {
27
- children: import('react').ReactNode;
28
- }) => import("react/jsx-runtime").JSX.Element;
29
- Body: ({ children }: {
30
- children: import('react').ReactNode;
31
- }) => import("react/jsx-runtime").JSX.Element;
32
- };
@@ -1,24 +0,0 @@
1
- import { jsx as o } from "react/jsx-runtime";
2
- import { c as f } from "../../clsx-DB4S2d7J.js";
3
- import { s as v } from "../../Popover.module-B4boCutS.js";
4
- import { PopoverBody as l } from "./PopoverBody.js";
5
- import { PopoverFooter as n } from "./PopoverFooter.js";
6
- import { PopoverHeader as P } from "./PopoverHeader.js";
7
- import { P as y } from "../../Popup-Ck3XlWMq.js";
8
- import { C as h } from "../../ClickAwayListener-DbEYZpyh.js";
9
- const r = ({
10
- anchorRef: t,
11
- open: m,
12
- children: p,
13
- placement: i,
14
- className: s,
15
- offset: a,
16
- "data-testid": d,
17
- onClickAway: e
18
- }) => /* @__PURE__ */ o(h, { onClickAway: (c) => e ? e(c) : void 0, children: /* @__PURE__ */ o(y, { offset: a, placement: i, open: m, anchor: t, children: /* @__PURE__ */ o("div", { "data-testid": d, className: f(v.popover, s), children: p }) }) });
19
- r.Header = P;
20
- r.Footer = n;
21
- r.Body = l;
22
- export {
23
- r as Popover
24
- };
@@ -1,34 +0,0 @@
1
- import { PopoverProps } from './Popover';
2
- import { StoryObj } from '@storybook/react';
3
-
4
- declare const meta: {
5
- title: string;
6
- component: {
7
- ({ anchorRef, open, children, placement, className, offset, "data-testid": dataTestId, onClickAway, }: PopoverProps): import("react/jsx-runtime").JSX.Element;
8
- Header: ({ children }: {
9
- children: import('react').ReactNode;
10
- }) => import("react/jsx-runtime").JSX.Element;
11
- Footer: ({ children }: {
12
- children: import('react').ReactNode;
13
- }) => import("react/jsx-runtime").JSX.Element;
14
- Body: ({ children }: {
15
- children: import('react').ReactNode;
16
- }) => import("react/jsx-runtime").JSX.Element;
17
- };
18
- parameters: {
19
- docs: {
20
- source: {
21
- language: string;
22
- format: boolean;
23
- code: string;
24
- };
25
- };
26
- };
27
- tags: string[];
28
- decorators: ((Story: import('@storybook/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
29
- [x: string]: any;
30
- }>) => import("react/jsx-runtime").JSX.Element)[];
31
- };
32
- export default meta;
33
- type Story = StoryObj<typeof meta>;
34
- export declare const Provider: Story;
@@ -1,6 +0,0 @@
1
- /// <reference types="react" />
2
- type PopoverBodyProps = {
3
- children: React.ReactNode;
4
- };
5
- export declare const PopoverBody: ({ children }: PopoverBodyProps) => import("react/jsx-runtime").JSX.Element;
6
- export {};
@@ -1,6 +0,0 @@
1
- import { jsx as r } from "react/jsx-runtime";
2
- import { s } from "../../Popover.module-B4boCutS.js";
3
- const t = ({ children: o }) => /* @__PURE__ */ r("div", { className: s["popover-body"], children: o });
4
- export {
5
- t as PopoverBody
6
- };
@@ -1,6 +0,0 @@
1
- /// <reference types="react" />
2
- type PopoverFooterProps = {
3
- children: React.ReactNode;
4
- };
5
- export declare const PopoverFooter: ({ children }: PopoverFooterProps) => import("react/jsx-runtime").JSX.Element;
6
- export {};
@@ -1,6 +0,0 @@
1
- import { jsx as r } from "react/jsx-runtime";
2
- import { s as e } from "../../Popover.module-B4boCutS.js";
3
- const p = ({ children: o }) => /* @__PURE__ */ r("div", { className: e["popover-footer"], children: o });
4
- export {
5
- p as PopoverFooter
6
- };
@@ -1,6 +0,0 @@
1
- /// <reference types="react" />
2
- type PopoverHeaderProps = {
3
- children: React.ReactNode;
4
- };
5
- export declare const PopoverHeader: ({ children }: PopoverHeaderProps) => import("react/jsx-runtime").JSX.Element;
6
- export {};
@@ -1,6 +0,0 @@
1
- import { jsx as e } from "react/jsx-runtime";
2
- import { s as o } from "../../Popover.module-B4boCutS.js";
3
- const t = ({ children: r }) => /* @__PURE__ */ e("div", { className: o["popover-header"], children: r });
4
- export {
5
- t as PopoverHeader
6
- };
@@ -1,19 +0,0 @@
1
- /// <reference types="react" />
2
- type RadioButtonProps = {
3
- /** Space separated list of CSS classes to apply */
4
- className?: string;
5
- /** Name */
6
- name?: string;
7
- /** Component label */
8
- label?: React.ReactNode;
9
- /** Checked state */
10
- checked?: boolean;
11
- /** Disabled state */
12
- disabled?: boolean;
13
- /** TestId to use in tests if needed */
14
- 'data-testid'?: string;
15
- /** Action that is triggered when the Radio button value changes */
16
- onChange: (state: boolean) => void;
17
- };
18
- export declare const RadioButton: ({ className, name, label, checked, disabled, "data-testid": dataTestId, onChange, }: RadioButtonProps) => import("react/jsx-runtime").JSX.Element;
19
- export {};
@@ -1,37 +0,0 @@
1
- import '../../assets/RadioButton.css';
2
- import { jsxs as h, jsx as i } from "react/jsx-runtime";
3
- import { useState as x } from "react";
4
- import { c as o } from "../../clsx-DB4S2d7J.js";
5
- import { Icon as y } from "../Icon/Icon.js";
6
- import { Typography as C } from "../Typography/Typography.js";
7
- const S = "_radio_1t160_1", a = {
8
- radio: S,
9
- "radio--label": "_radio--label_1t160_9",
10
- "radio--label__disabled": "_radio--label__disabled_1t160_12",
11
- "radio--input": "_radio--input_1t160_16",
12
- "radio--input__disabled": "_radio--input__disabled_1t160_26",
13
- "radio--disabled": "_radio--disabled_1t160_37"
14
- }, k = ({
15
- className: d,
16
- name: r,
17
- label: l,
18
- checked: n = !1,
19
- disabled: e = !1,
20
- "data-testid": c = "radio-button",
21
- onChange: _
22
- }) => {
23
- const [t, p] = x(n), b = o(a["radio--input"], e && a["radio--input__disabled"]), u = o(a["radio--label"], e && a["radio--label__disabled"]), m = o(a.radio, e && a["radio--disabled"], d), f = () => {
24
- if (e)
25
- return;
26
- const s = !t;
27
- p(s), _(s);
28
- };
29
- return /* @__PURE__ */ h("div", { "data-testid": c, onClick: () => f(), className: m, children: [
30
- /* @__PURE__ */ i("input", { name: r, type: "radio", checked: t, readOnly: !0 }),
31
- /* @__PURE__ */ i("span", { className: b, children: t && /* @__PURE__ */ i(y, { icon: "circle", color: "var(--accent)", size: 8 }) }),
32
- /* @__PURE__ */ i(C, { className: u, variant: "base-lg", children: l })
33
- ] });
34
- };
35
- export {
36
- k as RadioButton
37
- };
@@ -1,24 +0,0 @@
1
- import { StoryObj } from '@storybook/react';
2
-
3
- declare const meta: {
4
- title: string;
5
- component: ({ className, name, label, checked, disabled, "data-testid": dataTestId, onChange, }: {
6
- className?: string | undefined;
7
- name?: string | undefined;
8
- label?: import('react').ReactNode;
9
- checked?: boolean | undefined;
10
- disabled?: boolean | undefined;
11
- 'data-testid'?: string | undefined;
12
- onChange: (state: boolean) => void;
13
- }) => import("react/jsx-runtime").JSX.Element;
14
- tags: string[];
15
- parameters: {
16
- layout: string;
17
- };
18
- };
19
- export default meta;
20
- type Story = StoryObj<typeof meta>;
21
- export declare const Simple: Story;
22
- export declare const WithLabel: Story;
23
- export declare const Disabled: Story;
24
- export declare const WithOnChangeAction: Story;
@@ -1 +0,0 @@
1
- export {};
@@ -1,12 +0,0 @@
1
- import { ChipProps } from '../Chip/Chip';
2
-
3
- type ResultWithChipsProps = {
4
- chips: Array<Partial<ChipProps> & {
5
- joinLabel?: string | React.ReactNode;
6
- key?: string;
7
- }>;
8
- title: string;
9
- className?: string;
10
- };
11
- declare const ResultWithChips: ({ chips, title, className, ...rest }: ResultWithChipsProps) => import("react/jsx-runtime").JSX.Element;
12
- export { ResultWithChips };
@@ -1,33 +0,0 @@
1
- import '../../assets/ResultWithChips.css';
2
- import { jsxs as i, jsx as e } from "react/jsx-runtime";
3
- import { C as t } from "../../Toggle-MfR7l8Wn.js";
4
- const r = "_container_hgp0p_1", o = "_label_hgp0p_17", a = {
5
- container: r,
6
- "chip-item-wrapper": "_chip-item-wrapper_hgp0p_8",
7
- label: o,
8
- "chips-container": "_chips-container_hgp0p_35",
9
- "chip-content": "_chip-content_hgp0p_42",
10
- "chip-label": "_chip-label_hgp0p_51"
11
- }, b = ({ chips: c, title: p, className: s, ...h }) => /* @__PURE__ */ i("div", { ...h, className: [a.container, s || ""].join(" ").trim(), children: [
12
- /* @__PURE__ */ e("span", { className: a.label, children: p }),
13
- /* @__PURE__ */ e("div", { className: a["chips-container"], "data-testid": "chips-container", children: c.map((l, n) => /* @__PURE__ */ i("span", { className: a["chip-item-wrapper"], children: [
14
- /* @__PURE__ */ e(
15
- t,
16
- {
17
- ...l,
18
- label: /* @__PURE__ */ e("span", { className: a["chip-content"], children: typeof l.label == "string" ? /* @__PURE__ */ e("strong", { className: a["chip-label"], children: l.label }) : l.label })
19
- },
20
- `chip-${n}`
21
- ),
22
- l.joinLabel && n < c.length - 1 && /* @__PURE__ */ e(
23
- t,
24
- {
25
- label: /* @__PURE__ */ e("span", { className: a["chip-content"], children: /* @__PURE__ */ e("strong", { className: a["chip-label"], children: l.joinLabel }) })
26
- },
27
- `join-${n}`
28
- )
29
- ] }, `full-chip-${n}`)) })
30
- ] });
31
- export {
32
- b as ResultWithChips
33
- };
@@ -1,17 +0,0 @@
1
- import { StoryObj } from '@storybook/react';
2
-
3
- declare const meta: {
4
- title: string;
5
- component: import('react').ForwardRefExoticComponent<import('./RowItem').RowItemProps & import('react').RefAttributes<HTMLDivElement>>;
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 Clickable: Story;
15
- export declare const WithAdornement: Story;
16
- export declare const WithButtons: Story;
17
- export declare const WithButtonsAndAdornementDisabled: Story;
@@ -1 +0,0 @@
1
- export {};
@@ -1,58 +0,0 @@
1
- /// <reference types="react" />
2
- type StepperNavigatorLang = 'en' | 'pt';
3
- export type StepperNavigatorButtonProps = {
4
- leftIcon?: React.ReactNode;
5
- rightIcon?: React.ReactNode;
6
- className?: string;
7
- 'data-testid'?: string;
8
- };
9
- export type StepperNavigatorProps = {
10
- /** Hides the "previous" button */
11
- hidePrevious?: boolean;
12
- /** Hides the "cancel" button */
13
- hideCancel?: boolean;
14
- /** Hides the "next" button */
15
- hideNext?: boolean;
16
- /** Hides the "finish" button */
17
- hideFinish?: boolean;
18
- /** Disables the "previous" button */
19
- disablePrevious?: boolean;
20
- /** Disables the "cancel" button */
21
- disableCancel?: boolean;
22
- /** Disables the "next" button */
23
- disableNext?: boolean;
24
- /** Disables the "finish" button */
25
- disableFinish?: boolean;
26
- /** Label to be used for the "previous" button */
27
- labelPrevious?: string;
28
- /** Label to be used for the "cancel" button */
29
- labelCancel?: string;
30
- /** Label to be used for the "next" button */
31
- labelNext?: string;
32
- /** Label to be used for the "finish" button */
33
- labelFinish?: string;
34
- /** Language to be used for the button labels. Default "en" */
35
- lang?: StepperNavigatorLang;
36
- /** CSS classes to be applied on the container element */
37
- className?: string;
38
- /** Id to be applied as `data-testid` on the container element */
39
- 'data-testid'?: string;
40
- /** Previous button props */
41
- previousButtonProps?: StepperNavigatorButtonProps;
42
- /** Cancel button props */
43
- cancelButtonProps?: StepperNavigatorButtonProps;
44
- /** Next button props */
45
- nextButtonProps?: StepperNavigatorButtonProps;
46
- /** Finish button props */
47
- finishButtonProps?: StepperNavigatorButtonProps;
48
- /** Callback to be called when the "previous" button is clicked */
49
- onPrevious?: () => void;
50
- /** Callback to be called when the "cancel" button is clicked */
51
- onCancel?: () => void;
52
- /** Callback to be called when the "next" button is clicked */
53
- onNext?: () => void;
54
- /** Callback to be called when the "finish" button is clicked */
55
- onFinish?: () => void;
56
- };
57
- export declare const StepperNavigator: ({ hideNext, hidePrevious, hideCancel, hideFinish, disableNext, disablePrevious, disableCancel, disableFinish, lang, labelNext, labelPrevious, labelCancel, labelFinish, className, "data-testid": dataTestId, previousButtonProps, cancelButtonProps, nextButtonProps, finishButtonProps, onNext, onPrevious, onCancel, onFinish, }: StepperNavigatorProps) => import("react/jsx-runtime").JSX.Element;
58
- export {};
@@ -1,115 +0,0 @@
1
- import '../../assets/StepperNavigator.css';
2
- import { jsxs as l, jsx as a } from "react/jsx-runtime";
3
- import { c as i } from "../../clsx-DB4S2d7J.js";
4
- import { Button as I } from "../Button/Button.js";
5
- import { Icon as K } from "../Icon/Icon.js";
6
- const _ = {
7
- "stepper-navigator": "_stepper-navigator_27f6m_1",
8
- "cancel-button": "_cancel-button_27f6m_11",
9
- "previous-button": "_previous-button_27f6m_20",
10
- "next-button": "_next-button_27f6m_39",
11
- "finish-button": "_finish-button_27f6m_40"
12
- }, b = {
13
- en: {
14
- previous: "Previous",
15
- cancel: "Cancel",
16
- next: "Next",
17
- finish: "Finish"
18
- },
19
- pt: {
20
- previous: "Anterior",
21
- cancel: "Cancelar",
22
- next: "Próximo",
23
- finish: "Finalizar"
24
- }
25
- }, R = ({
26
- hideNext: C = !1,
27
- hidePrevious: j = !1,
28
- hideCancel: z = !1,
29
- hideFinish: w = !1,
30
- disableNext: y = !1,
31
- disablePrevious: A = !1,
32
- disableCancel: S = !1,
33
- disableFinish: q = !1,
34
- lang: h = "en",
35
- labelNext: N,
36
- labelPrevious: f,
37
- labelCancel: g,
38
- labelFinish: k,
39
- className: D,
40
- "data-testid": E = "stepper-navigator",
41
- previousButtonProps: d,
42
- cancelButtonProps: c,
43
- nextButtonProps: e = { rightIcon: /* @__PURE__ */ a(K, { icon: "circle-arrow-right", size: 24 }) },
44
- finishButtonProps: m,
45
- onNext: F = () => {
46
- },
47
- onPrevious: G = () => {
48
- },
49
- onCancel: H = () => {
50
- },
51
- onFinish: J = () => {
52
- }
53
- }) => (g = g || b[h].cancel, f = f || b[h].previous, N = N || b[h].next, k = k || b[h].finish, /* @__PURE__ */ l("div", { className: i(_["stepper-navigator"], D), "data-testid": E, children: [
54
- j ? /* @__PURE__ */ a("span", {}) : /* @__PURE__ */ l(
55
- I,
56
- {
57
- className: i(_["previous-button"], d == null ? void 0 : d.className),
58
- "data-testid": d == null ? void 0 : d["data-testid"],
59
- disabled: A,
60
- onClick: G,
61
- children: [
62
- /* @__PURE__ */ a("span", { children: d == null ? void 0 : d.leftIcon }),
63
- /* @__PURE__ */ a("span", { children: f }),
64
- /* @__PURE__ */ a("span", { children: d == null ? void 0 : d.rightIcon })
65
- ]
66
- }
67
- ),
68
- /* @__PURE__ */ l("span", { children: [
69
- !z && /* @__PURE__ */ l(
70
- I,
71
- {
72
- className: i(_["cancel-button"], c == null ? void 0 : c.className),
73
- "data-testid": c == null ? void 0 : c["data-testid"],
74
- disabled: S,
75
- onClick: H,
76
- children: [
77
- /* @__PURE__ */ a("span", { children: c == null ? void 0 : c.leftIcon }),
78
- /* @__PURE__ */ a("span", { children: g }),
79
- /* @__PURE__ */ a("span", { children: c == null ? void 0 : c.rightIcon })
80
- ]
81
- }
82
- ),
83
- !C && /* @__PURE__ */ l(
84
- I,
85
- {
86
- className: i(_["next-button"], e == null ? void 0 : e.className),
87
- "data-testid": e == null ? void 0 : e["data-testid"],
88
- disabled: y,
89
- onClick: F,
90
- children: [
91
- /* @__PURE__ */ a("span", { children: e == null ? void 0 : e.leftIcon }),
92
- /* @__PURE__ */ a("span", { children: N }),
93
- /* @__PURE__ */ a("span", { children: e == null ? void 0 : e.rightIcon })
94
- ]
95
- }
96
- ),
97
- !w && /* @__PURE__ */ l(
98
- I,
99
- {
100
- className: i(_["finish-button"], m == null ? void 0 : m.className),
101
- "data-testid": m == null ? void 0 : m["data-testid"],
102
- disabled: q,
103
- onClick: J,
104
- children: [
105
- /* @__PURE__ */ a("span", { children: m == null ? void 0 : m.leftIcon }),
106
- /* @__PURE__ */ a("span", { children: k }),
107
- /* @__PURE__ */ a("span", { children: m == null ? void 0 : m.rightIcon })
108
- ]
109
- }
110
- )
111
- ] })
112
- ] }));
113
- export {
114
- R as StepperNavigator
115
- };
@@ -1,18 +0,0 @@
1
- import { StoryObj } from '@storybook/react';
2
-
3
- declare const meta: {
4
- title: string;
5
- component: ({ hideNext, hidePrevious, hideCancel, hideFinish, disableNext, disablePrevious, disableCancel, disableFinish, lang, labelNext, labelPrevious, labelCancel, labelFinish, className, "data-testid": dataTestId, previousButtonProps, cancelButtonProps, nextButtonProps, finishButtonProps, onNext, onPrevious, onCancel, onFinish, }: import('./StepperNavigator').StepperNavigatorProps) => 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 WithCustomLanguage: Story;
15
- export declare const WithCustomLabels: Story;
16
- export declare const Disabled: Story;
17
- export declare const WithIcons: Story;
18
- export declare const DefaultWithNoIcons: Story;