@pismo/marola 1.0.0-beta.5 → 1.0.0-beta.50
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-BAljjMv3.js} +2 -2
- package/dist/{ClickAwayListener-BSW-Nd-y.js → ClickAwayListener-DbEYZpyh.js} +4 -3
- package/dist/Dialog.module-D9e4RsKo.js +30 -0
- package/dist/Group-DspH8hyO.js +30 -0
- package/dist/Popover.module-B4boCutS.js +10 -0
- package/dist/{Popup-B6ZSGIEI.js → Popup-Ck3XlWMq.js} +3 -3
- package/dist/{Portal-DIeBsWdL.js → Portal-oY3enyAm.js} +2 -2
- package/dist/SelectButton-B38avP9u.js +75 -0
- package/dist/{Tabs.module-jkH1Qjn7.js → Tabs.module-BGGTkDc5.js} +7 -7
- package/dist/Toggle-CzkXi3_R.js +189 -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/EllipsisTooltip.css +1 -1
- package/dist/assets/Group.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/Popover.css +1 -0
- package/dist/assets/ResultWithChips.css +1 -0
- package/dist/assets/SelectButton.css +1 -1
- package/dist/assets/Skeleton.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/StepperNavigator.css +1 -0
- package/dist/assets/Table.css +1 -1
- package/dist/assets/Tabs.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-C-zYvfnF.js} +1 -1
- package/dist/components/Adornment/Adornment.d.ts +20 -0
- package/dist/components/Adornment/Adornment.js +13 -0
- package/dist/components/Adornment/Adornment.stories.d.ts +14 -0
- package/dist/components/Adornment/adornment.test.d.ts +1 -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 +20 -0
- package/dist/components/Autocomplete/Autocomplete.js +679 -0
- package/dist/components/Autocomplete/Autocomplete.stories.d.ts +23 -0
- package/dist/components/Button/Button.d.ts +2 -0
- package/dist/components/Button/Button.js +51 -49
- package/dist/components/Checkbox/Checkbox.js +52 -52
- package/dist/components/Chip/Chip.d.ts +6 -12
- package/dist/components/Chip/Chip.js +10 -6
- package/dist/components/Chip/Chip.stories.d.ts +6 -15
- package/dist/components/Dialog/Actions.js +1 -1
- package/dist/components/Dialog/Backdrop.d.ts +3 -3
- package/dist/components/Dialog/Backdrop.js +8 -7
- package/dist/components/Dialog/CloseIconButton.d.ts +1 -2
- package/dist/components/Dialog/CloseIconButton.js +15 -18
- package/dist/components/Dialog/Dialog.d.ts +9 -6
- package/dist/components/Dialog/Dialog.js +139 -139
- package/dist/components/Dialog/Dialog.stories.d.ts +51 -47
- package/dist/components/Dialog/DialogTitle.js +1 -1
- package/dist/components/EllipsisTooltip/EllipsisTooltip.js +30 -17
- package/dist/components/EllipsisTooltip/EllipsisTooltip.stories.d.ts +3 -2
- package/dist/components/Icon/Icon.js +177 -52
- package/dist/components/Icon/types.d.ts +1 -1
- package/dist/components/IconButton/IconButton.js +42 -42
- package/dist/components/Input/Input.d.ts +24 -5
- package/dist/components/Input/Input.js +301 -292
- package/dist/components/Input/Input.stories.d.ts +2 -21
- package/dist/components/InputSearch/InputSearch.d.ts +36 -7
- package/dist/components/InputSearch/InputSearch.js +27 -29
- package/dist/components/InputSearch/InputSearch.stories.d.ts +14 -3
- package/dist/components/LoadingSpinner/LoadingSpinner.stories.d.ts +1 -1
- package/dist/components/PageHeader/PageHeader.js +57 -57
- package/dist/components/Pagination/Pagination.d.ts +5 -1
- package/dist/components/Pagination/Pagination.js +87 -185
- package/dist/components/Pagination/Pagination.stories.d.ts +1 -1
- package/dist/components/Pagination/usePagination.d.ts +90 -0
- package/dist/components/Pagination/usePagination.js +79 -0
- package/dist/components/Popover/Popover.d.ts +32 -0
- package/dist/components/Popover/Popover.js +24 -0
- package/dist/components/Popover/Popover.stories.d.ts +34 -0
- package/dist/components/Popover/PopoverBody.d.ts +6 -0
- package/dist/components/Popover/PopoverBody.js +6 -0
- package/dist/components/Popover/PopoverFooter.d.ts +6 -0
- package/dist/components/Popover/PopoverFooter.js +6 -0
- package/dist/components/Popover/PopoverHeader.d.ts +6 -0
- package/dist/components/Popover/PopoverHeader.js +6 -0
- package/dist/components/ResultWithChips/ResultWithChips.d.ts +12 -0
- package/dist/components/ResultWithChips/ResultWithChips.js +33 -0
- package/dist/components/RowItem/RowItem.d.ts +25 -0
- package/dist/components/RowItem/RowItem.js +22 -0
- package/dist/components/RowItem/RowItem.stories.d.ts +17 -0
- package/dist/components/RowItem/rowItem.test.d.ts +1 -0
- package/dist/components/Select/Select.d.ts +21 -0
- package/dist/components/Select/Select.js +476 -413
- package/dist/components/Select/SelectButton.d.ts +2 -0
- package/dist/components/Select/SelectButton.js +3 -2
- package/dist/components/Skeleton/Skeleton.d.ts +3 -1
- package/dist/components/Skeleton/Skeleton.js +20 -14
- package/dist/components/Skeleton/SkeletonTable.stories.d.ts +1 -1
- package/dist/components/Snackbar/Snackbar.js +94 -94
- package/dist/components/Snackbar/Snackbar.stories.d.ts +4 -4
- package/dist/components/SortTooltip/SortTooltip.js +46 -46
- package/dist/components/Stepper/Stepper.js +35 -35
- package/dist/components/StepperNavigator/StepperNavigator.d.ts +58 -0
- package/dist/components/StepperNavigator/StepperNavigator.js +115 -0
- package/dist/components/StepperNavigator/StepperNavigator.stories.d.ts +18 -0
- package/dist/components/StepperNavigator/StepperNavigator.test.d.ts +1 -0
- package/dist/components/Table/Table.d.ts +3 -1
- package/dist/components/Table/Table.js +87 -99
- package/dist/components/Table/Table.stories.d.ts +1 -1
- package/dist/components/Tabs/Tab.d.ts +5 -3
- package/dist/components/Tabs/Tab.js +38 -36
- package/dist/components/Tabs/TabPanel.d.ts +4 -2
- package/dist/components/Tabs/TabPanel.js +51 -40
- package/dist/components/Tabs/Tabs.d.ts +6 -4
- package/dist/components/Tabs/Tabs.js +131 -128
- package/dist/components/TextDisplay/TextDisplay.d.ts +9 -3
- package/dist/components/TextDisplay/TextDisplay.js +45 -31
- package/dist/components/TextDisplay/TextDisplay.stories.d.ts +2 -1
- package/dist/components/Toggle/Toggle.js +56 -56
- package/dist/components/ToggleGroup/Group.d.ts +2 -0
- package/dist/components/ToggleGroup/Group.js +4 -2
- package/dist/components/ToggleGroup/Toggle.d.ts +2 -0
- package/dist/components/ToggleGroup/Toggle.js +8 -5
- package/dist/components/ToggleGroup/ToggleGroup.js +2 -2
- package/dist/components/ToggleGroup/ToggleGroup.stories.d.ts +3 -1
- package/dist/components/Tooltip/Tooltip.d.ts +3 -1
- package/dist/components/Tooltip/Tooltip.js +4 -4
- package/dist/components/Tooltip/Tooltip.stories.d.ts +2 -1
- package/dist/components/Typography/Typography.js +47 -47
- package/dist/components/Typography/Typography.stories.d.ts +1 -1
- package/dist/contexts/SnackbarProvider/SnackbarProvider.stories.d.ts +1 -1
- package/dist/{index-CjW42-M-.js → index-bQFToy-I.js} +1 -1
- package/dist/main.d.ts +6 -0
- package/dist/main.js +87 -76
- package/dist/ownerDocument-YGhwAnr1.js +33 -0
- package/dist/{useButton-DNk3wrQp.js → useButton-DcihopJG.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-B9C55YB7.js} +2 -2
- package/dist/{index-CH45lKw7.js → useSlotProps-C_I1kEHr.js} +99 -99
- package/package.json +21 -12
- package/dist/Dialog.module-DFEmFdYT.js +0 -30
- package/dist/Group-B3p31ftp.js +0 -26
- package/dist/SelectButton-K3OIfR5m.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 +1 @@
|
|
|
1
|
-
._u-typography-
|
|
1
|
+
._u-typography-h1_1abqy_1{font-size:var(--heading-font-size-1);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-1);margin:0}._u-typography-h2_1abqy_8{font-size:var(--heading-font-size-2);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-2);margin:0}._u-typography-h3_1abqy_15{font-size:var(--heading-font-size-3);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-3);margin:0}._u-typography-h4_1abqy_22{font-size:var(--heading-font-size-4);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-4);margin:0}._u-typography-h5_1abqy_29{font-size:var(--heading-font-size-5);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-5);margin:0}._u-typography-h6_1abqy_36{font-size:var(--heading-font-size-6);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-6);margin:0}._u-typography-base_1abqy_43{margin:0;font-size:var(--base-font-size);font-weight:var(--base-weight);line-height:var(--base-line-height)}._u-typography-base--xxl_1abqy_49{font-size:var(--base-font-size-xxl);line-height:var(--base-line-height-xxl)}._u-typography-base--xl_1abqy_53{font-size:var(--base-font-size-xl);line-height:var(--base-line-height-xl)}._u-typography-base--lg_1abqy_57,._select-button__text_1abqy_57{font-size:var(--base-font-size-lg);line-height:var(--base-line-height-lg)}._u-typography-base--sm_1abqy_61{font-size:var(--base-font-size-sm);line-height:var(--base-line-height-sm)}._u-typography-base--bold_1abqy_65,._select__listbox__option__text_1abqy_65{font-weight:var(--base-bold)}._u-typography-base--strikethrough_1abqy_68{text-decoration:line-through}._u-typography-base--underlined_1abqy_71{text-decoration:underline}._u-typography-base--strikethrough-underlined_1abqy_74{text-decoration:underline line-through}._select__wrapper_1abqy_78{position:relative}._select__wrapper--fit-content-width_1abqy_81{width:fit-content}._select__wrapper_1abqy_78 ._select__label_1abqy_84{display:block;margin-bottom:.3125rem;color:var(--gray-75)}._select__wrapper_1abqy_78:has(:disabled) ._select__label_1abqy_84{color:var(--gray-25)}._select__wrapper_1abqy_78:has(._messages-wrapper_1abqy_92:not(:empty)){padding-bottom:1.6875rem}._select_1abqy_57{background-color:transparent}._select__popup_1abqy_99{z-index:9999;width:100%}._select__listbox_1abqy_65{min-width:10.75rem;max-height:400px;padding:.5rem;margin-top:.25rem;overflow-y:auto;background-color:#fff;border-radius:var(--border-radius);box-shadow:0 6px 12px rgba(var(--black-100-rgb),20%)}._select__listbox_1abqy_65 [class*=base-Option-highlighted]{outline:none}._select__listbox_1abqy_65 [class*=base-Option-highlighted]:not([class*=--selected]){color:var(--accent)}._select__listbox__option_1abqy_65{display:flex;gap:.5rem;align-items:center;padding:.625rem;color:var(--gray-90);list-style:none;cursor:pointer;border-radius:var(--border-radius-soft)}._select__listbox__option__icon_1abqy_129{display:flex}._select__listbox__option_1abqy_65:hover:not(._select__listbox__option--disabled_1abqy_132,._select__listbox__option--selected_1abqy_132){padding:.625rem;color:var(--accent);background-color:rgba(var(--black-100-rgb),4%);border-radius:var(--border-radius-soft)}._select__listbox__option_1abqy_65:active:not(._select__listbox__option--disabled_1abqy_132){color:var(--accent-dark)}._select__listbox__option--selected_1abqy_132{color:var(--gray-90);background-color:var(--accent-lighter)}._select__listbox__option--disabled_1abqy_132{color:var(--gray-50);cursor:default;border:transparent}._select-button_1abqy_57{display:flex;gap:.5rem;align-items:center;justify-content:space-between;width:11.875rem;min-width:fit-content;height:2.5rem;padding:.625rem 1rem;color:var(--gray-90);cursor:pointer;background-color:var(--white-100);border:1px solid var(--gray-25);border-radius:var(--border-radius);outline:none}._select-button--full-width_1abqy_167{width:100%}._select-button--placeholder_1abqy_170{color:var(--gray-50)}._select-button_1abqy_57+input[aria-hidden=true]{position:fixed!important}._select-button_1abqy_57 ._base-Select-popup_1abqy_176{z-index:1}._select-button__text_1abqy_57{display:flex;gap:.5rem;width:100%;overflow:hidden;text-align:start;text-overflow:ellipsis;text-wrap:nowrap}._select-button__icon_1abqy_188{display:flex}._select-button--active_1abqy_191{border:1px solid var(--accent)}._select-button--error_1abqy_194{border:solid 1px var(--alert)}._select-button_1abqy_57:disabled{color:var(--gray-50);cursor:default;border:1px solid var(--gray-25)}._select-button_1abqy_57:hover:not(._select-button_1abqy_57:disabled,._select-button--active_1abqy_191,._select-button--error_1abqy_194){border:1px solid var(--gray-75)}._select-button_1abqy_57:focus:not(._select-button_1abqy_57:disabled,._select-button--error_1abqy_194),._select-button_1abqy_57:active:not(._select-button_1abqy_57:disabled,._select-button--error_1abqy_194){border:1px solid var(--accent)}._messages-wrapper_1abqy_92{position:absolute;display:flex;align-items:center;justify-content:space-between}._messages-wrapper_1abqy_92:not(:empty){margin-top:.3125rem}._messages-wrapper_1abqy_92 svg{min-width:1rem;min-height:1rem}._info-message_1abqy_223,._error-message_1abqy_224{display:flex;gap:.375rem;align-items:center}._info-message_1abqy_223{color:var(--gray-75)}._error-message_1abqy_224{color:var(--alert)}
|
package/dist/assets/Skeleton.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._skeleton_mst8q_1{display:block;width:100%;height:1.25rem;content:" ";background-image:linear-gradient(.25turn,transparent,var(--gray-5),transparent),linear-gradient(var(--gray-10),var(--gray-10));background-repeat:no-repeat;background-position:200% 0,0 0;background-size:200% auto;border-radius:var(--border-radius);animation:_skeletonLoading_mst8q_1 1.5s infinite}._skeleton_mst8q_1._skeleton--circle-type_mst8q_13{border-radius:50%}._skeleton--table-type_mst8q_17{display:table;width:100%;border-spacing:0}._skeleton--table-type_mst8q_17 thead tr{background-color:var(--gray-10)}._skeleton--table-type_mst8q_17 th ._skeleton_mst8q_1{height:.5rem;background:var(--white-100);animation:none}._skeleton--table-type_mst8q_17 td ._skeleton_mst8q_1{height:.804rem}._skeleton--table-type_mst8q_17 thead tr th:first-child{border-radius:var(--border-radius) 0 0 var(--border-radius)}._skeleton--table-type_mst8q_17 thead tr th:last-child{border-radius:0 var(--border-radius) var(--border-radius) 0}._skeleton--table-type_mst8q_17 thead,._skeleton--table-type_mst8q_17 tr,._skeleton--table-type_mst8q_17 td,._skeleton--table-type_mst8q_17 tbody{display:inherit;border:none}._skeleton--table-type_mst8q_17 thead{display:table-header-group}._skeleton--table-type_mst8q_17 tbody{display:table-row-group}._skeleton--table-type_mst8q_17 tr{display:table-row}._skeleton--table-type_mst8q_17 td,._skeleton--table-type_mst8q_17 th{display:table-cell;padding:0 1rem;border:none}._skeleton--table-type_mst8q_17 thead th{height:4rem}._skeleton--table-type_mst8q_17 tbody td{height:3.5rem}._skeleton--table-type_mst8q_17 tr:nth-child(2n){background:inherit}._skeleton--table-type_mst8q_17 tr+tr td{border-top:.0625rem solid var(--gray-10)}@keyframes _skeletonLoading_mst8q_1{to{background-position:-100% 0,0 0}}
|
package/dist/assets/Snackbar.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
._u-typography-
|
|
1
|
+
._u-typography-h1_8hhue_1{font-size:var(--heading-font-size-1);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-1);margin:0}._u-typography-h2_8hhue_8{font-size:var(--heading-font-size-2);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-2);margin:0}._u-typography-h3_8hhue_15{font-size:var(--heading-font-size-3);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-3);margin:0}._u-typography-h4_8hhue_22{font-size:var(--heading-font-size-4);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-4);margin:0}._u-typography-h5_8hhue_29{font-size:var(--heading-font-size-5);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-5);margin:0}._u-typography-h6_8hhue_36{font-size:var(--heading-font-size-6);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-6);margin:0}._u-typography-base_8hhue_43{margin:0;font-size:var(--base-font-size);font-weight:var(--base-weight);line-height:var(--base-line-height)}._u-typography-base--xxl_8hhue_49{font-size:var(--base-font-size-xxl);line-height:var(--base-line-height-xxl)}._u-typography-base--xl_8hhue_53{font-size:var(--base-font-size-xl);line-height:var(--base-line-height-xl)}._u-typography-base--lg_8hhue_57,._snackbar--message_8hhue_57 p{font-size:var(--base-font-size-lg);line-height:var(--base-line-height-lg)}._u-typography-base--sm_8hhue_61{font-size:var(--base-font-size-sm);line-height:var(--base-line-height-sm)}._u-typography-base--bold_8hhue_65{font-weight:var(--base-bold)}._u-typography-base--strikethrough_8hhue_68{text-decoration:line-through}._u-typography-base--underlined_8hhue_71{text-decoration:underline}._u-typography-base--strikethrough-underlined_8hhue_74{text-decoration:underline line-through}._snackbar_8hhue_57{display:block;width:40.5rem;margin:0 auto}@keyframes _bottomToTop_8hhue_1{0%{transform:translateY(100%)}to{transform:translateY(0)}}._snackbar__snackbar-el-wrapper_8hhue_91{position:fixed;bottom:1rem;z-index:5500}._snackbar--content_8hhue_96{display:flex;align-items:center;justify-content:space-between;width:40.5rem;height:3.5rem;padding:1rem;overflow:hidden;border-radius:8px}._snackbar_8hhue_57:has(._snackbar--success_8hhue_106) ._snackbar--content_8hhue_96{background-color:var(--secondary-green-darker)}._snackbar_8hhue_57:has(._snackbar--error_8hhue_109) ._snackbar--content_8hhue_96{background-color:var(--alert)}._snackbar_8hhue_57:has(._snackbar--warning_8hhue_112) ._snackbar--content_8hhue_96{background-color:var(--secondary-orange)}._snackbar--message_8hhue_57{text-align:start}._snackbar--message_8hhue_57 p{font-weight:900;color:var(--white-100)}._snackbar--action_8hhue_122{position:absolute;top:1rem;right:1rem;padding:0;margin:0;cursor:pointer;background:none;border:none}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
._u-typography-
|
|
1
|
+
._u-typography-h1_3hhsf_1{font-size:var(--heading-font-size-1);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-1);margin:0}._u-typography-h2_3hhsf_8{font-size:var(--heading-font-size-2);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-2);margin:0}._u-typography-h3_3hhsf_15{font-size:var(--heading-font-size-3);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-3);margin:0}._u-typography-h4_3hhsf_22{font-size:var(--heading-font-size-4);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-4);margin:0}._u-typography-h5_3hhsf_29{font-size:var(--heading-font-size-5);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-5);margin:0}._u-typography-h6_3hhsf_36{font-size:var(--heading-font-size-6);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-6);margin:0}._u-typography-base_3hhsf_43,._sort-tooltip_3hhsf_43 ul li button{margin:0;font-size:var(--base-font-size);font-weight:var(--base-weight);line-height:var(--base-line-height)}._u-typography-base--xxl_3hhsf_49{font-size:var(--base-font-size-xxl);line-height:var(--base-line-height-xxl)}._u-typography-base--xl_3hhsf_53{font-size:var(--base-font-size-xl);line-height:var(--base-line-height-xl)}._u-typography-base--lg_3hhsf_57{font-size:var(--base-font-size-lg);line-height:var(--base-line-height-lg)}._u-typography-base--sm_3hhsf_61{font-size:var(--base-font-size-sm);line-height:var(--base-line-height-sm)}._u-typography-base--bold_3hhsf_65,._sort-tooltip_3hhsf_43 ul li button{font-weight:var(--base-bold)}._u-typography-base--strikethrough_3hhsf_68{text-decoration:line-through}._u-typography-base--underlined_3hhsf_71{text-decoration:underline}._u-typography-base--strikethrough-underlined_3hhsf_74{text-decoration:underline line-through}._sort-tooltip_3hhsf_43 ul{display:flex;flex-direction:column;gap:16px;padding:0;margin:0;list-style:none}._sort-tooltip_3hhsf_43 ul li button{display:flex;gap:8px;color:var(--gray-75);cursor:pointer;background-color:unset;border:none;outline:none}._sort-tooltip_3hhsf_43 ul li button._button--selected_3hhsf_95{color:var(--accent)}
|
package/dist/assets/Stepper.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
._u-typography-
|
|
1
|
+
._u-typography-h1_7fsnr_1{font-size:var(--heading-font-size-1);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-1);margin:0}._u-typography-h2_7fsnr_8{font-size:var(--heading-font-size-2);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-2);margin:0}._u-typography-h3_7fsnr_15{font-size:var(--heading-font-size-3);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-3);margin:0}._u-typography-h4_7fsnr_22{font-size:var(--heading-font-size-4);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-4);margin:0}._u-typography-h5_7fsnr_29{font-size:var(--heading-font-size-5);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-5);margin:0}._u-typography-h6_7fsnr_36{font-size:var(--heading-font-size-6);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-6);margin:0}._u-typography-base_7fsnr_43{margin:0;font-size:var(--base-font-size);font-weight:var(--base-weight);line-height:var(--base-line-height)}._u-typography-base--xxl_7fsnr_49{font-size:var(--base-font-size-xxl);line-height:var(--base-line-height-xxl)}._u-typography-base--xl_7fsnr_53{font-size:var(--base-font-size-xl);line-height:var(--base-line-height-xl)}._u-typography-base--lg_7fsnr_57{font-size:var(--base-font-size-lg);line-height:var(--base-line-height-lg)}._u-typography-base--sm_7fsnr_61,._stepper_7fsnr_61 ._item_7fsnr_61 ._name_7fsnr_61{font-size:var(--base-font-size-sm);line-height:var(--base-line-height-sm)}._u-typography-base--bold_7fsnr_65,._stepper_7fsnr_61 ._item--active_7fsnr_65 ._name_7fsnr_61,._stepper_7fsnr_61 ._item--completed_7fsnr_65 ._counter_7fsnr_65,._stepper_7fsnr_61 ._item_7fsnr_61 ._counter_7fsnr_65{font-weight:var(--base-bold)}._u-typography-base--strikethrough_7fsnr_68{text-decoration:line-through}._u-typography-base--underlined_7fsnr_71{text-decoration:underline}._u-typography-base--strikethrough-underlined_7fsnr_74{text-decoration:underline line-through}._stepper_7fsnr_61{display:flex;justify-content:space-between;margin:2.5rem auto}._stepper_7fsnr_61 ._item_7fsnr_61{position:relative;display:flex;flex:1;flex-direction:column;align-items:center}._stepper_7fsnr_61 ._item_7fsnr_61:before{position:absolute;top:20px;left:-50%;z-index:2;width:100%;content:"";border-bottom:2px solid var(--gray-50);transition:all var(--transition-long)}._stepper_7fsnr_61 ._item_7fsnr_61:after{position:absolute;top:20px;left:50%;z-index:2;width:100%;content:"";border-bottom:2px solid var(--gray-50);transition:all var(--transition-long)}._stepper_7fsnr_61 ._item_7fsnr_61 ._counter_7fsnr_65{position:relative;z-index:5;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;margin-bottom:.5rem;line-height:1rem;color:var(--gray-50);background-color:var(--white-100);border:2px solid var(--gray-50);border-radius:50%;transition:all var(--transition-long)}._stepper_7fsnr_61 ._item_7fsnr_61 ._name_7fsnr_61{color:var(--gray-50);text-align:center;transition:all var(--transition-long)}._stepper_7fsnr_61 ._item_7fsnr_61:first-child:before,._stepper_7fsnr_61 ._item_7fsnr_61:last-child:after{content:none}._stepper_7fsnr_61 ._item--completed_7fsnr_65 ._counter_7fsnr_65{color:var(--white-100);background-color:var(--secondary-green-dark);border-color:var(--secondary-green-dark);transition:all var(--transition-long)}._stepper_7fsnr_61 ._item--completed_7fsnr_65 ._name_7fsnr_61{font-weight:900;color:var(--secondary-green-dark);transition:all var(--transition-long)}._stepper_7fsnr_61 ._item--completed_7fsnr_65:after{position:absolute;top:20px;left:50%;z-index:3;width:100%;content:"";border-bottom:2px solid var(--secondary-green-dark);transition:all var(--transition-long)}._stepper_7fsnr_61 ._item--active_7fsnr_65 ._counter_7fsnr_65{font-size:700;color:var(--secondary-green-dark);background-color:var(--white-100);border-color:var(--secondary-green-dark);transition:all var(--transition-long)}._stepper_7fsnr_61 ._item--active_7fsnr_65 ._name_7fsnr_61{color:var(--gray-75);transition:all var(--transition-long)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._stepper-navigator_27f6m_1{display:flex;justify-content:space-between;padding:1rem 0}._stepper-navigator_27f6m_1>span{display:flex;gap:1rem}._cancel-button_27f6m_11{color:var(--accent-alert-light);background-color:transparent}._cancel-button_27f6m_11:hover:not(:disabled){color:rgba(var(--alert-dark-rgb),.75);background-color:var(--gray-5)}._previous-button_27f6m_20{color:var(--gray-75);background-color:transparent;border:solid 1px var(--gray-75)}._previous-button_27f6m_20:disabled{border-color:transparent}._previous-button_27f6m_20:hover:not(:disabled){color:rgba(var(--gray-75-rgb),.75);background-color:var(--gray-5);border-color:rgba(var(--gray-75),.75)}._previous-button_27f6m_20,._cancel-button_27f6m_11{min-width:6.25rem}._next-button_27f6m_39,._finish-button_27f6m_40{min-width:15rem}._previous-button_27f6m_20,._cancel-button_27f6m_11,._next-button_27f6m_39,._finish-button_27f6m_40{display:flex;gap:.25rem;align-items:center;justify-content:space-between;padding:0 1rem;font-size:.875rem}._previous-button_27f6m_20>*,._cancel-button_27f6m_11>*,._next-button_27f6m_39>*,._finish-button_27f6m_40>*{display:inline-flex;flex:1;align-items:center;justify-content:center}._previous-button_27f6m_20>*:nth-child(1),._cancel-button_27f6m_11>*:nth-child(1),._next-button_27f6m_39>*:nth-child(1),._finish-button_27f6m_40>*:nth-child(1){justify-content:flex-start}._previous-button_27f6m_20>*:nth-child(3),._cancel-button_27f6m_11>*:nth-child(3),._next-button_27f6m_39>*:nth-child(3),._finish-button_27f6m_40>*:nth-child(3){justify-content:flex-end}
|
package/dist/assets/Table.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._table_yerpo_1{color:var(--secondary-orange);border-spacing:0}._table--fixed_yerpo_5{table-layout:fixed}._table--full-width_yerpo_8{width:100%}._table--white-theme_yerpo_11{background:var(--white-100)}._table--transparent-theme_yerpo_14{background:transparent}._table_yerpo_1 th._cell--left-alignment_yerpo_17,._table_yerpo_1 td._cell--left-alignment_yerpo_17{text-align:left}._table_yerpo_1 th._cell--center-alignment_yerpo_21,._table_yerpo_1 td._cell--center-alignment_yerpo_21{text-align:center}._table_yerpo_1 th._cell--right-alignment_yerpo_25,._table_yerpo_1 td._cell--right-alignment_yerpo_25{text-align:right}._table_yerpo_1 thead{font-size:.75rem;font-weight:900;line-height:1rem;color:var(--gray-90);text-transform:uppercase}._table_yerpo_1 thead tr th{align-items:center;height:4rem;padding:0 1rem;line-height:1rem;border-bottom:.0625rem solid var(--gray-25)}._table_yerpo_1 thead tr th ._th__wrapper_yerpo_43>span,._table_yerpo_1 thead tr th ._th__wrapper_yerpo_43 span+span{display:inline-flex;align-items:center}._table_yerpo_1 thead tr th ._th__wrapper--pressed_yerpo_48{padding:.25rem .5rem;margin:0 -.5rem;background-color:var(--gray-10);border-radius:.375rem}._table_yerpo_1 thead tr th ._th__wrapper--clickable_yerpo_54{cursor:pointer}._table_yerpo_1 thead tr th ._th__wrapper_yerpo_43 ._th__sort-icon-container_yerpo_57{padding-left:.25rem}._table_yerpo_1 tbody{font-size:1rem;font-weight:400;line-height:1.3125rem;color:var(--gray-90)}._table_yerpo_1 tbody tr:hover:not(._tr__row-or-cell--disabled_yerpo_66){background-color:rgb(var(--gray-5-rgb),.5)}._table_yerpo_1 tbody ._tr_yerpo_66,._table_yerpo_1 tbody ._td_yerpo_70{height:3.5rem;padding:0 1rem;line-height:var(--body-line-height);border-bottom:.0625rem solid var(--gray-10)}._table_yerpo_1 tbody ._tr__row-or-cell--clickable_yerpo_76,._table_yerpo_1 tbody ._td__row-or-cell--clickable_yerpo_77{cursor:pointer}._table_yerpo_1 tbody ._tr__row-or-cell--disabled_yerpo_66,._table_yerpo_1 tbody ._td__row-or-cell--disabled_yerpo_81{background:var(--cream);filter:grayscale(1)}._table_yerpo_1 tbody ._tr__row-or-cell--disabled_yerpo_66 ._td-wrapper_yerpo_85,._table_yerpo_1 tbody ._td__row-or-cell--disabled_yerpo_81 ._td-wrapper_yerpo_85{opacity:.25}
|
package/dist/assets/Tabs.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._tabs_1xfbu_1{gap:8px;width:100%}._tabs__tab_1xfbu_5{min-width:94px;height:48px;padding:0 8px 0 0;color:var(--gray-75);cursor:pointer;background-color:transparent;border:none;border-bottom:2px solid transparent}._tabs__tab_1xfbu_5:hover{color:var(--hover);border-bottom:2px solid var(--hover)}._tabs__tab_1xfbu_5:active{color:var(--active);border-bottom:2px solid var(--active)}._tabs__tab--disabled_1xfbu_23{color:#00000040;cursor:default;border-bottom:2px solid rgba(0,0,0,.25)}._tabs__tab--disabled_1xfbu_23:focus,._tabs__tab--disabled_1xfbu_23:active,._tabs__tab--disabled_1xfbu_23:hover{color:#00000040;border-bottom:2px solid rgba(0,0,0,.25)}._tabs__tab--selected_1xfbu_32{color:var(--accent);border-bottom:2px solid var(--accent)}._tabs__tab-panel_1xfbu_36{width:100%;margin-top:16px}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._container_ia8vu_1{display:flex;flex-direction:column}._container--inline_ia8vu_5{flex-direction:row;gap:.5rem}
|
package/dist/assets/Toggle.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
._u-typography-
|
|
1
|
+
._u-typography-h1_p0gq9_1{font-size:var(--heading-font-size-1);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-1);margin:0}._u-typography-h2_p0gq9_8{font-size:var(--heading-font-size-2);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-2);margin:0}._u-typography-h3_p0gq9_15{font-size:var(--heading-font-size-3);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-3);margin:0}._u-typography-h4_p0gq9_22{font-size:var(--heading-font-size-4);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-4);margin:0}._u-typography-h5_p0gq9_29{font-size:var(--heading-font-size-5);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-5);margin:0}._u-typography-h6_p0gq9_36{font-size:var(--heading-font-size-6);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-6);margin:0}._u-typography-base_p0gq9_43,._toggle__label_p0gq9_43{margin:0;font-size:var(--base-font-size);font-weight:var(--base-weight);line-height:var(--base-line-height)}._u-typography-base--xxl_p0gq9_49{font-size:var(--base-font-size-xxl);line-height:var(--base-line-height-xxl)}._u-typography-base--xl_p0gq9_53{font-size:var(--base-font-size-xl);line-height:var(--base-line-height-xl)}._u-typography-base--lg_p0gq9_57{font-size:var(--base-font-size-lg);line-height:var(--base-line-height-lg)}._u-typography-base--sm_p0gq9_61{font-size:var(--base-font-size-sm);line-height:var(--base-line-height-sm)}._u-typography-base--bold_p0gq9_65{font-weight:var(--base-bold)}._u-typography-base--strikethrough_p0gq9_68{text-decoration:line-through}._u-typography-base--underlined_p0gq9_71{text-decoration:underline}._u-typography-base--strikethrough-underlined_p0gq9_74{text-decoration:underline line-through}._toggle_p0gq9_43{position:relative;display:flex;gap:1rem;align-items:center;cursor:pointer}._toggle__toggle-el-wrapper_p0gq9_85{width:2.25rem;height:1.5rem}._toggle_p0gq9_43 ._input_p0gq9_89{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;margin:0;cursor:inherit;opacity:0}._toggle_p0gq9_43 ._thumb_p0gq9_100{position:relative;top:.375rem;left:.375rem;display:block;width:.75rem;height:.75rem;background-color:var(--gray-90);border-radius:.75rem;opacity:.4;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.12s;transition-property:all}._toggle_p0gq9_43 ._track_p0gq9_114{position:absolute;display:block;width:2.25rem;height:1.5rem;background:var(--white-100);border-radius:1.5rem;box-shadow:inset 0 0 0 .25rem var(--gray-50);opacity:.4}._toggle--focus-visible_p0gq9_124._toggle__toggle-el-wrapper_p0gq9_85 ._track_p0gq9_114{border:1px solid var(--black-100);opacity:1}._toggle--checked_p0gq9_128._toggle__toggle-el-wrapper_p0gq9_85 ._thumb_p0gq9_100{left:1.125rem;background-color:var(--accent);opacity:1}._toggle--checked_p0gq9_128._toggle__toggle-el-wrapper_p0gq9_85 ._track_p0gq9_114{background:var(--accent);box-shadow:none;opacity:.4}._toggle__label_p0gq9_43{color:var(--gray-75)}._toggle__toggle-el-wrapper_p0gq9_85:hover:not(._toggle--focus-visible_p0gq9_124,._toggle--checked_p0gq9_128,._toggle--disabled_p0gq9_141) ._track_p0gq9_114{border-color:var(--gray-90);opacity:1}._toggle__toggle-el-wrapper_p0gq9_85:hover:not(._toggle--focus-visible_p0gq9_124,._toggle--checked_p0gq9_128,._toggle--disabled_p0gq9_141) ._thumb_p0gq9_100{opacity:1}._toggle_p0gq9_43:has(._toggle__toggle-el-wrapper_p0gq9_85:hover:not(._toggle--focus-visible_p0gq9_124,._toggle--checked_p0gq9_128,._toggle--disabled_p0gq9_141)) ._toggle__label_p0gq9_43{color:var(--black-100)}._toggle_p0gq9_43:has(._toggle--disabled_p0gq9_141) ._toggle__label_p0gq9_43{color:var(--gray-50)}._toggle_p0gq9_43:has(._toggle--disabled_p0gq9_141) ._track_p0gq9_114{border-color:#dbdae266}._toggle_p0gq9_43:has(._toggle--disabled_p0gq9_141) ._thumb_p0gq9_100{background-color:var(--gray-25);opacity:1}._toggle_p0gq9_43:has(._toggle--disabled_p0gq9_141) ._toggle--checked_p0gq9_128 ._toggle__label_p0gq9_43{font-weight:900;color:var(--accent)}._toggle_p0gq9_43:has(._toggle--disabled_p0gq9_141) ._toggle--checked_p0gq9_128 ._thumb_p0gq9_100{left:1.125rem;background-color:var(--accent);opacity:1}._toggle_p0gq9_43:has(._toggle--disabled_p0gq9_141) ._toggle--checked_p0gq9_128 ._track_p0gq9_114{background:var(--accent);box-shadow:none;opacity:.4}._toggle_p0gq9_43:has(._toggle--checked_p0gq9_128) ._toggle__label_p0gq9_43{font-weight:900;color:var(--accent)}._toggle_p0gq9_43:has(._toggle--focus-visible_p0gq9_124) ._toggle__label_p0gq9_43{color:var(--black-100)}
|
package/dist/assets/Toggle2.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
._u-typography-
|
|
1
|
+
._u-typography-h1_1wvod_1{font-size:var(--heading-font-size-1);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-1);margin:0}._u-typography-h2_1wvod_8{font-size:var(--heading-font-size-2);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-2);margin:0}._u-typography-h3_1wvod_15{font-size:var(--heading-font-size-3);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-3);margin:0}._u-typography-h4_1wvod_22{font-size:var(--heading-font-size-4);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-4);margin:0}._u-typography-h5_1wvod_29{font-size:var(--heading-font-size-5);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-5);margin:0}._u-typography-h6_1wvod_36{font-size:var(--heading-font-size-6);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-6);margin:0}._u-typography-base_1wvod_43{margin:0;font-size:var(--base-font-size);font-weight:var(--base-weight);line-height:var(--base-line-height)}._u-typography-base--xxl_1wvod_49{font-size:var(--base-font-size-xxl);line-height:var(--base-line-height-xxl)}._u-typography-base--xl_1wvod_53{font-size:var(--base-font-size-xl);line-height:var(--base-line-height-xl)}._u-typography-base--lg_1wvod_57{font-size:var(--base-font-size-lg);line-height:var(--base-line-height-lg)}._u-typography-base--sm_1wvod_61,._chip_1wvod_61{font-size:var(--base-font-size-sm);line-height:var(--base-line-height-sm)}._u-typography-base--bold_1wvod_65,._chip_1wvod_61{font-weight:var(--base-bold)}._u-typography-base--strikethrough_1wvod_68{text-decoration:line-through}._u-typography-base--underlined_1wvod_71{text-decoration:underline}._u-typography-base--strikethrough-underlined_1wvod_74{text-decoration:underline line-through}._chip_1wvod_61{display:flex;align-items:center;width:fit-content;padding:.375rem .5rem;background-color:var(--cream);border-width:1px;border-radius:calc(var(--border-radius-soft) * 4)}._chip_1wvod_61:not(:disabled){color:rgb(var(--gray-95-rgb) .65)}._chip--button_1wvod_90{cursor:pointer;border-color:transparent}._chip--button_1wvod_90:disabled{pointer-events:none;cursor:initial}._chip--button_1wvod_90:focus-visible{outline:none}._chip--button_1wvod_90:focus{outline:2px solid var(--black-100)}._chip--outlined_1wvod_104{padding:.3125rem .5rem;background-color:var(--white-100);border:1px solid var(--border);border-radius:calc(var(--border-radius-soft) * 4)}._chip--contained_1wvod_110{padding:.3125rem .5rem;border:1px solid var(--border);border-color:var(--accent);border-radius:calc(var(--border-radius-soft) * 4)}._chip__adornment_1wvod_116{display:flex;align-items:center;margin-right:.5rem}._chip__remove_1wvod_121{display:flex;margin-left:.5rem;cursor:pointer}._chip__remove_1wvod_121:focus-visible{outline:none}._chip__remove_1wvod_121:focus:not(:disabled){border-radius:calc(var(--border-radius-soft) * 4);outline:2px solid var(--black-100)}._chip__remove--disabled_1wvod_133{cursor:default}._chip-loading_1wvod_137{display:inline-flex;min-width:6rem;height:2rem;border-radius:4rem}._row-item_8z1a0_1{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem;border:1px solid var(--gray-10);border-radius:6px;outline:none}._row-item_8z1a0_1:focus-visible{outline:none}._row-item--clickable_8z1a0_13{cursor:pointer}._row-item--clickable_8z1a0_13:focus{outline:2px solid var(--black-100)}._row-item--disabled_8z1a0_19{cursor:not-allowed}._row-item__content_8z1a0_22{display:flex;flex-grow:1;align-items:center;justify-content:space-between;padding-right:1rem;padding-left:1rem;margin:0;text-align:center}._row-item__content_8z1a0_22:focus-visible{outline:none}._row-item__content_8z1a0_22:focus{outline:2px solid var(--black-100)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
._u-typography-
|
|
1
|
+
._u-typography-h1_gn8st_1{font-size:var(--heading-font-size-1);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-1);margin:0}._u-typography-h2_gn8st_8{font-size:var(--heading-font-size-2);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-2);margin:0}._u-typography-h3_gn8st_15{font-size:var(--heading-font-size-3);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-3);margin:0}._u-typography-h4_gn8st_22{font-size:var(--heading-font-size-4);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-4);margin:0}._u-typography-h5_gn8st_29{font-size:var(--heading-font-size-5);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-5);margin:0}._u-typography-h6_gn8st_36{font-size:var(--heading-font-size-6);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-6);margin:0}._u-typography-base_gn8st_43{margin:0;font-size:var(--base-font-size);font-weight:var(--base-weight);line-height:var(--base-line-height)}._u-typography-base--xxl_gn8st_49{font-size:var(--base-font-size-xxl);line-height:var(--base-line-height-xxl)}._u-typography-base--xl_gn8st_53{font-size:var(--base-font-size-xl);line-height:var(--base-line-height-xl)}._u-typography-base--lg_gn8st_57{font-size:var(--base-font-size-lg);line-height:var(--base-line-height-lg)}._u-typography-base--sm_gn8st_61{font-size:var(--base-font-size-sm);line-height:var(--base-line-height-sm)}._u-typography-base--bold_gn8st_65{font-weight:var(--base-bold)}._u-typography-base--strikethrough_gn8st_68{text-decoration:line-through}._u-typography-base--underlined_gn8st_71{text-decoration:underline}._u-typography-base--strikethrough-underlined_gn8st_74{text-decoration:underline line-through}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { IconProps } from '../Icon/Icon.tsx';
|
|
2
|
+
import { Either } from '../../types/helpers';
|
|
3
|
+
import { ReactNode } from 'react';
|
|
4
|
+
|
|
5
|
+
export type AdornmentSlotProps = {
|
|
6
|
+
/** Any additional classes to apply to the adornment */
|
|
7
|
+
className?: string;
|
|
8
|
+
/** Dataset test id only used for tests to reach in and grab the rendered DOM node of the adornment */
|
|
9
|
+
'data-testid'?: string;
|
|
10
|
+
};
|
|
11
|
+
export type MarolaIconAdornment = AdornmentSlotProps & Partial<IconProps> & {
|
|
12
|
+
/** Whether to render in a disabled state */
|
|
13
|
+
disabled?: boolean;
|
|
14
|
+
};
|
|
15
|
+
export type CustomIconAdornment = AdornmentSlotProps & {
|
|
16
|
+
/** Render a complete custom icon outside of Marola icon system */
|
|
17
|
+
customIcon: ReactNode;
|
|
18
|
+
};
|
|
19
|
+
export type AdornmentProps = Either<CustomIconAdornment, MarolaIconAdornment>;
|
|
20
|
+
export declare const Adornment: (props: AdornmentProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import '../../assets/Adornment.css';
|
|
2
|
+
import { jsx as n } from "react/jsx-runtime";
|
|
3
|
+
import { c } from "../../clsx-DB4S2d7J.js";
|
|
4
|
+
import { Icon as d } from "../Icon/Icon.js";
|
|
5
|
+
const l = "_adornment_1bwrg_1", i = {
|
|
6
|
+
adornment: l
|
|
7
|
+
}, g = (t) => {
|
|
8
|
+
const e = c(t.className), { disabled: a, icon: m } = t, o = a ? "rgb(var(--gray-95-rgb), 0.4)" : t == null ? void 0 : t.color;
|
|
9
|
+
return /* @__PURE__ */ n("span", { className: c(i.adornment, e), "data-testid": t["data-testid"], children: t != null && t.customIcon ? t == null ? void 0 : t.customIcon : /* @__PURE__ */ n(d, { color: o, icon: m, size: t.size }) });
|
|
10
|
+
};
|
|
11
|
+
export {
|
|
12
|
+
g as Adornment
|
|
13
|
+
};
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { StoryObj } from '@storybook/react';
|
|
2
|
+
|
|
3
|
+
declare const meta: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: (props: import('./Adornment').AdornmentProps) => 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 WithMarolaIcon: Story;
|
|
14
|
+
export declare const WithCustomIcon: Story;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -1,30 +1,45 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { TypographyProps } from '../Typography/Typography';
|
|
2
|
+
import { IconProps } from '../Icon/Icon';
|
|
2
3
|
import { ReactNode } from 'react';
|
|
3
4
|
|
|
4
|
-
export type
|
|
5
|
-
|
|
6
|
-
/** Advice
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
/** Advice
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
/** Type of advice */
|
|
15
|
-
type?: AdviceTypes;
|
|
5
|
+
export type AdviceType = 'without-results' | 'no-permission' | 'no-items' | 'error-page';
|
|
6
|
+
type AdviceCommonProps = {
|
|
7
|
+
/** Advice title message */
|
|
8
|
+
title?: ReactNode;
|
|
9
|
+
/** Advice title message props */
|
|
10
|
+
titleProps?: Omit<TypographyProps, 'children'>;
|
|
11
|
+
/** Advice description message */
|
|
12
|
+
description?: ReactNode;
|
|
13
|
+
/** Advice description message props */
|
|
14
|
+
descriptionProps?: Omit<TypographyProps, 'children'>;
|
|
16
15
|
/** Advice content message */
|
|
17
16
|
content?: ReactNode;
|
|
18
|
-
|
|
19
|
-
description?: string;
|
|
20
|
-
/** Space seperated list of CSS classes to apply */
|
|
17
|
+
/** Space separated list of CSS classes to apply */
|
|
21
18
|
className?: string;
|
|
22
19
|
/** ID that tests can use to get this component from the DOM */
|
|
23
20
|
'data-testid'?: string;
|
|
21
|
+
type?: never;
|
|
22
|
+
icon?: never;
|
|
23
|
+
iconSvg?: never;
|
|
24
|
+
};
|
|
25
|
+
type AdviceWithType = Omit<AdviceCommonProps, 'type'> & {
|
|
26
|
+
/** Type of advice */
|
|
27
|
+
type?: AdviceType;
|
|
28
|
+
};
|
|
29
|
+
type AdviceWithIcon = Omit<AdviceCommonProps, 'icon'> & {
|
|
30
|
+
/** Advice icon.
|
|
31
|
+
* This property uses the Icon Component Props
|
|
32
|
+
*/
|
|
33
|
+
icon?: IconProps;
|
|
34
|
+
};
|
|
35
|
+
type AdviceWithIconSvg = Omit<AdviceCommonProps, 'iconSvg'> & {
|
|
36
|
+
/** Advice SVG icon */
|
|
37
|
+
iconSvg?: ReactNode;
|
|
24
38
|
};
|
|
39
|
+
export type AdviceProps = AdviceWithType | AdviceWithIcon | AdviceWithIconSvg;
|
|
25
40
|
/**
|
|
26
41
|
* Advice component provide HTML with an icon and a message.
|
|
27
42
|
* Is commonly used to indicate No Permission and No Results.
|
|
28
43
|
*/
|
|
29
|
-
declare const Advice: ({ icon,
|
|
44
|
+
declare const Advice: ({ type, icon, iconSvg: IconSvg, content, title, titleProps, description, descriptionProps, className, ...rest }: AdviceProps) => import("react/jsx-runtime").JSX.Element;
|
|
30
45
|
export { Advice };
|
|
@@ -1,47 +1,46 @@
|
|
|
1
1
|
import '../../assets/Advice.css';
|
|
2
|
-
import { jsxs as
|
|
3
|
-
import { c as
|
|
4
|
-
import { Icon as
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
"u-typography-h6": "_u-typography-h6_12o7p_36",
|
|
12
|
-
"u-typography-base": "_u-typography-base_12o7p_43",
|
|
13
|
-
"u-typography-base--xxl": "_u-typography-base--xxl_12o7p_48",
|
|
14
|
-
"u-typography-base--xl": "_u-typography-base--xl_12o7p_52",
|
|
15
|
-
"u-typography-base--lg": "_u-typography-base--lg_12o7p_56",
|
|
16
|
-
advice: n,
|
|
17
|
-
content: d,
|
|
18
|
-
"u-typography-base--sm": "_u-typography-base--sm_12o7p_61",
|
|
19
|
-
"u-typography-base--bold": "_u-typography-base--bold_12o7p_65",
|
|
20
|
-
"u-typography-base--strikethrough": "_u-typography-base--strikethrough_12o7p_69",
|
|
21
|
-
"u-typography-base--underlined": "_u-typography-base--underlined_12o7p_72",
|
|
22
|
-
"u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-underlined_12o7p_75",
|
|
23
|
-
"content-no-items": "_content-no-items_12o7p_90"
|
|
24
|
-
}, m = {
|
|
2
|
+
import { jsxs as _, jsx as r } from "react/jsx-runtime";
|
|
3
|
+
import { c as g } from "../../clsx-DB4S2d7J.js";
|
|
4
|
+
import { Icon as h } from "../Icon/Icon.js";
|
|
5
|
+
import { Typography as m } from "../Typography/Typography.js";
|
|
6
|
+
const x = "_advice_1wls4_1", f = "_advice__texts_1wls4_8", u = "_advice__content_1wls4_14", c = {
|
|
7
|
+
advice: x,
|
|
8
|
+
advice__texts: f,
|
|
9
|
+
advice__content: u
|
|
10
|
+
}, b = {
|
|
25
11
|
"no-permission": "eye-slash",
|
|
26
12
|
"no-items": "",
|
|
27
13
|
"error-page": "circle-exclamation",
|
|
28
14
|
"without-results": "folder-magnifying-glass"
|
|
29
|
-
},
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
15
|
+
}, T = ({
|
|
16
|
+
type: e,
|
|
17
|
+
icon: a,
|
|
18
|
+
iconSvg: i,
|
|
19
|
+
content: t,
|
|
20
|
+
title: l,
|
|
21
|
+
titleProps: o = { variant: "base-xxl", color: "var(--gray-75)", bold: !0 },
|
|
22
|
+
description: n,
|
|
23
|
+
descriptionProps: s = { variant: "base-lg", color: "var(--gray-75)" },
|
|
24
|
+
className: v,
|
|
25
|
+
...d
|
|
26
|
+
}) => (e && (a = { icon: b[e] }, (e === "without-results" || e === "no-permission") && (o = Object.assign({}, o, { variant: "base-lg" })), e === "no-items" && (s = Object.assign({}, s, {
|
|
27
|
+
elementProps: { style: { maxWidth: 460, color: s.color } }
|
|
28
|
+
})), e === "error-page" && (a.color = "var(--secondary-orange)")), /* @__PURE__ */ _("div", { className: g(c.advice, v), ...d, children: [
|
|
29
|
+
(a == null ? void 0 : a.icon) && /* @__PURE__ */ r(h, { icon: a.icon, size: a.size || "3.375rem", color: a.color || "var(--accent)" }),
|
|
30
|
+
i && i,
|
|
31
|
+
/* @__PURE__ */ _(
|
|
32
|
+
"div",
|
|
33
|
+
{
|
|
34
|
+
className: c.advice__texts,
|
|
35
|
+
style: e === "without-results" || e === "no-permission" ? { marginTop: -16 } : {},
|
|
36
|
+
children: [
|
|
37
|
+
l && /* @__PURE__ */ r(m, { element: "h3", ...o, children: l }),
|
|
38
|
+
n && /* @__PURE__ */ r(m, { element: "p", ...s, children: n })
|
|
39
|
+
]
|
|
40
|
+
}
|
|
41
|
+
),
|
|
42
|
+
/* @__PURE__ */ r("div", { className: c.advice__content, children: t && t })
|
|
43
|
+
] }));
|
|
45
44
|
export {
|
|
46
|
-
|
|
45
|
+
T as Advice
|
|
47
46
|
};
|
|
@@ -2,7 +2,7 @@ import { StoryObj } from '@storybook/react';
|
|
|
2
2
|
|
|
3
3
|
declare const meta: {
|
|
4
4
|
title: string;
|
|
5
|
-
component: ({ icon,
|
|
5
|
+
component: ({ type, icon, iconSvg: IconSvg, content, title, titleProps, description, descriptionProps, className, ...rest }: import('./Advice').AdviceProps) => import("react/jsx-runtime").JSX.Element;
|
|
6
6
|
tags: string[];
|
|
7
7
|
parameters: {
|
|
8
8
|
layout: string;
|
|
@@ -12,7 +12,8 @@ export default meta;
|
|
|
12
12
|
type Story = StoryObj<typeof meta>;
|
|
13
13
|
export declare const WithoutResults: Story;
|
|
14
14
|
export declare const NoPermission: Story;
|
|
15
|
-
export declare const CustomIcon: Story;
|
|
16
|
-
export declare const CustomIconSVG: Story;
|
|
17
15
|
export declare const NoItems: Story;
|
|
18
16
|
export declare const ErrorPage: Story;
|
|
17
|
+
export declare const CustomIcon: Story;
|
|
18
|
+
export declare const CustomIconSVG: Story;
|
|
19
|
+
export declare const TotallyCustom: Story;
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { InputProps } from '../Input/Input.tsx';
|
|
2
|
+
import { SyntheticEvent } from 'react';
|
|
3
|
+
|
|
4
|
+
export type AutocompleteProps<T> = Omit<InputProps, 'onChange' | 'value'> & {
|
|
5
|
+
/** Object key to be used as label when options are an array of object */
|
|
6
|
+
labelKey?: T extends object ? keyof T : never;
|
|
7
|
+
/** Object key to be used as value when options are an array of object */
|
|
8
|
+
valueKey?: T extends object ? keyof T : never;
|
|
9
|
+
/** Value */
|
|
10
|
+
value?: T;
|
|
11
|
+
/** Options array */
|
|
12
|
+
options?: Array<T>;
|
|
13
|
+
/** callback for new option selected */
|
|
14
|
+
onChange?: (event: SyntheticEvent<Element, Event>, newValue: T) => void;
|
|
15
|
+
/** callback when characters are entered into the input box */
|
|
16
|
+
onInputChange?: (event: SyntheticEvent<Element, Event>, newValue: string) => void;
|
|
17
|
+
/** Id to be applied as `data-testid` on the container element */
|
|
18
|
+
'data-testid-wrapper'?: string;
|
|
19
|
+
};
|
|
20
|
+
export declare const Autocomplete: <T extends string | object>({ labelKey, valueKey, options, type, value, onChange, onInputChange, "data-testid-wrapper": dataTestId, ...props }: AutocompleteProps<T>) => import("react/jsx-runtime").JSX.Element;
|