@pismo/marola 1.0.0-beta.1 → 1.0.0-beta.10
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.
- package/dist/{Button-2b1peDFT.js → Button-DiLqcAJG.js} +2 -2
- package/dist/{ClickAwayListener-BSW-Nd-y.js → ClickAwayListener-BaJ-OV_7.js} +4 -3
- package/dist/Dialog.module-DFcZsVAd.js +30 -0
- package/dist/Input.module-ZTRZRcNt.js +405 -0
- package/dist/{Popup-B6ZSGIEI.js → Popup-lLWZt2wk.js} +3 -3
- package/dist/{Portal-DIeBsWdL.js → Portal-B_Es6eUL.js} +2 -2
- package/dist/SelectButton-CoOT2txy.js +61 -0
- package/dist/Toggle-C7W0gYOI.js +175 -0
- package/dist/assets/Adornment.css +1 -0
- package/dist/assets/Advice.css +1 -1
- package/dist/assets/Autocomplete.css +1 -0
- package/dist/assets/Button.css +1 -1
- package/dist/assets/Checkbox.css +1 -1
- package/dist/assets/Dialog.css +1 -1
- package/dist/assets/IconButton.css +1 -1
- package/dist/assets/Input.css +1 -1
- package/dist/assets/PageHeader.css +1 -1
- package/dist/assets/Pagination.css +1 -1
- package/dist/assets/SelectButton.css +1 -1
- package/dist/assets/Snackbar.css +1 -1
- package/dist/assets/SortTooltip.css +1 -1
- package/dist/assets/Stepper.css +1 -1
- package/dist/assets/Table.css +1 -1
- package/dist/assets/TextDisplay.css +1 -1
- package/dist/assets/Toggle.css +1 -1
- package/dist/assets/Toggle2.css +1 -1
- package/dist/assets/Typography.css +1 -1
- package/dist/{combineHooksSlotProps-DVjg9PRh.js → combineHooksSlotProps-BtBYUV_B.js} +1 -1
- package/dist/components/Adornment/Adornment.d.ts +19 -0
- package/dist/components/Adornment/Adornment.js +13 -0
- package/dist/components/Advice/Advice.d.ts +32 -17
- package/dist/components/Advice/Advice.js +39 -40
- package/dist/components/Advice/Advice.stories.d.ts +4 -3
- package/dist/components/Autocomplete/Autocomplete.d.ts +50 -0
- package/dist/components/Autocomplete/Autocomplete.js +689 -0
- package/dist/components/Autocomplete/Autocomplete.stories.d.ts +45 -0
- package/dist/components/Button/Button.js +50 -50
- package/dist/components/Button/Button.stories.d.ts +8 -52
- package/dist/components/Checkbox/Checkbox.js +52 -52
- package/dist/components/Chip/Chip.d.ts +3 -11
- package/dist/components/Chip/Chip.js +5 -4
- package/dist/components/Chip/Chip.stories.d.ts +3 -2
- package/dist/components/Dialog/Actions.js +1 -1
- package/dist/components/Dialog/Backdrop.js +1 -1
- package/dist/components/Dialog/CloseIconButton.js +2 -2
- package/dist/components/Dialog/Dialog.js +13 -12
- package/dist/components/Dialog/Dialog.stories.d.ts +44 -44
- package/dist/components/Dialog/DialogTitle.js +1 -1
- package/dist/components/EllipsisTooltip/EllipsisTooltip.stories.d.ts +1 -1
- package/dist/components/Icon/Icon.js +27 -21
- package/dist/components/Icon/types.d.ts +1 -1
- package/dist/components/IconButton/IconButton.js +42 -42
- package/dist/components/Input/Input.d.ts +4 -2
- package/dist/components/Input/Input.js +74 -471
- package/dist/components/Input/Input.stories.d.ts +1 -1
- package/dist/components/InputSearch/InputSearch.stories.d.ts +1 -1
- package/dist/components/PageHeader/PageHeader.js +57 -57
- package/dist/components/Pagination/Pagination.d.ts +7 -1
- package/dist/components/Pagination/Pagination.js +104 -182
- package/dist/components/Pagination/usePagination.d.ts +90 -0
- package/dist/components/Pagination/usePagination.js +79 -0
- package/dist/components/RowItem/RowItem.d.ts +25 -0
- package/dist/components/RowItem/RowItem.js +19 -0
- package/dist/components/Select/Select.js +9 -8
- package/dist/components/Select/SelectButton.js +1 -1
- package/dist/components/Snackbar/Snackbar.js +94 -94
- package/dist/components/Snackbar/Snackbar.stories.d.ts +3 -3
- package/dist/components/SortTooltip/SortTooltip.js +46 -46
- package/dist/components/Stepper/Stepper.js +35 -35
- package/dist/components/Table/Table.js +96 -96
- package/dist/components/Tabs/Tab.js +18 -17
- package/dist/components/Tabs/TabPanel.js +27 -26
- package/dist/components/Tabs/Tabs.js +25 -25
- package/dist/components/TextDisplay/TextDisplay.d.ts +3 -1
- package/dist/components/TextDisplay/TextDisplay.js +37 -30
- package/dist/components/TextDisplay/TextDisplay.stories.d.ts +1 -1
- package/dist/components/Toggle/Toggle.js +56 -56
- package/dist/components/ToggleGroup/Toggle.js +2 -2
- package/dist/components/ToggleGroup/ToggleGroup.js +1 -1
- package/dist/components/Tooltip/Tooltip.js +3 -3
- package/dist/components/Typography/Typography.js +47 -47
- package/dist/{index-CjW42-M-.js → index-D3Wj0eid.js} +1 -1
- package/dist/main.d.ts +3 -0
- package/dist/main.js +81 -76
- package/dist/ownerDocument-B61GUaFs.js +33 -0
- package/dist/{useButton-DNk3wrQp.js → useButton-Bn3MNH8I.js} +1 -1
- package/dist/useCompoundItem-B7Eo_qZk.js +68 -0
- package/dist/useEventCallback-BAQJJ3ye.js +14 -0
- package/dist/useId-BW-oWmul.js +19 -0
- package/dist/{useList-B0hog_3-.js → useList-BpJT77u3.js} +2 -2
- package/dist/{index-CH45lKw7.js → useSlotProps-kRhf7Gil.js} +93 -94
- package/package.json +2 -2
- package/dist/Dialog.module-DFEmFdYT.js +0 -30
- package/dist/SelectButton-C8JQKaf4.js +0 -61
- package/dist/Toggle-BCgIItCc.js +0 -142
- package/dist/useCompoundItem-D1iRfg8D.js +0 -84
- package/dist/useEventCallback-xTG9piMa.js +0 -45
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsxs as l, Fragment as o, jsx as e } from "react/jsx-runtime";
|
|
2
2
|
import { Typography as r } from "../Typography/Typography.js";
|
|
3
|
-
import { s as a } from "../../Dialog.module-
|
|
3
|
+
import { s as a } from "../../Dialog.module-DFcZsVAd.js";
|
|
4
4
|
const n = ({ title: t, subTitle: i }) => /* @__PURE__ */ l(o, { children: [
|
|
5
5
|
/* @__PURE__ */ e(
|
|
6
6
|
r,
|
|
@@ -16,9 +16,9 @@ declare const meta: {
|
|
|
16
16
|
'data-testid'?: string | undefined;
|
|
17
17
|
open?: boolean | undefined;
|
|
18
18
|
onClose?: (() => void) | undefined;
|
|
19
|
-
theme?: "black" | "white" | undefined;
|
|
20
19
|
position?: import('@floating-ui/utils').Placement | undefined;
|
|
21
20
|
padding?: "small" | "normal" | undefined;
|
|
21
|
+
theme?: "black" | "white" | undefined;
|
|
22
22
|
arialRole?: import('react').AriaRole | undefined;
|
|
23
23
|
disableHoverListener?: boolean | undefined;
|
|
24
24
|
lineClamp?: number | undefined;
|
|
@@ -70,17 +70,22 @@ const s = (t) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.
|
|
|
70
70
|
color: "currentcolor",
|
|
71
71
|
width: "1em",
|
|
72
72
|
height: "1em"
|
|
73
|
-
}, ...t }, /* @__PURE__ */ e.createElement("defs", null, /* @__PURE__ */ e.createElement("style", null, ".fa-secondary{opacity:.4}")), /* @__PURE__ */ e.createElement("path", { className: "fa-primary", d: "M480 31.9C480 31.94 480 31.99 480 32.02V128C480 145.7 465.7 160 448 160C430.3 160 416 145.7 416 128V109.3L310.6 214.6C298.8 226.5 279.9 227.2 267.2 216.3L176 138.1L84.83 216.3C71.41 227.8 51.21 226.2 39.7 212.8C28.2 199.4 29.76 179.2 43.18 167.7L155.2 71.7C167.2 61.43 184.8 61.43 196.8 71.7L286.3 148.4L370.7 64H352C334.3 64 320 49.67 320 32C320 14.33 334.3 0 352 0H448C456.8 0 464.8 3.554 470.6 9.305C470.6 9.35 470.6 9.395 470.7 9.441C473.7 12.49 476 16 477.6 19.75C479.1 23.5 479.1 27.6 480 31.9V31.9z" }), /* @__PURE__ */ e.createElement("path", { className: "fa-secondary", d: "M464 256C490.5 256 512 277.5 512 304V464C512 490.5 490.5 512 464 512H48C21.49 512 0 490.5 0 464V304C0 277.5 21.49 256 48 256H464zM96 464C96 437.5 74.51 416 48 416V464H96zM48 352C74.51 352 96 330.5 96 304H48V352zM464 464V416C437.5 416 416 437.5 416 464H464zM464 304H416C416 330.5 437.5 352 464 352V304zM256 448C291.3 448 320 419.3 320 384C320 348.7 291.3 320 256 320C220.7 320 192 348.7 192 384C192 419.3 220.7 448 256 448z" })), E = (t) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0
|
|
73
|
+
}, ...t }, /* @__PURE__ */ e.createElement("defs", null, /* @__PURE__ */ e.createElement("style", null, ".fa-secondary{opacity:.4}")), /* @__PURE__ */ e.createElement("path", { className: "fa-primary", d: "M480 31.9C480 31.94 480 31.99 480 32.02V128C480 145.7 465.7 160 448 160C430.3 160 416 145.7 416 128V109.3L310.6 214.6C298.8 226.5 279.9 227.2 267.2 216.3L176 138.1L84.83 216.3C71.41 227.8 51.21 226.2 39.7 212.8C28.2 199.4 29.76 179.2 43.18 167.7L155.2 71.7C167.2 61.43 184.8 61.43 196.8 71.7L286.3 148.4L370.7 64H352C334.3 64 320 49.67 320 32C320 14.33 334.3 0 352 0H448C456.8 0 464.8 3.554 470.6 9.305C470.6 9.35 470.6 9.395 470.7 9.441C473.7 12.49 476 16 477.6 19.75C479.1 23.5 479.1 27.6 480 31.9V31.9z" }), /* @__PURE__ */ e.createElement("path", { className: "fa-secondary", d: "M464 256C490.5 256 512 277.5 512 304V464C512 490.5 490.5 512 464 512H48C21.49 512 0 490.5 0 464V304C0 277.5 21.49 256 48 256H464zM96 464C96 437.5 74.51 416 48 416V464H96zM48 352C74.51 352 96 330.5 96 304H48V352zM464 464V416C437.5 416 416 437.5 416 464H464zM464 304H416C416 330.5 437.5 352 464 352V304zM256 448C291.3 448 320 419.3 320 384C320 348.7 291.3 320 256 320C220.7 320 192 348.7 192 384C192 419.3 220.7 448 256 448z" })), E = (t) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", "data-waves-icon": "fa/duotone/pen-to-square", fill: "currentColor", color: "currentColor", width: "1em", height: "1em", style: {
|
|
74
74
|
fill: "currentcolor",
|
|
75
75
|
color: "currentcolor",
|
|
76
76
|
width: "1em",
|
|
77
77
|
height: "1em"
|
|
78
|
-
}, ...t }, /* @__PURE__ */ e.createElement("defs", null, /* @__PURE__ */ e.createElement("style", null, ".fa-secondary{opacity:.4}")), /* @__PURE__ */ e.createElement("path", { className: "fa-primary", d: "
|
|
78
|
+
}, ...t }, /* @__PURE__ */ e.createElement("defs", null, /* @__PURE__ */ e.createElement("style", null, ".fa-secondary{opacity:.4}")), /* @__PURE__ */ e.createElement("path", { className: "fa-primary", d: "M392.4 21.66C414.3-.2135 449.7-.2135 471.6 21.66L490.3 40.4C512.2 62.27 512.2 97.73 490.3 119.6L460.3 149.7L362.3 51.72L392.4 21.66zM437.7 172.3L270.3 339.6C264.2 345.8 256.7 350.4 248.4 353.2L159.6 382.8C150.1 385.6 141.5 383.4 135 376.1C128.6 370.5 126.4 361 129.2 352.4L158.8 263.6C161.6 255.3 166.2 247.8 172.4 241.7L339.7 74.34L437.7 172.3z" }), /* @__PURE__ */ e.createElement("path", { className: "fa-secondary", d: "M0 160C0 106.1 42.98 64 96 64H192C209.7 64 224 78.33 224 96C224 113.7 209.7 128 192 128H96C78.33 128 64 142.3 64 160V416C64 433.7 78.33 448 96 448H352C369.7 448 384 433.7 384 416V320C384 302.3 398.3 288 416 288C433.7 288 448 302.3 448 320V416C448 469 405 512 352 512H96C42.98 512 0 469 0 416V160z" })), M = (t) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 576 512", "data-waves-icon": "fa/duotone/piggy-bank", fill: "currentColor", color: "currentColor", width: "1em", height: "1em", style: {
|
|
79
79
|
fill: "currentcolor",
|
|
80
80
|
color: "currentcolor",
|
|
81
81
|
width: "1em",
|
|
82
82
|
height: "1em"
|
|
83
|
-
}, ...t }, /* @__PURE__ */ e.createElement("defs", null, /* @__PURE__ */ e.createElement("style", null, ".fa-secondary{opacity:.4}")), /* @__PURE__ */ e.createElement("path", { className: "fa-primary", d: "
|
|
83
|
+
}, ...t }, /* @__PURE__ */ e.createElement("defs", null, /* @__PURE__ */ e.createElement("style", null, ".fa-secondary{opacity:.4}")), /* @__PURE__ */ e.createElement("path", { className: "fa-primary", d: "M512 96L493.2 171.1C509.1 185.9 521.9 203.9 530.7 224H544C561.7 224 576 238.3 576 256V352C576 369.7 561.7 384 544 384H512C502.9 396.1 492.1 406.9 480 416V480C480 497.7 465.7 512 448 512H416C398.3 512 384 497.7 384 480V448H256V480C256 497.7 241.7 512 224 512H192C174.3 512 160 497.7 160 480V416C125.1 389.8 101.3 349.8 96.79 304H68C30.44 304 0 273.6 0 236C0 198.4 30.44 168 68 168H72C85.25 168 96 178.7 96 192C96 205.3 85.25 216 72 216H68C56.95 216 48 224.1 48 236C48 247 56.95 256 68 256H99.2C114 182.1 178.6 128 256 128H384C391.8 128 399.5 128.6 407 129.6C424.6 109.1 450.8 96 480 96H512zM424 288C437.3 288 448 277.3 448 264C448 250.7 437.3 240 424 240C410.7 240 400 250.7 400 264C400 277.3 410.7 288 424 288z" }), /* @__PURE__ */ e.createElement("path", { className: "fa-secondary", d: "M400 96L399.1 96.66C394.7 96.22 389.4 96 384 96H256C239.5 96 223.5 98.08 208.2 102C208.1 100 208 98.02 208 96C208 42.98 250.1 0 304 0C357 0 400 42.98 400 96z" })), H = (t) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", "data-waves-icon": "fa/duotone/rectangle-history", 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("defs", null, /* @__PURE__ */ e.createElement("style", null, ".fa-secondary{opacity:.4}")), /* @__PURE__ */ e.createElement("path", { className: "fa-primary", d: "M448 160C483.3 160 512 188.7 512 224V448C512 483.3 483.3 512 448 512H64C28.65 512 0 483.3 0 448V224C0 188.7 28.65 160 64 160H448z" }), /* @__PURE__ */ e.createElement("path", { className: "fa-secondary", d: "M440 128H72C58.75 128 48 117.3 48 104C48 90.75 58.75 80 72 80H440C453.3 80 464 90.75 464 104C464 117.3 453.3 128 440 128zM392 48H120C106.7 48 96 37.25 96 24C96 10.75 106.7 0 120 0H392C405.3 0 416 10.75 416 24C416 37.25 405.3 48 392 48z" })), L = (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: {
|
|
84
89
|
fill: "currentcolor",
|
|
85
90
|
color: "currentcolor",
|
|
86
91
|
width: "1em",
|
|
@@ -90,22 +95,22 @@ const s = (t) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.
|
|
|
90
95
|
color: "currentcolor",
|
|
91
96
|
width: "1em",
|
|
92
97
|
height: "1em"
|
|
93
|
-
}, ...t }, /* @__PURE__ */ e.createElement("defs", null, /* @__PURE__ */ e.createElement("style", null, ".fa-secondary{opacity:.4}")), /* @__PURE__ */ e.createElement("path", { className: "fa-primary", d: "M224 256c70.7 0 128-57.31 128-128S294.7 0 224 0C153.3 0 96 57.31 96 128S153.3 256 224 256zM274.7 304H173.3c-95.73 0-173.3 77.6-173.3 173.3C0 496.5 15.52 512 34.66 512H413.3C432.5 512 448 496.5 448 477.3C448 381.6 370.4 304 274.7 304z" }), /* @__PURE__ */ e.createElement("path", { className: "fa-secondary", d: "M479.1 320h-73.85C451.2 357.7 480 414.1 480 477.3C480 490.1 476.2 501.9 470 512h138C625.7 512 640 497.6 640 479.1C640 391.6 568.4 320 479.1 320zM432 256C493.9 256 544 205.9 544 144S493.9 32 432 32c-25.11 0-48.04 8.555-66.72 22.51C376.8 76.63 384 101.4 384 128c0 35.52-11.93 68.14-31.59 94.71C372.7 243.2 400.8 256 432 256z" })),
|
|
98
|
+
}, ...t }, /* @__PURE__ */ e.createElement("defs", null, /* @__PURE__ */ e.createElement("style", null, ".fa-secondary{opacity:.4}")), /* @__PURE__ */ e.createElement("path", { className: "fa-primary", d: "M224 256c70.7 0 128-57.31 128-128S294.7 0 224 0C153.3 0 96 57.31 96 128S153.3 256 224 256zM274.7 304H173.3c-95.73 0-173.3 77.6-173.3 173.3C0 496.5 15.52 512 34.66 512H413.3C432.5 512 448 496.5 448 477.3C448 381.6 370.4 304 274.7 304z" }), /* @__PURE__ */ e.createElement("path", { className: "fa-secondary", d: "M479.1 320h-73.85C451.2 357.7 480 414.1 480 477.3C480 490.1 476.2 501.9 470 512h138C625.7 512 640 497.6 640 479.1C640 391.6 568.4 320 479.1 320zM432 256C493.9 256 544 205.9 544 144S493.9 32 432 32c-25.11 0-48.04 8.555-66.72 22.51C376.8 76.63 384 101.4 384 128c0 35.52-11.93 68.14-31.59 94.71C372.7 243.2 400.8 256 432 256z" })), V = (t) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 640 512", "data-waves-icon": "fa/duotone/warehouse-full", fill: "currentColor", color: "currentColor", width: "1em", height: "1em", style: {
|
|
94
99
|
fill: "currentcolor",
|
|
95
100
|
color: "currentcolor",
|
|
96
101
|
width: "1em",
|
|
97
102
|
height: "1em"
|
|
98
|
-
}, ...t }, /* @__PURE__ */ e.createElement("defs", null, /* @__PURE__ */ e.createElement("style", null, ".fa-secondary{opacity:.4}")), /* @__PURE__ */ e.createElement("path", { className: "fa-primary", d: "M40.23 111.9L308.1 4.753C315.7 1.702 324.3 1.702 331.9 4.753L599.8 111.9C624.1 121.6 640 145.2 640 171.3V488C640 501.3 629.3 512 616 512H568C554.7 512 544 501.3 544 488V223.1C544 206.3 529.7 191.1 512 191.1H128C110.3 191.1 96 206.3 96 223.1V488C96 501.3 85.25 512 72 512H24C10.75 512 0 501.3 0 488V171.3C0 145.2 15.93 121.6 40.23 111.9z" }), /* @__PURE__ */ e.createElement("path", { className: "fa-secondary", d: "M128 248C128 234.7 138.7 224 152 224H296C309.3 224 320 234.7 320 248V328C320 341.3 309.3 352 296 352H152C138.7 352 128 341.3 128 328V248zM352 408C352 394.7 362.7 384 376 384H488C501.3 384 512 394.7 512 408V488C512 501.3 501.3 512 488 512H376C362.7 512 352 501.3 352 488V408zM296 384C309.3 384 320 394.7 320 408V488C320 501.3 309.3 512 296 512H152C138.7 512 128 501.3 128 488V408C128 394.7 138.7 384 152 384H296z" })),
|
|
103
|
+
}, ...t }, /* @__PURE__ */ e.createElement("defs", null, /* @__PURE__ */ e.createElement("style", null, ".fa-secondary{opacity:.4}")), /* @__PURE__ */ e.createElement("path", { className: "fa-primary", d: "M40.23 111.9L308.1 4.753C315.7 1.702 324.3 1.702 331.9 4.753L599.8 111.9C624.1 121.6 640 145.2 640 171.3V488C640 501.3 629.3 512 616 512H568C554.7 512 544 501.3 544 488V223.1C544 206.3 529.7 191.1 512 191.1H128C110.3 191.1 96 206.3 96 223.1V488C96 501.3 85.25 512 72 512H24C10.75 512 0 501.3 0 488V171.3C0 145.2 15.93 121.6 40.23 111.9z" }), /* @__PURE__ */ e.createElement("path", { className: "fa-secondary", d: "M128 248C128 234.7 138.7 224 152 224H296C309.3 224 320 234.7 320 248V328C320 341.3 309.3 352 296 352H152C138.7 352 128 341.3 128 328V248zM352 408C352 394.7 362.7 384 376 384H488C501.3 384 512 394.7 512 408V488C512 501.3 501.3 512 488 512H376C362.7 512 352 501.3 352 488V408zM296 384C309.3 384 320 394.7 320 408V488C320 501.3 309.3 512 296 512H152C138.7 512 128 501.3 128 488V408C128 394.7 138.7 384 152 384H296z" })), x = (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: {
|
|
99
104
|
fill: "currentcolor",
|
|
100
105
|
color: "currentcolor",
|
|
101
106
|
width: "1em",
|
|
102
107
|
height: "1em"
|
|
103
|
-
}, ...t }, /* @__PURE__ */ e.createElement("defs", null, /* @__PURE__ */ e.createElement("style", null, ".fa-secondary{opacity:.4}")), /* @__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" })),
|
|
108
|
+
}, ...t }, /* @__PURE__ */ e.createElement("defs", null, /* @__PURE__ */ e.createElement("style", null, ".fa-secondary{opacity:.4}")), /* @__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" })), N = (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: {
|
|
104
109
|
fill: "currentcolor",
|
|
105
110
|
color: "currentcolor",
|
|
106
111
|
width: "1em",
|
|
107
112
|
height: "1em"
|
|
108
|
-
}, ...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" })),
|
|
113
|
+
}, ...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" })), S = Object.fromEntries(
|
|
109
114
|
Object.entries(
|
|
110
115
|
/* @__PURE__ */ Object.assign({
|
|
111
116
|
"./assets/fa/duotone/arrow-down-arrow-up.svg": s,
|
|
@@ -122,25 +127,26 @@ const s = (t) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.
|
|
|
122
127
|
"./assets/fa/duotone/lock-keyhole.svg": v,
|
|
123
128
|
"./assets/fa/duotone/magnifying-glass.svg": y,
|
|
124
129
|
"./assets/fa/duotone/money-bill-trend-up.svg": p,
|
|
125
|
-
"./assets/fa/duotone/
|
|
126
|
-
"./assets/fa/duotone/
|
|
127
|
-
"./assets/fa/duotone/
|
|
130
|
+
"./assets/fa/duotone/pen-to-square.svg": E,
|
|
131
|
+
"./assets/fa/duotone/piggy-bank.svg": M,
|
|
132
|
+
"./assets/fa/duotone/rectangle-history.svg": H,
|
|
133
|
+
"./assets/fa/duotone/trash.svg": L,
|
|
128
134
|
"./assets/fa/duotone/user-group.svg": z,
|
|
129
|
-
"./assets/fa/duotone/warehouse-full.svg":
|
|
130
|
-
"./assets/fa/duotone/xmark.svg":
|
|
131
|
-
"./assets/pi/logo.svg":
|
|
135
|
+
"./assets/fa/duotone/warehouse-full.svg": V,
|
|
136
|
+
"./assets/fa/duotone/xmark.svg": x,
|
|
137
|
+
"./assets/pi/logo.svg": N
|
|
132
138
|
})
|
|
133
|
-
).map(([t,
|
|
134
|
-
var o,
|
|
135
|
-
return [(
|
|
139
|
+
).map(([t, l]) => {
|
|
140
|
+
var o, r;
|
|
141
|
+
return [(r = (o = t.split("/")) == null ? void 0 : o.at(-1)) == null ? void 0 : r.split(".svg")[0], l];
|
|
136
142
|
})
|
|
137
|
-
),
|
|
138
|
-
const
|
|
143
|
+
), B = ({ icon: t, size: l, color: o }) => {
|
|
144
|
+
const r = S[t] ?? /* @__PURE__ */ c("span", { title: t, children: [
|
|
139
145
|
"ERROR ICON ",
|
|
140
|
-
/* @__PURE__ */ a(
|
|
146
|
+
/* @__PURE__ */ a(B, { icon: "circle-exclamation" })
|
|
141
147
|
] });
|
|
142
|
-
return
|
|
148
|
+
return r && /* @__PURE__ */ a(r, { style: { color: o, height: l, width: l } });
|
|
143
149
|
};
|
|
144
150
|
export {
|
|
145
|
-
|
|
151
|
+
B as Icon
|
|
146
152
|
};
|
|
@@ -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' | 'piggy-bank' | 'rectangle-history' | 'trash' | 'user-group' | 'warehouse-full' | 'xmark' | 'logo';
|
|
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';
|
|
@@ -1,58 +1,58 @@
|
|
|
1
1
|
import '../../assets/IconButton.css';
|
|
2
|
-
import { jsx as
|
|
3
|
-
import { forwardRef as
|
|
4
|
-
import { c as
|
|
5
|
-
import { LoadingSpinner as
|
|
6
|
-
import { B as
|
|
2
|
+
import { jsx as r, jsxs as c } from "react/jsx-runtime";
|
|
3
|
+
import { forwardRef as d, useMemo as l } from "react";
|
|
4
|
+
import { c as j } from "../../clsx-DB4S2d7J.js";
|
|
5
|
+
import { LoadingSpinner as m } from "../LoadingSpinner/LoadingSpinner.js";
|
|
6
|
+
import { B as x } from "../../Button-DiLqcAJG.js";
|
|
7
7
|
const o = {
|
|
8
|
-
"u-typography-h1": "_u-typography-
|
|
9
|
-
"u-typography-h2": "_u-typography-
|
|
10
|
-
"u-typography-h3": "_u-typography-
|
|
11
|
-
"u-typography-h4": "_u-typography-
|
|
12
|
-
"u-typography-h5": "_u-typography-
|
|
13
|
-
"u-typography-h6": "_u-typography-
|
|
14
|
-
"u-typography-base": "_u-typography-
|
|
15
|
-
"icon-button": "_icon-
|
|
16
|
-
"u-typography-base--xxl": "_u-typography-base--
|
|
17
|
-
"u-typography-base--xl": "_u-typography-base--
|
|
18
|
-
"u-typography-base--lg": "_u-typography-base--
|
|
19
|
-
"u-typography-base--sm": "_u-typography-base--
|
|
20
|
-
"u-typography-base--bold": "_u-typography-base--
|
|
21
|
-
"u-typography-base--strikethrough": "_u-typography-base--
|
|
22
|
-
"u-typography-base--underlined": "_u-typography-base--
|
|
23
|
-
"u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-
|
|
24
|
-
"icon-button--primary": "_icon-button--
|
|
25
|
-
"icon-button--square": "_icon-button--
|
|
26
|
-
"icon-button__container": "_icon-
|
|
27
|
-
}, B =
|
|
8
|
+
"u-typography-h1": "_u-typography-h1_gt5j9_1",
|
|
9
|
+
"u-typography-h2": "_u-typography-h2_gt5j9_8",
|
|
10
|
+
"u-typography-h3": "_u-typography-h3_gt5j9_15",
|
|
11
|
+
"u-typography-h4": "_u-typography-h4_gt5j9_22",
|
|
12
|
+
"u-typography-h5": "_u-typography-h5_gt5j9_29",
|
|
13
|
+
"u-typography-h6": "_u-typography-h6_gt5j9_36",
|
|
14
|
+
"u-typography-base": "_u-typography-base_gt5j9_43",
|
|
15
|
+
"icon-button": "_icon-button_gt5j9_43",
|
|
16
|
+
"u-typography-base--xxl": "_u-typography-base--xxl_gt5j9_49",
|
|
17
|
+
"u-typography-base--xl": "_u-typography-base--xl_gt5j9_53",
|
|
18
|
+
"u-typography-base--lg": "_u-typography-base--lg_gt5j9_57",
|
|
19
|
+
"u-typography-base--sm": "_u-typography-base--sm_gt5j9_61",
|
|
20
|
+
"u-typography-base--bold": "_u-typography-base--bold_gt5j9_65",
|
|
21
|
+
"u-typography-base--strikethrough": "_u-typography-base--strikethrough_gt5j9_68",
|
|
22
|
+
"u-typography-base--underlined": "_u-typography-base--underlined_gt5j9_71",
|
|
23
|
+
"u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-underlined_gt5j9_74",
|
|
24
|
+
"icon-button--primary": "_icon-button--primary_gt5j9_87",
|
|
25
|
+
"icon-button--square": "_icon-button--square_gt5j9_109",
|
|
26
|
+
"icon-button__container": "_icon-button__container_gt5j9_125"
|
|
27
|
+
}, B = d((p, y) => {
|
|
28
28
|
const {
|
|
29
29
|
onClick: _,
|
|
30
30
|
icon: e,
|
|
31
31
|
link: u,
|
|
32
|
-
loading:
|
|
33
|
-
children:
|
|
34
|
-
type:
|
|
35
|
-
disabled:
|
|
36
|
-
className:
|
|
32
|
+
loading: g,
|
|
33
|
+
children: n,
|
|
34
|
+
type: h = "button",
|
|
35
|
+
disabled: s,
|
|
36
|
+
className: a,
|
|
37
37
|
variant: t = "primary",
|
|
38
|
-
"data-testid":
|
|
39
|
-
} =
|
|
40
|
-
() =>
|
|
41
|
-
[
|
|
38
|
+
"data-testid": i
|
|
39
|
+
} = p, b = l(
|
|
40
|
+
() => j([o["icon-button"], o[`icon-button--${t}`], a]),
|
|
41
|
+
[a, t]
|
|
42
42
|
);
|
|
43
|
-
return /* @__PURE__ */
|
|
44
|
-
|
|
43
|
+
return /* @__PURE__ */ r(
|
|
44
|
+
x,
|
|
45
45
|
{
|
|
46
|
-
type:
|
|
46
|
+
type: h,
|
|
47
47
|
href: u,
|
|
48
48
|
onClick: _,
|
|
49
|
-
disabled:
|
|
49
|
+
disabled: s,
|
|
50
50
|
className: b,
|
|
51
|
-
ref:
|
|
52
|
-
"data-testid":
|
|
51
|
+
ref: y,
|
|
52
|
+
"data-testid": i,
|
|
53
53
|
children: /* @__PURE__ */ c("div", { className: o["icon-button__container"], children: [
|
|
54
|
-
|
|
55
|
-
t !== "square" &&
|
|
54
|
+
g ? /* @__PURE__ */ r(m, { invert: !0 }) : e,
|
|
55
|
+
t !== "square" && n
|
|
56
56
|
] })
|
|
57
57
|
}
|
|
58
58
|
);
|
|
@@ -1,5 +1,7 @@
|
|
|
1
|
-
import { InputHTMLAttributes, ReactNode } from 'react';
|
|
1
|
+
import { HTMLInputTypeAttribute, InputHTMLAttributes, ReactNode } from 'react';
|
|
2
2
|
|
|
3
|
+
type ExcludedInputTypes = 'checkbox' | 'radio' | 'submit';
|
|
4
|
+
type CustomInputTypeAttribute = Exclude<HTMLInputTypeAttribute, ExcludedInputTypes>;
|
|
3
5
|
type InputProps = InputHTMLAttributes<HTMLInputElement> & {
|
|
4
6
|
/** Label text */
|
|
5
7
|
label?: string;
|
|
@@ -12,7 +14,7 @@ type InputProps = InputHTMLAttributes<HTMLInputElement> & {
|
|
|
12
14
|
/** Right icon element */
|
|
13
15
|
rightIcon?: ReactNode;
|
|
14
16
|
/** Input type. Default: text */
|
|
15
|
-
type?:
|
|
17
|
+
type?: CustomInputTypeAttribute;
|
|
16
18
|
/** Hide the chars counter */
|
|
17
19
|
hideCharsCounter?: boolean;
|
|
18
20
|
/** CSS classes to be applied on the container element */
|