@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,136 +0,0 @@
1
- import { jsxs as s, jsx as o } from "react/jsx-runtime";
2
- import * as e from "react";
3
- const C = (t) => /* @__PURE__ */ e.createElement("svg", { viewBox: "0 0 20 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ e.createElement("g", { clipPath: "url(#clip0_2488_13332)" }, /* @__PURE__ */ e.createElement("path", { d: "M7 8C9.20938 8 11 6.20906 11 4C11 1.79094 9.20938 0 7 0C4.79063 0 3 1.79094 3 4C3 6.20906 4.79063 8 7 8ZM8.58438 9.5H5.41563C2.42406 9.5 0 11.925 0 14.9156C0 15.5156 0.485 16 1.08312 16H12.9156C13.5156 16 14 15.5156 14 14.9156C14 11.925 11.575 9.5 8.58438 9.5Z", fill: "#838192" }), /* @__PURE__ */ e.createElement("path", { opacity: 0.4, d: "M14.9719 10H12.6641C14.1 11.1781 15 12.9406 15 14.9156C15 15.3156 14.8813 15.6844 14.6875 16H19C19.5531 16 20 15.55 20 14.9719C20 12.2375 17.7625 10 14.9719 10ZM13.5 8C15.4344 8 17 6.43437 17 4.5C17 2.56562 15.4344 1 13.5 1C12.7153 1 11.9988 1.26734 11.415 1.70344C11.775 2.39469 12 3.16875 12 4C12 5.11 11.6272 6.12938 11.0128 6.95969C11.6469 7.6 12.525 8 13.5 8Z", fill: "#838192" })), /* @__PURE__ */ e.createElement("defs", null, /* @__PURE__ */ e.createElement("clipPath", { id: "clip0_2488_13332" }, /* @__PURE__ */ e.createElement("rect", { width: 20, height: 16, fill: "white" })))), i = (t) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 448 512", "data-waves-icon": "fa/duotone/arrow-down-arrow-up", fill: "currentColor", color: "currentColor", width: "1em", height: "1em", style: {
4
- fill: "currentcolor",
5
- color: "currentcolor",
6
- width: "1em",
7
- height: "1em"
8
- }, ...t }, /* @__PURE__ */ e.createElement("defs", null, /* @__PURE__ */ e.createElement("style", null, ".fa-secondary{opacity:.4}")), /* @__PURE__ */ e.createElement("path", { className: "fa-primary", d: "M237.6 328.7c13.03 11.95 13.9 32.22 1.969 45.27l-87.1 96.09c-12.12 13.26-35.06 13.26-47.19 0l-87.1-96.09c-11.94-13.05-11.06-33.31 1.969-45.27c13.59-12.46 33.8-10.48 45.22 1.969L96 366.1V64.03C96 46.33 110.3 32 128 32s32 14.33 32 32.03v302l32.4-35.4C204.4 317.7 224.6 316.8 237.6 328.7z" }), /* @__PURE__ */ e.createElement("path", { className: "fa-secondary", d: "M431.6 138l-87.1-96.09c-12.12-13.26-35.06-13.26-47.19 0l-87.1 96.09C196.5 151.1 197.3 171.4 210.4 183.3c13.02 11.95 33.27 11.04 45.22-1.973L288 145.9v302C288 465.7 302.3 480 320 480s32-14.33 32-32.03V145.9l32.4 35.39c11.42 12.45 31.63 14.43 45.22 1.973C442.7 171.4 443.5 151.1 431.6 138z" })), m = (t) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 448 512", "data-waves-icon": "fa/solid/arrow-left", fill: "currentColor", color: "currentColor", width: "1em", height: "1em", style: {
9
- fill: "currentcolor",
10
- color: "currentcolor",
11
- width: "1em",
12
- height: "1em"
13
- }, ...t }, /* @__PURE__ */ e.createElement("path", { d: "M447.1 256C447.1 273.7 433.7 288 416 288H109.3l105.4 105.4c12.5 12.5 12.5 32.75 0 45.25C208.4 444.9 200.2 448 192 448s-16.38-3.125-22.62-9.375l-160-160c-12.5-12.5-12.5-32.75 0-45.25l160-160c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25L109.3 224H416C433.7 224 447.1 238.3 447.1 256z" })), h = (t) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 448 512", "data-waves-icon": "fa/duotone/calendar-days", fill: "currentColor", color: "currentColor", width: "1em", height: "1em", style: {
14
- fill: "currentcolor",
15
- color: "currentcolor",
16
- width: "1em",
17
- height: "1em"
18
- }, ...t }, /* @__PURE__ */ e.createElement("defs", null, /* @__PURE__ */ e.createElement("style", null, ".fa-secondary{opacity:.4}")), /* @__PURE__ */ e.createElement("path", { className: "fa-primary", d: "M160 64H288V32C288 14.33 302.3 0 320 0C337.7 0 352 14.33 352 32V64H400C426.5 64 448 85.49 448 112V192H0V112C0 85.49 21.49 64 48 64H96V32C96 14.33 110.3 0 128 0C145.7 0 160 14.33 160 32V64z" }), /* @__PURE__ */ e.createElement("path", { className: "fa-secondary", d: "M0 192H448V464C448 490.5 426.5 512 400 512H48C21.49 512 0 490.5 0 464V192zM64 304C64 312.8 71.16 320 80 320H112C120.8 320 128 312.8 128 304V272C128 263.2 120.8 256 112 256H80C71.16 256 64 263.2 64 272V304zM208 256C199.2 256 192 263.2 192 272V304C192 312.8 199.2 320 208 320H240C248.8 320 256 312.8 256 304V272C256 263.2 248.8 256 240 256H208zM320 304C320 312.8 327.2 320 336 320H368C376.8 320 384 312.8 384 304V272C384 263.2 376.8 256 368 256H336C327.2 256 320 263.2 320 272V304zM80 384C71.16 384 64 391.2 64 400V432C64 440.8 71.16 448 80 448H112C120.8 448 128 440.8 128 432V400C128 391.2 120.8 384 112 384H80zM192 432C192 440.8 199.2 448 208 448H240C248.8 448 256 440.8 256 432V400C256 391.2 248.8 384 240 384H208C199.2 384 192 391.2 192 400V432zM336 384C327.2 384 320 391.2 320 400V432C320 440.8 327.2 448 336 448H368C376.8 448 384 440.8 384 432V400C384 391.2 376.8 384 368 384H336z" })), d = (t) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", "data-waves-icon": "fa/duotone/circle-arrow-right", fill: "currentColor", color: "currentColor", width: "1em", height: "1em", style: {
19
- fill: "currentcolor",
20
- color: "currentcolor",
21
- width: "1em",
22
- height: "1em"
23
- }, ...t }, /* @__PURE__ */ e.createElement("defs", null, /* @__PURE__ */ e.createElement("style", null, ".fa-secondary{opacity:.4}")), /* @__PURE__ */ e.createElement("path", { className: "fa-primary", d: "M406.6 278.6l-103.1 103.1c-12.5 12.5-32.75 12.5-45.25 0s-12.5-32.75 0-45.25L306.8 288H128C110.3 288 96 273.7 96 256s14.31-32 32-32h178.8l-49.38-49.38c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l103.1 103.1C414.6 241.3 416 251.1 416 256C416 260.9 414.6 270.7 406.6 278.6z" }), /* @__PURE__ */ e.createElement("path", { className: "fa-secondary", d: "M256 0C114.6 0 0 114.6 0 256c0 141.4 114.6 256 256 256s256-114.6 256-256C512 114.6 397.4 0 256 0zM406.6 278.6l-103.1 103.1c-12.5 12.5-32.75 12.5-45.25 0s-12.5-32.75 0-45.25L306.8 288H128C110.3 288 96 273.7 96 256s14.31-32 32-32h178.8l-49.38-49.38c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l103.1 103.1C414.6 241.3 416 251.1 416 256C416 260.9 414.6 270.7 406.6 278.6z" })), w = (t) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", "data-waves-icon": "fa/duotone/circle-exclamation", fill: "currentColor", color: "currentColor", width: "1em", height: "1em", style: {
24
- fill: "currentcolor",
25
- color: "currentcolor",
26
- width: "1em",
27
- height: "1em"
28
- }, ...t }, /* @__PURE__ */ e.createElement("defs", null, /* @__PURE__ */ e.createElement("style", null, `
29
- .fa-secondary {
30
- opacity: .4
31
- }
32
- `)), /* @__PURE__ */ e.createElement("path", { className: "fa-primary", d: "M256 304c13.25 0 24-10.75 24-24v-128C280 138.8 269.3 128 256 128S232 138.8 232 152v128C232 293.3 242.8 304 256 304zM256 337.1c-17.36 0-31.44 14.08-31.44 31.44C224.6 385.9 238.6 400 256 400s31.44-14.08 31.44-31.44C287.4 351.2 273.4 337.1 256 337.1z" }), /* @__PURE__ */ e.createElement("path", { className: "fa-secondary", d: "M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM232 152C232 138.8 242.8 128 256 128s24 10.75 24 24v128c0 13.25-10.75 24-24 24S232 293.3 232 280V152zM256 400c-17.36 0-31.44-14.08-31.44-31.44c0-17.36 14.07-31.44 31.44-31.44s31.44 14.08 31.44 31.44C287.4 385.9 273.4 400 256 400z" })), g = (t) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", "data-waves-icon": "fa/duotone/circle-xmark", fill: "currentColor", color: "currentColor", width: "1em", height: "1em", style: {
33
- fill: "currentcolor",
34
- color: "currentcolor",
35
- width: "1em",
36
- height: "1em"
37
- }, ...t }, /* @__PURE__ */ e.createElement("defs", null, /* @__PURE__ */ e.createElement("style", null, `
38
- .fa-secondary {
39
- opacity: .4
40
- }
41
- `)), /* @__PURE__ */ e.createElement("path", { className: "fa-primary", d: "M255.1 222.1L303 175C312.4 165.7 327.6 165.7 336.1 175C346.3 184.4 346.3 199.6 336.1 208.1L289.9 255.1L336.1 303C346.3 312.4 346.3 327.6 336.1 336.1C327.6 346.3 312.4 346.3 303 336.1L255.1 289.9L208.1 336.1C199.6 346.3 184.4 346.3 175 336.1C165.7 327.6 165.7 312.4 175 303L222.1 255.1L175 208.1C165.7 199.6 165.7 184.4 175 175C184.4 165.7 199.6 165.7 208.1 175L255.1 222.1z" }), /* @__PURE__ */ e.createElement("path", { className: "fa-secondary", d: "M0 256C0 114.6 114.6 0 256 0C397.4 0 512 114.6 512 256C512 397.4 397.4 512 256 512C114.6 512 0 397.4 0 256zM175 208.1L222.1 255.1L175 303C165.7 312.4 165.7 327.6 175 336.1C184.4 346.3 199.6 346.3 208.1 336.1L255.1 289.9L303 336.1C312.4 346.3 327.6 346.3 336.1 336.1C346.3 327.6 346.3 312.4 336.1 303L289.9 255.1L336.1 208.1C346.3 199.6 346.3 184.4 336.1 175C327.6 165.7 312.4 165.7 303 175L255.1 222.1L208.1 175C199.6 165.7 184.4 165.7 175 175C165.7 184.4 165.7 199.6 175 208.1V208.1z" })), f = (t) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 640 512", "data-waves-icon": "fa/duotone/eye-slash", fill: "currentColor", color: "currentColor", width: "1em", height: "1em", style: {
42
- fill: "currentcolor",
43
- color: "currentcolor",
44
- width: "1em",
45
- height: "1em"
46
- }, ...t }, /* @__PURE__ */ e.createElement("defs", null, /* @__PURE__ */ e.createElement("style", null, `
47
- .fa-secondary {
48
- opacity: .4
49
- }
50
- `)), /* @__PURE__ */ e.createElement("path", { className: "fa-primary", d: "M5.112 9.196C13.29-1.236 28.37-3.065 38.81 5.112L630.8 469.1C641.2 477.3 643.1 492.4 634.9 502.8C626.7 513.2 611.6 515.1 601.2 506.9L9.196 42.89C-1.236 34.71-3.065 19.63 5.112 9.196V9.196z" }), /* @__PURE__ */ e.createElement("path", { className: "fa-secondary", d: "M446.6 324.7C457.7 304.3 464 280.9 464 256C464 176.5 399.5 112 320 112C282.7 112 248.6 126.2 223.1 149.5L150.7 92.77C195 58.27 251.8 32 320 32C400.8 32 465.5 68.84 512.6 112.6C559.4 156 590.7 207.1 605.5 243.7C608.8 251.6 608.8 260.4 605.5 268.3C592.1 300.6 565.2 346.1 525.6 386.7L446.6 324.7zM313.4 220.3C317.6 211.8 320 202.2 320 192C320 180.5 316.1 169.7 311.6 160.4C314.4 160.1 317.2 160 320 160C373 160 416 202.1 416 256C416 269.7 413.1 282.7 407.1 294.5L313.4 220.3zM320 480C239.2 480 174.5 443.2 127.4 399.4C80.62 355.1 49.34 304 34.46 268.3C31.18 260.4 31.18 251.6 34.46 243.7C44 220.8 60.29 191.2 83.09 161.5L177.4 235.8C176.5 242.4 176 249.1 176 256C176 335.5 240.5 400 320 400C338.7 400 356.6 396.4 373 389.9L446.2 447.5C409.9 467.1 367.8 480 320 480H320z" })), u = (t) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", "data-waves-icon": "fa/duotone/folder-magnifying-glass", fill: "currentColor", color: "currentColor", width: "1em", height: "1em", style: {
51
- fill: "currentcolor",
52
- color: "currentcolor",
53
- width: "1em",
54
- height: "1em"
55
- }, ...t }, /* @__PURE__ */ e.createElement("defs", null, /* @__PURE__ */ e.createElement("style", null, ".fa-secondary{opacity:.4}")), /* @__PURE__ */ e.createElement("path", { className: "fa-primary", d: "M376.1 375l-48.67-48.67C338.1 310.5 344 292 344 272c0-57.44-46.56-104-104-104S136 214.6 136 272s46.56 104 104 104c19.1 0 38.5-5.922 54.36-15.71l48.67 48.67C347.7 413.7 353.8 416 360 416s12.28-2.344 16.97-7.031C386.3 399.6 386.3 384.4 376.1 375zM240 328c-30.88 0-56-25.12-56-56c0-30.88 25.12-56 56-56c30.88 0 56 25.12 56 56C296 302.9 270.9 328 240 328z" }), /* @__PURE__ */ e.createElement("path", { className: "fa-secondary", d: "M464 96h-192l-64-64h-160C21.5 32 0 53.5 0 80v352C0 458.5 21.5 480 48 480h416c26.5 0 48-21.5 48-48v-288C512 117.5 490.5 96 464 96zM376.1 408.1C372.3 413.7 366.2 416 360 416s-12.28-2.344-16.97-7.031l-48.67-48.67C278.5 370.1 259.1 376 240 376c-57.44 0-104-46.56-104-104S182.6 168 240 168s104 46.56 104 104c0 20-5.922 38.5-15.71 54.36l48.67 48.67C386.3 384.4 386.3 399.6 376.1 408.1zM240 216c-30.88 0-56 25.12-56 56c0 30.88 25.12 56 56 56c30.88 0 56-25.12 56-56C296 241.1 270.9 216 240 216z" })), p = (t) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 448 512", "data-waves-icon": "fa/duotone/lock-keyhole", fill: "currentColor", color: "currentColor", width: "1em", height: "1em", style: {
56
- fill: "currentcolor",
57
- color: "currentcolor",
58
- width: "1em",
59
- height: "1em"
60
- }, ...t }, /* @__PURE__ */ e.createElement("defs", null, /* @__PURE__ */ e.createElement("style", null, ".fa-secondary{opacity:.4}")), /* @__PURE__ */ e.createElement("path", { className: "fa-primary", d: "M384 192C419.3 192 448 220.7 448 256V448C448 483.3 419.3 512 384 512H64C28.65 512 0 483.3 0 448V256C0 220.7 28.65 192 64 192H384zM256 320C256 302.3 241.7 288 224 288C206.3 288 192 302.3 192 320V384C192 401.7 206.3 416 224 416C241.7 416 256 401.7 256 384V320z" }), /* @__PURE__ */ e.createElement("path", { className: "fa-secondary", d: "M224 64C179.8 64 144 99.82 144 144V192H80V144C80 64.47 144.5 0 224 0C303.5 0 368 64.47 368 144V192H304V144C304 99.82 268.2 64 224 64z" })), y = (t) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", "data-waves-icon": "fa/duotone/magnifying-glass", fill: "currentColor", color: "currentColor", width: "1em", height: "1em", style: {
61
- fill: "currentcolor",
62
- color: "currentcolor",
63
- width: "1em",
64
- height: "1em"
65
- }, ...t }, /* @__PURE__ */ e.createElement("defs", null, /* @__PURE__ */ e.createElement("style", null, `
66
- .fa-secondary {
67
- opacity: .4
68
- }
69
- `)), /* @__PURE__ */ e.createElement("path", { className: "fa-primary", d: "M500.3 443.7l-119.7-119.7c-15.03 22.3-34.26 41.54-56.57 56.57l119.7 119.7c15.62 15.62 40.95 15.62 56.57 0C515.9 484.7 515.9 459.3 500.3 443.7z" }), /* @__PURE__ */ e.createElement("path", { className: "fa-secondary", d: "M207.1 0C93.12 0-.0002 93.13-.0002 208S93.12 416 207.1 416s208-93.13 208-208S322.9 0 207.1 0zM207.1 336c-70.58 0-128-57.42-128-128c0-70.58 57.42-128 128-128s128 57.42 128 128C335.1 278.6 278.6 336 207.1 336z" })), E = (t) => /* @__PURE__ */ e.createElement("svg", { viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ e.createElement("g", { clipPath: "url(#clip0_2882_20246)" }, /* @__PURE__ */ e.createElement("path", { d: "M14 5C15.1031 5 16 5.89688 16 7V14C16 15.1031 15.1031 16 14 16H2C0.895313 16 0 15.1031 0 14V7C0 5.89688 0.895313 5 2 5H14Z", fill: "#838192" }), /* @__PURE__ */ e.createElement("path", { opacity: 0.4, d: "M13.75 4H2.25C1.83594 4 1.5 3.66563 1.5 3.25C1.5 2.83594 1.83594 2.5 2.25 2.5H13.75C14.1656 2.5 14.5 2.83594 14.5 3.25C14.5 3.66563 14.1656 4 13.75 4ZM12.25 1.5H3.75C3.33438 1.5 3 1.16406 3 0.75C3 0.335938 3.33438 0 3.75 0H12.25C12.6656 0 13 0.335938 13 0.75C13 1.16406 12.6656 1.5 12.25 1.5Z", fill: "#838192" })), /* @__PURE__ */ e.createElement("defs", null, /* @__PURE__ */ e.createElement("clipPath", { id: "clip0_2882_20246" }, /* @__PURE__ */ e.createElement("rect", { width: 16, height: 16, fill: "white" })))), v = (t) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 448 512", "data-waves-icon": "fa/duotone/trash", fill: "currentColor", color: "currentColor", width: "1em", height: "1em", style: {
70
- fill: "currentcolor",
71
- color: "currentcolor",
72
- width: "1em",
73
- height: "1em"
74
- }, ...t }, /* @__PURE__ */ e.createElement("defs", null, /* @__PURE__ */ e.createElement("style", null, ".fa-secondary{opacity:.4}")), /* @__PURE__ */ e.createElement("path", { className: "fa-primary", d: "M284.2 0C296.3 0 307.4 6.848 312.8 17.69L320 32H416C433.7 32 448 46.33 448 64C448 81.67 433.7 96 416 96H32C14.33 96 0 81.67 0 64C0 46.33 14.33 32 32 32H128L135.2 17.69C140.6 6.848 151.7 0 163.8 0H284.2z" }), /* @__PURE__ */ e.createElement("path", { className: "fa-secondary", d: "M32 96H416L394.6 466.8C393.1 492.2 372.1 512 346.7 512H101.3C75.87 512 54.86 492.2 53.39 466.8L32 96z" })), M = (t) => /* @__PURE__ */ e.createElement("svg", { viewBox: "0 0 20 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ e.createElement("g", { clipPath: "url(#clip0_2882_20237)" }, /* @__PURE__ */ e.createElement("path", { d: "M1.25719 3.49676L9.62813 0.148412C9.86563 0.0530684 10.1344 0.0530684 10.3719 0.148412L18.7437 3.49676C19.5031 3.79988 20 4.53738 20 5.35301V15.2499C20 15.6655 19.6656 15.9999 19.25 15.9999H17.75C17.3344 15.9999 17 15.6655 17 15.2499V6.97176C17 6.44676 16.5531 5.97176 16 5.97176H4C3.44688 5.97176 3 6.44676 3 6.97176V15.2499C3 15.6655 2.66406 15.9999 2.25 15.9999H0.75C0.335938 15.9999 0 15.6655 0 15.2499V5.35301C0 4.53738 0.497813 3.79988 1.25719 3.49676Z", fill: "#838192" }), /* @__PURE__ */ e.createElement("path", { opacity: 0.4, d: "M4 7.75C4 7.33437 4.33437 7 4.75 7H9.25C9.66563 7 10 7.33437 10 7.75V10.25C10 10.6656 9.66563 11 9.25 11H4.75C4.33437 11 4 10.6656 4 10.25V7.75ZM11 12.75C11 12.3344 11.3344 12 11.75 12H15.25C15.6656 12 16 12.3344 16 12.75V15.25C16 15.6656 15.6656 16 15.25 16H11.75C11.3344 16 11 15.6656 11 15.25V12.75ZM9.25 12C9.66563 12 10 12.3344 10 12.75V15.25C10 15.6656 9.66563 16 9.25 16H4.75C4.33437 16 4 15.6656 4 15.25V12.75C4 12.3344 4.33437 12 4.75 12H9.25Z", fill: "#838192" })), /* @__PURE__ */ e.createElement("defs", null, /* @__PURE__ */ e.createElement("clipPath", { id: "clip0_2882_20237" }, /* @__PURE__ */ e.createElement("rect", { width: 20, height: 16, fill: "white" })))), H = (t) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 320 512", "data-waves-icon": "fa/duotone/xmark", fill: "currentColor", color: "currentColor", width: "1em", height: "1em", style: {
75
- fill: "currentcolor",
76
- color: "currentcolor",
77
- width: "1em",
78
- height: "1em"
79
- }, ...t }, /* @__PURE__ */ e.createElement("defs", null, /* @__PURE__ */ e.createElement("style", null, `
80
- .fa-secondary {
81
- opacity: .4
82
- }
83
- `)), /* @__PURE__ */ e.createElement("path", { className: "fa-secondary", d: "M310.6 361.4c12.5 12.5 12.5 32.75 0 45.25C304.4 412.9 296.2 416 288 416s-16.38-3.125-22.62-9.375L160 301.3L54.63 406.6C48.38 412.9 40.19 416 32 416S15.63 412.9 9.375 406.6c-12.5-12.5-12.5-32.75 0-45.25l105.4-105.4L9.375 150.6c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L160 210.8l105.4-105.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-105.4 105.4L310.6 361.4z" })), L = (t) => /* @__PURE__ */ e.createElement("svg", { viewBox: "0 0 664 652", xmlns: "http://www.w3.org/2000/svg", "data-waves-icon": "pi/logo", fill: "currentColor", color: "currentColor", width: "1em", height: "1em", style: {
84
- fill: "currentcolor",
85
- color: "currentcolor",
86
- width: "1em",
87
- height: "1em"
88
- }, ...t }, /* @__PURE__ */ e.createElement("path", { d: "M391.42 125.965C448.039 184.645 504.938 243.615 565.81 185.331C583.085 168.806 588.671 138.702 583.932 117.95C552.33 -20.4551 366.687 -26.094 284.964 44.5249L285.069 45.0613C321.006 52.9875 356.159 89.4202 391.42 125.965Z" }), /* @__PURE__ */ e.createElement("path", { d: "M522.431 495.702C448.189 455.82 486.69 383.483 525.002 311.503C548.862 266.674 572.648 221.983 569.081 185.356L569.559 185.09C661.976 240.991 713.98 419.291 592.114 492.115C573.842 503.035 543.486 507.025 522.431 495.702V495.702Z" }), /* @__PURE__ */ e.createElement("path", { d: "M213.844 550.355C228.833 467.423 309.526 481.686 389.823 495.879C439.831 504.719 489.685 513.531 523.417 498.82L523.818 499.192C499.211 604.36 345.708 708.916 238.789 615.519C222.757 601.516 209.582 573.878 213.844 550.355Z" }), /* @__PURE__ */ e.createElement("path", { d: "M284.035 48.1638C320.656 124.068 246.989 159.959 173.686 195.673C128.033 217.916 82.5196 240.09 63.8762 271.819L63.3335 271.753C21.4251 172.207 84.1548 -2.6076 225.552 10.1071C246.753 12.0131 273.657 26.6279 284.035 48.1638Z" }), /* @__PURE__ */ e.createElement("path", { d: "M172.699 424.293C161.384 343.54 150.014 262.389 66.5079 273.761C42.819 276.977 20.6057 298.048 12.2415 317.622C-43.5448 448.169 103.33 561.849 210.954 552.754L211.185 552.258C186.77 524.722 179.745 474.585 172.699 424.293Z" })), x = {
89
- // icon family / icon name
90
- // fa/duotone / eye-slash
91
- "fa/duotone/arrow-down-arrow-up": i,
92
- "fa/duotone/calendar-days": h,
93
- "fa/duotone/circle-arrow-right": d,
94
- "fa/duotone/circle-exclamation": w,
95
- "fa/duotone/circle-xmark": g,
96
- "fa/duotone/eye-slash": f,
97
- "fa/duotone/folder-magnifying-glass": u,
98
- "fa/duotone/lock-keyhole": p,
99
- "fa/duotone/magnifying-glass": y,
100
- "fa/duotone/xmark": H,
101
- "fa/duotone/warehouse-full": M,
102
- "fa/duotone/rectangle-history": E,
103
- "fa/duotone/account-group": C,
104
- "fa/duotone/arrow-left": m,
105
- "fa/duotone/trash": v,
106
- "pi/logo": L
107
- }, S = {
108
- "fa/duotone": [
109
- "arrow-down-arrow-up",
110
- "calendar-days",
111
- "circle-arrow-right",
112
- "circle-exclamation",
113
- "circle-xmark",
114
- "eye-slash",
115
- "folder-magnifying-glass",
116
- "lock-keyhole",
117
- "magnifying-glass",
118
- "xmark",
119
- "warehouse-full",
120
- "rectangle-history",
121
- "account-group",
122
- "arrow-left",
123
- "trash"
124
- ],
125
- pi: ["logo"]
126
- }, V = ({ iconFamily: t, icon: c, size: l, color: n }) => {
127
- const r = `${t ?? "fa/duotone"}/${c}`, a = x[r] ?? /* @__PURE__ */ s("span", { title: r, children: [
128
- "ERROR ICON ",
129
- /* @__PURE__ */ o(V, { icon: "circle-exclamation" })
130
- ] });
131
- return a && /* @__PURE__ */ o(a, { style: { color: n, height: l, width: l } });
132
- };
133
- export {
134
- S as FamilyAndIcons,
135
- V as Icon
136
- };
@@ -1,16 +0,0 @@
1
- import { StoryObj } from '@storybook/react';
2
-
3
- declare const meta: {
4
- title: string;
5
- component: <T extends "fa/duotone" | "pi">({ iconFamily, icon, size, color }: import('./Icon').IconProps<T>) => 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 CustomFamily: Story;
15
- export declare const CustomSize: Story;
16
- export declare const CustomColor: Story;
@@ -1,15 +0,0 @@
1
- import { StoryObj } from '@storybook/react';
2
-
3
- declare const meta: {
4
- title: string;
5
- component: import('react').ForwardRefExoticComponent<import('./IconButton').IconButtonProps & import('react').RefAttributes<HTMLButtonElement>>;
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 WithChildren: Story;
15
- export declare const Square: Story;
@@ -1,38 +0,0 @@
1
- import { Either } from '../../types/helpers';
2
- import { ReactNode, SyntheticEvent } from 'react';
3
-
4
- type variant = 'primary' | 'square';
5
- type IconButtonCoreProps = {
6
- /** The icon can be any ReactNode element, including the Icon component. */
7
- icon: ReactNode;
8
- /** Loading status */
9
- loading?: boolean;
10
- /** Disabled status */
11
- disabled?: boolean;
12
- /** ClassNames for MuiButton */
13
- className?: string;
14
- /** Children content */
15
- children?: ReactNode;
16
- /** Variant of component */
17
- variant?: variant;
18
- /** Id to be applied as `data-testid` on the container element */
19
- 'data-testid'?: string;
20
- };
21
- interface IconButtonPropsWithLink extends IconButtonCoreProps {
22
- /** Link to access when Icon Button is clicked */
23
- link: string;
24
- }
25
- interface IconButtonPropsWithOnClick extends IconButtonCoreProps {
26
- /** Functionality executed when the Icon Button is clicked */
27
- onClick: (e: SyntheticEvent<HTMLButtonElement>) => void;
28
- /** Button type */
29
- type?: HTMLButtonElement['type'];
30
- }
31
- export type IconButtonProps = Either<IconButtonPropsWithLink, IconButtonPropsWithOnClick>;
32
- /**
33
- * The icon button is used in some cases where you need the icon to be pressed, sometimes it can contain text.
34
- * Icon buttons are commonly found in app bars and toolbars.
35
- * Icons are also appropriate for toggle buttons that allow a single choice to be selected or deselected, such as adding or removing a star to an item.
36
- */
37
- export declare const IconButton: import('react').ForwardRefExoticComponent<IconButtonProps & import('react').RefAttributes<HTMLButtonElement>>;
38
- export default IconButton;
@@ -1,63 +0,0 @@
1
- import '../../assets/IconButton.css';
2
- import { jsx as a, jsxs as c } from "react/jsx-runtime";
3
- import { forwardRef as x, useMemo as d } from "react";
4
- import { c as l } from "../../clsx-DB4S2d7J.js";
5
- import { LoadingSpinner as j } from "../LoadingSpinner/LoadingSpinner.js";
6
- import { B as m } from "../../Button-2b1peDFT.js";
7
- const o = {
8
- "u-typography-h1": "_u-typography-h1_1xyj5_1",
9
- "u-typography-h2": "_u-typography-h2_1xyj5_8",
10
- "u-typography-h3": "_u-typography-h3_1xyj5_15",
11
- "u-typography-h4": "_u-typography-h4_1xyj5_22",
12
- "u-typography-h5": "_u-typography-h5_1xyj5_29",
13
- "u-typography-h6": "_u-typography-h6_1xyj5_36",
14
- "u-typography-base": "_u-typography-base_1xyj5_43",
15
- "icon-button": "_icon-button_1xyj5_43",
16
- "u-typography-base--xxl": "_u-typography-base--xxl_1xyj5_48",
17
- "u-typography-base--xl": "_u-typography-base--xl_1xyj5_52",
18
- "u-typography-base--lg": "_u-typography-base--lg_1xyj5_56",
19
- "u-typography-base--sm": "_u-typography-base--sm_1xyj5_60",
20
- "u-typography-base--bold": "_u-typography-base--bold_1xyj5_64",
21
- "u-typography-base--strikethrough": "_u-typography-base--strikethrough_1xyj5_67",
22
- "u-typography-base--underlined": "_u-typography-base--underlined_1xyj5_70",
23
- "u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-underlined_1xyj5_73",
24
- "icon-button--primary": "_icon-button--primary_1xyj5_86",
25
- "icon-button--square": "_icon-button--square_1xyj5_108",
26
- "icon-button__container": "_icon-button__container_1xyj5_124"
27
- }, B = x((r, p) => {
28
- const {
29
- onClick: _,
30
- icon: e,
31
- link: u,
32
- loading: n,
33
- children: h,
34
- type: s = "button",
35
- disabled: i,
36
- className: y,
37
- variant: t = "primary",
38
- "data-testid": g
39
- } = r, b = d(
40
- () => l([o["icon-button"], o[`icon-button--${t}`], y]),
41
- [y, t]
42
- );
43
- return /* @__PURE__ */ a(
44
- m,
45
- {
46
- type: s,
47
- href: u,
48
- onClick: _,
49
- disabled: i,
50
- className: b,
51
- ref: p,
52
- "data-testid": g,
53
- children: /* @__PURE__ */ c("div", { className: o["icon-button__container"], children: [
54
- n ? /* @__PURE__ */ a(j, { invert: !0 }) : e,
55
- t !== "square" && h
56
- ] })
57
- }
58
- );
59
- });
60
- export {
61
- B as IconButton,
62
- B as default
63
- };
@@ -1,44 +0,0 @@
1
- import { InputHTMLAttributes, ReactNode } from 'react';
2
-
3
- type InputProps = InputHTMLAttributes<HTMLInputElement> & {
4
- /** Label text */
5
- label?: string;
6
- /** Info message text */
7
- infoMessage?: string;
8
- /** Error message text */
9
- errorMessage?: string;
10
- /** Left icon element */
11
- leftIcon?: ReactNode;
12
- /** Right icon element */
13
- rightIcon?: ReactNode;
14
- /** Input type. Default: text */
15
- type?: 'text' | 'password' | 'search';
16
- /** Hide the chars counter */
17
- hideCharsCounter?: boolean;
18
- /** CSS classes to be applied on the container element */
19
- classNameWrapper?: string;
20
- /** CSS classes to be applied on the label element */
21
- classNameLabel?: string;
22
- /** CSS classes to be applied on the input element */
23
- classNameInput?: string;
24
- /** CSS classes to be applied on the info message element */
25
- classNameInfoMessage?: string;
26
- /** CSS classes to be applied on the error message element */
27
- classNameErrorMessage?: string;
28
- /** CSS classes to be applied on the chars counter element */
29
- classNameCharsCounter?: string;
30
- /** Id to be applied as `data-testid` on the container element */
31
- 'data-testid-wrapper'?: string;
32
- /** Id to be applied as `data-testid` on the label element */
33
- 'data-testid-label'?: string;
34
- /** Id to be applied as `data-testid` on the input element */
35
- 'data-testid-input'?: string;
36
- /** Id to be applied as `data-testid` on the info message element */
37
- 'data-testid-infoMessage'?: string;
38
- /** Id to be applied as `data-testid` on the error message element */
39
- 'data-testid-errorMessage'?: string;
40
- /** Id to be applied as `data-testid` on the chars counter element */
41
- 'data-testid-charsCounter'?: string;
42
- };
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;
44
- export {};