@okta/odyssey-react-mui 1.50.1 → 1.52.0
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/CHANGELOG.md +10 -0
- package/dist/{assets/axeRun-B-LchFqf.js → cjs/ConditionalWrapper.cjs} +22 -3
- package/dist/cjs/ConditionalWrapper.cjs.map +1 -0
- package/dist/cjs/DataTable/DataTable.cjs +1 -2
- package/dist/cjs/DataTable/DataTable.cjs.map +1 -1
- package/dist/cjs/Dialog.cjs +9 -1
- package/dist/cjs/Dialog.cjs.map +1 -1
- package/dist/cjs/Drawer.cjs +1 -0
- package/dist/cjs/Drawer.cjs.map +1 -1
- package/dist/cjs/FullScreenOverlay.cjs +4 -1
- package/dist/cjs/FullScreenOverlay.cjs.map +1 -1
- package/dist/cjs/FullScreenOverlayContext.cjs +10 -3
- package/dist/cjs/FullScreenOverlayContext.cjs.map +1 -1
- package/dist/cjs/HintLink.cjs +1 -1
- package/dist/cjs/HintLink.cjs.map +1 -1
- package/dist/cjs/OdysseyProvider.cjs +33 -22
- package/dist/cjs/OdysseyProvider.cjs.map +1 -1
- package/dist/cjs/Select.cjs +5 -0
- package/dist/cjs/Select.cjs.map +1 -1
- package/dist/cjs/__internal.cjs +11 -0
- package/dist/cjs/__internal.cjs.map +1 -1
- package/dist/cjs/createUniqueId.cjs +4 -1
- package/dist/cjs/createUniqueId.cjs.map +1 -1
- package/dist/cjs/labs/index.cjs +12 -0
- package/dist/cjs/labs/index.cjs.map +1 -1
- package/dist/cjs/theme/components.cjs +5 -2
- package/dist/cjs/theme/components.cjs.map +1 -1
- package/dist/cjs/ui-shell/NarrowUiShellContent.cjs +6 -10
- package/dist/cjs/ui-shell/NarrowUiShellContent.cjs.map +1 -1
- package/dist/cjs/ui-shell/SideNav/SideNavHeader.cjs +2 -2
- package/dist/cjs/ui-shell/SideNav/SideNavHeader.cjs.map +1 -1
- package/dist/cjs/ui-shell/SideNav/types.cjs.map +1 -1
- package/dist/cjs/ui-shell/UiShell.cjs +5 -1
- package/dist/cjs/ui-shell/UiShell.cjs.map +1 -1
- package/dist/cjs/ui-shell/{SideNav/SideNavLogo.cjs → UiShellLogo.cjs} +6 -6
- package/dist/cjs/ui-shell/UiShellLogo.cjs.map +1 -0
- package/dist/cjs/ui-shell/index.cjs +12 -0
- package/dist/cjs/ui-shell/index.cjs.map +1 -1
- package/dist/cjs/ui-shell/uiShellContentTypes.cjs.map +1 -1
- package/dist/cjs/useContrastMode.cjs +1 -1
- package/dist/cjs/useContrastMode.cjs.map +1 -1
- package/dist/cjs/web-component/odysseyWebComponentVersion.generated.cjs +1 -1
- package/dist/cjs/web-component/odysseyWebComponentVersion.generated.cjs.map +1 -1
- package/dist/{assets/pxToRem-BrMhKUxS.js → esm/ConditionalWrapper.js} +15 -1
- package/dist/esm/ConditionalWrapper.js.map +1 -0
- package/dist/esm/DataTable/DataTable.js +1 -2
- package/dist/esm/DataTable/DataTable.js.map +1 -1
- package/dist/esm/Dialog.js +10 -2
- package/dist/esm/Dialog.js.map +1 -1
- package/dist/esm/Drawer.js +1 -0
- package/dist/esm/Drawer.js.map +1 -1
- package/dist/esm/FullScreenOverlay.js +4 -1
- package/dist/esm/FullScreenOverlay.js.map +1 -1
- package/dist/esm/FullScreenOverlayContext.js +9 -2
- package/dist/esm/FullScreenOverlayContext.js.map +1 -1
- package/dist/esm/HintLink.js +1 -1
- package/dist/esm/HintLink.js.map +1 -1
- package/dist/esm/OdysseyProvider.js +34 -23
- package/dist/esm/OdysseyProvider.js.map +1 -1
- package/dist/esm/Select.js +5 -0
- package/dist/esm/Select.js.map +1 -1
- package/dist/esm/__internal.js +1 -0
- package/dist/esm/__internal.js.map +1 -1
- package/dist/esm/createUniqueId.js +4 -1
- package/dist/esm/createUniqueId.js.map +1 -1
- package/dist/esm/labs/index.js +1 -0
- package/dist/esm/labs/index.js.map +1 -1
- package/dist/esm/theme/components.js +5 -2
- package/dist/esm/theme/components.js.map +1 -1
- package/dist/esm/ui-shell/NarrowUiShellContent.js +6 -10
- package/dist/esm/ui-shell/NarrowUiShellContent.js.map +1 -1
- package/dist/esm/ui-shell/SideNav/SideNavHeader.js +2 -2
- package/dist/esm/ui-shell/SideNav/SideNavHeader.js.map +1 -1
- package/dist/esm/ui-shell/SideNav/types.js.map +1 -1
- package/dist/esm/ui-shell/UiShell.js +5 -1
- package/dist/esm/ui-shell/UiShell.js.map +1 -1
- package/dist/esm/ui-shell/{SideNav/SideNavLogo.js → UiShellLogo.js} +6 -6
- package/dist/esm/ui-shell/UiShellLogo.js.map +1 -0
- package/dist/esm/ui-shell/index.js +1 -0
- package/dist/esm/ui-shell/index.js.map +1 -1
- package/dist/esm/ui-shell/uiShellContentTypes.js.map +1 -1
- package/dist/esm/useContrastMode.js +1 -1
- package/dist/esm/useContrastMode.js.map +1 -1
- package/dist/esm/web-component/odysseyWebComponentVersion.generated.js +1 -1
- package/dist/esm/web-component/odysseyWebComponentVersion.generated.js.map +1 -1
- package/dist/index.d.ts +21 -232
- package/dist/index.es.js.map +1 -1
- package/dist/index.iife.js.map +1 -1
- package/dist/index.umd.cjs.map +1 -1
- package/dist/tsconfig.production.tsbuildinfo +1 -1
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/dist/{assets/uiShellSharedConstants-CvCey4L_.js → types/ConditionalWrapper.d.ts} +10 -1
- package/dist/types/ConditionalWrapper.d.ts.map +1 -0
- package/dist/types/DataTable/DataTable.d.ts.map +1 -1
- package/dist/types/Dialog.d.ts +5 -1
- package/dist/types/Dialog.d.ts.map +1 -1
- package/dist/types/Drawer.d.ts.map +1 -1
- package/dist/types/FullScreenOverlay.d.ts +3 -2
- package/dist/types/FullScreenOverlay.d.ts.map +1 -1
- package/dist/types/FullScreenOverlayContext.d.ts +12 -1
- package/dist/types/FullScreenOverlayContext.d.ts.map +1 -1
- package/dist/types/OdysseyProvider.d.ts +7 -1
- package/dist/types/OdysseyProvider.d.ts.map +1 -1
- package/dist/types/Select.d.ts.map +1 -1
- package/dist/types/__internal.d.ts +1 -0
- package/dist/types/__internal.d.ts.map +1 -1
- package/dist/types/createUniqueId.d.ts.map +1 -1
- package/dist/types/labs/index.d.ts +4 -0
- package/dist/types/labs/index.d.ts.map +1 -1
- package/dist/types/theme/components.d.ts.map +1 -1
- package/dist/types/tsconfig.tsbuildinfo +1 -1
- package/dist/types/ui-shell/NarrowUiShellContent.d.ts +2 -2
- package/dist/types/ui-shell/NarrowUiShellContent.d.ts.map +1 -1
- package/dist/types/ui-shell/SideNav/SideNavHeader.d.ts +6 -2
- package/dist/types/ui-shell/SideNav/SideNavHeader.d.ts.map +1 -1
- package/dist/types/ui-shell/SideNav/types.d.ts +4 -44
- package/dist/types/ui-shell/SideNav/types.d.ts.map +1 -1
- package/dist/types/ui-shell/UiShell.d.ts.map +1 -1
- package/dist/types/ui-shell/UiShellLogo.d.ts +55 -0
- package/dist/types/ui-shell/UiShellLogo.d.ts.map +1 -0
- package/dist/types/ui-shell/index.d.ts +1 -0
- package/dist/types/ui-shell/index.d.ts.map +1 -1
- package/dist/types/ui-shell/uiShellContentTypes.d.ts +7 -0
- package/dist/types/ui-shell/uiShellContentTypes.d.ts.map +1 -1
- package/dist/types/useContrastMode.d.ts +1 -1
- package/dist/types/useContrastMode.d.ts.map +1 -1
- package/dist/types/web-component/odysseyWebComponentVersion.generated.d.ts +1 -1
- package/package.json +8 -8
- package/dist/appswitcher/admin-app-default.svg +0 -6
- package/dist/appswitcher/admin-app-selected.svg +0 -6
- package/dist/appswitcher/aerial-default.svg +0 -7
- package/dist/appswitcher/aerial-selected.svg +0 -7
- package/dist/appswitcher/okta-dashboard-default.svg +0 -7
- package/dist/appswitcher/okta-dashboard-selected.svg +0 -7
- package/dist/appswitcher/privileged-access-default.svg +0 -4
- package/dist/appswitcher/privileged-access-selected.svg +0 -4
- package/dist/appswitcher/workflows-default.svg +0 -5
- package/dist/appswitcher/workflows-selected.svg +0 -5
- package/dist/assets/Accordion-TL4V06gN.js +0 -1
- package/dist/assets/Accordion.stories-_etHHM8e.js +0 -85
- package/dist/assets/AccordionSummary-D9iUNt-k.js +0 -1
- package/dist/assets/AlertTitle-C5NflvC5.js +0 -1
- package/dist/assets/AppSwitcher-QbTtJQaq.js +0 -21
- package/dist/assets/AppSwitcher.stories-DHBG5rOr.js +0 -100
- package/dist/assets/AppTile _labs_.stories-C-dzZ7Qn.js +0 -136
- package/dist/assets/ArrowDropDown-DddCYTEO.js +0 -1
- package/dist/assets/ArrowRight-BCdbWzwG.js +0 -1
- package/dist/assets/Autocomplete-BMfy4j72.js +0 -1
- package/dist/assets/Autocomplete-DVDZYzDH.js +0 -1
- package/dist/assets/Autocomplete.stories-B8RiFnpA.js +0 -316
- package/dist/assets/Badge-DGWMi2ON.js +0 -11
- package/dist/assets/Banner-DCJxRKN5.js +0 -1
- package/dist/assets/Banner.stories-Bsazp99i.js +0 -96
- package/dist/assets/BaseButton-C1Nzi3yl.js +0 -11
- package/dist/assets/BaseMenuButton-DPFgAU1j.js +0 -1
- package/dist/assets/Box-BK5oZBIO.js +0 -1
- package/dist/assets/Box-CTjIz0-2.js +0 -1
- package/dist/assets/Box-Csk9IBP6.js +0 -11
- package/dist/assets/Box.stories-CtReuS8W.js +0 -38
- package/dist/assets/Breadcrumbs-DnkzpkPy.js +0 -6
- package/dist/assets/Breadcrumbs.stories-C7zVt3mr.js +0 -79
- package/dist/assets/Bug-CxccEZAh.js +0 -1
- package/dist/assets/Button-CbJri63v.js +0 -1
- package/dist/assets/Button-DuM2NeMY.js +0 -11
- package/dist/assets/Button.stories-CRV-c8gG.js +0 -271
- package/dist/assets/ButtonBase-Lbe0_84r.js +0 -74
- package/dist/assets/Calendar-DXL71nUA.js +0 -1
- package/dist/assets/Callout-DY2rv89C.js +0 -1
- package/dist/assets/Callout.stories--Eo8BRU5.js +0 -128
- package/dist/assets/Card-BBklAYRu.js +0 -8
- package/dist/assets/Card-z7130zaB.js +0 -1
- package/dist/assets/Card.stories-fvpTzjYC.js +0 -56
- package/dist/assets/CardActionArea-B7i8fBJO.js +0 -1
- package/dist/assets/CardActions-C8G3mEo5.js +0 -1
- package/dist/assets/Checkbox-BlSNHylx.js +0 -1
- package/dist/assets/Checkbox-CMDOP82Q.js +0 -1
- package/dist/assets/Checkbox.stories-DP2aUvGZ.js +0 -96
- package/dist/assets/CheckboxGroup-CwIFFbkc.js +0 -1
- package/dist/assets/CheckboxGroup.stories-Bo4ON9ko.js +0 -92
- package/dist/assets/ChevronRight-SFKDVCjo.js +0 -1
- package/dist/assets/ChevronUp-DyYSBYAc.js +0 -1
- package/dist/assets/Chip-M3FRYspe.js +0 -1
- package/dist/assets/CircularProgress-K0vgt9-g.js +0 -28
- package/dist/assets/CircularProgress-iBaxEenq.js +0 -1
- package/dist/assets/CircularProgress.stories-B0Pf66JJ.js +0 -44
- package/dist/assets/Clock-B6hba9Vz.js +0 -1
- package/dist/assets/Close-DJA1l50S.js +0 -1
- package/dist/assets/Code Styling Guidelines-pHbGhTau.js +0 -14
- package/dist/assets/Collapse-DKQFr8Jv.js +0 -1
- package/dist/assets/Color-YHDXOIA2-CG5LwN35.js +0 -1
- package/dist/assets/CssBaseline-Bkt1iTa6.js +0 -191
- package/dist/assets/CssBaseline.stories-DJmHUmdE.js +0 -364
- package/dist/assets/Custom Theming-B72hK7oE.js +0 -135
- package/dist/assets/Custom Theming.stories-Cf2-ayRw.js +0 -95
- package/dist/assets/DataFilters _labs_-jIB_cIPS.js +0 -55
- package/dist/assets/DataFilters _labs_.stories-Bbrh7lix.js +0 -31
- package/dist/assets/DataFilters-DPi4_TMw.js +0 -1
- package/dist/assets/DataTable _labs_-UipdAC3j.js +0 -41
- package/dist/assets/DataTable _labs_.stories-o_LRnzmM.js +0 -21
- package/dist/assets/DataTable-8_tFkAz1.js +0 -404
- package/dist/assets/DataTable-Breh7Oua.js +0 -21
- package/dist/assets/DataTable.stories-D_xL1EQO.js +0 -438
- package/dist/assets/DataView _labs_-Uk1ng26p.js +0 -332
- package/dist/assets/DataView _labs_.stories-BIkujkH4.js +0 -438
- package/dist/assets/DataView-CBu_vDz5.js +0 -91
- package/dist/assets/DataView.stories-BZ_fLfnH.js +0 -954
- package/dist/assets/DatePicker-DcQC9osa.js +0 -1
- package/dist/assets/DatePicker-DrZNv0PG.js +0 -11
- package/dist/assets/DatePicker.stories-CdxHpQSt.js +0 -133
- package/dist/assets/DateTimePicker-Bc3ybPls.js +0 -1
- package/dist/assets/DateTimePicker.stories-EwHhkVLF.js +0 -158
- package/dist/assets/Design Tokens-rV9HMgkt.js +0 -4
- package/dist/assets/Dialog-DzHtD6Y8.js +0 -1
- package/dist/assets/Dialog.stories-Da8cQK7E.js +0 -201
- package/dist/assets/DialogContent-CfzX3t0u.js +0 -1
- package/dist/assets/DialogTitle-DWrKQeoP.js +0 -1
- package/dist/assets/Divider-bVF9wNUG.js +0 -1
- package/dist/assets/DocsRenderer-CFRXHY34-DjVgG9gc.js +0 -2
- package/dist/assets/Documentation-D-myRfum.js +0 -1
- package/dist/assets/Download-vZ2qKd4H.js +0 -1
- package/dist/assets/Drawer-D97GHbuL.js +0 -33
- package/dist/assets/Drawer.stories-BgDN3SBx.js +0 -95
- package/dist/assets/EmptyState-DqVcjLYd.js +0 -11
- package/dist/assets/EmptyState.stories-LlfICq7c.js +0 -11
- package/dist/assets/ExampleButton.stories-Dlu-0j3r.js +0 -320
- package/dist/assets/Extending Translations-yMUmArCq.js +0 -148
- package/dist/assets/ExternalLink-D3z7HWdx.js +0 -1
- package/dist/assets/Fade-fD56BVkE.js +0 -1
- package/dist/assets/Field-QbF6sK2K.js +0 -11
- package/dist/assets/FieldHint-Mz3OdL0I.js +0 -1
- package/dist/assets/Fieldset-Qg__SoCs.js +0 -11
- package/dist/assets/Fieldset.stories-CSgoy_R1.js +0 -15
- package/dist/assets/FileUploader.stories-CLC8ua1s.js +0 -58
- package/dist/assets/Filter-sXa3iWrm.js +0 -1
- package/dist/assets/Folder-DFjbrJpD.js +0 -1
- package/dist/assets/Form Field Accessibility-CeE-yHi9.js +0 -18
- package/dist/assets/Form--NGGwJcX.js +0 -11
- package/dist/assets/Form.stories-DpN6pnfW.js +0 -69
- package/dist/assets/FormControlLabel-DPa22EmK.js +0 -1
- package/dist/assets/FormGroup-CYHiKrU4.js +0 -1
- package/dist/assets/FormHelperText-DQoZ2-nD.js +0 -1
- package/dist/assets/FormLabel-CjrKvhME.js +0 -1
- package/dist/assets/FullScreenOverlay-B8rXO7lI.js +0 -11
- package/dist/assets/Generating Icons-4rsSwyQz.js +0 -16
- package/dist/assets/Globe-DER_Oel8.js +0 -1
- package/dist/assets/Grid-_Dwg3x03.js +0 -1
- package/dist/assets/Group-D87tnFnJ.js +0 -1
- package/dist/assets/GroupPicker _labs_.stories-Dkot8Gvy.js +0 -33
- package/dist/assets/Grow-D6A2VZqw.js +0 -1
- package/dist/assets/Hide-ovxLvICH.js +0 -1
- package/dist/assets/Hint-CkN2-6Wh.js +0 -11
- package/dist/assets/Home-Cn8YbOdj.js +0 -1
- package/dist/assets/Icon _icons_.stories-qnlVJ269.js +0 -16
- package/dist/assets/IconButton-CgM2Hv_L.js +0 -1
- package/dist/assets/IconWithTooltip _icons_.stories-Bdz-yaYX.js +0 -19
- package/dist/assets/InformationCircle-CG6-PCJh.js +0 -1
- package/dist/assets/InputAdornment-CVIbzdDI.js +0 -1
- package/dist/assets/InputBase-DSyP23zj.js +0 -2
- package/dist/assets/Installing odyssey-react-mui-CiYP6xN7.js +0 -216
- package/dist/assets/Introduction-CrzfC_TA.js +0 -36
- package/dist/assets/Layout-CLuC-soE.js +0 -11
- package/dist/assets/Layout.stories-CBxD-F_N.js +0 -285
- package/dist/assets/Legacy Migrations-ClnAFJAt.js +0 -86
- package/dist/assets/Link-BS9ZeF6K.js +0 -11
- package/dist/assets/Link-Ck99nJao.js +0 -1
- package/dist/assets/Link-D0sejjD3.js +0 -1
- package/dist/assets/Link-PjuOItUN.js +0 -1
- package/dist/assets/Link.stories--V5lBgMx.js +0 -43
- package/dist/assets/List-B7JH4gjK.js +0 -1
- package/dist/assets/List-BSidosAy.js +0 -1
- package/dist/assets/ListItem-DB9pwEx3.js +0 -1
- package/dist/assets/ListSubheader--G940pR4.js +0 -1
- package/dist/assets/Menu-C2dEwThV.js +0 -1
- package/dist/assets/MenuButton-Bh79TcKB.js +0 -9
- package/dist/assets/MenuButton-C-OmKt3g.js +0 -11
- package/dist/assets/MenuButton.stories-Ceqz4qjB.js +0 -246
- package/dist/assets/MenuContext-DKMyPMNY.js +0 -11
- package/dist/assets/MenuItem-C0i8WJAZ.js +0 -1
- package/dist/assets/MenuItem-D69h7bYZ.js +0 -1
- package/dist/assets/MenuItem.stories-D1nmz6cr.js +0 -29
- package/dist/assets/MenuList-BCZDiX8u.js +0 -1
- package/dist/assets/Modal-Ddv1e_fT.js +0 -1
- package/dist/assets/More-DLP5TTaz.js +0 -1
- package/dist/assets/MuiPropsContext-DhRylJZk.js +0 -11
- package/dist/assets/NativeSelect.stories-iwOAP2MY.js +0 -173
- package/dist/assets/Notification-DZN2A8i5.js +0 -1
- package/dist/assets/OdysseyProvider-oMWLr_-4.js +0 -66
- package/dist/assets/OdysseyStorybookThemeDecorator-DmBIIOGu.js +0 -1
- package/dist/assets/OdysseyThemeProvider-C4N_85M9.js +0 -189
- package/dist/assets/PageHeader.stories-CP7yWDvu.js +0 -57
- package/dist/assets/PageHeader.stories-o8T_qtyq.js +0 -364
- package/dist/assets/PageTemplate _labs_-D-ZpvSDn.js +0 -8
- package/dist/assets/PageTemplate _labs_.stories-CcKAPVlY.js +0 -306
- package/dist/assets/PageTemplate-DwiuZ2gD.js +0 -21
- package/dist/assets/PageTemplate.stories-BWAsJCDg.js +0 -205
- package/dist/assets/PaginatedTable _labs_.stories-eXIvKB_N.js +0 -65
- package/dist/assets/Pagination-CPZOkZUE.js +0 -11
- package/dist/assets/Pagination.stories-ZB73al5s.js +0 -17
- package/dist/assets/Paper-D4wDjY4F.js +0 -1
- package/dist/assets/PasswordField.stories-CFBj2mPt.js +0 -129
- package/dist/assets/Picker _labs_.stories-BSP2s_pC.js +0 -18
- package/dist/assets/PickerWithOptionAdornment _labs_.stories-CcdT2YZm.js +0 -70
- package/dist/assets/PlaceholderLogo-JfVvgA23.js +0 -11
- package/dist/assets/Popper-9pd1Yneu.js +0 -1
- package/dist/assets/Portal-DK2ELYoG.js +0 -1
- package/dist/assets/ProgressBar.stories-BNmDO6bH.js +0 -311
- package/dist/assets/Radio-B2zw408T.js +0 -1
- package/dist/assets/Radio-BRMnUBeG.js +0 -1
- package/dist/assets/Radio.stories-BiHez-Um.js +0 -63
- package/dist/assets/RadioGroup-3NM12Muw.js +0 -10
- package/dist/assets/RadioGroup-BM3_3HU2.js +0 -1
- package/dist/assets/RadioGroup-CZWIkl-b.js +0 -1
- package/dist/assets/RadioGroup.stories-cENtOlFv.js +0 -138
- package/dist/assets/Refresh-D3vISItP.js +0 -1
- package/dist/assets/ResourceAccessPolicyComponentsStorybookThemeDecorator-Di2iOJpx.js +0 -212
- package/dist/assets/Right-to-Left (RTL)-fcueNY4p.js +0 -62
- package/dist/assets/ScreenReaderText-6_RVPtH_.js +0 -15
- package/dist/assets/ScreenReaderText-DrkvjfUf.js +0 -1
- package/dist/assets/ScreenReaderText.stories-CO8LdK8F.js +0 -8
- package/dist/assets/Search-BH45H3v4.js +0 -1
- package/dist/assets/SearchDropdown _labs_.stories-Bmp81G56.js +0 -53
- package/dist/assets/SearchField-vEVEEXjl.js +0 -1
- package/dist/assets/SearchField.stories-C83bZsBy.js +0 -37
- package/dist/assets/Select-DGL00QcS.js +0 -15
- package/dist/assets/Select-Dg6qtAos.js +0 -1
- package/dist/assets/Select.stories-CZO06lSs.js +0 -293
- package/dist/assets/Server-3cieqme0.js +0 -1
- package/dist/assets/Settings-Bxzwc53G.js +0 -1
- package/dist/assets/Setup-wp_q8G1u.js +0 -7
- package/dist/assets/Shadow DOM-UCL9R1Bd.js +0 -64
- package/dist/assets/Show-D1oNDX9u.js +0 -1
- package/dist/assets/SideNav-CA5MPRIw.js +0 -85
- package/dist/assets/SideNav-DjaJNhvQ.js +0 -131
- package/dist/assets/SideNav.stories-DsqmEgxA.js +0 -207
- package/dist/assets/Skeleton-Bgl-rJ6W.js +0 -51
- package/dist/assets/Snackbar-hhmQPX8K.js +0 -1
- package/dist/assets/Stack-Dyzg8njm.js +0 -1
- package/dist/assets/Stack.stories-DoWxKo-o.js +0 -1
- package/dist/assets/StaticTable _labs_.stories-CwBlkxKe.js +0 -34
- package/dist/assets/Status-SY8R_HiF.js +0 -1
- package/dist/assets/Status.stories-DEyjfdZ8.js +0 -66
- package/dist/assets/Stepper.stories-C2_hEMjv.js +0 -564
- package/dist/assets/Surface-DBEECTVv.js +0 -1
- package/dist/assets/Switch.stories-CsPyggPf.js +0 -61
- package/dist/assets/SwitchBase-n4YlIRfi.js +0 -1
- package/dist/assets/Sync-MXQ8RKoq.js +0 -1
- package/dist/assets/Tabs-CKDb0WZw.js +0 -23
- package/dist/assets/Tabs-Yjnd4xiR.js +0 -1
- package/dist/assets/Tabs.stories-DYgpMtE6.js +0 -100
- package/dist/assets/Tag-DCZngwHs.js +0 -11
- package/dist/assets/Tag.stories-DjsZZZ5g.js +0 -96
- package/dist/assets/TagList-BvQLms1L.js +0 -1
- package/dist/assets/TextField-DUdvP48K.js +0 -1
- package/dist/assets/TextField.stories-CFIUIy2O.js +0 -149
- package/dist/assets/Toast.stories-DmPuslG7.js +0 -134
- package/dist/assets/ToastManager.stories-C0WSwoY-.js +0 -196
- package/dist/assets/Tooltip-DOwIJUHs.js +0 -1
- package/dist/assets/Tooltip-ciZ4e0Eb.js +0 -11
- package/dist/assets/Tooltip.stories-B4e1QEoX.js +0 -68
- package/dist/assets/TopNav-DjvdFijR.js +0 -11
- package/dist/assets/TopNav.stories-Ctwu_9N_.js +0 -13
- package/dist/assets/TransitionGroupContext-DAL84N7p.js +0 -1
- package/dist/assets/Typography-C4vClHaZ.js +0 -1
- package/dist/assets/Typography-DkvJJHkF.js +0 -1
- package/dist/assets/Typography-NdqIGwl5.js +0 -1
- package/dist/assets/Typography-c9CeGtmy.js +0 -9
- package/dist/assets/Typography.stories-C8KXE15q.js +0 -139
- package/dist/assets/Typography.stories-Di7tmDM_.js +0 -73
- package/dist/assets/UiShell.stories-CkplIEt6.js +0 -558
- package/dist/assets/UiShellProvider-Do3wWAnY.js +0 -31
- package/dist/assets/Upload-B99qcWTV.js +0 -1
- package/dist/assets/User-D5oZGOlm.js +0 -1
- package/dist/assets/UserProfile-DyDMmyrK.js +0 -11
- package/dist/assets/UserProfile.stories-W7GTlBN8.js +0 -14
- package/dist/assets/UserProfileMenuButton.stories-BLoHU0os.js +0 -30
- package/dist/assets/Video-t97PFROt.js +0 -1
- package/dist/assets/WorkflowsComponentsStorybookThemeDecorator-C42hLMDY.js +0 -197
- package/dist/assets/_commonjsHelpers-gnU0ypJ3.js +0 -1
- package/dist/assets/assertThisInitialized-B9jnkVVz.js +0 -1
- package/dist/assets/axe-4JP0vCEZ.js +0 -30
- package/dist/assets/chunk-XP5HYGXS-BpfKkqn7.js +0 -1
- package/dist/assets/client-ByW5HbEz.js +0 -1
- package/dist/assets/colorManipulator-BmBCr6qx.js +0 -1
- package/dist/assets/constants-CGUp4oSR.js +0 -11
- package/dist/assets/constants-CyailK6t.js +0 -11
- package/dist/assets/createBox-Cu6fLdzL.js +0 -1
- package/dist/assets/createChainedFunction-BO_9K8Jh.js +0 -1
- package/dist/assets/createStyled-CcazfAPj.js +0 -1
- package/dist/assets/createSvgIcon-V-Po-Ssl.js +0 -1
- package/dist/assets/createUniqueId-ByTaVY63.js +0 -1
- package/dist/assets/debounce-Be36O1Ab.js +0 -1
- package/dist/assets/dialogActionsClasses-p1SqDmrR.js +0 -1
- package/dist/assets/dom.esm-B9r8vBgQ.js +0 -65
- package/dist/assets/emotion-react-jsx-runtime.browser.esm-DIdX2qdc.js +0 -1
- package/dist/assets/entry-preview-CPHmgmI_.js +0 -2
- package/dist/assets/entry-preview-docs-BKXv92OK.js +0 -46
- package/dist/assets/fieldComponentPropsMetaData-BqbNLw6V.js +0 -11
- package/dist/assets/getReactElementRef-SdO7zWnC.js +0 -1
- package/dist/assets/getScrollbarSize-Bqq2hMjQ.js +0 -1
- package/dist/assets/i18next-7SyOfhCu.js +0 -1
- package/dist/assets/iconUtils-01jcyLGr.js +0 -11
- package/dist/assets/iframe-pzQvMjuK.js +0 -211
- package/dist/assets/index-B-lxVbXh.js +0 -1
- package/dist/assets/index-B5xazMy1.js +0 -1
- package/dist/assets/index-BJMTVygn.js +0 -240
- package/dist/assets/index-BJRwoad0.js +0 -1
- package/dist/assets/index-BJTM6NaI.js +0 -192
- package/dist/assets/index-BVtttuMv.js +0 -1
- package/dist/assets/index-BeeV6X6A.js +0 -1
- package/dist/assets/index-CXQShRbs.js +0 -8
- package/dist/assets/index-DDAqzdZr.js +0 -1
- package/dist/assets/index-DieBXP3Z.js +0 -24
- package/dist/assets/index-DrFu-skq.js +0 -6
- package/dist/assets/index-NdkWRN8K.js +0 -9
- package/dist/assets/index-c74KQyVj.js +0 -384
- package/dist/assets/index.esm-C8irYXeq.js +0 -1
- package/dist/assets/index.esm-Dv3Cs9mX.js +0 -138
- package/dist/assets/index.modern-CkASn_bb.js +0 -14
- package/dist/assets/inheritsLoose-S-YxUaHb.js +0 -1
- package/dist/assets/inputUtils-Dbi8XkA6.js +0 -11
- package/dist/assets/isHostComponent-DVu5iVWx.js +0 -1
- package/dist/assets/jsx-runtime-CnH95YSl.js +0 -9
- package/dist/assets/matchers-7Z3WT2CE-T3xScrR7.js +0 -14
- package/dist/assets/ownerDocument-DW-IO8s5.js +0 -1
- package/dist/assets/ownerWindow-HkKU3E4x.js +0 -1
- package/dist/assets/personData-BDz2-Bac.js +0 -11
- package/dist/assets/personData-TjBCCFSX.js +0 -1
- package/dist/assets/pickerComponentPropsMetadata-DyMkD2Aw.js +0 -21
- package/dist/assets/popper-ChLFknNm.js +0 -1
- package/dist/assets/preview-B8lJiyuQ.js +0 -34
- package/dist/assets/preview-BAx1BwgB.js +0 -1
- package/dist/assets/preview-BBWR9nbA.js +0 -1
- package/dist/assets/preview-BWzBA1C2.js +0 -396
- package/dist/assets/preview-BaoH-L4j.js +0 -1
- package/dist/assets/preview-CQqyhYi4.js +0 -2
- package/dist/assets/preview-CYp4EYYZ.js +0 -1
- package/dist/assets/preview-CvbIS5ZJ.js +0 -1
- package/dist/assets/preview-DGUiP6tS.js +0 -7
- package/dist/assets/preview-DHQbi4pV.js +0 -1
- package/dist/assets/preview-Db5KMipM.js +0 -2
- package/dist/assets/preview-MBifGIx_.js +0 -1
- package/dist/assets/queryOdysseySelector-_ueksTI2.js +0 -123
- package/dist/assets/react-18-u8niHpKc.js +0 -1
- package/dist/assets/renderUiShell.stories-DJOqBLkr.js +0 -872
- package/dist/assets/resolveComponentProps-D1ztx9lS.js +0 -1
- package/dist/assets/tableSortLabelClasses-BUdDGZ1b.js +0 -1
- package/dist/assets/test-utils-H9lH7T5D.js +0 -9
- package/dist/assets/useAutocomplete-B3_vLbIK.js +0 -11
- package/dist/assets/useControlled-NQulfz4l.js +0 -1
- package/dist/assets/useFormControl-BMISTZuX.js +0 -1
- package/dist/assets/useIsFocusVisible-DH0qxT5e.js +0 -1
- package/dist/assets/useMobilePicker-NPR54vgn.js +0 -6
- package/dist/assets/useMountLifecycleEffect-CjsUCFhB.js +0 -11
- package/dist/assets/useOdysseyDateFields-NlKc4Nvp.js +0 -61
- package/dist/assets/useScrollIndication-DY-bS9Bn.js +0 -31
- package/dist/assets/useSlot-D_uu6bU4.js +0 -1
- package/dist/assets/useThemeProps-BX3arxP9.js +0 -1
- package/dist/assets/useThemeProps-k7xle20R.js +0 -1
- package/dist/assets/useUniqueId-Bsgqe1tm.js +0 -11
- package/dist/assets/utilities.esm-DpQ0TZP_.js +0 -5
- package/dist/assets/utils-3Wr9v8NX.js +0 -1
- package/dist/assets/utils-iop7lDec.js +0 -1
- package/dist/assets/v4-CtRu48qb.js +0 -1
- package/dist/assets/visuallyHidden-Dan1xhjv.js +0 -1
- package/dist/cjs/ui-shell/SideNav/SideNavLogo.cjs.map +0 -1
- package/dist/esm/ui-shell/SideNav/SideNavLogo.js.map +0 -1
- package/dist/favicon.svg +0 -1
- package/dist/iframe.html +0 -748
- package/dist/index.cjs +0 -231
- package/dist/index.html +0 -203
- package/dist/index.json +0 -1
- package/dist/index.mjs +0 -229
- package/dist/index.scss +0 -549
- package/dist/nunito-sans-bold-italic.woff2 +0 -0
- package/dist/nunito-sans-bold.woff2 +0 -0
- package/dist/nunito-sans-italic.woff2 +0 -0
- package/dist/nunito-sans-regular.woff2 +0 -0
- package/dist/project.json +0 -1
- package/dist/sb-addons/a11y-3/manager-bundle.js +0 -220
- package/dist/sb-addons/docs-1/manager-bundle.js +0 -242
- package/dist/sb-addons/essentials-actions-5/manager-bundle.js +0 -3
- package/dist/sb-addons/essentials-backgrounds-6/manager-bundle.js +0 -12
- package/dist/sb-addons/essentials-controls-4/manager-bundle.js +0 -402
- package/dist/sb-addons/essentials-measure-9/manager-bundle.js +0 -3
- package/dist/sb-addons/essentials-outline-10/manager-bundle.js +0 -3
- package/dist/sb-addons/essentials-toolbars-8/manager-bundle.js +0 -3
- package/dist/sb-addons/essentials-viewport-7/manager-bundle.js +0 -3
- package/dist/sb-addons/interactions-11/manager-bundle.js +0 -222
- package/dist/sb-addons/links-2/manager-bundle.js +0 -3
- package/dist/sb-addons/rtl-12/manager-bundle.js +0 -3
- package/dist/sb-addons/storybook-13/manager-bundle.js +0 -3
- package/dist/sb-addons/storybook-core-core-server-presets-0/common-manager-bundle.js +0 -3
- package/dist/sb-common-assets/favicon.svg +0 -1
- package/dist/sb-common-assets/nunito-sans-bold-italic.woff2 +0 -0
- package/dist/sb-common-assets/nunito-sans-bold.woff2 +0 -0
- package/dist/sb-common-assets/nunito-sans-italic.woff2 +0 -0
- package/dist/sb-common-assets/nunito-sans-regular.woff2 +0 -0
- package/dist/sb-manager/globals-module-info.js +0 -1052
- package/dist/sb-manager/globals-runtime.js +0 -42127
- package/dist/sb-manager/globals.js +0 -48
- package/dist/sb-manager/runtime.js +0 -12048
- package/dist/types/ui-shell/SideNav/SideNavLogo.d.ts +0 -15
- package/dist/types/ui-shell/SideNav/SideNavLogo.d.ts.map +0 -1
|
@@ -1,271 +0,0 @@
|
|
|
1
|
-
import{j as e}from"./jsx-runtime-CnH95YSl.js";import{f as ja,w as La,u as x,e as Ma,a as za}from"./index-BJMTVygn.js";import{a as Pa}from"./axeRun-B-LchFqf.js";import{i as s}from"./iconUtils-01jcyLGr.js";import{O as Va}from"./OdysseyStorybookThemeDecorator-DmBIIOGu.js";import{b as F,a as k,c as T}from"./BaseButton-C1Nzi3yl.js";import{M as o}from"./Button-DuM2NeMY.js";import{M as I}from"./index-BJRwoad0.js";import{M as Oa}from"./Box-BK5oZBIO.js";import"./index-NdkWRN8K.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./axe-4JP0vCEZ.js";import"./OdysseyThemeProvider-C4N_85M9.js";import"./index-BJTM6NaI.js";import"./OdysseyProvider-oMWLr_-4.js";import"./MuiPropsContext-DhRylJZk.js";import"./Tooltip-ciZ4e0Eb.js";import"./Tooltip-DOwIJUHs.js";import"./Grow-D6A2VZqw.js";import"./utils-3Wr9v8NX.js";import"./inheritsLoose-S-YxUaHb.js";import"./index-B5xazMy1.js";import"./index-DieBXP3Z.js";import"./TransitionGroupContext-DAL84N7p.js";import"./useIsFocusVisible-DH0qxT5e.js";import"./getReactElementRef-SdO7zWnC.js";import"./resolveComponentProps-D1ztx9lS.js";import"./isHostComponent-DVu5iVWx.js";import"./useControlled-NQulfz4l.js";import"./Popper-9pd1Yneu.js";import"./popper-ChLFknNm.js";import"./ownerDocument-DW-IO8s5.js";import"./Portal-DK2ELYoG.js";import"./Button-CbJri63v.js";import"./ButtonBase-Lbe0_84r.js";import"./assertThisInitialized-B9jnkVVz.js";import"./Server-3cieqme0.js";import"./List-B7JH4gjK.js";import"./ArrowRight-BCdbWzwG.js";import"./Bug-CxccEZAh.js";import"./Calendar-DXL71nUA.js";import"./ChevronRight-SFKDVCjo.js";import"./ChevronUp-DyYSBYAc.js";import"./Clock-B6hba9Vz.js";import"./Upload-B99qcWTV.js";import"./Documentation-D-myRfum.js";import"./Download-vZ2qKd4H.js";import"./ExternalLink-D3z7HWdx.js";import"./Filter-sXa3iWrm.js";import"./Folder-DFjbrJpD.js";import"./Globe-DER_Oel8.js";import"./Grid-_Dwg3x03.js";import"./Group-D87tnFnJ.js";import"./Hide-ovxLvICH.js";import"./Home-Cn8YbOdj.js";import"./InformationCircle-CG6-PCJh.js";import"./Link-Ck99nJao.js";import"./More-DLP5TTaz.js";import"./Notification-DZN2A8i5.js";import"./Refresh-D3vISItP.js";import"./Search-BH45H3v4.js";import"./Settings-Bxzwc53G.js";import"./Show-D1oNDX9u.js";import"./Sync-MXQ8RKoq.js";import"./User-D5oZGOlm.js";import"./Video-t97PFROt.js";import"./Box-CTjIz0-2.js";import"./createBox-Cu6fLdzL.js";const tn={component:o,decorators:[Va],tags:["autodocs"],argTypes:{endIcon:{control:{type:"select"},options:Object.keys(s),mapping:s,description:"An optional icon to display at the end of the button",table:{type:{summary:"<Icon />"}}},href:{control:"text",description:"Optional href to render the button as a link",table:{type:{summary:"string"}}},id:{description:"An optional ID for the button",table:{type:{summary:"string"}}},isDisabled:{control:"boolean",description:"If `true`, the button is disabled",table:{type:{summary:"boolean"}}},isFullWidth:{control:"boolean",description:"If `true`, the button will take up the full width available",table:{type:{summary:"boolean"}}},label:{control:"text",description:"The button text. If blank, the button must include an icon.",table:{type:{summary:"string"}}},onClick:{action:!0,description:"Callback fired when the button is clicked",table:{type:{summary:"(() => void)"}}},size:{options:T,control:{type:"radio"},description:"The size of the button",table:{type:{summary:T.join(" | ")},defaultValue:{summary:"medium"}}},startIcon:{control:{type:"select"},options:Object.keys(s),mapping:s,description:"An optional icon to display at the start of the button",table:{type:{summary:"<Icon />"}}},tooltipText:{control:"text",description:"If defined, the button will include a tooltip that contains the string.",table:{type:{summary:"string"}}},type:{options:k,control:{type:"radio"},description:"The type of the HTML button element.",table:{type:{summary:k.join(" | ")},defaultValue:{summary:"button"}}},variant:{options:F,control:{type:"radio"},description:"The color and style of the button",table:{type:{summary:F.join(" | ")},defaultValue:{summary:"secondary"}},type:{required:!0,name:"other",value:"radio"}}},args:{label:"Add crew",onClick:ja(),variant:"primary"}},r=({canvasElement:t,step:n})=>async({args:a,actionName:Ea,hoverState:Na})=>{a.label&&await n("hover and click",async()=>{const Wa=La(t).getByRole("button",{name:a.label});x.tab(),await x.click(Wa),Ma(a.onClick).toHaveBeenCalledTimes(1),Pa(Ea),Na||await za(()=>x.tab())})},i={name:"Primary",play:async({args:t,canvasElement:n,step:a})=>{await r({canvasElement:n,step:a})({args:t,actionName:"Button Primary",hoverState:!1})}},c={name:"Primary, Disabled",args:{isDisabled:!0,label:"Add crew",variant:"primary"}},l={name:"Secondary",args:{label:"Add crew",variant:"secondary"},play:async({args:t,canvasElement:n,step:a})=>{await r({canvasElement:n,step:a})({args:t,actionName:"Button Secondary",hoverState:!1})}},m={name:"Secondary, Disabled",args:{isDisabled:!0,label:"Add crew",variant:"secondary"}},d={name:"Danger",args:{label:"Add crew",variant:"danger"},play:async({args:t,canvasElement:n,step:a})=>{await r({canvasElement:n,step:a})({args:t,actionName:"Button Danger",hoverState:!1})}},p={name:"Danger Secondary",args:{label:"Add crew",variant:"dangerSecondary"}},u={name:"Danger, Disabled",args:{label:"Add crew",isDisabled:!0,variant:"danger"}},y={name:"Floating",args:{label:"Add crew",variant:"floating"},play:async({args:t,canvasElement:n,step:a})=>{await r({canvasElement:n,step:a})({args:t,actionName:"Button Floating",hoverState:!1})}},g={name:"Floating Action",args:{label:"Add crew",variant:"floatingAction"},play:async({args:t,canvasElement:n,step:a})=>{await r({canvasElement:n,step:a})({args:t,actionName:"Button Floating Action",hoverState:!1})}},b={name:"Floating, Disabled",args:{label:"Add crew",isDisabled:!0,variant:"floating"}},v={name:"Button as a link",args:{label:"Visit okta.com",variant:"floatingAction",href:"https://okta.com",onClick:void 0}},h={name:"Small",args:{label:"Add crew",size:"small"},play:async({args:t,canvasElement:n,step:a})=>{await r({canvasElement:n,step:a})({args:t,actionName:"Button Small",hoverState:!0})}},B={name:"Medium",args:{label:"Add crew",size:"medium",variant:"secondary"},play:async({args:t,canvasElement:n,step:a})=>{await r({canvasElement:n,step:a})({args:t,actionName:"Button Medium",hoverState:!0})}},w={name:"Large",args:{label:"Add crew",size:"large",variant:"danger"},play:async({args:t,canvasElement:n,step:a})=>{await r({canvasElement:n,step:a})({args:t,actionName:"Button Large",hoverState:!0})}},S={name:"Full-width",args:{label:"Add crew",isFullWidth:!0},play:async({args:t,canvasElement:n,step:a})=>{await r({canvasElement:n,step:a})({args:t,actionName:"Button Fullwidth",hoverState:!0})}},f={name:"Icon",args:{label:"Add crew",startIcon:e.jsx(I,{})},play:async({args:t,canvasElement:n,step:a})=>{await r({canvasElement:n,step:a})({args:t,actionName:"Button with Icon",hoverState:!1})}},A={name:"Icon-only",parameters:{docs:{description:{story:"Icon-only buttons should be paired with a Tooltip to provide additional context. A tooltip can be added by setting the `tooltipText` prop on the button to a string."}}},args:{startIcon:e.jsx(I,{}),ariaLabel:"Add crew",label:void 0,tooltipText:"Add crew"}},D={name:"Kitchen sink",render:()=>e.jsxs(Oa,{sx:{display:"flex",flexWrap:"wrap",rowGap:2},children:[e.jsx(o,{label:"Primary",variant:"primary"}),e.jsx(o,{label:"Secondary",variant:"secondary"}),e.jsx(o,{label:"Danger Secondary",variant:"dangerSecondary"}),e.jsx(o,{label:"Danger",variant:"danger"}),e.jsx(o,{label:"Floating",variant:"floating"}),e.jsx(o,{label:"Floating Action",variant:"floatingAction"}),e.jsx(o,{ariaLabel:"Add",startIcon:e.jsx(I,{}),variant:"primary"})]})};var E,N,W;i.parameters={...i.parameters,docs:{...(E=i.parameters)==null?void 0:E.docs,source:{originalSource:`{
|
|
2
|
-
name: "Primary",
|
|
3
|
-
play: async ({
|
|
4
|
-
args,
|
|
5
|
-
canvasElement,
|
|
6
|
-
step
|
|
7
|
-
}: playType) => {
|
|
8
|
-
await interactWithButton({
|
|
9
|
-
canvasElement,
|
|
10
|
-
step
|
|
11
|
-
})({
|
|
12
|
-
args,
|
|
13
|
-
actionName: "Button Primary",
|
|
14
|
-
hoverState: false
|
|
15
|
-
});
|
|
16
|
-
}
|
|
17
|
-
}`,...(W=(N=i.parameters)==null?void 0:N.docs)==null?void 0:W.source}}};var j,L,M;c.parameters={...c.parameters,docs:{...(j=c.parameters)==null?void 0:j.docs,source:{originalSource:`{
|
|
18
|
-
name: "Primary, Disabled",
|
|
19
|
-
args: {
|
|
20
|
-
isDisabled: true,
|
|
21
|
-
label: "Add crew",
|
|
22
|
-
variant: "primary"
|
|
23
|
-
}
|
|
24
|
-
}`,...(M=(L=c.parameters)==null?void 0:L.docs)==null?void 0:M.source}}};var z,P,V;l.parameters={...l.parameters,docs:{...(z=l.parameters)==null?void 0:z.docs,source:{originalSource:`{
|
|
25
|
-
name: "Secondary",
|
|
26
|
-
args: {
|
|
27
|
-
label: "Add crew",
|
|
28
|
-
variant: "secondary"
|
|
29
|
-
},
|
|
30
|
-
play: async ({
|
|
31
|
-
args,
|
|
32
|
-
canvasElement,
|
|
33
|
-
step
|
|
34
|
-
}: playType) => {
|
|
35
|
-
await interactWithButton({
|
|
36
|
-
canvasElement,
|
|
37
|
-
step
|
|
38
|
-
})({
|
|
39
|
-
args,
|
|
40
|
-
actionName: "Button Secondary",
|
|
41
|
-
hoverState: false
|
|
42
|
-
});
|
|
43
|
-
}
|
|
44
|
-
}`,...(V=(P=l.parameters)==null?void 0:P.docs)==null?void 0:V.source}}};var O,C,K;m.parameters={...m.parameters,docs:{...(O=m.parameters)==null?void 0:O.docs,source:{originalSource:`{
|
|
45
|
-
name: "Secondary, Disabled",
|
|
46
|
-
args: {
|
|
47
|
-
isDisabled: true,
|
|
48
|
-
label: "Add crew",
|
|
49
|
-
variant: "secondary"
|
|
50
|
-
}
|
|
51
|
-
}`,...(K=(C=m.parameters)==null?void 0:C.docs)==null?void 0:K.source}}};var R,G,H;d.parameters={...d.parameters,docs:{...(R=d.parameters)==null?void 0:R.docs,source:{originalSource:`{
|
|
52
|
-
name: "Danger",
|
|
53
|
-
args: {
|
|
54
|
-
label: "Add crew",
|
|
55
|
-
variant: "danger"
|
|
56
|
-
},
|
|
57
|
-
play: async ({
|
|
58
|
-
args,
|
|
59
|
-
canvasElement,
|
|
60
|
-
step
|
|
61
|
-
}: playType) => {
|
|
62
|
-
await interactWithButton({
|
|
63
|
-
canvasElement,
|
|
64
|
-
step
|
|
65
|
-
})({
|
|
66
|
-
args,
|
|
67
|
-
actionName: "Button Danger",
|
|
68
|
-
hoverState: false
|
|
69
|
-
});
|
|
70
|
-
}
|
|
71
|
-
}`,...(H=(G=d.parameters)==null?void 0:G.docs)==null?void 0:H.source}}};var _,q,J;p.parameters={...p.parameters,docs:{...(_=p.parameters)==null?void 0:_.docs,source:{originalSource:`{
|
|
72
|
-
name: "Danger Secondary",
|
|
73
|
-
args: {
|
|
74
|
-
label: "Add crew",
|
|
75
|
-
variant: "dangerSecondary"
|
|
76
|
-
}
|
|
77
|
-
}`,...(J=(q=p.parameters)==null?void 0:q.docs)==null?void 0:J.source}}};var Q,U,X;u.parameters={...u.parameters,docs:{...(Q=u.parameters)==null?void 0:Q.docs,source:{originalSource:`{
|
|
78
|
-
name: "Danger, Disabled",
|
|
79
|
-
args: {
|
|
80
|
-
label: "Add crew",
|
|
81
|
-
isDisabled: true,
|
|
82
|
-
variant: "danger"
|
|
83
|
-
}
|
|
84
|
-
}`,...(X=(U=u.parameters)==null?void 0:U.docs)==null?void 0:X.source}}};var Y,Z,$;y.parameters={...y.parameters,docs:{...(Y=y.parameters)==null?void 0:Y.docs,source:{originalSource:`{
|
|
85
|
-
name: "Floating",
|
|
86
|
-
args: {
|
|
87
|
-
label: "Add crew",
|
|
88
|
-
variant: "floating"
|
|
89
|
-
},
|
|
90
|
-
play: async ({
|
|
91
|
-
args,
|
|
92
|
-
canvasElement,
|
|
93
|
-
step
|
|
94
|
-
}: playType) => {
|
|
95
|
-
await interactWithButton({
|
|
96
|
-
canvasElement,
|
|
97
|
-
step
|
|
98
|
-
})({
|
|
99
|
-
args,
|
|
100
|
-
actionName: "Button Floating",
|
|
101
|
-
hoverState: false
|
|
102
|
-
});
|
|
103
|
-
}
|
|
104
|
-
}`,...($=(Z=y.parameters)==null?void 0:Z.docs)==null?void 0:$.source}}};var aa,ta,na;g.parameters={...g.parameters,docs:{...(aa=g.parameters)==null?void 0:aa.docs,source:{originalSource:`{
|
|
105
|
-
name: "Floating Action",
|
|
106
|
-
args: {
|
|
107
|
-
label: "Add crew",
|
|
108
|
-
variant: "floatingAction"
|
|
109
|
-
},
|
|
110
|
-
play: async ({
|
|
111
|
-
args,
|
|
112
|
-
canvasElement,
|
|
113
|
-
step
|
|
114
|
-
}: playType) => {
|
|
115
|
-
await interactWithButton({
|
|
116
|
-
canvasElement,
|
|
117
|
-
step
|
|
118
|
-
})({
|
|
119
|
-
args,
|
|
120
|
-
actionName: "Button Floating Action",
|
|
121
|
-
hoverState: false
|
|
122
|
-
});
|
|
123
|
-
}
|
|
124
|
-
}`,...(na=(ta=g.parameters)==null?void 0:ta.docs)==null?void 0:na.source}}};var ea,ra,oa;b.parameters={...b.parameters,docs:{...(ea=b.parameters)==null?void 0:ea.docs,source:{originalSource:`{
|
|
125
|
-
name: "Floating, Disabled",
|
|
126
|
-
args: {
|
|
127
|
-
label: "Add crew",
|
|
128
|
-
isDisabled: true,
|
|
129
|
-
variant: "floating"
|
|
130
|
-
}
|
|
131
|
-
}`,...(oa=(ra=b.parameters)==null?void 0:ra.docs)==null?void 0:oa.source}}};var sa,ia,ca;v.parameters={...v.parameters,docs:{...(sa=v.parameters)==null?void 0:sa.docs,source:{originalSource:`{
|
|
132
|
-
name: "Button as a link",
|
|
133
|
-
args: {
|
|
134
|
-
label: "Visit okta.com",
|
|
135
|
-
variant: "floatingAction",
|
|
136
|
-
href: "https://okta.com",
|
|
137
|
-
onClick: undefined
|
|
138
|
-
}
|
|
139
|
-
}`,...(ca=(ia=v.parameters)==null?void 0:ia.docs)==null?void 0:ca.source}}};var la,ma,da;h.parameters={...h.parameters,docs:{...(la=h.parameters)==null?void 0:la.docs,source:{originalSource:`{
|
|
140
|
-
name: "Small",
|
|
141
|
-
args: {
|
|
142
|
-
label: "Add crew",
|
|
143
|
-
size: "small"
|
|
144
|
-
},
|
|
145
|
-
play: async ({
|
|
146
|
-
args,
|
|
147
|
-
canvasElement,
|
|
148
|
-
step
|
|
149
|
-
}: playType) => {
|
|
150
|
-
await interactWithButton({
|
|
151
|
-
canvasElement,
|
|
152
|
-
step
|
|
153
|
-
})({
|
|
154
|
-
args,
|
|
155
|
-
actionName: "Button Small",
|
|
156
|
-
hoverState: true
|
|
157
|
-
});
|
|
158
|
-
}
|
|
159
|
-
}`,...(da=(ma=h.parameters)==null?void 0:ma.docs)==null?void 0:da.source}}};var pa,ua,ya;B.parameters={...B.parameters,docs:{...(pa=B.parameters)==null?void 0:pa.docs,source:{originalSource:`{
|
|
160
|
-
name: "Medium",
|
|
161
|
-
args: {
|
|
162
|
-
label: "Add crew",
|
|
163
|
-
size: "medium",
|
|
164
|
-
variant: "secondary"
|
|
165
|
-
},
|
|
166
|
-
play: async ({
|
|
167
|
-
args,
|
|
168
|
-
canvasElement,
|
|
169
|
-
step
|
|
170
|
-
}: playType) => {
|
|
171
|
-
await interactWithButton({
|
|
172
|
-
canvasElement,
|
|
173
|
-
step
|
|
174
|
-
})({
|
|
175
|
-
args,
|
|
176
|
-
actionName: "Button Medium",
|
|
177
|
-
hoverState: true
|
|
178
|
-
});
|
|
179
|
-
}
|
|
180
|
-
}`,...(ya=(ua=B.parameters)==null?void 0:ua.docs)==null?void 0:ya.source}}};var ga,ba,va;w.parameters={...w.parameters,docs:{...(ga=w.parameters)==null?void 0:ga.docs,source:{originalSource:`{
|
|
181
|
-
name: "Large",
|
|
182
|
-
args: {
|
|
183
|
-
label: "Add crew",
|
|
184
|
-
size: "large",
|
|
185
|
-
variant: "danger"
|
|
186
|
-
},
|
|
187
|
-
play: async ({
|
|
188
|
-
args,
|
|
189
|
-
canvasElement,
|
|
190
|
-
step
|
|
191
|
-
}: playType) => {
|
|
192
|
-
await interactWithButton({
|
|
193
|
-
canvasElement,
|
|
194
|
-
step
|
|
195
|
-
})({
|
|
196
|
-
args,
|
|
197
|
-
actionName: "Button Large",
|
|
198
|
-
hoverState: true
|
|
199
|
-
});
|
|
200
|
-
}
|
|
201
|
-
}`,...(va=(ba=w.parameters)==null?void 0:ba.docs)==null?void 0:va.source}}};var ha,Ba,wa;S.parameters={...S.parameters,docs:{...(ha=S.parameters)==null?void 0:ha.docs,source:{originalSource:`{
|
|
202
|
-
name: "Full-width",
|
|
203
|
-
args: {
|
|
204
|
-
label: "Add crew",
|
|
205
|
-
isFullWidth: true
|
|
206
|
-
},
|
|
207
|
-
play: async ({
|
|
208
|
-
args,
|
|
209
|
-
canvasElement,
|
|
210
|
-
step
|
|
211
|
-
}: playType) => {
|
|
212
|
-
await interactWithButton({
|
|
213
|
-
canvasElement,
|
|
214
|
-
step
|
|
215
|
-
})({
|
|
216
|
-
args,
|
|
217
|
-
actionName: "Button Fullwidth",
|
|
218
|
-
hoverState: true
|
|
219
|
-
});
|
|
220
|
-
}
|
|
221
|
-
}`,...(wa=(Ba=S.parameters)==null?void 0:Ba.docs)==null?void 0:wa.source}}};var Sa,fa,Aa;f.parameters={...f.parameters,docs:{...(Sa=f.parameters)==null?void 0:Sa.docs,source:{originalSource:`{
|
|
222
|
-
name: "Icon",
|
|
223
|
-
args: {
|
|
224
|
-
label: "Add crew",
|
|
225
|
-
startIcon: <AddIcon />
|
|
226
|
-
},
|
|
227
|
-
play: async ({
|
|
228
|
-
args,
|
|
229
|
-
canvasElement,
|
|
230
|
-
step
|
|
231
|
-
}: playType) => {
|
|
232
|
-
await interactWithButton({
|
|
233
|
-
canvasElement,
|
|
234
|
-
step
|
|
235
|
-
})({
|
|
236
|
-
args,
|
|
237
|
-
actionName: "Button with Icon",
|
|
238
|
-
hoverState: false
|
|
239
|
-
});
|
|
240
|
-
}
|
|
241
|
-
}`,...(Aa=(fa=f.parameters)==null?void 0:fa.docs)==null?void 0:Aa.source}}};var Da,xa,Ia;A.parameters={...A.parameters,docs:{...(Da=A.parameters)==null?void 0:Da.docs,source:{originalSource:`{
|
|
242
|
-
name: "Icon-only",
|
|
243
|
-
parameters: {
|
|
244
|
-
docs: {
|
|
245
|
-
description: {
|
|
246
|
-
story: "Icon-only buttons should be paired with a Tooltip to provide additional context. A tooltip can be added by setting the \`tooltipText\` prop on the button to a string."
|
|
247
|
-
}
|
|
248
|
-
}
|
|
249
|
-
},
|
|
250
|
-
args: {
|
|
251
|
-
startIcon: <AddIcon />,
|
|
252
|
-
ariaLabel: "Add crew",
|
|
253
|
-
label: undefined,
|
|
254
|
-
tooltipText: "Add crew"
|
|
255
|
-
}
|
|
256
|
-
}`,...(Ia=(xa=A.parameters)==null?void 0:xa.docs)==null?void 0:Ia.source}}};var Fa,ka,Ta;D.parameters={...D.parameters,docs:{...(Fa=D.parameters)==null?void 0:Fa.docs,source:{originalSource:`{
|
|
257
|
-
name: "Kitchen sink",
|
|
258
|
-
render: () => <Box sx={{
|
|
259
|
-
display: "flex",
|
|
260
|
-
flexWrap: "wrap",
|
|
261
|
-
rowGap: 2
|
|
262
|
-
}}>
|
|
263
|
-
<Button label="Primary" variant="primary" />
|
|
264
|
-
<Button label="Secondary" variant="secondary" />
|
|
265
|
-
<Button label="Danger Secondary" variant="dangerSecondary" />
|
|
266
|
-
<Button label="Danger" variant="danger" />
|
|
267
|
-
<Button label="Floating" variant="floating" />
|
|
268
|
-
<Button label="Floating Action" variant="floatingAction" />
|
|
269
|
-
<Button ariaLabel="Add" startIcon={<AddIcon />} variant="primary" />
|
|
270
|
-
</Box>
|
|
271
|
-
}`,...(Ta=(ka=D.parameters)==null?void 0:ka.docs)==null?void 0:Ta.source}}};const nn=["ButtonPrimary","ButtonPrimaryDisabled","ButtonSecondary","ButtonSecondaryDisabled","ButtonDanger","ButtonDangerSecondary","ButtonDangerDisabled","ButtonFloating","ButtonFloatingAction","ButtonFloatingDisabled","ButtonSecondaryAsLink","ButtonSmall","ButtonMedium","ButtonLarge","ButtonFullWidth","ButtonWithIcon","IconOnly","KitchenSink"];export{d as ButtonDanger,u as ButtonDangerDisabled,p as ButtonDangerSecondary,y as ButtonFloating,g as ButtonFloatingAction,b as ButtonFloatingDisabled,S as ButtonFullWidth,w as ButtonLarge,B as ButtonMedium,i as ButtonPrimary,c as ButtonPrimaryDisabled,l as ButtonSecondary,v as ButtonSecondaryAsLink,m as ButtonSecondaryDisabled,h as ButtonSmall,f as ButtonWithIcon,A as IconOnly,D as KitchenSink,nn as __namedExportsOrder,tn as default};
|
|
@@ -1,74 +0,0 @@
|
|
|
1
|
-
import{b as A,_ as ee,d as E,W as $e,c as me,s as te,aj as ne,f as Ie,aD as _e,aE as Ue}from"./OdysseyThemeProvider-C4N_85M9.js";import{r as a,e as Y}from"./index-NdkWRN8K.js";import{j as N}from"./jsx-runtime-CnH95YSl.js";import{a as ze,u as ue,b as Oe}from"./useIsFocusVisible-DH0qxT5e.js";import{_ as Ke}from"./assertThisInitialized-B9jnkVVz.js";import{_ as Ae,u as H}from"./inheritsLoose-S-YxUaHb.js";import{T as ce}from"./TransitionGroupContext-DAL84N7p.js";function oe(t,s){var r=function(e){return s&&a.isValidElement(e)?s(e):e},l=Object.create(null);return t&&a.Children.map(t,function(n){return n}).forEach(function(n){l[n.key]=r(n)}),l}function We(t,s){t=t||{},s=s||{};function r(f){return f in s?s[f]:t[f]}var l=Object.create(null),n=[];for(var e in t)e in s?n.length&&(l[e]=n,n=[]):n.push(e);var o,c={};for(var u in s){if(l[u])for(o=0;o<l[u].length;o++){var p=l[u][o];c[l[u][o]]=r(p)}c[u]=r(u)}for(o=0;o<n.length;o++)c[n[o]]=r(n[o]);return c}function F(t,s,r){return r[s]!=null?r[s]:t.props[s]}function Xe(t,s){return oe(t.children,function(r){return a.cloneElement(r,{onExited:s.bind(null,r),in:!0,appear:F(r,"appear",t),enter:F(r,"enter",t),exit:F(r,"exit",t)})})}function Ye(t,s,r){var l=oe(t.children),n=We(s,l);return Object.keys(n).forEach(function(e){var o=n[e];if(a.isValidElement(o)){var c=e in s,u=e in l,p=s[e],f=a.isValidElement(p)&&!p.props.in;u&&(!c||f)?n[e]=a.cloneElement(o,{onExited:r.bind(null,o),in:!0,exit:F(o,"exit",t),enter:F(o,"enter",t)}):!u&&c&&!f?n[e]=a.cloneElement(o,{in:!1}):u&&c&&a.isValidElement(p)&&(n[e]=a.cloneElement(o,{onExited:r.bind(null,o),in:p.props.in,exit:F(o,"exit",t),enter:F(o,"enter",t)}))}}),n}var He=Object.values||function(t){return Object.keys(t).map(function(s){return t[s]})},Ge={component:"div",childFactory:function(s){return s}},ie=function(t){Ae(s,t);function s(l,n){var e;e=t.call(this,l,n)||this;var o=e.handleExited.bind(Ke(e));return e.state={contextValue:{isMounting:!0},handleExited:o,firstRender:!0},e}var r=s.prototype;return r.componentDidMount=function(){this.mounted=!0,this.setState({contextValue:{isMounting:!1}})},r.componentWillUnmount=function(){this.mounted=!1},s.getDerivedStateFromProps=function(n,e){var o=e.children,c=e.handleExited,u=e.firstRender;return{children:u?Xe(n,c):Ye(n,o,c),firstRender:!1}},r.handleExited=function(n,e){var o=oe(this.props.children);n.key in o||(n.props.onExited&&n.props.onExited(e),this.mounted&&this.setState(function(c){var u=A({},c.children);return delete u[n.key],{children:u}}))},r.render=function(){var n=this.props,e=n.component,o=n.childFactory,c=ee(n,["component","childFactory"]),u=this.state.contextValue,p=He(this.state.children).map(o);return delete c.appear,delete c.enter,delete c.exit,e===null?Y.createElement(ce.Provider,{value:u},p):Y.createElement(ce.Provider,{value:u},Y.createElement(e,c,p))},s}(Y.Component);ie.propTypes={};ie.defaultProps=Ge;function qe(t){const{className:s,classes:r,pulsate:l=!1,rippleX:n,rippleY:e,rippleSize:o,in:c,onExited:u,timeout:p}=t,[f,g]=a.useState(!1),b=E(s,r.ripple,r.rippleVisible,l&&r.ripplePulsate),C={width:o,height:o,top:-(o/2)+e,left:-(o/2)+n},h=E(r.child,f&&r.childLeaving,l&&r.childPulsate);return!c&&!f&&g(!0),a.useEffect(()=>{if(!c&&u!=null){const R=setTimeout(u,p);return()=>{clearTimeout(R)}}},[u,c,p]),N.jsx("span",{className:b,style:C,children:N.jsx("span",{className:h})})}const m=$e("MuiTouchRipple",["root","ripple","rippleVisible","ripplePulsate","child","childLeaving","childPulsate"]),Je=["center","classes","className"];let G=t=>t,pe,de,fe,he;const Z=550,Qe=80,Ze=ne(pe||(pe=G`
|
|
2
|
-
0% {
|
|
3
|
-
transform: scale(0);
|
|
4
|
-
opacity: 0.1;
|
|
5
|
-
}
|
|
6
|
-
|
|
7
|
-
100% {
|
|
8
|
-
transform: scale(1);
|
|
9
|
-
opacity: 0.3;
|
|
10
|
-
}
|
|
11
|
-
`)),et=ne(de||(de=G`
|
|
12
|
-
0% {
|
|
13
|
-
opacity: 1;
|
|
14
|
-
}
|
|
15
|
-
|
|
16
|
-
100% {
|
|
17
|
-
opacity: 0;
|
|
18
|
-
}
|
|
19
|
-
`)),tt=ne(fe||(fe=G`
|
|
20
|
-
0% {
|
|
21
|
-
transform: scale(1);
|
|
22
|
-
}
|
|
23
|
-
|
|
24
|
-
50% {
|
|
25
|
-
transform: scale(0.92);
|
|
26
|
-
}
|
|
27
|
-
|
|
28
|
-
100% {
|
|
29
|
-
transform: scale(1);
|
|
30
|
-
}
|
|
31
|
-
`)),nt=te("span",{name:"MuiTouchRipple",slot:"Root"})({overflow:"hidden",pointerEvents:"none",position:"absolute",zIndex:0,top:0,right:0,bottom:0,left:0,borderRadius:"inherit"}),ot=te(qe,{name:"MuiTouchRipple",slot:"Ripple"})(he||(he=G`
|
|
32
|
-
opacity: 0;
|
|
33
|
-
position: absolute;
|
|
34
|
-
|
|
35
|
-
&.${0} {
|
|
36
|
-
opacity: 0.3;
|
|
37
|
-
transform: scale(1);
|
|
38
|
-
animation-name: ${0};
|
|
39
|
-
animation-duration: ${0}ms;
|
|
40
|
-
animation-timing-function: ${0};
|
|
41
|
-
}
|
|
42
|
-
|
|
43
|
-
&.${0} {
|
|
44
|
-
animation-duration: ${0}ms;
|
|
45
|
-
}
|
|
46
|
-
|
|
47
|
-
& .${0} {
|
|
48
|
-
opacity: 1;
|
|
49
|
-
display: block;
|
|
50
|
-
width: 100%;
|
|
51
|
-
height: 100%;
|
|
52
|
-
border-radius: 50%;
|
|
53
|
-
background-color: currentColor;
|
|
54
|
-
}
|
|
55
|
-
|
|
56
|
-
& .${0} {
|
|
57
|
-
opacity: 0;
|
|
58
|
-
animation-name: ${0};
|
|
59
|
-
animation-duration: ${0}ms;
|
|
60
|
-
animation-timing-function: ${0};
|
|
61
|
-
}
|
|
62
|
-
|
|
63
|
-
& .${0} {
|
|
64
|
-
position: absolute;
|
|
65
|
-
/* @noflip */
|
|
66
|
-
left: 0px;
|
|
67
|
-
top: 0;
|
|
68
|
-
animation-name: ${0};
|
|
69
|
-
animation-duration: 2500ms;
|
|
70
|
-
animation-timing-function: ${0};
|
|
71
|
-
animation-iteration-count: infinite;
|
|
72
|
-
animation-delay: 200ms;
|
|
73
|
-
}
|
|
74
|
-
`),m.rippleVisible,Ze,Z,({theme:t})=>t.transitions.easing.easeInOut,m.ripplePulsate,({theme:t})=>t.transitions.duration.shorter,m.child,m.childLeaving,et,Z,({theme:t})=>t.transitions.easing.easeInOut,m.childPulsate,tt,({theme:t})=>t.transitions.easing.easeInOut),it=a.forwardRef(function(s,r){const l=me({props:s,name:"MuiTouchRipple"}),{center:n=!1,classes:e={},className:o}=l,c=ee(l,Je),[u,p]=a.useState([]),f=a.useRef(0),g=a.useRef(null);a.useEffect(()=>{g.current&&(g.current(),g.current=null)},[u]);const b=a.useRef(!1),C=ze(),h=a.useRef(null),R=a.useRef(null),_=a.useCallback(d=>{const{pulsate:M,rippleX:x,rippleY:S,rippleSize:I,cb:z}=d;p(y=>[...y,N.jsx(ot,{classes:{ripple:E(e.ripple,m.ripple),rippleVisible:E(e.rippleVisible,m.rippleVisible),ripplePulsate:E(e.ripplePulsate,m.ripplePulsate),child:E(e.child,m.child),childLeaving:E(e.childLeaving,m.childLeaving),childPulsate:E(e.childPulsate,m.childPulsate)},timeout:Z,pulsate:M,rippleX:x,rippleY:S,rippleSize:I},f.current)]),f.current+=1,g.current=z},[e]),j=a.useCallback((d={},M={},x=()=>{})=>{const{pulsate:S=!1,center:I=n||M.pulsate,fakeElement:z=!1}=M;if((d==null?void 0:d.type)==="mousedown"&&b.current){b.current=!1;return}(d==null?void 0:d.type)==="touchstart"&&(b.current=!0);const y=z?null:R.current,D=y?y.getBoundingClientRect():{width:0,height:0,left:0,top:0};let v,B,L;if(I||d===void 0||d.clientX===0&&d.clientY===0||!d.clientX&&!d.touches)v=Math.round(D.width/2),B=Math.round(D.height/2);else{const{clientX:k,clientY:V}=d.touches&&d.touches.length>0?d.touches[0]:d;v=Math.round(k-D.left),B=Math.round(V-D.top)}if(I)L=Math.sqrt((2*D.width**2+D.height**2)/3),L%2===0&&(L+=1);else{const k=Math.max(Math.abs((y?y.clientWidth:0)-v),v)*2+2,V=Math.max(Math.abs((y?y.clientHeight:0)-B),B)*2+2;L=Math.sqrt(k**2+V**2)}d!=null&&d.touches?h.current===null&&(h.current=()=>{_({pulsate:S,rippleX:v,rippleY:B,rippleSize:L,cb:x})},C.start(Qe,()=>{h.current&&(h.current(),h.current=null)})):_({pulsate:S,rippleX:v,rippleY:B,rippleSize:L,cb:x})},[n,_,C]),U=a.useCallback(()=>{j({},{pulsate:!0})},[j]),$=a.useCallback((d,M)=>{if(C.clear(),(d==null?void 0:d.type)==="touchend"&&h.current){h.current(),h.current=null,C.start(0,()=>{$(d,M)});return}h.current=null,p(x=>x.length>0?x.slice(1):x),g.current=M},[C]);return a.useImperativeHandle(r,()=>({pulsate:U,start:j,stop:$}),[U,j,$]),N.jsx(nt,A({className:E(m.root,e.root,o),ref:R},c,{children:N.jsx(ie,{component:null,exit:!0,children:u})}))}),st=["action","centerRipple","children","className","component","disabled","disableRipple","disableTouchRipple","focusRipple","focusVisibleClassName","LinkComponent","onBlur","onClick","onContextMenu","onDragLeave","onFocus","onFocusVisible","onKeyDown","onKeyUp","onMouseDown","onMouseLeave","onMouseUp","onTouchEnd","onTouchMove","onTouchStart","tabIndex","TouchRippleProps","touchRippleRef","type"],rt=t=>{const{disabled:s,focusVisible:r,focusVisibleClassName:l,classes:n}=t,o=Ie({root:["root",s&&"disabled",r&&"focusVisible"]},_e,n);return r&&l&&(o.root+=` ${l}`),o},at=te("button",{name:"MuiButtonBase",slot:"Root",overridesResolver:(t,s)=>s.root})({display:"inline-flex",alignItems:"center",justifyContent:"center",position:"relative",boxSizing:"border-box",WebkitTapHighlightColor:"transparent",backgroundColor:"transparent",outline:0,border:0,margin:0,borderRadius:0,padding:0,cursor:"pointer",userSelect:"none",verticalAlign:"middle",MozAppearance:"none",WebkitAppearance:"none",textDecoration:"none",color:"inherit","&::-moz-focus-inner":{borderStyle:"none"},[`&.${Ue.disabled}`]:{pointerEvents:"none",cursor:"default"},"@media print":{colorAdjust:"exact"}}),bt=a.forwardRef(function(s,r){const l=me({props:s,name:"MuiButtonBase"}),{action:n,centerRipple:e=!1,children:o,className:c,component:u="button",disabled:p=!1,disableRipple:f=!1,disableTouchRipple:g=!1,focusRipple:b=!1,LinkComponent:C="a",onBlur:h,onClick:R,onContextMenu:_,onDragLeave:j,onFocus:U,onFocusVisible:$,onKeyDown:d,onKeyUp:M,onMouseDown:x,onMouseLeave:S,onMouseUp:I,onTouchEnd:z,onTouchMove:y,onTouchStart:D,tabIndex:v=0,TouchRippleProps:B,touchRippleRef:L,type:k}=l,V=ee(l,st),O=a.useRef(null),T=a.useRef(null),be=ue(T,L),{isFocusVisibleRef:se,onFocus:ge,onBlur:Re,ref:Me}=Oe(),[w,W]=a.useState(!1);p&&w&&W(!1),a.useImperativeHandle(n,()=>({focusVisible:()=>{W(!0),O.current.focus()}}),[]);const[q,xe]=a.useState(!1);a.useEffect(()=>{xe(!0)},[]);const ye=q&&!f&&!p;a.useEffect(()=>{w&&b&&!f&&q&&T.current.pulsate()},[f,b,w,q]);function P(i,ae,je=g){return H(le=>(ae&&ae(le),!je&&T.current&&T.current[i](le),!0))}const Te=P("start",x),Ee=P("stop",_),Ce=P("stop",j),ve=P("stop",I),Ve=P("stop",i=>{w&&i.preventDefault(),S&&S(i)}),Pe=P("start",D),De=P("stop",z),Be=P("stop",y),Le=P("stop",i=>{Re(i),se.current===!1&&W(!1),h&&h(i)},!1),Se=H(i=>{O.current||(O.current=i.currentTarget),ge(i),se.current===!0&&(W(!0),$&&$(i)),U&&U(i)}),J=()=>{const i=O.current;return u&&u!=="button"&&!(i.tagName==="A"&&i.href)},Q=a.useRef(!1),ke=H(i=>{b&&!Q.current&&w&&T.current&&i.key===" "&&(Q.current=!0,T.current.stop(i,()=>{T.current.start(i)})),i.target===i.currentTarget&&J()&&i.key===" "&&i.preventDefault(),d&&d(i),i.target===i.currentTarget&&J()&&i.key==="Enter"&&!p&&(i.preventDefault(),R&&R(i))}),we=H(i=>{b&&i.key===" "&&T.current&&w&&!i.defaultPrevented&&(Q.current=!1,T.current.stop(i,()=>{T.current.pulsate(i)})),M&&M(i),R&&i.target===i.currentTarget&&J()&&i.key===" "&&!i.defaultPrevented&&R(i)});let X=u;X==="button"&&(V.href||V.to)&&(X=C);const K={};X==="button"?(K.type=k===void 0?"button":k,K.disabled=p):(!V.href&&!V.to&&(K.role="button"),p&&(K["aria-disabled"]=p));const Fe=ue(r,Me,O),re=A({},l,{centerRipple:e,component:u,disabled:p,disableRipple:f,disableTouchRipple:g,focusRipple:b,tabIndex:v,focusVisible:w}),Ne=rt(re);return N.jsxs(at,A({as:X,className:E(Ne.root,c),ownerState:re,onBlur:Le,onClick:R,onContextMenu:Ee,onFocus:Se,onKeyDown:ke,onKeyUp:we,onMouseDown:Te,onMouseLeave:Ve,onMouseUp:ve,onDragLeave:Ce,onTouchEnd:De,onTouchMove:Be,onTouchStart:Pe,ref:Fe,tabIndex:p?-1:v,type:k},K,V,{children:[o,ye?N.jsx(it,A({ref:be,center:e},B)):null]}))});export{bt as B,ie as T};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as e}from"./index-NdkWRN8K.js";import{j as r}from"./jsx-runtime-CnH95YSl.js";import{S as a}from"./OdysseyThemeProvider-C4N_85M9.js";const l=e.forwardRef((o,n)=>r.jsx(a,{fill:"none",ref:n,viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg",...o,children:r.jsx(r.Fragment,{children:r.jsx("path",{clipRule:"evenodd",d:"M6 .667v2h4v-2h1.333v2h3.334v10a2 2 0 0 1-2 2H3.333a2 2 0 0 1-2-2v-10h3.334v-2H6ZM10 4v1.333h1.333V4h2v2H2.667V4h2v1.333H6V4h4ZM2.667 7.333v5.334c0 .368.298.666.666.666h9.334a.667.667 0 0 0 .666-.666V7.333H2.667Z",fill:"currentColor",fillRule:"evenodd"})})})),t=e.memo(l);t.displayName="CalendarIcon";export{t as M};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{K as x,u as g,h as j}from"./OdysseyThemeProvider-C4N_85M9.js";import{r as k}from"./index-NdkWRN8K.js";import{M as v}from"./Link-PjuOItUN.js";import{a as C}from"./Typography-C4vClHaZ.js";import{u as M}from"./useUniqueId-Bsgqe1tm.js";import{j as s}from"./jsx-runtime-CnH95YSl.js";import{A as T,a as D}from"./AlertTitle-C5NflvC5.js";import{B as i}from"./Box-CTjIz0-2.js";const q=["status","alert"],F=["success","info","warning","error"],b=j("div",{shouldForwardProp:o=>o!=="odysseyDesignTokens"})(({odysseyDesignTokens:o})=>({"& > * + *":{marginBlockStart:o.Spacing4}})),z=({children:o,linkRel:l,linkTarget:m,linkText:e,linkUrl:c,onLinkClick:d,role:u,severity:r,testId:p,text:a,title:t,translate:y})=>{const{t:h}=x(),f=g(),n=M();return s.jsxs(T,{"aria-label":h(`severity.${r}`),"aria-labelledby":n,"data-se":p,role:u,severity:r,variant:"callout",children:[t&&s.jsx(D,{"aria-hidden":!0,id:n,translate:y,children:t}),s.jsxs(b,{odysseyDesignTokens:f,children:[o&&s.jsx(i,{component:"div",children:o}),a&&s.jsx(C,{children:a}),e&&s.jsx(i,{children:s.jsx(v,{href:c??"#",onClick:d,rel:l,target:m,variant:"monochrome",children:e})})]})]})},A=k.memo(z);A.displayName="Callout";export{A as M,q as a,F as c};
|
|
@@ -1,128 +0,0 @@
|
|
|
1
|
-
import{j as t}from"./jsx-runtime-CnH95YSl.js";import{f as K,e as p,w as Q,u as X}from"./index-BJMTVygn.js";import{O as Z}from"./OdysseyStorybookThemeDecorator-DmBIIOGu.js";import{c as g,a as x,M as ee}from"./Callout-DY2rv89C.js";import{q as te}from"./queryOdysseySelector-_ueksTI2.js";import"./index-NdkWRN8K.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./OdysseyThemeProvider-C4N_85M9.js";import"./index-BJTM6NaI.js";import"./OdysseyProvider-oMWLr_-4.js";import"./Link-PjuOItUN.js";import"./Link-D0sejjD3.js";import"./useIsFocusVisible-DH0qxT5e.js";import"./Typography-NdqIGwl5.js";import"./ExternalLink-D3z7HWdx.js";import"./Typography-C4vClHaZ.js";import"./useUniqueId-Bsgqe1tm.js";import"./createUniqueId-ByTaVY63.js";import"./AlertTitle-C5NflvC5.js";import"./useSlot-D_uu6bU4.js";import"./resolveComponentProps-D1ztx9lS.js";import"./isHostComponent-DVu5iVWx.js";import"./createSvgIcon-V-Po-Ssl.js";import"./Close-DJA1l50S.js";import"./IconButton-CgM2Hv_L.js";import"./ButtonBase-Lbe0_84r.js";import"./assertThisInitialized-B9jnkVVz.js";import"./inheritsLoose-S-YxUaHb.js";import"./TransitionGroupContext-DAL84N7p.js";import"./Paper-D4wDjY4F.js";import"./Box-CTjIz0-2.js";import"./createBox-Cu6fLdzL.js";import"./test-utils-H9lH7T5D.js";import"./index-DieBXP3Z.js";import"./index-B5xazMy1.js";import"./client-ByW5HbEz.js";import"./dom.esm-B9r8vBgQ.js";const Oe={component:ee,decorators:[Z],tags:["autodocs"],argTypes:{children:{control:"text",description:"Used to optionally pass a text list to the component",table:{type:{summary:"ReactNode | Array<ReactNode>"}},type:{name:"other",value:"ReactNode | Array<ReactNode>"}},linkRel:{control:"text",description:"The rel attribute defines the relationship between a linked resource and the current document.",table:{type:{summary:"string"}}},linkTarget:{control:"text",description:"The target property of the `HTMLAnchorElement` interface is a string that indicates where to display the linked resource.",table:{type:{summary:"string"}}},linkText:{control:"text",description:"If linkUrl is defined, this is the text of the link. If left blank, it defaults to 'Learn more'. Note that linkText does nothing if linkUrl is not defined",table:{type:{summary:"string"}}},linkUrl:{control:"text",description:"If defined, the Callout will include a link to the URL",table:{type:{summary:"string"}}},onLinkClick:{description:"Function to call when the link is clicked",table:{type:{summary:"func"}}},role:{options:x,control:{type:"radio"},description:"Sets the ARIA role of the Callout ('status' for something that dynamically updates, 'alert' for errors, null for something unchanging)",table:{type:{summary:x.join(" | ")}}},severity:{options:g,control:{type:"radio"},description:"Determine the color and icon of the Callout",table:{type:{summary:g.join(" | ")}},type:{name:"other",value:"radio"}},text:{control:"text",description:"The content of the Callout",table:{type:{summary:"string"}},type:{name:"string"}},title:{control:"text",description:"The title of the Callout",table:{type:{summary:"string"}}}},args:{text:"You're signed in from Moonbase Alpha-6, located on Luna.",severity:"info"}},r={args:{role:"status",severity:"info",title:"Authentication status",text:"You're signed in from Moonbase Alpha-6, located on Luna."}},i={args:{role:"alert",severity:"error",title:"Safety checks failed",text:"Reconfigure the fuel mixture ratios and perform safety checks again."}},n={args:{role:"status",severity:"warning",title:"Safety checks incomplete",text:"Complete all safety checks before requesting approval to launch your mission."}},s={args:{role:"status",severity:"success",title:"Approved for launch",text:"Safety checks are complete. Your mission is ready for liftoff."}},o={args:{role:"alert",severity:"error",title:"Safety checks failed",text:"There is an issue with the fuel mixture ratios. Reconfigure the fuel mixture and perform the safety checks again.",linkText:"Visit fueling console",linkUrl:"#"}},a={args:{role:"alert",severity:"error",title:"Safety checks failed",text:"There is an issue with the fuel mixture ratios. Reconfigure the fuel mixture and perform the safety checks again.",linkTarget:"_blank",linkText:"Visit fueling console",linkUrl:"#"}},l={args:{role:"status",severity:"info",title:"Delivery details needed to complete your user profile",text:void 0,children:t.jsx(t.Fragment,{children:t.jsxs("ul",{children:[t.jsx("li",{children:"Secondary email"}),t.jsx("li",{children:"Street address"}),t.jsx("li",{children:"City"})]})})}},c={args:{role:"alert",severity:"error",title:"Safety checks failed",text:void 0,children:"There is an issue with the fuel mixture ratios. Reconfigure the fuel mixture and perform the safety checks again.",linkText:"Visit fueling console",linkUrl:"#"}},u={args:{role:"alert",severity:"error",title:"Safety checks failed",text:void 0,linkText:"Visit fueling console",linkUrl:"#"},play:async({canvasElement:d,step:f})=>{await f("has visible link",()=>{var e,k;const y=(k=(e=te("Callout")({element:d,role:"alert",options:{title:/Safety checks failed/}})).selectChild)==null?void 0:k.call(e,{name:"link",options:{linkText:"Visit fueling console"}}).element;p(y).toBeVisible()})}},m={args:{linkText:"Visit fueling console",onLinkClick:K(),role:"alert",severity:"error",text:void 0,title:"Safety checks failed"},play:async({args:d,canvasElement:f,step:h})=>{await h("check for the link text and click it",async()=>{const e=Q(f).getByText("Visit fueling console");await p(e==null?void 0:e.tagName).toBe("A"),await p(e==null?void 0:e.href).toBe(`${e==null?void 0:e.baseURI}#`),await X.click(e),await p(d.onLinkClick).toHaveBeenCalled()})}};var v,S,T;r.parameters={...r.parameters,docs:{...(v=r.parameters)==null?void 0:v.docs,source:{originalSource:`{
|
|
2
|
-
args: {
|
|
3
|
-
role: "status",
|
|
4
|
-
severity: "info",
|
|
5
|
-
title: "Authentication status",
|
|
6
|
-
text: "You're signed in from Moonbase Alpha-6, located on Luna."
|
|
7
|
-
}
|
|
8
|
-
}`,...(T=(S=r.parameters)==null?void 0:S.docs)==null?void 0:T.source}}};var b,w,C;i.parameters={...i.parameters,docs:{...(b=i.parameters)==null?void 0:b.docs,source:{originalSource:`{
|
|
9
|
-
args: {
|
|
10
|
-
role: "alert",
|
|
11
|
-
severity: "error",
|
|
12
|
-
title: "Safety checks failed",
|
|
13
|
-
text: "Reconfigure the fuel mixture ratios and perform safety checks again."
|
|
14
|
-
}
|
|
15
|
-
}`,...(C=(w=i.parameters)==null?void 0:w.docs)==null?void 0:C.source}}};var L,R,V;n.parameters={...n.parameters,docs:{...(L=n.parameters)==null?void 0:L.docs,source:{originalSource:`{
|
|
16
|
-
args: {
|
|
17
|
-
role: "status",
|
|
18
|
-
severity: "warning",
|
|
19
|
-
title: "Safety checks incomplete",
|
|
20
|
-
text: "Complete all safety checks before requesting approval to launch your mission."
|
|
21
|
-
}
|
|
22
|
-
}`,...(V=(R=n.parameters)==null?void 0:R.docs)==null?void 0:V.source}}};var A,W,U;s.parameters={...s.parameters,docs:{...(A=s.parameters)==null?void 0:A.docs,source:{originalSource:`{
|
|
23
|
-
args: {
|
|
24
|
-
role: "status",
|
|
25
|
-
severity: "success",
|
|
26
|
-
title: "Approved for launch",
|
|
27
|
-
text: "Safety checks are complete. Your mission is ready for liftoff."
|
|
28
|
-
}
|
|
29
|
-
}`,...(U=(W=s.parameters)==null?void 0:W.docs)==null?void 0:U.source}}};var E,B,j;o.parameters={...o.parameters,docs:{...(E=o.parameters)==null?void 0:E.docs,source:{originalSource:`{
|
|
30
|
-
args: {
|
|
31
|
-
role: "alert",
|
|
32
|
-
severity: "error",
|
|
33
|
-
title: "Safety checks failed",
|
|
34
|
-
text: "There is an issue with the fuel mixture ratios. Reconfigure the fuel mixture and perform the safety checks again.",
|
|
35
|
-
linkText: "Visit fueling console",
|
|
36
|
-
linkUrl: "#"
|
|
37
|
-
}
|
|
38
|
-
}`,...(j=(B=o.parameters)==null?void 0:B.docs)==null?void 0:j.source}}};var q,M,I;a.parameters={...a.parameters,docs:{...(q=a.parameters)==null?void 0:q.docs,source:{originalSource:`{
|
|
39
|
-
args: {
|
|
40
|
-
role: "alert",
|
|
41
|
-
severity: "error",
|
|
42
|
-
title: "Safety checks failed",
|
|
43
|
-
text: "There is an issue with the fuel mixture ratios. Reconfigure the fuel mixture and perform the safety checks again.",
|
|
44
|
-
linkTarget: "_blank",
|
|
45
|
-
linkText: "Visit fueling console",
|
|
46
|
-
linkUrl: "#"
|
|
47
|
-
}
|
|
48
|
-
}`,...(I=(M=a.parameters)==null?void 0:M.docs)==null?void 0:I.source}}};var N,O,H;l.parameters={...l.parameters,docs:{...(N=l.parameters)==null?void 0:N.docs,source:{originalSource:`{
|
|
49
|
-
args: {
|
|
50
|
-
role: "status",
|
|
51
|
-
severity: "info",
|
|
52
|
-
title: "Delivery details needed to complete your user profile",
|
|
53
|
-
text: undefined,
|
|
54
|
-
children: <>
|
|
55
|
-
<ul>
|
|
56
|
-
<li>Secondary email</li>
|
|
57
|
-
<li>Street address</li>
|
|
58
|
-
<li>City</li>
|
|
59
|
-
</ul>
|
|
60
|
-
</>
|
|
61
|
-
}
|
|
62
|
-
}`,...(H=(O=l.parameters)==null?void 0:O.docs)==null?void 0:H.source}}};var Y,D,P;c.parameters={...c.parameters,docs:{...(Y=c.parameters)==null?void 0:Y.docs,source:{originalSource:`{
|
|
63
|
-
args: {
|
|
64
|
-
role: "alert",
|
|
65
|
-
severity: "error",
|
|
66
|
-
title: "Safety checks failed",
|
|
67
|
-
text: undefined,
|
|
68
|
-
children: "There is an issue with the fuel mixture ratios. Reconfigure the fuel mixture and perform the safety checks again.",
|
|
69
|
-
linkText: "Visit fueling console",
|
|
70
|
-
linkUrl: "#"
|
|
71
|
-
}
|
|
72
|
-
}`,...(P=(D=c.parameters)==null?void 0:D.docs)==null?void 0:P.source}}};var _,F,$;u.parameters={...u.parameters,docs:{...(_=u.parameters)==null?void 0:_.docs,source:{originalSource:`{
|
|
73
|
-
args: {
|
|
74
|
-
role: "alert",
|
|
75
|
-
severity: "error",
|
|
76
|
-
title: "Safety checks failed",
|
|
77
|
-
text: undefined,
|
|
78
|
-
linkText: "Visit fueling console",
|
|
79
|
-
linkUrl: "#"
|
|
80
|
-
},
|
|
81
|
-
play: async ({
|
|
82
|
-
canvasElement,
|
|
83
|
-
step
|
|
84
|
-
}: {
|
|
85
|
-
canvasElement: HTMLElement;
|
|
86
|
-
step: PlaywrightProps<CalloutProps>["step"];
|
|
87
|
-
}) => {
|
|
88
|
-
await step("has visible link", () => {
|
|
89
|
-
const querySelect = queryOdysseySelector("Callout");
|
|
90
|
-
const element = querySelect({
|
|
91
|
-
element: canvasElement,
|
|
92
|
-
role: "alert",
|
|
93
|
-
options: {
|
|
94
|
-
title: /Safety checks failed/
|
|
95
|
-
}
|
|
96
|
-
}).selectChild?.({
|
|
97
|
-
name: "link",
|
|
98
|
-
options: {
|
|
99
|
-
linkText: "Visit fueling console"
|
|
100
|
-
}
|
|
101
|
-
}).element;
|
|
102
|
-
expect(element).toBeVisible();
|
|
103
|
-
});
|
|
104
|
-
}
|
|
105
|
-
}`,...($=(F=u.parameters)==null?void 0:F.docs)==null?void 0:$.source}}};var z,G,J;m.parameters={...m.parameters,docs:{...(z=m.parameters)==null?void 0:z.docs,source:{originalSource:`{
|
|
106
|
-
args: {
|
|
107
|
-
linkText: "Visit fueling console",
|
|
108
|
-
onLinkClick: fn(),
|
|
109
|
-
role: "alert",
|
|
110
|
-
severity: "error",
|
|
111
|
-
text: undefined,
|
|
112
|
-
title: "Safety checks failed"
|
|
113
|
-
},
|
|
114
|
-
play: async ({
|
|
115
|
-
args,
|
|
116
|
-
canvasElement,
|
|
117
|
-
step
|
|
118
|
-
}: PlayType) => {
|
|
119
|
-
await step("check for the link text and click it", async () => {
|
|
120
|
-
const canvas = within(canvasElement);
|
|
121
|
-
const link = canvas.getByText<HTMLAnchorElement>("Visit fueling console");
|
|
122
|
-
await expect(link?.tagName).toBe("A");
|
|
123
|
-
await expect(link?.href).toBe(\`\${link?.baseURI}#\`);
|
|
124
|
-
await userEvent.click(link);
|
|
125
|
-
await expect(args.onLinkClick).toHaveBeenCalled();
|
|
126
|
-
});
|
|
127
|
-
}
|
|
128
|
-
}`,...(J=(G=m.parameters)==null?void 0:G.docs)==null?void 0:J.source}}};const He=["Info","Error","Warning","Success","WithLink","WithLinkAndTarget","ChildrenWithList","ChildrenWithLink","TitleWithLink","TitleWithLinkWithOnLinkClick"];export{c as ChildrenWithLink,l as ChildrenWithList,i as Error,r as Info,s as Success,u as TitleWithLink,m as TitleWithLinkWithOnLinkClick,n as Warning,o as WithLink,a as WithLinkAndTarget,He as __namedExportsOrder,Oe as default};
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import{j as o}from"./jsx-runtime-CnH95YSl.js";import{useMDXComponents as p}from"./index-BeeV6X6A.js";import"./index-DDAqzdZr.js";import{M as n,T as e,S as s,D as a,P as c,a as d,b as x}from"./index-c74KQyVj.js";import{T as i}from"./Card.stories-fvpTzjYC.js";import"./index-NdkWRN8K.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./preview-CQqyhYi4.js";import"./iframe-pzQvMjuK.js";import"./DocsRenderer-CFRXHY34-DjVgG9gc.js";import"./client-ByW5HbEz.js";import"./index-DieBXP3Z.js";import"./index-BJTM6NaI.js";import"./index-B5xazMy1.js";import"./index-CXQShRbs.js";import"./index-DrFu-skq.js";import"./OdysseyThemeProvider-C4N_85M9.js";import"./index-B-lxVbXh.js";import"./v4-CtRu48qb.js";import"./OdysseyStorybookThemeDecorator-DmBIIOGu.js";import"./OdysseyProvider-oMWLr_-4.js";import"./Card-z7130zaB.js";import"./BaseButton-C1Nzi3yl.js";import"./MuiPropsContext-DhRylJZk.js";import"./Tooltip-ciZ4e0Eb.js";import"./Tooltip-DOwIJUHs.js";import"./Grow-D6A2VZqw.js";import"./utils-3Wr9v8NX.js";import"./inheritsLoose-S-YxUaHb.js";import"./TransitionGroupContext-DAL84N7p.js";import"./useIsFocusVisible-DH0qxT5e.js";import"./getReactElementRef-SdO7zWnC.js";import"./resolveComponentProps-D1ztx9lS.js";import"./isHostComponent-DVu5iVWx.js";import"./useControlled-NQulfz4l.js";import"./Popper-9pd1Yneu.js";import"./popper-ChLFknNm.js";import"./ownerDocument-DW-IO8s5.js";import"./Portal-DK2ELYoG.js";import"./Button-CbJri63v.js";import"./ButtonBase-Lbe0_84r.js";import"./assertThisInitialized-B9jnkVVz.js";import"./MenuButton-C-OmKt3g.js";import"./BaseMenuButton-DPFgAU1j.js";import"./Box-BK5oZBIO.js";import"./Box-CTjIz0-2.js";import"./createBox-Cu6fLdzL.js";import"./useUniqueId-Bsgqe1tm.js";import"./createUniqueId-ByTaVY63.js";import"./MenuContext-DKMyPMNY.js";import"./More-DLP5TTaz.js";import"./Menu-C2dEwThV.js";import"./ownerWindow-HkKU3E4x.js";import"./debounce-Be36O1Ab.js";import"./Modal-Ddv1e_fT.js";import"./getScrollbarSize-Bqq2hMjQ.js";import"./createChainedFunction-BO_9K8Jh.js";import"./Fade-fD56BVkE.js";import"./Paper-D4wDjY4F.js";import"./MenuList-BCZDiX8u.js";import"./List-BSidosAy.js";import"./Typography-C4vClHaZ.js";import"./Typography-NdqIGwl5.js";import"./Skeleton-Bgl-rJ6W.js";import"./colorManipulator-BmBCr6qx.js";import"./CardActions-C8G3mEo5.js";import"./CardActionArea-B7i8fBJO.js";import"./MenuItem-C0i8WJAZ.js";import"./MenuItem-D69h7bYZ.js";import"./Button-DuM2NeMY.js";import"./Checkbox-CMDOP82Q.js";import"./inputUtils-Dbi8XkA6.js";import"./Hint-CkN2-6Wh.js";import"./FormHelperText-DQoZ2-nD.js";import"./useFormControl-BMISTZuX.js";import"./FormControlLabel-DPa22EmK.js";import"./Stack-Dyzg8njm.js";import"./createStyled-CcazfAPj.js";import"./useThemeProps-BX3arxP9.js";import"./Checkbox-BlSNHylx.js";import"./SwitchBase-n4YlIRfi.js";import"./createSvgIcon-V-Po-Ssl.js";import"./IconButton-CgM2Hv_L.js";import"./ChevronUp-DyYSBYAc.js";function m(r){const t={code:"code",p:"p",...p(),...r.components};return o.jsxs(o.Fragment,{children:[o.jsx(n,{of:i}),`
|
|
2
|
-
`,o.jsx(e,{of:i}),`
|
|
3
|
-
`,o.jsx(s,{of:i}),`
|
|
4
|
-
`,o.jsx(a,{of:i}),`
|
|
5
|
-
`,o.jsx(c,{of:i}),`
|
|
6
|
-
`,o.jsxs(t.p,{children:[o.jsx(t.code,{children:"<Card>"})," can either be clickable (via the ",o.jsx(t.code,{children:"onClick"})," prop), or can include a button and/or menu (via the ",o.jsx(t.code,{children:"button"})," and ",o.jsx(t.code,{children:"menuItems"})," props)."]}),`
|
|
7
|
-
`,o.jsx(d,{}),`
|
|
8
|
-
`,o.jsx(x,{})]})}function Ko(r={}){const{wrapper:t}={...p(),...r.components};return t?o.jsx(t,{...r,children:o.jsx(m,{...r})}):m(r)}export{Ko as default};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{u as z,K as O,h as s,P as E}from"./OdysseyThemeProvider-C4N_85M9.js";import{r as m}from"./index-NdkWRN8K.js";import{B as _}from"./BaseButton-C1Nzi3yl.js";import{M as T}from"./MenuButton-C-OmKt3g.js";import{M as V}from"./More-DLP5TTaz.js";import{d as w,M as y,a as B}from"./Typography-C4vClHaZ.js";import{j as a}from"./jsx-runtime-CnH95YSl.js";import{S as c,s as g}from"./Skeleton-Bgl-rJ6W.js";import{C as I,c as R}from"./CardActions-C8G3mEo5.js";import{C as W,a as H}from"./CardActionArea-B7i8fBJO.js";const co=["tile","stack","compact"],G="64px",Z="48px",K=s(W,{shouldForwardProp:o=>o!=="cardVariant"&&o!=="isClickable"&&o!=="odysseyDesignTokens"})(({cardVariant:o,isClickable:n,odysseyDesignTokens:r})=>({border:`${r.BorderWidthMain} ${r.BorderColorDisplay} ${r.BorderStyleMain}`,boxShadow:"none",padding:0,display:"flex",...o==="compact"&&{marginBlockEnd:r.Spacing2},"&:hover":n?{borderColor:r.HueNeutralWhite,boxShadow:r.DepthMedium}:{},[`& .${g.root}`]:{transform:"none"},[`& .${R.root} .${g.root}`]:{height:r.Spacing7}})),U=s(H)(()=>({margin:0,padding:0})),q=s("div",{shouldForwardProp:o=>o!=="odysseyDesignTokens"&&o!=="variant"})(({odysseyDesignTokens:o,variant:n})=>({display:"flex",flexDirection:n==="compact"?"row":"column",alignItems:"center",gap:o.Spacing1,marginBlockStart:n==="compact"?o.Spacing4:o.Spacing5,marginInlineStart:o.Spacing4,marginInlineEnd:`-${o.Spacing2}`,height:n==="compact"?o.Spacing8:"auto",[`& .${g.root}`]:{width:o.Spacing5,height:o.Spacing5}})),$=s("div",{shouldForwardProp:o=>o!=="hasDetailPanel"&&o!=="numberOfChildNodes"&&o!=="odysseyDesignTokens"&&o!=="variant"})(({hasDetailPanel:o,numberOfChildNodes:n=0,odysseyDesignTokens:r,variant:t})=>({alignItems:t==="compact"&&!o&&n<=2?"center":"flex-start",display:"flex",backgroundColor:r.HueNeutralWhite,padding:t==="compact"?r.Spacing4:r.Spacing5,flexDirection:t==="tile"?"column":"row",gap:r.Spacing4,width:"100%"})),A=s("div",{shouldForwardProp:o=>o!=="odysseyDesignTokens"&&o!=="variant"&&o!=="hasMenuButton"})(({odysseyDesignTokens:o,variant:n,hasMenuButton:r})=>({height:n==="compact"?Z:G,paddingInlineEnd:n==="tile"&&r?o.Spacing4:0,[`& > .${g.root}`]:{height:"100%",aspectRatio:1}})),D=s("div",{shouldForwardProp:o=>o!=="odysseyDesignTokens"})(({odysseyDesignTokens:o})=>({display:"flex",flexDirection:"column",gap:o.Spacing4,width:"100%","& > *":{marginBlock:0},[`& .${g.root} + .${g.root}`]:{marginBlockStart:o.Spacing1}})),b=s("div",{shouldForwardProp:o=>o!=="odysseyDesignTokens"&&o!=="variant"&&o!=="hasMenuButton"})(({odysseyDesignTokens:o,variant:n,hasMenuButton:r})=>({display:"flex",flexDirection:"column",gap:n==="compact"?o.Spacing1:o.Spacing4,paddingInlineEnd:n!=="tile"&&r?o.Spacing4:0,[`& > .${E.root}`]:{marginBlockEnd:0}})),k=s("div",{shouldForwardProp:o=>o!=="odysseyDesignTokens"})(({odysseyDesignTokens:o})=>({display:"flex",flexDirection:"column",gap:o.Spacing1,[`& > .${E.root}`]:{marginBlockEnd:0}})),S=s("div",{shouldForwardProp:o=>o!=="odysseyDesignTokens"})(({odysseyDesignTokens:o})=>({display:"flex",flexDirection:"column",alignItems:"flex-start",backgroundColor:o.HueNeutralWhite})),J=s("div",{shouldForwardProp:o=>o!=="odysseyDesignTokens"&&o!=="variant"})(({odysseyDesignTokens:o,variant:n})=>({position:"absolute",right:o.Spacing2,top:n==="compact"?o.Spacing4:o.Spacing2,height:n==="compact"?o.Spacing8:"auto",display:"flex",alignItems:"center",[`& .${g.root}`]:{width:o.Spacing5,height:o.Spacing5,margin:o.Spacing1}})),P=o=>m.Children.toArray(o).length,Q=({children:o,description:n,detailPanel:r,image:t,isLoading:x,overline:l,title:h,titleId:j,variant:i,accessory:f,button:p,menuButtonChildren:d,onClick:u,__role:F})=>{const e=z(),{t:C}=O(),v=m.useMemo(()=>a.jsxs($,{numberOfChildNodes:P([p,o,n,l,h]),odysseyDesignTokens:e,variant:i,children:[t&&a.jsx(A,{hasMenuButton:!!d,odysseyDesignTokens:e,variant:i,children:a.jsx(c,{variant:"circular"})}),a.jsxs(D,{odysseyDesignTokens:e,children:[a.jsxs(b,{hasMenuButton:!!d,odysseyDesignTokens:e,variant:i,children:[a.jsxs(k,{odysseyDesignTokens:e,children:[l&&a.jsx(w,{children:a.jsx(c,{width:"50%"})}),h&&a.jsx(y,{component:"div",variant:i==="tile"?"h4":"h5",children:a.jsx(c,{width:"33%"})})]}),n&&a.jsxs(B,{children:[a.jsx(c,{width:"100%"}),a.jsx(c,{width:"50%"})]})]}),o&&a.jsx(S,{odysseyDesignTokens:e,children:a.jsx(c,{width:"50%"})}),p&&a.jsx(I,{children:a.jsx(c,{variant:"rounded",width:"100%"})})]})]}),[p,o,n,t,d,e,l,h,i]),M=m.useMemo(()=>{const N={isFullWidth:!0};return a.jsxs($,{hasDetailPanel:!!r,numberOfChildNodes:P([p,o,n,l,h]),odysseyDesignTokens:e,variant:i,children:[t&&a.jsx(A,{hasMenuButton:!!d,odysseyDesignTokens:e,variant:i,children:t}),a.jsxs(D,{odysseyDesignTokens:e,children:[a.jsxs(b,{hasMenuButton:!!d,odysseyDesignTokens:e,variant:i,children:[a.jsxs(k,{odysseyDesignTokens:e,children:[l&&a.jsx(w,{component:"div",children:l}),h&&a.jsx(y,{component:"div",id:j,variant:i==="tile"?"h4":"h5",children:h})]}),n&&a.jsx(B,{color:"textSecondary",children:n})]}),o&&a.jsx(S,{odysseyDesignTokens:e,children:o}),p&&a.jsx(I,{children:a.jsx(_.Provider,{value:N,children:p})}),r&&a.jsx(S,{odysseyDesignTokens:e,children:r})]})]})},[p,o,n,r,t,d,e,l,h,j,i]);return a.jsxs(K,{cardVariant:i,isClickable:!!u,odysseyDesignTokens:e,role:F,children:[!!f&&a.jsx(q,{odysseyDesignTokens:e,variant:i,children:x?a.jsx(c,{variant:"circular"}):f}),x?v:u?a.jsx(U,{onClick:u,children:M}):M,d&&a.jsx(J,{odysseyDesignTokens:e,variant:i,children:x?a.jsx(c,{variant:"circular"}):a.jsx(T,{ariaLabel:C("table.moreactions.arialabel"),buttonVariant:"floating",endIcon:a.jsx(V,{}),menuAlignment:"right",size:"small",tooltipText:C("table.actions"),children:d})})]})},X=m.memo(Q);X.displayName="Card";export{X as M,co as c};
|
|
@@ -1,56 +0,0 @@
|
|
|
1
|
-
import{j as e}from"./jsx-runtime-CnH95YSl.js";import{h as K,N as Q}from"./OdysseyThemeProvider-C4N_85M9.js";import{a as W}from"./index-B-lxVbXh.js";import{r as u}from"./index-NdkWRN8K.js";import{O as X}from"./OdysseyStorybookThemeDecorator-DmBIIOGu.js";import{c as Y,M as C}from"./Card-z7130zaB.js";import{M as b}from"./MenuItem-C0i8WJAZ.js";import{M as Z}from"./Button-DuM2NeMY.js";import{M as $}from"./Checkbox-CMDOP82Q.js";import{I as ee}from"./IconButton-CgM2Hv_L.js";import{M as te}from"./ChevronUp-DyYSBYAc.js";const v=e.jsx("img",{alt:"Example logo",src:"https://placehold.co/128"}),x=e.jsx(e.Fragment,{children:"Children."}),f=e.jsx(e.Fragment,{children:"Detail panel."}),m=W("onClick"),ne=e.jsx(Z,{label:"Access app",onClick:m,variant:"primary"}),oe=e.jsxs(e.Fragment,{children:[e.jsx(b,{onClick:m,children:"Action 1"}),e.jsx(b,{onClick:m,children:"Action 2"})]}),re=K("div")(()=>({"& label":{gap:0}})),ae={decorators:[X],argTypes:{children:{control:"boolean"},description:{control:"text"},detailPanel:{control:"boolean"},image:{control:"boolean"},isLoading:{control:"boolean"},overline:{control:"text"},title:{control:"text"},variant:{control:"select",options:Y},accessory:{control:"boolean"},button:{control:"boolean"},menuButtonChildren:{control:"boolean"},onClick:{control:"boolean"}},args:{accessory:!1,button:void 0,children:!1,description:"This is a description of the app. Descriptions should be concise, and truncation is handled by the consumer rather than the component, so if you write a novel, it will display a novel.",detailPanel:!1,image:void 0,isLoading:!1,menuButtonChildren:!1,onClick:void 0,overline:"Category",title:"App title",variant:"tile"},render:function(t){const[d,h]=u.useState(!1),[p,g]=u.useState(!1),V=u.useCallback(()=>{g(!p)},[p,g]),N=u.useCallback(()=>{h(!d)},[d,h]),R=({isChecked:n,onChange:o})=>e.jsx(re,{children:e.jsx($,{ariaLabel:"Selecton toggle",isChecked:n,onChange:o})}),U=({isExpanded:n,onToggle:o})=>e.jsx(ee,{"aria-label":n?"Collapse":"Expand",onClick:o,size:"small",children:n?e.jsx(Q,{}):e.jsx(te,{})}),q=({isExpandable:n,isSelected:o,isExpanded:G,onToggleExpansion:H,onChangeSelection:J})=>e.jsxs(e.Fragment,{children:[e.jsx(R,{isChecked:o,onChange:J}),n&&e.jsx(U,{isExpanded:G,onToggle:H})]});return t.onClick?e.jsx(C,{children:t.children?x:void 0,description:t.description,detailPanel:t.detailPanel?f:void 0,image:t.image?v:void 0,isLoading:t.isLoading,onClick:m,overline:t.overline,title:t.title,variant:t.variant}):e.jsx(C,{accessory:t.accessory?e.jsx(q,{isExpandable:!!t.detailPanel,isExpanded:d,isSelected:p,onChangeSelection:V,onToggleExpansion:N}):void 0,button:t.button?ne:void 0,children:t.children?x:void 0,description:t.description,detailPanel:t.detailPanel&&d?f:void 0,image:t.image?v:void 0,isLoading:t.isLoading,menuButtonChildren:t.menuButtonChildren?oe:void 0,overline:t.overline,title:t.title,variant:t.variant})}},r={args:{accessory:!1,button:!0,children:!1,detailPanel:!1,image:!0,menuButtonChildren:!0}},a={args:{image:!0,onClick:!0}},i={args:{accessory:!0,button:!0,children:!0,detailPanel:!0,image:!0,menuButtonChildren:!0,variant:"tile"}},s={args:{accessory:!0,button:!0,children:!0,detailPanel:!0,image:!0,menuButtonChildren:!0,variant:"stack"}},l={args:{accessory:!0,button:!0,children:!0,detailPanel:!0,image:!0,menuButtonChildren:!0,variant:"compact"}},c={args:{accessory:!0,button:!0,children:!0,detailPanel:!0,image:!0,isLoading:!0,menuButtonChildren:!0,variant:"tile"}};var y,j,S;r.parameters={...r.parameters,docs:{...(y=r.parameters)==null?void 0:y.docs,source:{originalSource:`{
|
|
2
|
-
args: {
|
|
3
|
-
accessory: false,
|
|
4
|
-
button: true,
|
|
5
|
-
children: false,
|
|
6
|
-
detailPanel: false,
|
|
7
|
-
image: true,
|
|
8
|
-
menuButtonChildren: true
|
|
9
|
-
}
|
|
10
|
-
}`,...(S=(j=r.parameters)==null?void 0:j.docs)==null?void 0:S.source}}};var k,P,B;a.parameters={...a.parameters,docs:{...(k=a.parameters)==null?void 0:k.docs,source:{originalSource:`{
|
|
11
|
-
args: {
|
|
12
|
-
image: true,
|
|
13
|
-
onClick: true
|
|
14
|
-
}
|
|
15
|
-
}`,...(B=(P=a.parameters)==null?void 0:P.docs)==null?void 0:B.source}}};var E,M,L;i.parameters={...i.parameters,docs:{...(E=i.parameters)==null?void 0:E.docs,source:{originalSource:`{
|
|
16
|
-
args: {
|
|
17
|
-
accessory: true,
|
|
18
|
-
button: true,
|
|
19
|
-
children: true,
|
|
20
|
-
detailPanel: true,
|
|
21
|
-
image: true,
|
|
22
|
-
menuButtonChildren: true,
|
|
23
|
-
variant: "tile"
|
|
24
|
-
}
|
|
25
|
-
}`,...(L=(M=i.parameters)==null?void 0:M.docs)==null?void 0:L.source}}};var T,z,A;s.parameters={...s.parameters,docs:{...(T=s.parameters)==null?void 0:T.docs,source:{originalSource:`{
|
|
26
|
-
args: {
|
|
27
|
-
accessory: true,
|
|
28
|
-
button: true,
|
|
29
|
-
children: true,
|
|
30
|
-
detailPanel: true,
|
|
31
|
-
image: true,
|
|
32
|
-
menuButtonChildren: true,
|
|
33
|
-
variant: "stack"
|
|
34
|
-
}
|
|
35
|
-
}`,...(A=(z=s.parameters)==null?void 0:z.docs)==null?void 0:A.source}}};var I,D,_;l.parameters={...l.parameters,docs:{...(I=l.parameters)==null?void 0:I.docs,source:{originalSource:`{
|
|
36
|
-
args: {
|
|
37
|
-
accessory: true,
|
|
38
|
-
button: true,
|
|
39
|
-
children: true,
|
|
40
|
-
detailPanel: true,
|
|
41
|
-
image: true,
|
|
42
|
-
menuButtonChildren: true,
|
|
43
|
-
variant: "compact"
|
|
44
|
-
}
|
|
45
|
-
}`,...(_=(D=l.parameters)==null?void 0:D.docs)==null?void 0:_.source}}};var O,F,w;c.parameters={...c.parameters,docs:{...(O=c.parameters)==null?void 0:O.docs,source:{originalSource:`{
|
|
46
|
-
args: {
|
|
47
|
-
accessory: true,
|
|
48
|
-
button: true,
|
|
49
|
-
children: true,
|
|
50
|
-
detailPanel: true,
|
|
51
|
-
image: true,
|
|
52
|
-
isLoading: true,
|
|
53
|
-
menuButtonChildren: true,
|
|
54
|
-
variant: "tile"
|
|
55
|
-
}
|
|
56
|
-
}`,...(w=(F=c.parameters)==null?void 0:F.docs)==null?void 0:w.source}}};const ie=["Default","Clickable","Tile","Stack","Compact","Loading"],xe=Object.freeze(Object.defineProperty({__proto__:null,Clickable:a,Compact:l,Default:r,Loading:c,Stack:s,Tile:i,__namedExportsOrder:ie,default:ae},Symbol.toStringTag,{value:"Module"}));export{xe as T};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{V as C,W as g,c as m,_ as A,b as d,s as h,d as p,f as v}from"./OdysseyThemeProvider-C4N_85M9.js";import{r as y}from"./index-NdkWRN8K.js";import{j as f}from"./jsx-runtime-CnH95YSl.js";import{P as b}from"./Paper-D4wDjY4F.js";import{B as x}from"./ButtonBase-Lbe0_84r.js";function R(s){return C("MuiCard",s)}g("MuiCard",["root"]);const N=["className","raised"],H=s=>{const{classes:o}=s;return v({root:["root"]},R,o)},M=h(b,{name:"MuiCard",slot:"Root",overridesResolver:(s,o)=>o.root})(()=>({overflow:"hidden"})),F=y.forwardRef(function(o,r){const t=m({props:o,name:"MuiCard"}),{className:n,raised:a=!1}=t,c=A(t,N),i=d({},t,{raised:a}),e=H(i);return f.jsx(M,d({className:p(e.root,n),elevation:a?8:void 0,ref:r,ownerState:i},c))});function w(s){return C("MuiCardActionArea",s)}const u=g("MuiCardActionArea",["root","focusVisible","focusHighlight"]),V=["children","className","focusVisibleClassName"],j=s=>{const{classes:o}=s;return v({root:["root"],focusHighlight:["focusHighlight"]},w,o)},U=h(x,{name:"MuiCardActionArea",slot:"Root",overridesResolver:(s,o)=>o.root})(({theme:s})=>({display:"block",textAlign:"inherit",borderRadius:"inherit",width:"100%",[`&:hover .${u.focusHighlight}`]:{opacity:(s.vars||s).palette.action.hoverOpacity,"@media (hover: none)":{opacity:0}},[`&.${u.focusVisible} .${u.focusHighlight}`]:{opacity:(s.vars||s).palette.action.focusOpacity}})),_=h("span",{name:"MuiCardActionArea",slot:"FocusHighlight",overridesResolver:(s,o)=>o.focusHighlight})(({theme:s})=>({overflow:"hidden",pointerEvents:"none",position:"absolute",top:0,right:0,bottom:0,left:0,borderRadius:"inherit",opacity:0,backgroundColor:"currentcolor",transition:s.transitions.create("opacity",{duration:s.transitions.duration.short})})),O=y.forwardRef(function(o,r){const t=m({props:o,name:"MuiCardActionArea"}),{children:n,className:a,focusVisibleClassName:c}=t,i=A(t,V),e=t,l=j(e);return f.jsxs(U,d({className:p(l.root,a),focusVisibleClassName:p(c,l.focusVisible),ref:r,ownerState:e},i,{children:[n,f.jsx(_,{className:l.focusHighlight,ownerState:e})]}))});export{F as C,O as a};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{W as d,V as p,c as u,_ as m,b as e,s as C,d as g,f}from"./OdysseyThemeProvider-C4N_85M9.js";import{r as x}from"./index-NdkWRN8K.js";import{j as A}from"./jsx-runtime-CnH95YSl.js";function b(s){return p("MuiCardActions",s)}const _=d("MuiCardActions",["root","spacing"]),y=["disableSpacing","className"],S=s=>{const{classes:t,disableSpacing:o}=s;return f({root:["root",!o&&"spacing"]},b,t)},R=C("div",{name:"MuiCardActions",slot:"Root",overridesResolver:(s,t)=>{const{ownerState:o}=s;return[t.root,!o.disableSpacing&&t.spacing]}})(({ownerState:s})=>e({display:"flex",alignItems:"center",padding:8},!s.disableSpacing&&{"& > :not(style) ~ :not(style)":{marginLeft:8}})),v=x.forwardRef(function(t,o){const a=u({props:t,name:"MuiCardActions"}),{disableSpacing:r=!1,className:i}=a,c=m(a,y),n=e({},a,{disableSpacing:r}),l=S(n);return A.jsx(R,e({className:g(l.root,i),ownerState:n,ref:o},c))});export{v as C,_ as c};
|