@pismo/marola 1.0.0-beta.67 → 1.0.0-beta.7
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-BAljjMv3.js → Button-2b1peDFT.js} +2 -2
- package/dist/{ClickAwayListener-DbEYZpyh.js → ClickAwayListener-BSW-Nd-y.js} +3 -4
- package/dist/Dialog.module-DFEmFdYT.js +30 -0
- package/dist/Group-B3p31ftp.js +26 -0
- package/dist/{Popup-Ck3XlWMq.js → Popup-B6ZSGIEI.js} +3 -3
- package/dist/{Portal-oY3enyAm.js → Portal-DIeBsWdL.js} +2 -2
- package/dist/SelectButton-K3OIfR5m.js +61 -0
- package/dist/{Tabs.module-BGGTkDc5.js → Tabs.module-jkH1Qjn7.js} +7 -7
- package/dist/Toggle-BWF0-SPB.js +175 -0
- package/dist/assets/Advice.css +1 -1
- 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/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/Table.css +1 -1
- package/dist/assets/Tabs.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-C-zYvfnF.js → combineHooksSlotProps-DVjg9PRh.js} +1 -1
- package/dist/components/Adornment/Adornment.d.ts +2 -11
- package/dist/components/Adornment/Adornment.js +6 -6
- package/dist/components/Advice/Advice.d.ts +17 -32
- package/dist/components/Advice/Advice.js +40 -39
- package/dist/components/Advice/Advice.stories.d.ts +3 -4
- package/dist/components/Button/Button.d.ts +0 -2
- package/dist/components/Button/Button.js +49 -51
- package/dist/components/Checkbox/Checkbox.js +52 -52
- package/dist/components/Chip/Chip.d.ts +4 -6
- package/dist/components/Chip/Chip.js +7 -11
- package/dist/components/Chip/Chip.stories.d.ts +14 -5
- package/dist/components/Dialog/Actions.js +1 -1
- package/dist/components/Dialog/Backdrop.d.ts +3 -3
- package/dist/components/Dialog/Backdrop.js +7 -8
- package/dist/components/Dialog/CloseIconButton.d.ts +2 -1
- package/dist/components/Dialog/CloseIconButton.js +18 -15
- package/dist/components/Dialog/Dialog.d.ts +10 -16
- package/dist/components/Dialog/Dialog.js +166 -167
- package/dist/components/Dialog/Dialog.stories.d.ts +107 -113
- package/dist/components/Dialog/DialogTitle.d.ts +2 -5
- package/dist/components/Dialog/DialogTitle.js +16 -22
- package/dist/components/EllipsisTooltip/EllipsisTooltip.js +17 -30
- package/dist/components/EllipsisTooltip/EllipsisTooltip.stories.d.ts +1 -2
- package/dist/components/Icon/Icon.js +47 -315
- package/dist/components/Icon/types.d.ts +1 -1
- package/dist/components/IconButton/IconButton.js +42 -42
- package/dist/components/Input/Input.d.ts +5 -26
- package/dist/components/Input/Input.js +304 -319
- package/dist/components/Input/Input.stories.d.ts +21 -2
- package/dist/components/InputSearch/InputSearch.d.ts +7 -37
- package/dist/components/InputSearch/InputSearch.js +29 -27
- package/dist/components/InputSearch/InputSearch.stories.d.ts +3 -15
- package/dist/components/PageHeader/PageHeader.d.ts +2 -6
- package/dist/components/PageHeader/PageHeader.js +71 -78
- package/dist/components/PageHeader/PageHeader.stories.d.ts +1 -3
- package/dist/components/Pagination/Pagination.d.ts +1 -5
- package/dist/components/Pagination/Pagination.js +91 -90
- package/dist/components/Pagination/Pagination.stories.d.ts +1 -1
- package/dist/components/RowItem/RowItem.d.ts +2 -2
- package/dist/components/RowItem/RowItem.js +6 -10
- package/dist/components/Select/Select.d.ts +0 -22
- package/dist/components/Select/Select.js +413 -476
- package/dist/components/Select/SelectButton.d.ts +0 -2
- package/dist/components/Select/SelectButton.js +2 -3
- package/dist/components/Skeleton/Skeleton.d.ts +1 -3
- package/dist/components/Skeleton/Skeleton.js +14 -20
- 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 +3 -3
- package/dist/components/SortTooltip/SortTooltip.js +46 -46
- package/dist/components/Stepper/Stepper.js +35 -35
- package/dist/components/Table/Table.d.ts +1 -3
- package/dist/components/Table/Table.js +99 -87
- package/dist/components/Table/Table.stories.d.ts +1 -1
- package/dist/components/Tabs/Tab.d.ts +3 -5
- package/dist/components/Tabs/Tab.js +36 -38
- package/dist/components/Tabs/TabPanel.d.ts +2 -4
- package/dist/components/Tabs/TabPanel.js +40 -51
- package/dist/components/Tabs/Tabs.d.ts +4 -6
- package/dist/components/Tabs/Tabs.js +128 -131
- package/dist/components/TextDisplay/TextDisplay.d.ts +3 -7
- package/dist/components/TextDisplay/TextDisplay.js +37 -44
- package/dist/components/TextDisplay/TextDisplay.stories.d.ts +1 -2
- package/dist/components/Toggle/Toggle.js +55 -55
- package/dist/components/ToggleGroup/Group.d.ts +0 -2
- package/dist/components/ToggleGroup/Group.js +2 -4
- package/dist/components/ToggleGroup/Toggle.d.ts +0 -2
- package/dist/components/ToggleGroup/Toggle.js +5 -9
- package/dist/components/ToggleGroup/ToggleGroup.js +2 -2
- package/dist/components/ToggleGroup/ToggleGroup.stories.d.ts +0 -2
- package/dist/components/Tooltip/Tooltip.d.ts +1 -3
- package/dist/components/Tooltip/Tooltip.js +4 -4
- package/dist/components/Tooltip/Tooltip.stories.d.ts +0 -1
- package/dist/components/Typography/Typography.js +47 -47
- package/dist/{useSlotProps-C_I1kEHr.js → index-CH45lKw7.js} +99 -99
- package/dist/{index-bQFToy-I.js → index-CjW42-M-.js} +1 -1
- package/dist/main.d.ts +0 -8
- package/dist/main.js +75 -91
- package/dist/marola.css +1 -1
- package/dist/{useButton-DcihopJG.js → useButton-DNk3wrQp.js} +1 -1
- package/dist/useCompoundItem-D1iRfg8D.js +84 -0
- package/dist/useEventCallback-xTG9piMa.js +45 -0
- package/dist/{useList-B9C55YB7.js → useList-B0hog_3-.js} +2 -2
- package/package.json +13 -22
- package/dist/Dialog.module-W7UCXlf3.js +0 -29
- package/dist/Group-DspH8hyO.js +0 -30
- package/dist/Popover.module-B4boCutS.js +0 -10
- package/dist/SelectButton-B38avP9u.js +0 -75
- package/dist/Toggle-MfR7l8Wn.js +0 -190
- package/dist/assets/Alert.css +0 -1
- package/dist/assets/Autocomplete.css +0 -1
- package/dist/assets/Avatar.css +0 -1
- package/dist/assets/Description.css +0 -1
- package/dist/assets/Popover.css +0 -1
- package/dist/assets/ResultWithChips.css +0 -1
- package/dist/assets/StepperNavigator.css +0 -1
- package/dist/components/Adornment/Adornment.stories.d.ts +0 -14
- package/dist/components/Adornment/adornment.test.d.ts +0 -1
- package/dist/components/Alert/Alert.d.ts +0 -11
- package/dist/components/Alert/Alert.js +0 -46
- package/dist/components/Alert/Alert.stories.d.ts +0 -24
- package/dist/components/Alert/Alert.test.d.ts +0 -1
- package/dist/components/Autocomplete/Autocomplete.d.ts +0 -20
- package/dist/components/Autocomplete/Autocomplete.js +0 -679
- package/dist/components/Autocomplete/Autocomplete.stories.d.ts +0 -23
- package/dist/components/Avatar/Avatar.d.ts +0 -15
- package/dist/components/Avatar/Avatar.js +0 -51
- package/dist/components/Avatar/Avatar.stories.d.ts +0 -25
- package/dist/components/ConfirmationDialog/ConfirmationDialog.d.ts +0 -14
- package/dist/components/ConfirmationDialog/ConfirmationDialog.js +0 -37
- package/dist/components/ConfirmationDialog/ConfirmationDialog.stories.d.ts +0 -23
- package/dist/components/ConfirmationDialog/ConfirmationModal.test.d.ts +0 -1
- package/dist/components/Description/Description.d.ts +0 -16
- package/dist/components/Description/Description.js +0 -64
- package/dist/components/Description/Description.stories.d.ts +0 -20
- package/dist/components/Description/Description.test.d.ts +0 -1
- package/dist/components/PageHeader/PageHeader.test.d.ts +0 -1
- package/dist/components/Popover/Popover.d.ts +0 -32
- package/dist/components/Popover/Popover.js +0 -24
- package/dist/components/Popover/Popover.stories.d.ts +0 -34
- package/dist/components/Popover/PopoverBody.d.ts +0 -6
- package/dist/components/Popover/PopoverBody.js +0 -6
- package/dist/components/Popover/PopoverFooter.d.ts +0 -6
- package/dist/components/Popover/PopoverFooter.js +0 -6
- package/dist/components/Popover/PopoverHeader.d.ts +0 -6
- package/dist/components/Popover/PopoverHeader.js +0 -6
- package/dist/components/ResultWithChips/ResultWithChips.d.ts +0 -12
- package/dist/components/ResultWithChips/ResultWithChips.js +0 -33
- package/dist/components/RowItem/RowItem.stories.d.ts +0 -17
- package/dist/components/RowItem/rowItem.test.d.ts +0 -1
- package/dist/components/StepperNavigator/StepperNavigator.d.ts +0 -58
- package/dist/components/StepperNavigator/StepperNavigator.js +0 -115
- package/dist/components/StepperNavigator/StepperNavigator.stories.d.ts +0 -18
- package/dist/components/StepperNavigator/StepperNavigator.test.d.ts +0 -1
- package/dist/ownerDocument-YGhwAnr1.js +0 -33
- package/dist/useCompoundItem-B7Eo_qZk.js +0 -68
- package/dist/useEventCallback-BAQJJ3ye.js +0 -14
- package/dist/useId-BW-oWmul.js +0 -19
|
@@ -1 +1 @@
|
|
|
1
|
-
._u-typography-
|
|
1
|
+
._u-typography-h1_1hhgh_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_1hhgh_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_1hhgh_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_1hhgh_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_1hhgh_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_1hhgh_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_1hhgh_43,._sort-tooltip_1hhgh_43 ul li button{font-size:var(--base-font-size);font-weight:var(--base-weight);line-height:var(--base-line-height)}._u-typography-base--xxl_1hhgh_48{font-size:var(--base-font-size-xxl);line-height:var(--base-line-height-xxl)}._u-typography-base--xl_1hhgh_52{font-size:var(--base-font-size-xl);line-height:var(--base-line-height-xl)}._u-typography-base--lg_1hhgh_56{font-size:var(--base-font-size-lg);line-height:var(--base-line-height-lg)}._u-typography-base--sm_1hhgh_60{font-size:var(--base-font-size-sm);line-height:var(--base-line-height-sm)}._u-typography-base--bold_1hhgh_64,._sort-tooltip_1hhgh_43 ul li button{font-weight:var(--base-bold)}._u-typography-base--strikethrough_1hhgh_67{text-decoration:line-through}._u-typography-base--underlined_1hhgh_70{text-decoration:underline}._u-typography-base--strikethrough-underlined_1hhgh_73{text-decoration:underline line-through}._sort-tooltip_1hhgh_43 ul{display:flex;flex-direction:column;gap:16px;padding:0;margin:0;list-style:none}._sort-tooltip_1hhgh_43 ul li button{display:flex;gap:8px;color:var(--gray-75);cursor:pointer;background-color:unset;border:none;outline:none}._sort-tooltip_1hhgh_43 ul li button._button--selected_1hhgh_94{color:var(--accent)}
|
package/dist/assets/Stepper.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
._u-typography-
|
|
1
|
+
._u-typography-h1_a47qe_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_a47qe_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_a47qe_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_a47qe_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_a47qe_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_a47qe_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_a47qe_43{font-size:var(--base-font-size);font-weight:var(--base-weight);line-height:var(--base-line-height)}._u-typography-base--xxl_a47qe_48{font-size:var(--base-font-size-xxl);line-height:var(--base-line-height-xxl)}._u-typography-base--xl_a47qe_52{font-size:var(--base-font-size-xl);line-height:var(--base-line-height-xl)}._u-typography-base--lg_a47qe_56{font-size:var(--base-font-size-lg);line-height:var(--base-line-height-lg)}._u-typography-base--sm_a47qe_60,._stepper_a47qe_60 ._item_a47qe_60 ._name_a47qe_60{font-size:var(--base-font-size-sm);line-height:var(--base-line-height-sm)}._u-typography-base--bold_a47qe_64,._stepper_a47qe_60 ._item--active_a47qe_64 ._name_a47qe_60,._stepper_a47qe_60 ._item--completed_a47qe_64 ._counter_a47qe_64,._stepper_a47qe_60 ._item_a47qe_60 ._counter_a47qe_64{font-weight:var(--base-bold)}._u-typography-base--strikethrough_a47qe_67{text-decoration:line-through}._u-typography-base--underlined_a47qe_70{text-decoration:underline}._u-typography-base--strikethrough-underlined_a47qe_73{text-decoration:underline line-through}._stepper_a47qe_60{display:flex;justify-content:space-between;margin:2.5rem auto}._stepper_a47qe_60 ._item_a47qe_60{position:relative;display:flex;flex:1;flex-direction:column;align-items:center}._stepper_a47qe_60 ._item_a47qe_60: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_a47qe_60 ._item_a47qe_60: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_a47qe_60 ._item_a47qe_60 ._counter_a47qe_64{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_a47qe_60 ._item_a47qe_60 ._name_a47qe_60{color:var(--gray-50);text-align:center;transition:all var(--transition-long)}._stepper_a47qe_60 ._item_a47qe_60:first-child:before,._stepper_a47qe_60 ._item_a47qe_60:last-child:after{content:none}._stepper_a47qe_60 ._item--completed_a47qe_64 ._counter_a47qe_64{color:var(--white-100);background-color:var(--secondary-green-dark);border-color:var(--secondary-green-dark);transition:all var(--transition-long)}._stepper_a47qe_60 ._item--completed_a47qe_64 ._name_a47qe_60{font-weight:900;color:var(--secondary-green-dark);transition:all var(--transition-long)}._stepper_a47qe_60 ._item--completed_a47qe_64: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_a47qe_60 ._item--active_a47qe_64 ._counter_a47qe_64{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_a47qe_60 ._item--active_a47qe_64 ._name_a47qe_60{color:var(--gray-75);transition:all var(--transition-long)}
|
package/dist/assets/Table.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._u-typography-h1_1gspp_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_1gspp_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_1gspp_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_1gspp_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_1gspp_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_1gspp_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_1gspp_43,._table_1gspp_43 tbody{font-size:var(--base-font-size);font-weight:var(--base-weight);line-height:var(--base-line-height)}._u-typography-base--xxl_1gspp_48{font-size:var(--base-font-size-xxl);line-height:var(--base-line-height-xxl)}._u-typography-base--xl_1gspp_52{font-size:var(--base-font-size-xl);line-height:var(--base-line-height-xl)}._u-typography-base--lg_1gspp_56{font-size:var(--base-font-size-lg);line-height:var(--base-line-height-lg)}._u-typography-base--sm_1gspp_60,._table_1gspp_43 thead{font-size:var(--base-font-size-sm);line-height:var(--base-line-height-sm)}._u-typography-base--bold_1gspp_64,._table_1gspp_43 thead{font-weight:var(--base-bold)}._u-typography-base--strikethrough_1gspp_67{text-decoration:line-through}._u-typography-base--underlined_1gspp_70{text-decoration:underline}._u-typography-base--strikethrough-underlined_1gspp_73{text-decoration:underline line-through}._table_1gspp_43{color:var(--secondary-orange);border-spacing:0}._table--full-width_1gspp_81{width:100%}._table--white-theme_1gspp_84{background:var(--white-100)}._table--transparent-theme_1gspp_87{background:transparent}._table_1gspp_43 th._cell--left-alignment_1gspp_90,._table_1gspp_43 td._cell--left-alignment_1gspp_90{text-align:left}._table_1gspp_43 th._cell--center-alignment_1gspp_94,._table_1gspp_43 td._cell--center-alignment_1gspp_94{text-align:center}._table_1gspp_43 th._cell--right-alignment_1gspp_98,._table_1gspp_43 td._cell--right-alignment_1gspp_98{text-align:right}._table_1gspp_43 thead{color:var(--gray-90);text-transform:uppercase}._table_1gspp_43 thead tr th{--children-pv: 4px;--children-ph: 8px;align-items:center;padding:calc(1.5rem - var(--children-pv)) calc(.75rem - var(--children-ph));line-height:1rem;border-bottom:1px solid var(--gray-25)}._table_1gspp_43 thead tr th ._th__wrapper_1gspp_114{padding:var(--children-pv) var(--children-ph)}._table_1gspp_43 thead tr th ._th__wrapper--pressed_1gspp_117{background-color:var(--gray-10);border-radius:6px}._table_1gspp_43 thead tr th ._th__wrapper--clickable_1gspp_121{cursor:pointer}._table_1gspp_43 thead tr th ._th__wrapper_1gspp_114 ._th__sort-icon-container_1gspp_124{padding-left:4px}._table_1gspp_43 tbody{color:var(--gray-90)}._table_1gspp_43 tbody tr:hover:not(._tr__row-or-cell--disabled_1gspp_130){background-color:rgb(var(--gray-5-rgb),.5)}._table_1gspp_43 tbody ._tr_1gspp_130,._table_1gspp_43 tbody ._td_1gspp_134{padding:16px 12px;line-height:var(--body-line-height);border-bottom:1px solid var(--gray-10)}._table_1gspp_43 tbody ._tr__row-or-cell--clickable_1gspp_139,._table_1gspp_43 tbody ._td__row-or-cell--clickable_1gspp_140{cursor:pointer}._table_1gspp_43 tbody ._tr__row-or-cell--disabled_1gspp_130,._table_1gspp_43 tbody ._td__row-or-cell--disabled_1gspp_144{background:var(--cream);filter:grayscale(1)}._table_1gspp_43 tbody ._tr__row-or-cell--disabled_1gspp_130 ._td-wrapper_1gspp_148,._table_1gspp_43 tbody ._td__row-or-cell--disabled_1gspp_144 ._td-wrapper_1gspp_148{opacity:.25}
|
package/dist/assets/Tabs.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._tabs_18ymz_1{gap:8px;width:100%}._tabs__tab_18ymz_5{min-width:94px;height:48px;padding:0 8px 0 0;color:var(--gray-75);cursor:pointer;background-color:var(--white-100);border:none}._tabs__tab_18ymz_5:hover{color:var(--hover);border-bottom:2px solid var(--hover)}._tabs__tab_18ymz_5:active{color:var(--active);border-bottom:2px solid var(--active)}._tabs__tab--disabled_18ymz_22{color:#00000040;cursor:default;border-bottom:2px solid rgba(0,0,0,.25)}._tabs__tab--disabled_18ymz_22:focus,._tabs__tab--disabled_18ymz_22:active,._tabs__tab--disabled_18ymz_22:hover{color:#00000040;border-bottom:2px solid rgba(0,0,0,.25)}._tabs__tab--selected_18ymz_31{color:var(--accent);border-bottom:2px solid var(--accent)}._tabs__tab-panel_18ymz_35{width:100%;margin-top:16px}
|
package/dist/assets/Toggle.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
._u-typography-
|
|
1
|
+
._u-typography-h1_1rzg2_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_1rzg2_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_1rzg2_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_1rzg2_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_1rzg2_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_1rzg2_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_1rzg2_43,._toggle__label_1rzg2_43{font-size:var(--base-font-size);font-weight:var(--base-weight);line-height:var(--base-line-height)}._u-typography-base--xxl_1rzg2_48{font-size:var(--base-font-size-xxl);line-height:var(--base-line-height-xxl)}._u-typography-base--xl_1rzg2_52{font-size:var(--base-font-size-xl);line-height:var(--base-line-height-xl)}._u-typography-base--lg_1rzg2_56{font-size:var(--base-font-size-lg);line-height:var(--base-line-height-lg)}._u-typography-base--sm_1rzg2_60{font-size:var(--base-font-size-sm);line-height:var(--base-line-height-sm)}._u-typography-base--bold_1rzg2_64{font-weight:var(--base-bold)}._u-typography-base--strikethrough_1rzg2_67{text-decoration:line-through}._u-typography-base--underlined_1rzg2_70{text-decoration:underline}._u-typography-base--strikethrough-underlined_1rzg2_73{text-decoration:underline line-through}._toggle_1rzg2_43{position:relative;display:flex;gap:1rem;align-items:center;cursor:pointer}._toggle__toggle-el-wrapper_1rzg2_84{width:2.25rem;height:1.5rem}._toggle_1rzg2_43 ._input_1rzg2_88{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;margin:0;cursor:inherit;opacity:0}._toggle_1rzg2_43 ._thumb_1rzg2_99{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_1rzg2_43 ._track_1rzg2_113{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_1rzg2_123._toggle__toggle-el-wrapper_1rzg2_84 ._track_1rzg2_113{border:1px solid var(--black-100);opacity:1}._toggle--checked_1rzg2_127._toggle__toggle-el-wrapper_1rzg2_84 ._thumb_1rzg2_99{left:1.125rem;background-color:var(--accent);opacity:1}._toggle--checked_1rzg2_127._toggle__toggle-el-wrapper_1rzg2_84 ._track_1rzg2_113{background:var(--accent);box-shadow:none;opacity:.4}._toggle__label_1rzg2_43{color:var(--gray-75)}._toggle__toggle-el-wrapper_1rzg2_84:hover:not(._toggle--focus-visible_1rzg2_123,._toggle--checked_1rzg2_127,._toggle--disabled_1rzg2_140) ._track_1rzg2_113{border-color:var(--gray-90);opacity:1}._toggle__toggle-el-wrapper_1rzg2_84:hover:not(._toggle--focus-visible_1rzg2_123,._toggle--checked_1rzg2_127,._toggle--disabled_1rzg2_140) ._thumb_1rzg2_99{opacity:1}._toggle_1rzg2_43:has(._toggle__toggle-el-wrapper_1rzg2_84:hover:not(._toggle--focus-visible_1rzg2_123,._toggle--checked_1rzg2_127,._toggle--disabled_1rzg2_140)) ._toggle__label_1rzg2_43{color:var(--black-100)}._toggle_1rzg2_43:has(._toggle--disabled_1rzg2_140) ._toggle__label_1rzg2_43{color:var(--gray-50)}._toggle_1rzg2_43:has(._toggle--disabled_1rzg2_140) ._track_1rzg2_113{border-color:#dbdae266}._toggle_1rzg2_43:has(._toggle--disabled_1rzg2_140) ._thumb_1rzg2_99{background-color:var(--gray-25);opacity:1}._toggle_1rzg2_43:has(._toggle--disabled_1rzg2_140) ._toggle--checked_1rzg2_127 ._toggle__label_1rzg2_43{font-weight:900;color:var(--accent)}._toggle_1rzg2_43:has(._toggle--disabled_1rzg2_140) ._toggle--checked_1rzg2_127 ._thumb_1rzg2_99{left:1.125rem;background-color:var(--accent);opacity:1}._toggle_1rzg2_43:has(._toggle--disabled_1rzg2_140) ._toggle--checked_1rzg2_127 ._track_1rzg2_113{background:var(--accent);box-shadow:none;opacity:.4}._toggle_1rzg2_43:has(._toggle--checked_1rzg2_127) ._toggle__label_1rzg2_43{font-weight:900;color:var(--accent)}._toggle_1rzg2_43:has(._toggle--focus-visible_1rzg2_123) ._toggle__label_1rzg2_43{color:var(--black-100)}
|
package/dist/assets/Toggle2.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
._u-typography-
|
|
1
|
+
._u-typography-h1_ccpk4_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_ccpk4_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_ccpk4_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_ccpk4_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_ccpk4_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_ccpk4_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_ccpk4_43{font-size:var(--base-font-size);font-weight:var(--base-weight);line-height:var(--base-line-height)}._u-typography-base--xxl_ccpk4_48{font-size:var(--base-font-size-xxl);line-height:var(--base-line-height-xxl)}._u-typography-base--xl_ccpk4_52{font-size:var(--base-font-size-xl);line-height:var(--base-line-height-xl)}._u-typography-base--lg_ccpk4_56{font-size:var(--base-font-size-lg);line-height:var(--base-line-height-lg)}._u-typography-base--sm_ccpk4_60,._chip_ccpk4_60{font-size:var(--base-font-size-sm);line-height:var(--base-line-height-sm)}._u-typography-base--bold_ccpk4_64,._chip_ccpk4_60{font-weight:var(--base-bold)}._u-typography-base--strikethrough_ccpk4_67{text-decoration:line-through}._u-typography-base--underlined_ccpk4_70{text-decoration:underline}._u-typography-base--strikethrough-underlined_ccpk4_73{text-decoration:underline line-through}._chip_ccpk4_60{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_ccpk4_60:not(:disabled){color:rgb(var(--gray-95-rgb) .65)}._chip--button_ccpk4_89{cursor:pointer;border-color:transparent}._chip--button_ccpk4_89:disabled{cursor:initial}._chip--button_ccpk4_89:focus-visible{outline:none}._chip--button_ccpk4_89:focus{outline:2px solid var(--black-100)}._chip--outlined_ccpk4_102{padding:.3125rem .5rem;background-color:var(--white-100);border:1px solid var(--border);border-radius:calc(var(--border-radius-soft) * 4)}._chip--contained_ccpk4_108{padding:.3125rem .5rem;border:1px solid var(--border);border-color:var(--accent);border-radius:calc(var(--border-radius-soft) * 4)}._chip__adornment_ccpk4_114{display:flex;align-items:center;margin-right:.5rem}._chip__remove_ccpk4_119{display:flex;margin-left:.5rem}._chip__remove_ccpk4_119:focus-visible{outline:none}._chip__remove_ccpk4_119:focus:not(:disabled){border-radius:calc(var(--border-radius-soft) * 4);outline:2px solid var(--black-100)}._chip__remove--disabled_ccpk4_130{cursor:default}._chip-loading_ccpk4_134{display:inline-flex;width:6rem;height:2rem;border-radius:4rem}._row-item_o8krl_1{border:1px solid var(--gray-10);border-radius:6px;padding:.5rem 1rem;display:flex;justify-content:space-between;align-items:center}._row-item_o8krl_1:focus-visible{outline:none}._row-item_o8krl_1:focus{outline:2px solid var(--black-100)}._row-item--clickable_o8krl_15{cursor:pointer}._row-item__content_o8krl_18{padding-left:1rem;padding-right:1rem;flex-grow:1;margin:0;display:flex;justify-content:space-between;align-items:center;text-align:center}._row-item__content_o8krl_18:focus-visible{outline:none}._row-item__content_o8krl_18:focus{outline:2px solid var(--black-100)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
._u-typography-
|
|
1
|
+
._u-typography-h1_zizdh_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_zizdh_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_zizdh_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_zizdh_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_zizdh_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_zizdh_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_zizdh_43{font-size:var(--base-font-size);font-weight:var(--base-weight);line-height:var(--base-line-height)}._u-typography-base--xxl_zizdh_48{font-size:var(--base-font-size-xxl);line-height:var(--base-line-height-xxl)}._u-typography-base--xl_zizdh_52{font-size:var(--base-font-size-xl);line-height:var(--base-line-height-xl)}._u-typography-base--lg_zizdh_56{font-size:var(--base-font-size-lg);line-height:var(--base-line-height-lg)}._u-typography-base--sm_zizdh_60{font-size:var(--base-font-size-sm);line-height:var(--base-line-height-sm)}._u-typography-base--bold_zizdh_64{font-weight:var(--base-bold)}._u-typography-base--strikethrough_zizdh_67{text-decoration:line-through}._u-typography-base--underlined_zizdh_70{text-decoration:underline}._u-typography-base--strikethrough-underlined_zizdh_73{text-decoration:underline line-through}
|
|
@@ -1,20 +1,11 @@
|
|
|
1
1
|
import { IconProps } from '../Icon/Icon.tsx';
|
|
2
|
-
import { Either } from '../../types/helpers';
|
|
3
|
-
import { ReactNode } from 'react';
|
|
4
2
|
|
|
5
|
-
export type AdornmentSlotProps = {
|
|
3
|
+
export type AdornmentSlotProps = IconProps & {
|
|
6
4
|
/** Any additional classes to apply to the adornment */
|
|
7
5
|
className?: string;
|
|
8
6
|
/** Dataset test id only used for tests to reach in and grab the rendered DOM node of the adornment */
|
|
9
7
|
'data-testid'?: string;
|
|
10
|
-
};
|
|
11
|
-
export type MarolaIconAdornment = AdornmentSlotProps & Partial<IconProps> & {
|
|
12
8
|
/** Whether to render in a disabled state */
|
|
13
9
|
disabled?: boolean;
|
|
14
10
|
};
|
|
15
|
-
export
|
|
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;
|
|
11
|
+
export declare const Adornment: (props: AdornmentSlotProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import '../../assets/Adornment.css';
|
|
2
|
-
import { jsx as
|
|
3
|
-
import { c } from "../../clsx-DB4S2d7J.js";
|
|
4
|
-
import { Icon as
|
|
2
|
+
import { jsx as r } from "react/jsx-runtime";
|
|
3
|
+
import { c as t } from "../../clsx-DB4S2d7J.js";
|
|
4
|
+
import { Icon as m } from "../Icon/Icon.js";
|
|
5
5
|
const l = "_adornment_1bwrg_1", i = {
|
|
6
6
|
adornment: l
|
|
7
|
-
}, g = (
|
|
8
|
-
const
|
|
9
|
-
return /* @__PURE__ */
|
|
7
|
+
}, g = (o) => {
|
|
8
|
+
const { color: s, disabled: n = !1, className: a, ...e } = o, c = t(a), d = n ? "rgb(var(--gray-95-rgb), 0.4)" : s;
|
|
9
|
+
return /* @__PURE__ */ r("span", { className: t(i.adornment, c), "data-testid": o["data-testid"], children: /* @__PURE__ */ r(m, { color: d, ...e }) });
|
|
10
10
|
};
|
|
11
11
|
export {
|
|
12
12
|
g as Adornment
|
|
@@ -1,45 +1,30 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { IconProps } from '../Icon/Icon';
|
|
1
|
+
import { Icon } from '../Icon/Icon';
|
|
3
2
|
import { ReactNode } from 'react';
|
|
4
3
|
|
|
5
|
-
export type
|
|
6
|
-
type
|
|
7
|
-
/** Advice
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
/** Advice
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
4
|
+
export type AdviceTypes = 'without-results' | 'no-permission' | 'no-items' | 'error-page';
|
|
5
|
+
export type AdviceProps = {
|
|
6
|
+
/** Advice icon.
|
|
7
|
+
* This property uses the Icon Component Props
|
|
8
|
+
*/
|
|
9
|
+
icon?: React.ComponentProps<typeof Icon>;
|
|
10
|
+
/** Advice SVG icon */
|
|
11
|
+
IconSvg?: React.FunctionComponent<React.SVGProps<SVGSVGElement> & {
|
|
12
|
+
title?: string | undefined;
|
|
13
|
+
}>;
|
|
14
|
+
/** Type of advice */
|
|
15
|
+
type?: AdviceTypes;
|
|
15
16
|
/** Advice content message */
|
|
16
17
|
content?: ReactNode;
|
|
17
|
-
|
|
18
|
+
title?: string;
|
|
19
|
+
description?: string;
|
|
20
|
+
/** Space seperated list of CSS classes to apply */
|
|
18
21
|
className?: string;
|
|
19
22
|
/** ID that tests can use to get this component from the DOM */
|
|
20
23
|
'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;
|
|
38
24
|
};
|
|
39
|
-
export type AdviceProps = AdviceWithType | AdviceWithIcon | AdviceWithIconSvg;
|
|
40
25
|
/**
|
|
41
26
|
* Advice component provide HTML with an icon and a message.
|
|
42
27
|
* Is commonly used to indicate No Permission and No Results.
|
|
43
28
|
*/
|
|
44
|
-
declare const Advice: ({
|
|
29
|
+
declare const Advice: ({ icon, type, content, title, description, className, IconSvg, ...rest }: AdviceProps) => import("react/jsx-runtime").JSX.Element;
|
|
45
30
|
export { Advice };
|
|
@@ -1,46 +1,47 @@
|
|
|
1
1
|
import '../../assets/Advice.css';
|
|
2
|
-
import { jsxs as
|
|
3
|
-
import { c as
|
|
4
|
-
import { Icon as
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
2
|
+
import { jsxs as h, jsx as r } from "react/jsx-runtime";
|
|
3
|
+
import { c as l } from "../../clsx-DB4S2d7J.js";
|
|
4
|
+
import { Icon as i } from "../Icon/Icon.js";
|
|
5
|
+
const n = "_advice_12o7p_56", d = "_content_12o7p_56", s = {
|
|
6
|
+
"u-typography-h1": "_u-typography-h1_12o7p_1",
|
|
7
|
+
"u-typography-h2": "_u-typography-h2_12o7p_8",
|
|
8
|
+
"u-typography-h3": "_u-typography-h3_12o7p_15",
|
|
9
|
+
"u-typography-h4": "_u-typography-h4_12o7p_22",
|
|
10
|
+
"u-typography-h5": "_u-typography-h5_12o7p_29",
|
|
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 = {
|
|
11
25
|
"no-permission": "eye-slash",
|
|
12
26
|
"no-items": "",
|
|
13
27
|
"error-page": "circle-exclamation",
|
|
14
28
|
"without-results": "folder-magnifying-glass"
|
|
15
|
-
},
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
})
|
|
29
|
-
|
|
30
|
-
|
|
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
|
-
] }));
|
|
29
|
+
}, v = ({ icon: p, type: o, content: e, title: y, description: _, className: g, IconSvg: t, ...u }) => {
|
|
30
|
+
const a = {
|
|
31
|
+
color: p != null && p.color ? p == null ? void 0 : p.color : o !== "error-page" ? "var(--accent)" : "var(--secondary-orange)",
|
|
32
|
+
size: (p == null ? void 0 : p.size) || "3.375rem",
|
|
33
|
+
icon: m[o] || (p == null ? void 0 : p.icon) || ""
|
|
34
|
+
};
|
|
35
|
+
return /* @__PURE__ */ h("div", { className: l(s.advice, g), ...u, children: [
|
|
36
|
+
t && o !== "no-items" && o !== "error-page" && /* @__PURE__ */ r(t, { style: { color: a.color, height: a.size, width: a.size } }),
|
|
37
|
+
!t && o !== "no-items" && /* @__PURE__ */ r(i, { ...a }),
|
|
38
|
+
o !== "error-page" && o !== "no-items" ? typeof e == "string" ? /* @__PURE__ */ r("p", { children: e }) : /* @__PURE__ */ r("div", { className: s.content, children: e }) : /* @__PURE__ */ h("div", { className: s["content-no-items"], children: [
|
|
39
|
+
/* @__PURE__ */ r("h3", { children: y }),
|
|
40
|
+
/* @__PURE__ */ r("p", { children: _ }),
|
|
41
|
+
e
|
|
42
|
+
] })
|
|
43
|
+
] });
|
|
44
|
+
};
|
|
44
45
|
export {
|
|
45
|
-
|
|
46
|
+
v as Advice
|
|
46
47
|
};
|
|
@@ -2,7 +2,7 @@ import { StoryObj } from '@storybook/react';
|
|
|
2
2
|
|
|
3
3
|
declare const meta: {
|
|
4
4
|
title: string;
|
|
5
|
-
component: ({
|
|
5
|
+
component: ({ icon, type, content, title, description, className, IconSvg, ...rest }: import('./Advice').AdviceProps) => import("react/jsx-runtime").JSX.Element;
|
|
6
6
|
tags: string[];
|
|
7
7
|
parameters: {
|
|
8
8
|
layout: string;
|
|
@@ -12,8 +12,7 @@ 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 NoItems: Story;
|
|
16
|
-
export declare const ErrorPage: Story;
|
|
17
15
|
export declare const CustomIcon: Story;
|
|
18
16
|
export declare const CustomIconSVG: Story;
|
|
19
|
-
export declare const
|
|
17
|
+
export declare const NoItems: Story;
|
|
18
|
+
export declare const ErrorPage: Story;
|
|
@@ -16,8 +16,6 @@ type ButtonCoreProps = {
|
|
|
16
16
|
variant?: Variant;
|
|
17
17
|
/** mui base button props */
|
|
18
18
|
muiButtonBaseProps?: MUIButtonBaseProps;
|
|
19
|
-
/** Id to be applied as `data-testid` on the container element */
|
|
20
|
-
'data-testid'?: string;
|
|
21
19
|
};
|
|
22
20
|
interface ButtonPropsWithLink extends ButtonCoreProps {
|
|
23
21
|
/** link for component to navigate to, if provide component will be an anchor */
|
|
@@ -1,67 +1,65 @@
|
|
|
1
1
|
import '../../assets/Button.css';
|
|
2
|
-
import { jsx as
|
|
3
|
-
import { forwardRef as
|
|
4
|
-
import { c
|
|
2
|
+
import { jsx as n, jsxs as l } from "react/jsx-runtime";
|
|
3
|
+
import { forwardRef as f, useMemo as d } from "react";
|
|
4
|
+
import { c } from "../../clsx-DB4S2d7J.js";
|
|
5
5
|
import { LoadingSpinner as m } from "../LoadingSpinner/LoadingSpinner.js";
|
|
6
|
-
import { B as
|
|
7
|
-
const k = "
|
|
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
|
-
"u-typography-base--xxl": "_u-typography-base--
|
|
16
|
-
"u-typography-base--xl": "_u-typography-base--
|
|
17
|
-
"u-typography-base--lg": "_u-typography-base--
|
|
6
|
+
import { B as x } from "../../Button-2b1peDFT.js";
|
|
7
|
+
const k = "_button_1ynf4_56", o = {
|
|
8
|
+
"u-typography-h1": "_u-typography-h1_1ynf4_1",
|
|
9
|
+
"u-typography-h2": "_u-typography-h2_1ynf4_8",
|
|
10
|
+
"u-typography-h3": "_u-typography-h3_1ynf4_15",
|
|
11
|
+
"u-typography-h4": "_u-typography-h4_1ynf4_22",
|
|
12
|
+
"u-typography-h5": "_u-typography-h5_1ynf4_29",
|
|
13
|
+
"u-typography-h6": "_u-typography-h6_1ynf4_36",
|
|
14
|
+
"u-typography-base": "_u-typography-base_1ynf4_43",
|
|
15
|
+
"u-typography-base--xxl": "_u-typography-base--xxl_1ynf4_48",
|
|
16
|
+
"u-typography-base--xl": "_u-typography-base--xl_1ynf4_52",
|
|
17
|
+
"u-typography-base--lg": "_u-typography-base--lg_1ynf4_56",
|
|
18
18
|
button: k,
|
|
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
|
-
"button--primary": "_button--
|
|
25
|
-
"button--secondary": "_button--
|
|
26
|
-
"button--quick": "_button--
|
|
27
|
-
"button__loading-container": "_button__loading-
|
|
28
|
-
},
|
|
19
|
+
"u-typography-base--sm": "_u-typography-base--sm_1ynf4_60",
|
|
20
|
+
"u-typography-base--bold": "_u-typography-base--bold_1ynf4_64",
|
|
21
|
+
"u-typography-base--strikethrough": "_u-typography-base--strikethrough_1ynf4_67",
|
|
22
|
+
"u-typography-base--underlined": "_u-typography-base--underlined_1ynf4_70",
|
|
23
|
+
"u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-underlined_1ynf4_73",
|
|
24
|
+
"button--primary": "_button--primary_1ynf4_85",
|
|
25
|
+
"button--secondary": "_button--secondary_1ynf4_100",
|
|
26
|
+
"button--quick": "_button--quick_1ynf4_117",
|
|
27
|
+
"button__loading-container": "_button__loading-container_1ynf4_137"
|
|
28
|
+
}, P = f((r, p) => {
|
|
29
29
|
const {
|
|
30
|
-
onClick:
|
|
31
|
-
link:
|
|
32
|
-
loading:
|
|
33
|
-
children:
|
|
30
|
+
onClick: _,
|
|
31
|
+
link: u,
|
|
32
|
+
loading: e,
|
|
33
|
+
children: y,
|
|
34
34
|
type: s = "button",
|
|
35
35
|
disabled: h,
|
|
36
|
-
className:
|
|
37
|
-
variant:
|
|
38
|
-
muiButtonBaseProps:
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
[r, o]
|
|
36
|
+
className: a,
|
|
37
|
+
variant: t = "primary",
|
|
38
|
+
muiButtonBaseProps: g
|
|
39
|
+
} = r, i = {
|
|
40
|
+
invert: t === "secondary" || t === "quick"
|
|
41
|
+
}, b = d(
|
|
42
|
+
() => c([o.button, o[`button--${t}`], a]),
|
|
43
|
+
[a, t]
|
|
45
44
|
);
|
|
46
|
-
return /* @__PURE__ */
|
|
47
|
-
|
|
45
|
+
return /* @__PURE__ */ n(
|
|
46
|
+
x,
|
|
48
47
|
{
|
|
49
48
|
type: s,
|
|
50
|
-
href:
|
|
51
|
-
onClick:
|
|
49
|
+
href: u,
|
|
50
|
+
onClick: _,
|
|
52
51
|
disabled: h,
|
|
53
52
|
className: b,
|
|
54
|
-
ref:
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
] }) : a
|
|
53
|
+
ref: p,
|
|
54
|
+
...g ?? {},
|
|
55
|
+
children: e ? /* @__PURE__ */ l("div", { className: o["button__loading-container"], children: [
|
|
56
|
+
/* @__PURE__ */ n(m, { ...i }),
|
|
57
|
+
y
|
|
58
|
+
] }) : y
|
|
61
59
|
}
|
|
62
60
|
);
|
|
63
61
|
});
|
|
64
62
|
export {
|
|
65
|
-
|
|
66
|
-
|
|
63
|
+
P as Button,
|
|
64
|
+
P as default
|
|
67
65
|
};
|
|
@@ -1,71 +1,71 @@
|
|
|
1
1
|
import '../../assets/Checkbox.css';
|
|
2
|
-
import { jsxs as
|
|
3
|
-
import * as
|
|
2
|
+
import { jsxs as v, jsx as c } from "react/jsx-runtime";
|
|
3
|
+
import * as o from "react";
|
|
4
4
|
import { useState as k, useEffect as i } from "react";
|
|
5
|
-
import { c as
|
|
6
|
-
const
|
|
7
|
-
"u-typography-h1": "_u-typography-
|
|
8
|
-
"u-typography-h2": "_u-typography-
|
|
9
|
-
"u-typography-h3": "_u-typography-
|
|
10
|
-
"u-typography-h4": "_u-typography-
|
|
11
|
-
"u-typography-h5": "_u-typography-
|
|
12
|
-
"u-typography-h6": "_u-typography-
|
|
13
|
-
"u-typography-base": "_u-typography-
|
|
14
|
-
"u-typography-base--xxl": "_u-typography-base--
|
|
15
|
-
"u-typography-base--xl": "_u-typography-base--
|
|
16
|
-
"u-typography-base--lg": "_u-typography-base--
|
|
17
|
-
"u-typography-base--sm": "_u-typography-base--
|
|
18
|
-
"u-typography-base--bold": "_u-typography-base--
|
|
19
|
-
"checkbox-wrapper": "_checkbox-
|
|
20
|
-
"label--highlighted": "_label--
|
|
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
|
-
label:
|
|
25
|
-
"label--highlighted-checked": "_label--highlighted-
|
|
26
|
-
checkmark:
|
|
27
|
-
"checkmark--checked": "_checkmark--
|
|
28
|
-
"checkmark--light-theme": "_checkmark--light-
|
|
29
|
-
"checkmark--accent-theme": "_checkmark--accent-
|
|
30
|
-
"checkmark--small-size": "_checkmark--small-
|
|
31
|
-
"checkmark--normal-size": "_checkmark--normal-
|
|
32
|
-
},
|
|
5
|
+
import { c as s } from "../../clsx-DB4S2d7J.js";
|
|
6
|
+
const N = (a) => /* @__PURE__ */ o.createElement("svg", { width: 14, height: 10, viewBox: "0 0 14 10", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...a }, /* @__PURE__ */ o.createElement("path", { d: "M13.7063 0.293438C14.0969 0.684062 14.0969 1.31531 13.7063 1.70594L5.70625 9.70594C5.31563 10.0966 4.68437 10.0966 4.29375 9.70594L0.292875 5.70594C-0.097625 5.31531 -0.097625 4.68406 0.292875 4.29344C0.683437 3.90281 1.31656 3.90281 1.70719 4.29344L4.97188 7.58406L12.2937 0.293438C12.6844 -0.0978125 13.3156 -0.0978125 13.7063 0.293438Z", fill: "#F7F7FC" })), z = "_label_18hen_64", E = "_checkmark_18hen_93", e = {
|
|
7
|
+
"u-typography-h1": "_u-typography-h1_18hen_1",
|
|
8
|
+
"u-typography-h2": "_u-typography-h2_18hen_8",
|
|
9
|
+
"u-typography-h3": "_u-typography-h3_18hen_15",
|
|
10
|
+
"u-typography-h4": "_u-typography-h4_18hen_22",
|
|
11
|
+
"u-typography-h5": "_u-typography-h5_18hen_29",
|
|
12
|
+
"u-typography-h6": "_u-typography-h6_18hen_36",
|
|
13
|
+
"u-typography-base": "_u-typography-base_18hen_43",
|
|
14
|
+
"u-typography-base--xxl": "_u-typography-base--xxl_18hen_48",
|
|
15
|
+
"u-typography-base--xl": "_u-typography-base--xl_18hen_52",
|
|
16
|
+
"u-typography-base--lg": "_u-typography-base--lg_18hen_56",
|
|
17
|
+
"u-typography-base--sm": "_u-typography-base--sm_18hen_60",
|
|
18
|
+
"u-typography-base--bold": "_u-typography-base--bold_18hen_64",
|
|
19
|
+
"checkbox-wrapper": "_checkbox-wrapper_18hen_64",
|
|
20
|
+
"label--highlighted": "_label--highlighted_18hen_64",
|
|
21
|
+
"u-typography-base--strikethrough": "_u-typography-base--strikethrough_18hen_67",
|
|
22
|
+
"u-typography-base--underlined": "_u-typography-base--underlined_18hen_70",
|
|
23
|
+
"u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-underlined_18hen_73",
|
|
24
|
+
label: z,
|
|
25
|
+
"label--highlighted-checked": "_label--highlighted-checked_18hen_90",
|
|
26
|
+
checkmark: E,
|
|
27
|
+
"checkmark--checked": "_checkmark--checked_18hen_105",
|
|
28
|
+
"checkmark--light-theme": "_checkmark--light-theme_18hen_108",
|
|
29
|
+
"checkmark--accent-theme": "_checkmark--accent-theme_18hen_115",
|
|
30
|
+
"checkmark--small-size": "_checkmark--small-size_18hen_122",
|
|
31
|
+
"checkmark--normal-size": "_checkmark--normal-size_18hen_129"
|
|
32
|
+
}, F = (a) => /* @__PURE__ */ o.createElement("svg", { width: 10, height: 3, viewBox: "0 0 10 3", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...a }, /* @__PURE__ */ o.createElement("rect", { y: 0.5, width: 10, height: 2, rx: 1, fill: "#1897F3" })), M = ({
|
|
33
33
|
className: a,
|
|
34
|
-
label:
|
|
34
|
+
label: n,
|
|
35
35
|
name: m,
|
|
36
|
-
theme:
|
|
37
|
-
size:
|
|
36
|
+
theme: u = "accent",
|
|
37
|
+
size: b = "normal",
|
|
38
38
|
checked: r,
|
|
39
|
-
onChange:
|
|
40
|
-
isIndeterminate:
|
|
41
|
-
highlightLabel:
|
|
42
|
-
...
|
|
39
|
+
onChange: d,
|
|
40
|
+
isIndeterminate: l,
|
|
41
|
+
highlightLabel: x = !1,
|
|
42
|
+
...p
|
|
43
43
|
}) => {
|
|
44
|
-
const [h,
|
|
44
|
+
const [h, g] = k(r), [t, y] = k(l);
|
|
45
45
|
i(() => {
|
|
46
|
-
r !== h &&
|
|
46
|
+
r !== h && g(r);
|
|
47
47
|
}, [r]), i(() => {
|
|
48
|
-
typeof
|
|
49
|
-
}, [
|
|
50
|
-
const
|
|
48
|
+
typeof l == "boolean" && y(l);
|
|
49
|
+
}, [l]);
|
|
50
|
+
const C = s(e["checkbox-wrapper"], a), f = s(
|
|
51
51
|
e.checkmark,
|
|
52
|
-
e[`checkmark--${
|
|
53
|
-
e[`checkmark--${
|
|
52
|
+
e[`checkmark--${u}-theme`],
|
|
53
|
+
e[`checkmark--${b}-size`],
|
|
54
54
|
(h || t) && e["checkmark--checked"]
|
|
55
|
-
),
|
|
55
|
+
), w = x && (p.children || n) ? s(
|
|
56
56
|
e.label,
|
|
57
57
|
e["label--highlighted"],
|
|
58
58
|
(h || t) && e["label--highlighted-checked"]
|
|
59
59
|
) : e.label;
|
|
60
|
-
return /* @__PURE__ */
|
|
61
|
-
let
|
|
62
|
-
t && (y(!1),
|
|
63
|
-
}, ...
|
|
60
|
+
return /* @__PURE__ */ v("div", { className: C, onClick: () => {
|
|
61
|
+
let _ = !h;
|
|
62
|
+
t && (y(!1), _ = !0), d(_), g(_);
|
|
63
|
+
}, ...p, children: [
|
|
64
64
|
/* @__PURE__ */ c("input", { name: m, type: "checkbox", checked: !t && h, readOnly: !0 }),
|
|
65
|
-
/* @__PURE__ */ c("span", { className:
|
|
66
|
-
/* @__PURE__ */ c("label", { className:
|
|
65
|
+
/* @__PURE__ */ c("span", { className: f, children: t ? /* @__PURE__ */ c(F, {}) : h && /* @__PURE__ */ c(N, {}) }),
|
|
66
|
+
/* @__PURE__ */ c("label", { className: w, children: p.children || n })
|
|
67
67
|
] });
|
|
68
68
|
};
|
|
69
69
|
export {
|
|
70
|
-
|
|
70
|
+
M as Checkbox
|
|
71
71
|
};
|