@pismo/marola 1.0.0-beta.9 → 1.0.1

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 (162) hide show
  1. package/dist/{Button-DiLqcAJG.js → Button-BAljjMv3.js} +2 -2
  2. package/dist/{ClickAwayListener-BaJ-OV_7.js → ClickAwayListener-DbEYZpyh.js} +3 -3
  3. package/dist/Dialog.module-W7UCXlf3.js +29 -0
  4. package/dist/Group-DspH8hyO.js +30 -0
  5. package/dist/Popover.module-B4boCutS.js +10 -0
  6. package/dist/{Popup-lLWZt2wk.js → Popup-Ck3XlWMq.js} +3 -3
  7. package/dist/{Portal-B_Es6eUL.js → Portal-oY3enyAm.js} +2 -2
  8. package/dist/SelectButton-B38avP9u.js +75 -0
  9. package/dist/{Tabs.module-jkH1Qjn7.js → Tabs.module-BGGTkDc5.js} +7 -7
  10. package/dist/Toggle-MfR7l8Wn.js +190 -0
  11. package/dist/assets/Alert.css +1 -0
  12. package/dist/assets/Autocomplete.css +1 -1
  13. package/dist/assets/Avatar.css +1 -0
  14. package/dist/assets/Description.css +1 -0
  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/Input.css +1 -1
  19. package/dist/assets/PageHeader.css +1 -1
  20. package/dist/assets/Popover.css +1 -0
  21. package/dist/assets/RadioButton.css +1 -0
  22. package/dist/assets/ResultWithChips.css +1 -0
  23. package/dist/assets/SelectButton.css +1 -1
  24. package/dist/assets/Skeleton.css +1 -1
  25. package/dist/assets/Snackbar.css +1 -1
  26. package/dist/assets/StepperNavigator.css +1 -0
  27. package/dist/assets/Table.css +1 -1
  28. package/dist/assets/Tabs.css +1 -1
  29. package/dist/assets/Tag.css +1 -0
  30. package/dist/assets/Toggle2.css +1 -1
  31. package/dist/{combineHooksSlotProps-BtBYUV_B.js → combineHooksSlotProps-C-zYvfnF.js} +1 -1
  32. package/dist/components/Adornment/Adornment.d.ts +11 -2
  33. package/dist/components/Adornment/Adornment.js +6 -6
  34. package/dist/components/Adornment/Adornment.stories.d.ts +14 -0
  35. package/dist/components/Adornment/adornment.test.d.ts +1 -0
  36. package/dist/components/Advice/Advice.d.ts +2 -2
  37. package/dist/components/Alert/Alert.d.ts +11 -0
  38. package/dist/components/Alert/Alert.js +46 -0
  39. package/dist/components/Alert/Alert.stories.d.ts +24 -0
  40. package/dist/components/Alert/Alert.test.d.ts +1 -0
  41. package/dist/components/Autocomplete/Autocomplete.d.ts +12 -42
  42. package/dist/components/Autocomplete/Autocomplete.js +422 -432
  43. package/dist/components/Autocomplete/Autocomplete.stories.d.ts +3 -25
  44. package/dist/components/Avatar/Avatar.d.ts +15 -0
  45. package/dist/components/Avatar/Avatar.js +51 -0
  46. package/dist/components/Avatar/Avatar.stories.d.ts +25 -0
  47. package/dist/components/Button/Button.d.ts +2 -0
  48. package/dist/components/Button/Button.js +23 -21
  49. package/dist/components/Chip/Chip.d.ts +6 -4
  50. package/dist/components/Chip/Chip.js +10 -6
  51. package/dist/components/Chip/Chip.stories.d.ts +5 -14
  52. package/dist/components/ConfirmationDialog/ConfirmationDialog.d.ts +14 -0
  53. package/dist/components/ConfirmationDialog/ConfirmationDialog.js +37 -0
  54. package/dist/components/ConfirmationDialog/ConfirmationDialog.stories.d.ts +23 -0
  55. package/dist/components/ConfirmationDialog/ConfirmationModal.test.d.ts +1 -0
  56. package/dist/components/Description/Description.d.ts +21 -0
  57. package/dist/components/Description/Description.js +66 -0
  58. package/dist/components/Description/Description.stories.d.ts +22 -0
  59. package/dist/components/Description/Description.test.d.ts +1 -0
  60. package/dist/components/Dialog/Actions.js +1 -1
  61. package/dist/components/Dialog/Backdrop.d.ts +3 -3
  62. package/dist/components/Dialog/Backdrop.js +8 -7
  63. package/dist/components/Dialog/CloseIconButton.d.ts +1 -2
  64. package/dist/components/Dialog/CloseIconButton.js +15 -18
  65. package/dist/components/Dialog/Dialog.d.ts +16 -10
  66. package/dist/components/Dialog/Dialog.js +167 -167
  67. package/dist/components/Dialog/Dialog.stories.d.ts +73 -67
  68. package/dist/components/Dialog/DialogTitle.d.ts +5 -2
  69. package/dist/components/Dialog/DialogTitle.js +22 -16
  70. package/dist/components/EllipsisTooltip/EllipsisTooltip.js +30 -17
  71. package/dist/components/EllipsisTooltip/EllipsisTooltip.stories.d.ts +1 -0
  72. package/dist/components/Icon/Icon.js +337 -51
  73. package/dist/components/Icon/types.d.ts +1 -1
  74. package/dist/components/IconButton/IconButton.js +1 -1
  75. package/dist/components/Input/Input.d.ts +26 -5
  76. package/dist/components/Input/Input.js +514 -102
  77. package/dist/components/Input/Input.stories.d.ts +2 -21
  78. package/dist/components/InputSearch/InputSearch.d.ts +37 -7
  79. package/dist/components/InputSearch/InputSearch.js +27 -29
  80. package/dist/components/InputSearch/InputSearch.stories.d.ts +15 -3
  81. package/dist/components/PageHeader/PageHeader.d.ts +6 -2
  82. package/dist/components/PageHeader/PageHeader.js +77 -70
  83. package/dist/components/PageHeader/PageHeader.stories.d.ts +3 -1
  84. package/dist/components/PageHeader/PageHeader.test.d.ts +1 -0
  85. package/dist/components/Pagination/Pagination.d.ts +5 -1
  86. package/dist/components/Pagination/Pagination.js +45 -46
  87. package/dist/components/Pagination/Pagination.stories.d.ts +1 -1
  88. package/dist/components/Popover/Popover.d.ts +32 -0
  89. package/dist/components/Popover/Popover.js +24 -0
  90. package/dist/components/Popover/Popover.stories.d.ts +34 -0
  91. package/dist/components/Popover/PopoverBody.d.ts +6 -0
  92. package/dist/components/Popover/PopoverBody.js +6 -0
  93. package/dist/components/Popover/PopoverFooter.d.ts +6 -0
  94. package/dist/components/Popover/PopoverFooter.js +6 -0
  95. package/dist/components/Popover/PopoverHeader.d.ts +6 -0
  96. package/dist/components/Popover/PopoverHeader.js +6 -0
  97. package/dist/components/RadioButton/RadioButton.d.ts +19 -0
  98. package/dist/components/RadioButton/RadioButton.js +37 -0
  99. package/dist/components/RadioButton/RadioButton.stories.d.ts +24 -0
  100. package/dist/components/RadioButton/RadioButton.test.d.ts +1 -0
  101. package/dist/components/ResultWithChips/ResultWithChips.d.ts +12 -0
  102. package/dist/components/ResultWithChips/ResultWithChips.js +33 -0
  103. package/dist/components/RowItem/RowItem.d.ts +2 -2
  104. package/dist/components/RowItem/RowItem.js +9 -5
  105. package/dist/components/RowItem/RowItem.stories.d.ts +17 -0
  106. package/dist/components/RowItem/rowItem.test.d.ts +1 -0
  107. package/dist/components/Select/Select.d.ts +22 -0
  108. package/dist/components/Select/Select.js +476 -414
  109. package/dist/components/Select/SelectButton.d.ts +2 -0
  110. package/dist/components/Select/SelectButton.js +3 -2
  111. package/dist/components/Skeleton/Skeleton.d.ts +3 -1
  112. package/dist/components/Skeleton/Skeleton.js +20 -14
  113. package/dist/components/Skeleton/SkeletonTable.stories.d.ts +1 -1
  114. package/dist/components/Snackbar/Snackbar.js +119 -134
  115. package/dist/components/StepperNavigator/StepperNavigator.d.ts +58 -0
  116. package/dist/components/StepperNavigator/StepperNavigator.js +115 -0
  117. package/dist/components/StepperNavigator/StepperNavigator.stories.d.ts +18 -0
  118. package/dist/components/StepperNavigator/StepperNavigator.test.d.ts +1 -0
  119. package/dist/components/Table/Table.d.ts +3 -1
  120. package/dist/components/Table/Table.js +89 -101
  121. package/dist/components/Table/Table.stories.d.ts +1 -1
  122. package/dist/components/Tabs/Tab.d.ts +5 -3
  123. package/dist/components/Tabs/Tab.js +36 -35
  124. package/dist/components/Tabs/TabPanel.d.ts +4 -2
  125. package/dist/components/Tabs/TabPanel.js +48 -38
  126. package/dist/components/Tabs/Tabs.d.ts +6 -4
  127. package/dist/components/Tabs/Tabs.js +115 -112
  128. package/dist/components/Tag/Tag.d.ts +14 -0
  129. package/dist/components/Tag/Tag.js +73 -0
  130. package/dist/components/Tag/Tag.stories.d.ts +29 -0
  131. package/dist/components/Tag/Tag.test.d.ts +1 -0
  132. package/dist/components/TextDisplay/TextDisplay.d.ts +7 -3
  133. package/dist/components/TextDisplay/TextDisplay.js +44 -37
  134. package/dist/components/TextDisplay/TextDisplay.stories.d.ts +2 -1
  135. package/dist/components/Toggle/Toggle.js +1 -1
  136. package/dist/components/ToggleGroup/Group.d.ts +2 -0
  137. package/dist/components/ToggleGroup/Group.js +4 -2
  138. package/dist/components/ToggleGroup/Toggle.d.ts +2 -0
  139. package/dist/components/ToggleGroup/Toggle.js +8 -4
  140. package/dist/components/ToggleGroup/ToggleGroup.js +2 -2
  141. package/dist/components/ToggleGroup/ToggleGroup.stories.d.ts +2 -0
  142. package/dist/components/Tooltip/Tooltip.d.ts +3 -1
  143. package/dist/components/Tooltip/Tooltip.js +4 -4
  144. package/dist/components/Tooltip/Tooltip.stories.d.ts +1 -0
  145. package/dist/contexts/SnackbarProvider/SnackbarProvider.d.ts +2 -2
  146. package/dist/contexts/SnackbarProvider/SnackbarProvider.js +35 -30
  147. package/dist/contexts/SnackbarProvider/SnackbarProvider.stories.d.ts +1 -1
  148. package/dist/{index-D3Wj0eid.js → index-bQFToy-I.js} +1 -1
  149. package/dist/main.d.ts +9 -0
  150. package/dist/main.js +97 -79
  151. package/dist/marola.css +1 -1
  152. package/dist/{ownerDocument-B61GUaFs.js → ownerDocument-YGhwAnr1.js} +1 -1
  153. package/dist/test-utils/assertStyles.d.ts +1 -1
  154. package/dist/{useButton-Bn3MNH8I.js → useButton-DcihopJG.js} +1 -1
  155. package/dist/{useList-BpJT77u3.js → useList-B9C55YB7.js} +2 -2
  156. package/dist/{useSlotProps-kRhf7Gil.js → useSlotProps-C_I1kEHr.js} +73 -72
  157. package/package.json +22 -13
  158. package/dist/Dialog.module-DFcZsVAd.js +0 -30
  159. package/dist/Group-B3p31ftp.js +0 -26
  160. package/dist/Input.module-ZTRZRcNt.js +0 -405
  161. package/dist/SelectButton-CoOT2txy.js +0 -61
  162. package/dist/Toggle-f5brSwAI.js +0 -175
@@ -2,4 +2,4 @@
2
2
  * This file is automatically generated. Any changes will be lost.
3
3
  * run "yarn generate-icon-types" or "yarn build" to regenerate it.
4
4
  */
5
- export type IconName = 'arrow-down-arrow-up' | 'arrow-left' | 'calendar-days' | 'chevron-down' | 'chevron-up' | 'circle-arrow-right' | 'circle-check' | 'circle-exclamation' | 'circle-xmark' | 'eye-slash' | 'folder-magnifying-glass' | 'lock-keyhole' | 'magnifying-glass' | 'money-bill-trend-up' | 'pen-to-square' | 'piggy-bank' | 'rectangle-history' | 'trash' | 'user-group' | 'warehouse-full' | 'xmark' | 'logo';
5
+ export type IconName = 'arrow-down-arrow-up' | 'arrow-down-z-a' | 'arrow-left' | 'arrow-right-to-arc' | 'arrows-rotate' | 'badge-check' | 'bell' | 'building-columns' | 'calendar-days' | 'check-double' | 'chevron-down' | 'chevron-up' | 'circle' | 'circle-arrow-right' | 'circle-check' | 'circle-check-outline' | 'circle-exclamation' | 'circle-exclamation-outline' | 'circle-info' | 'circle-minus' | 'circle-xmark' | 'circle-xmark-outline' | 'coins' | 'credit-card' | 'credit-card-blank' | 'credit-card-front' | 'ellipsis-vertical' | 'empty-img' | 'empty-set' | 'eye' | 'eye-slash' | 'filter-list' | 'folder-magnifying-glass' | 'grid-horizontal' | 'house-blank' | 'list' | 'loader' | 'lock-keyhole' | 'lock-keyhole-open' | 'logo' | 'magnifying-glass' | 'map-location-dot' | 'mobile-screen-button' | 'money-bill-transfer' | 'money-bill-trend-up' | 'money-bills' | 'notes-medical' | 'paste' | 'pen-to-square' | 'piggy-bank' | 'rectangle-history' | 'rectangle-history-circle-user' | 'rotate' | 'server' | 'sidebar' | 'squirrel' | 'trash' | 'trash-can' | 'upload' | 'user' | 'user-gear' | 'user-group' | 'user-tie' | 'user-tie-hair' | 'user-vneck' | 'users' | 'wallet' | 'warehouse-full' | 'xmark';
@@ -3,7 +3,7 @@ import { jsx as r, jsxs as c } from "react/jsx-runtime";
3
3
  import { forwardRef as d, useMemo as l } from "react";
4
4
  import { c as j } from "../../clsx-DB4S2d7J.js";
5
5
  import { LoadingSpinner as m } from "../LoadingSpinner/LoadingSpinner.js";
6
- import { B as x } from "../../Button-DiLqcAJG.js";
6
+ import { B as x } from "../../Button-BAljjMv3.js";
7
7
  const o = {
8
8
  "u-typography-h1": "_u-typography-h1_gt5j9_1",
9
9
  "u-typography-h2": "_u-typography-h2_gt5j9_8",
@@ -1,18 +1,26 @@
1
- import { InputHTMLAttributes, ReactNode } from 'react';
1
+ import { HTMLInputTypeAttribute, InputHTMLAttributes, ReactNode } from 'react';
2
2
 
3
- type InputProps = InputHTMLAttributes<HTMLInputElement> & {
3
+ type ExcludedInputTypes = 'checkbox' | 'radio' | 'submit';
4
+ type CustomInputTypeAttribute = Exclude<HTMLInputTypeAttribute, ExcludedInputTypes>;
5
+ export type SingleInputProps = InputHTMLAttributes<HTMLInputElement> & {
4
6
  /** Label text */
5
7
  label?: string;
6
8
  /** Info message text */
7
9
  infoMessage?: string;
8
- /** Error message text */
10
+ /** Show the field layout as an error */
11
+ error?: boolean;
12
+ /** Error message text, if has "errorMessage", the "error" props will be "true" */
9
13
  errorMessage?: string;
14
+ /** If "true", a "textarea" element is rendered. */
15
+ multiline?: false;
10
16
  /** Left icon element */
11
17
  leftIcon?: ReactNode;
12
18
  /** Right icon element */
13
19
  rightIcon?: ReactNode;
14
20
  /** Input type. Default: text */
15
- type?: 'text' | 'password' | 'search';
21
+ type?: CustomInputTypeAttribute;
22
+ /** Decimal length when the input type is 'number' */
23
+ decimalLength?: number;
16
24
  /** Hide the chars counter */
17
25
  hideCharsCounter?: boolean;
18
26
  /** CSS classes to be applied on the container element */
@@ -40,5 +48,18 @@ type InputProps = InputHTMLAttributes<HTMLInputElement> & {
40
48
  /** Id to be applied as `data-testid` on the chars counter element */
41
49
  'data-testid-charsCounter'?: string;
42
50
  };
43
- export declare const Input: ({ label, infoMessage, errorMessage, leftIcon, rightIcon, id, disabled, type, maxLength, hideCharsCounter, onChange, classNameWrapper, classNameLabel, classNameInput, classNameInfoMessage, classNameErrorMessage, classNameCharsCounter, "data-testid-wrapper": testIdWrapper, "data-testid-label": testIdLabel, "data-testid-input": testIdInput, "data-testid-infoMessage": testIdInfoMessage, "data-testid-errorMessage": testIdErrorMessage, "data-testid-charsCounter": testIdCharsCounter, ...rest }: InputProps) => import("react/jsx-runtime").JSX.Element;
51
+ type MultilineInputProps = Omit<SingleInputProps, 'multiline'> & {
52
+ /** If "true", a "textarea" element is rendered. */
53
+ multiline: true;
54
+ /** Minimum number of rows to display when multiline option is set to true. */
55
+ minRows?: number;
56
+ /** Maximum number of rows to display when multiline option is set to true. */
57
+ maxRows?: number;
58
+ /** Number of rows to display when multiline option is set to true.
59
+ * The prop defaults to the value (5)
60
+ */
61
+ rows?: number;
62
+ };
63
+ export type InputProps = SingleInputProps | MultilineInputProps;
64
+ export declare const Input: import('react').ForwardRefExoticComponent<InputProps & import('react').RefAttributes<HTMLInputElement>>;
44
65
  export {};