@okta/odyssey-contribution-tooling 1.48.0 → 1.50.1
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 +8 -0
- package/dist/types/tsconfig.tsbuildinfo +1 -1
- package/package.json +2 -2
- 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-MTHvu5cR.js +0 -1
- package/dist/assets/Accordion.stories-DniSJ38i.js +0 -85
- package/dist/assets/AccordionSummary-Byc6MkHu.js +0 -1
- package/dist/assets/AlertTitle-BDkgiA29.js +0 -1
- package/dist/assets/AppSwitcher-mUx_f1r6.js +0 -21
- package/dist/assets/AppSwitcher.stories-CENgxWSC.js +0 -100
- package/dist/assets/AppTile _labs_.stories-B5BjKm0o.js +0 -136
- package/dist/assets/ArrowDropDown-Dnrg-0Q8.js +0 -1
- package/dist/assets/ArrowRight-BquvVn3D.js +0 -1
- package/dist/assets/Autocomplete-Bh3XRXMy.js +0 -1
- package/dist/assets/Autocomplete-CknstIK_.js +0 -1
- package/dist/assets/Autocomplete.stories-DNDWoB5E.js +0 -316
- package/dist/assets/Badge-DFZYqSZN.js +0 -11
- package/dist/assets/Banner-25ZggH76.js +0 -1
- package/dist/assets/Banner.stories-Dz37neYC.js +0 -74
- package/dist/assets/BaseButton-Cd1oZPsh.js +0 -11
- package/dist/assets/BaseMenuButton-DCwowxQ6.js +0 -1
- package/dist/assets/Box-B-R2QRDU.js +0 -1
- package/dist/assets/Box-B6KmU4_J.js +0 -1
- package/dist/assets/Box-B92Cdrku.js +0 -11
- package/dist/assets/Box.stories-BCtoarqr.js +0 -38
- package/dist/assets/Breadcrumbs-BGJJeoxM.js +0 -6
- package/dist/assets/Breadcrumbs.stories-BTEZLo9U.js +0 -79
- package/dist/assets/Bug-Z3X3t5xp.js +0 -1
- package/dist/assets/Button-BvUGu5Sm.js +0 -1
- package/dist/assets/Button-DPUOjyZy.js +0 -11
- package/dist/assets/Button.stories-CLRsJ0J2.js +0 -271
- package/dist/assets/ButtonBase-CrcIXP69.js +0 -74
- package/dist/assets/Calendar-DnwsjheN.js +0 -1
- package/dist/assets/Callout-qkeUDNKn.js +0 -1
- package/dist/assets/Callout.stories-DVWATUoj.js +0 -105
- package/dist/assets/Card-DL97TZJd.js +0 -1
- package/dist/assets/Card-DqLPNu4w.js +0 -8
- package/dist/assets/Card.stories-ROWJyBI0.js +0 -56
- package/dist/assets/CardActionArea-BaL2GhSM.js +0 -1
- package/dist/assets/CardActions-C1bW_Jqo.js +0 -1
- package/dist/assets/Checkbox-OauVZWc5.js +0 -1
- package/dist/assets/Checkbox-eGdyySzm.js +0 -1
- package/dist/assets/Checkbox.stories-DwmuFw2j.js +0 -96
- package/dist/assets/CheckboxGroup-BQ5GiUey.js +0 -1
- package/dist/assets/CheckboxGroup.stories-BbHNliqq.js +0 -92
- package/dist/assets/ChevronRight-BLkvXBUf.js +0 -1
- package/dist/assets/ChevronUp-Br-QC-XK.js +0 -1
- package/dist/assets/Chip-B9WkuA4b.js +0 -1
- package/dist/assets/CircularProgress-AX8KCiV6.js +0 -28
- package/dist/assets/CircularProgress-DxY3QwHW.js +0 -1
- package/dist/assets/CircularProgress.stories-a_Rse-5m.js +0 -44
- package/dist/assets/Clock-8HOQy_d4.js +0 -1
- package/dist/assets/Close-BjXKhBr_.js +0 -1
- package/dist/assets/Code Styling Guidelines-BkGO8zp-.js +0 -14
- package/dist/assets/Collapse-DtQCvyEw.js +0 -1
- package/dist/assets/Color-YHDXOIA2-CcoN0wsl.js +0 -1
- package/dist/assets/CssBaseline-CI1_OCUX.js +0 -191
- package/dist/assets/CssBaseline.stories-BSLs5ScZ.js +0 -364
- package/dist/assets/Custom Theming-WlDJkwzT.js +0 -135
- package/dist/assets/Custom Theming.stories-Kx3noLIn.js +0 -95
- package/dist/assets/DataFilters _labs_-BIYE5QJU.js +0 -55
- package/dist/assets/DataFilters _labs_.stories-BdV81MCI.js +0 -31
- package/dist/assets/DataFilters-KxLw7hL5.js +0 -1
- package/dist/assets/DataTable _labs_-D_W9CY5T.js +0 -41
- package/dist/assets/DataTable _labs_.stories-CTl54dDN.js +0 -21
- package/dist/assets/DataTable-BJQ8WkUd.js +0 -21
- package/dist/assets/DataTable-bZz790ci.js +0 -404
- package/dist/assets/DataTable.stories-9eBclyx2.js +0 -438
- package/dist/assets/DataView _labs_-AutzTAhE.js +0 -332
- package/dist/assets/DataView _labs_.stories-CO0XGhOV.js +0 -438
- package/dist/assets/DataView-CHGdxu-Z.js +0 -91
- package/dist/assets/DataView.stories-6cnSmpm3.js +0 -954
- package/dist/assets/DatePicker-BGoHW8Is.js +0 -1
- package/dist/assets/DatePicker-C6TIvuN7.js +0 -11
- package/dist/assets/DatePicker.stories-DldeVOlB.js +0 -133
- package/dist/assets/DateTimePicker-DKGE8593.js +0 -1
- package/dist/assets/DateTimePicker.stories-TBpe3AjQ.js +0 -158
- package/dist/assets/Design Tokens-BnlBB5OL.js +0 -4
- package/dist/assets/Dialog-BkOLgyLu.js +0 -1
- package/dist/assets/Dialog.stories-BQZpS-f5.js +0 -201
- package/dist/assets/DialogContent-B-pM1DP1.js +0 -1
- package/dist/assets/DialogTitle-DA2nrmUc.js +0 -1
- package/dist/assets/Divider-CAwVs6Y1.js +0 -1
- package/dist/assets/DocsRenderer-CFRXHY34-kO-n-5EB.js +0 -2
- package/dist/assets/Documentation-CBbHUjXC.js +0 -1
- package/dist/assets/Download-VHpUH0as.js +0 -1
- package/dist/assets/Drawer-C9M8pytV.js +0 -33
- package/dist/assets/Drawer.stories-DpNTQVxG.js +0 -95
- package/dist/assets/EmptyState-FpIKkMpd.js +0 -11
- package/dist/assets/EmptyState.stories-CkUF2dIR.js +0 -11
- package/dist/assets/ExampleButton.stories-CbAFs20l.js +0 -320
- package/dist/assets/Extending Translations-mp_vyXoH.js +0 -145
- package/dist/assets/ExternalLink-lox07hAR.js +0 -1
- package/dist/assets/Fade-CHnXmzFb.js +0 -1
- package/dist/assets/Field-BxkyNVQW.js +0 -11
- package/dist/assets/FieldHint-D5VttvwL.js +0 -1
- package/dist/assets/Fieldset-Dp9uCwiB.js +0 -11
- package/dist/assets/Fieldset.stories-Wa9hG8Z0.js +0 -15
- package/dist/assets/FileUploader.stories-CxYwF2DZ.js +0 -58
- package/dist/assets/Filter-BiREetkX.js +0 -1
- package/dist/assets/Folder-8esChg_E.js +0 -1
- package/dist/assets/Form Field Accessibility-BCFouYXt.js +0 -18
- package/dist/assets/Form-CJrxMkwr.js +0 -11
- package/dist/assets/Form.stories-Bc84FwlQ.js +0 -69
- package/dist/assets/FormControlLabel-CoGABX1G.js +0 -1
- package/dist/assets/FormGroup-D2d8E3Cw.js +0 -1
- package/dist/assets/FormHelperText-Ca69g4Je.js +0 -1
- package/dist/assets/FormLabel-EOlXQpGp.js +0 -1
- package/dist/assets/FullScreenOverlay-Bujsxbxh.js +0 -11
- package/dist/assets/Generating Icons-pN6RBs4J.js +0 -16
- package/dist/assets/Globe-BHk1B5d7.js +0 -1
- package/dist/assets/Grid-B7XSvQ_X.js +0 -1
- package/dist/assets/Group-DWmiPyzE.js +0 -1
- package/dist/assets/GroupPicker _labs_.stories-D0PDtKKA.js +0 -33
- package/dist/assets/Grow-6R6cTzr4.js +0 -1
- package/dist/assets/Hide-Bvhl5PVN.js +0 -1
- package/dist/assets/Hint-DTEjQAxl.js +0 -11
- package/dist/assets/Home-CUQc6tB8.js +0 -1
- package/dist/assets/Icon _icons_.stories-S2muaIBP.js +0 -16
- package/dist/assets/IconButton-Wwvz84xG.js +0 -1
- package/dist/assets/IconWithTooltip _icons_.stories-BiiIBhOv.js +0 -19
- package/dist/assets/InformationCircle-DYQV39lt.js +0 -1
- package/dist/assets/InputAdornment-Dj-8HF_1.js +0 -1
- package/dist/assets/InputBase-6reb9B7r.js +0 -2
- package/dist/assets/Installing odyssey-react-mui-DuIfuEaw.js +0 -216
- package/dist/assets/Introduction-BTH-MnwV.js +0 -36
- package/dist/assets/Layout-BndkhA1_.js +0 -11
- package/dist/assets/Layout.stories-BwMtW-cW.js +0 -285
- package/dist/assets/Legacy Migrations-BfDwGUg3.js +0 -86
- package/dist/assets/Link-BQo2zH0c.js +0 -1
- package/dist/assets/Link-C5sM1_ZF.js +0 -11
- package/dist/assets/Link-DcsndbPK.js +0 -1
- package/dist/assets/Link.stories-DiVQZsn1.js +0 -43
- package/dist/assets/List-CNCQEpRl.js +0 -1
- package/dist/assets/List-_p0jkXPM.js +0 -1
- package/dist/assets/ListItem-BLYwuKOG.js +0 -1
- package/dist/assets/ListSubheader-DO359rMr.js +0 -1
- package/dist/assets/Menu-CU_mHT7L.js +0 -1
- package/dist/assets/MenuButton-CGRa_Y2p.js +0 -9
- package/dist/assets/MenuButton-DvVmjwMC.js +0 -11
- package/dist/assets/MenuButton.stories-rLpv4nq1.js +0 -246
- package/dist/assets/MenuContext-DKMyPMNY.js +0 -11
- package/dist/assets/MenuItem-DoUaLmgU.js +0 -1
- package/dist/assets/MenuItem-oi_JaUho.js +0 -1
- package/dist/assets/MenuItem.stories-Ba6BR5kj.js +0 -29
- package/dist/assets/MenuList-0OHGr5AC.js +0 -1
- package/dist/assets/Modal-B12sS2Yh.js +0 -1
- package/dist/assets/More-BgQrTkKM.js +0 -1
- package/dist/assets/MuiPropsContext-DhRylJZk.js +0 -11
- package/dist/assets/NativeSelect.stories-CYtg4GGs.js +0 -173
- package/dist/assets/OdysseyProvider-BPLFYiwr.js +0 -66
- package/dist/assets/OdysseyStorybookThemeDecorator-CGH8visK.js +0 -1
- package/dist/assets/OdysseyThemeProvider-BykOaJq8.js +0 -189
- package/dist/assets/PageHeader.stories-Cg0XA0p_.js +0 -57
- package/dist/assets/PageHeader.stories-DHDJTskZ.js +0 -329
- package/dist/assets/PageTemplate _labs_-Bi3xwFV2.js +0 -8
- package/dist/assets/PageTemplate _labs_.stories-DdUcW43S.js +0 -306
- package/dist/assets/PageTemplate-mjLVQesI.js +0 -21
- package/dist/assets/PageTemplate.stories-BD8Hafdu.js +0 -197
- package/dist/assets/PaginatedTable _labs_.stories-Lt6yWTDo.js +0 -65
- package/dist/assets/Pagination-BTycGMV-.js +0 -11
- package/dist/assets/Pagination.stories-rN3x32X9.js +0 -17
- package/dist/assets/Paper-DwBg74qy.js +0 -1
- package/dist/assets/PasswordField.stories-BdnDY-tl.js +0 -129
- package/dist/assets/Picker _labs_.stories-D3FvB-m5.js +0 -18
- package/dist/assets/PickerWithOptionAdornment _labs_.stories-BxW5XACd.js +0 -70
- package/dist/assets/PlaceholderLogo-JfVvgA23.js +0 -11
- package/dist/assets/Popper-CSwIGEpk.js +0 -1
- package/dist/assets/Portal-CsPQSHsR.js +0 -1
- package/dist/assets/Radio-7iHx2pBU.js +0 -1
- package/dist/assets/Radio-AD-L5UNl.js +0 -1
- package/dist/assets/Radio.stories-eZmvoamt.js +0 -63
- package/dist/assets/RadioGroup-C_zn6OtS.js +0 -1
- package/dist/assets/RadioGroup-Mx_cTqVX.js +0 -1
- package/dist/assets/RadioGroup-yPcOJn0w.js +0 -10
- package/dist/assets/RadioGroup.stories-CackbN0d.js +0 -138
- package/dist/assets/Refresh-CgZVXlSy.js +0 -1
- package/dist/assets/ResourceAccessPolicyComponentsStorybookThemeDecorator-Xen2vDro.js +0 -212
- package/dist/assets/Right-to-Left (RTL)-CALRs8aM.js +0 -62
- package/dist/assets/ScreenReaderText-D9dVDvYs.js +0 -15
- package/dist/assets/ScreenReaderText-DbrZU7M5.js +0 -1
- package/dist/assets/ScreenReaderText.stories-CuVJmeWD.js +0 -8
- package/dist/assets/Search-BSlcf4bB.js +0 -1
- package/dist/assets/SearchDropdown _labs_.stories-CQype98o.js +0 -53
- package/dist/assets/SearchField-glDE5e-X.js +0 -1
- package/dist/assets/SearchField.stories-B_myC5_S.js +0 -37
- package/dist/assets/Select-BWJ6-p1Z.js +0 -15
- package/dist/assets/Select-VvpDulqk.js +0 -1
- package/dist/assets/Select.stories-BXXrgt5o.js +0 -293
- package/dist/assets/Server-DS5iERo2.js +0 -1
- package/dist/assets/Settings-SRsJGOHl.js +0 -1
- package/dist/assets/Setup-Ri7IU42o.js +0 -7
- package/dist/assets/Shadow DOM-DK_1Epv_.js +0 -64
- package/dist/assets/Show-DXIrBgNq.js +0 -1
- package/dist/assets/SideNav-CUpwLG1e.js +0 -85
- package/dist/assets/SideNav-QMiST_j6.js +0 -131
- package/dist/assets/SideNav.stories-l5XPKDfB.js +0 -207
- package/dist/assets/Skeleton-DAUyPclv.js +0 -51
- package/dist/assets/Snackbar-DWLMI8Az.js +0 -1
- package/dist/assets/Stack-t9yXrJ7r.js +0 -1
- package/dist/assets/Stack.stories-zmhDXY_k.js +0 -1
- package/dist/assets/StaticTable _labs_.stories-DJCAtW2q.js +0 -34
- package/dist/assets/Status-CdgTiE4c.js +0 -1
- package/dist/assets/Status.stories-D5tSpO2F.js +0 -66
- package/dist/assets/Surface-BCTO1YR-.js +0 -1
- package/dist/assets/Switch.stories-r3bYAZpt.js +0 -61
- package/dist/assets/SwitchBase-CWdXZnig.js +0 -1
- package/dist/assets/Sync-CCP_JZB8.js +0 -1
- package/dist/assets/Tabs-DCV9oDtT.js +0 -23
- package/dist/assets/Tabs-Dxt5P3aJ.js +0 -1
- package/dist/assets/Tabs.stories-CmjPJB02.js +0 -100
- package/dist/assets/Tag-C_iW2sj3.js +0 -11
- package/dist/assets/Tag.stories-uilRDgPB.js +0 -96
- package/dist/assets/TagList-cWni94xt.js +0 -1
- package/dist/assets/TextField-BIepBlYn.js +0 -1
- package/dist/assets/TextField.stories-DkCMFN0S.js +0 -149
- package/dist/assets/Toast.stories-BgAm1BNQ.js +0 -134
- package/dist/assets/ToastManager.stories-DToM8bFE.js +0 -196
- package/dist/assets/Tooltip-DQDBPKMu.js +0 -11
- package/dist/assets/Tooltip-D_pBGtcj.js +0 -1
- package/dist/assets/Tooltip.stories-CgIybZDx.js +0 -68
- package/dist/assets/TopNav-Dwo-KfAw.js +0 -11
- package/dist/assets/TopNav.stories-z9mNMFB3.js +0 -13
- package/dist/assets/TransitionGroupContext-DAL84N7p.js +0 -1
- package/dist/assets/Typography-B7ktrxCD.js +0 -1
- package/dist/assets/Typography-CQfngSjD.js +0 -1
- package/dist/assets/Typography-CSpPZFTF.js +0 -1
- package/dist/assets/Typography-DBt3ajUl.js +0 -9
- package/dist/assets/Typography.stories-CitS-iTX.js +0 -73
- package/dist/assets/Typography.stories-dzT0O_H3.js +0 -139
- package/dist/assets/UiShell.stories-BV5mK0Oz.js +0 -558
- package/dist/assets/UiShellProvider-Bm9plvoZ.js +0 -31
- package/dist/assets/Upload-DH1T10x5.js +0 -1
- package/dist/assets/User-CvYTA860.js +0 -1
- package/dist/assets/UserProfile-DrnAMPM1.js +0 -11
- package/dist/assets/UserProfile.stories-C4EJFTV8.js +0 -14
- package/dist/assets/UserProfileMenuButton.stories-Dhe9t4Oh.js +0 -30
- package/dist/assets/Video-D8qbHdF4.js +0 -1
- package/dist/assets/WorkflowsComponentsStorybookThemeDecorator-DJR9iMBt.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/axeRun-B-LchFqf.js +0 -11
- package/dist/assets/chunk-XP5HYGXS-BpfKkqn7.js +0 -1
- package/dist/assets/client-ByW5HbEz.js +0 -1
- package/dist/assets/colorManipulator-C6C6_xuT.js +0 -1
- package/dist/assets/constants-CGUp4oSR.js +0 -11
- package/dist/assets/constants-CyailK6t.js +0 -11
- package/dist/assets/createChainedFunction-BO_9K8Jh.js +0 -1
- package/dist/assets/createStyled-B0CJenTX.js +0 -1
- package/dist/assets/createSvgIcon-Bv_3NNsK.js +0 -1
- package/dist/assets/createUniqueId-ByTaVY63.js +0 -1
- package/dist/assets/debounce-Be36O1Ab.js +0 -1
- package/dist/assets/dialogActionsClasses-d6kliu8x.js +0 -1
- package/dist/assets/emotion-react-jsx-runtime.browser.esm-Cn-06VTs.js +0 -1
- package/dist/assets/entry-preview-Bi6MTClg.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-Bs64nbeG.js +0 -1
- package/dist/assets/getScrollbarSize-Bqq2hMjQ.js +0 -1
- package/dist/assets/i18next-7SyOfhCu.js +0 -1
- package/dist/assets/iconUtils-C1HBA-0w.js +0 -11
- package/dist/assets/iframe-C7GWUW76.js +0 -211
- package/dist/assets/index-6QUE-j0v.js +0 -1
- 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-BJTM6NaI.js +0 -192
- package/dist/assets/index-BeeV6X6A.js +0 -1
- package/dist/assets/index-CXQShRbs.js +0 -8
- package/dist/assets/index-DfE121Jj.js +0 -384
- package/dist/assets/index-DieBXP3Z.js +0 -24
- package/dist/assets/index-DkrUiDVY.js +0 -1
- package/dist/assets/index-DoKqiSdS.js +0 -1
- package/dist/assets/index-DrFu-skq.js +0 -6
- package/dist/assets/index-NdkWRN8K.js +0 -9
- package/dist/assets/index.esm-BliC9-aw.js +0 -1
- package/dist/assets/index.esm-XFhSJO0s.js +0 -138
- package/dist/assets/index.modern-CkASn_bb.js +0 -14
- package/dist/assets/inheritsLoose-DTTkq0Su.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-BOnk54P3.js +0 -11
- package/dist/assets/personData-L8dJyb3X.js +0 -1
- package/dist/assets/pickerComponentPropsMetadata-CozVRRyR.js +0 -21
- package/dist/assets/popper-aiaZgC6t.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-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-DXRUsonv.js +0 -2
- package/dist/assets/preview-MBifGIx_.js +0 -1
- package/dist/assets/preview-NdtsJkHc.js +0 -2
- package/dist/assets/pxToRem-BrMhKUxS.js +0 -11
- package/dist/assets/queryOdysseySelector-CwauhQve.js +0 -187
- package/dist/assets/react-18-u8niHpKc.js +0 -1
- package/dist/assets/renderUiShell.stories-Pp6_Iqzc.js +0 -866
- package/dist/assets/resolveComponentProps-TTQVZ4OZ.js +0 -1
- package/dist/assets/tableSortLabelClasses-C7INAE6Y.js +0 -1
- package/dist/assets/test-utils-H9lH7T5D.js +0 -9
- package/dist/assets/uiShellSharedConstants-DD9UP82e.js +0 -11
- package/dist/assets/useAutocomplete-CD_GwhMI.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-CRiGjvfW.js +0 -6
- package/dist/assets/useMountLifecycleEffect-CjsUCFhB.js +0 -11
- package/dist/assets/useOdysseyDateFields-D1TYF4ew.js +0 -61
- package/dist/assets/useScrollIndication-Dq_i6CX-.js +0 -31
- package/dist/assets/useSlot-VN2O4BOA.js +0 -1
- package/dist/assets/useThemeProps-BgDANuN6.js +0 -1
- package/dist/assets/useThemeProps-DJ3F4KkW.js +0 -1
- package/dist/assets/useUniqueId-Bsgqe1tm.js +0 -11
- package/dist/assets/utilities.esm-DpQ0TZP_.js +0 -5
- package/dist/assets/utils-BdcLUgCD.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/favicon.svg +0 -1
- package/dist/iframe.html +0 -748
- package/dist/index.cjs +0 -231
- package/dist/index.d.ts +0 -22
- package/dist/index.d.ts.map +0 -1
- package/dist/index.html +0 -203
- package/dist/index.js +0 -25
- 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/tsconfig.tsbuildinfo +0 -1
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import{r as g}from"./index-NdkWRN8K.js";import{M as m}from"./Box-B-R2QRDU.js";import{u as h}from"./OdysseyThemeProvider-BykOaJq8.js";import{j as f}from"./jsx-runtime-CnH95YSl.js";/*!
|
|
2
|
-
* Copyright (c) 2023-present, Okta, Inc. and/or its affiliates. All rights reserved.
|
|
3
|
-
* The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
|
|
4
|
-
*
|
|
5
|
-
* You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
-
* Unless required by applicable law or agreed to in writing, software
|
|
7
|
-
* distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
|
|
8
|
-
* WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
9
|
-
*
|
|
10
|
-
* See the License for the specific language governing permissions and limitations under the License.
|
|
11
|
-
*/const T=[10,20,30,40,50,60,70,80,90,100],s=t=>({default:{background:t.HueNeutral200,font:t.TypographyColorBody},attention:{background:t.PalettePrimaryMain,font:t.TypographyColorInverse},danger:{background:t.PaletteDangerMain,font:t.TypographyColorInverse}}),y=({badgeContent:t,badgeContentMax:n=100,testId:e,translate:i,type:r="default"})=>{const o=h();return g.useMemo(()=>{const a=n>0?n:1,l=a>999?999:a,p=t>l,d=`${a}+`,c=p?d:t.toString(),u={display:"inline-flex",alignItems:"center",justifyContent:"center",minWidth:`calc(${o.Spacing4} + ${o.Spacing1})`,height:`calc(${o.Spacing4} + ${o.Spacing1})`,minHeight:`calc(${o.Spacing4} + ${o.Spacing1})`,padding:"0 6px",backgroundColor:s(o)[r].background,color:s(o)[r].font,borderRadius:c.length>1?`${o.BorderRadiusOuter}`:"50%",fontSize:`${o.TypographyScale0}`,fontFamily:`${o.TypographyFamilyMono}`,fontWeight:`${o.TypographyWeightBodyBold}`,lineHeight:1,transitionDuration:`${o.TransitionDurationMain}`,transitionProperty:"background-color, color"};return t&&t>0?f.jsx(m,{sx:u,testId:e,translate:i,children:c}):null},[t,n,o,e,i,r])},M=g.memo(y);M.displayName="Badge";export{M,T as b};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as p}from"./index-NdkWRN8K.js";import{J as x}from"./OdysseyThemeProvider-BykOaJq8.js";import{M as f}from"./Link-BQo2zH0c.js";import{M as u}from"./ScreenReaderText-DbrZU7M5.js";import{j as e}from"./jsx-runtime-CnH95YSl.js";import{A as h,a as j}from"./AlertTitle-BDkgiA29.js";const T=["status","alert"],g=["success","info","warning","error"],M=({linkRel:t,linkTarget:n,linkText:o,linkUrl:a,onClose:i,role:m,severity:s,text:l,testId:c,translate:r})=>{const{t:d}=x();return e.jsxs(h,{"data-se":c,onClose:i,role:m,severity:s,variant:"banner",children:[e.jsx(u,{translate:r,children:d(`severity.${s}`)}),e.jsx(j,{translate:r,children:l}),a&&e.jsx(f,{href:a,rel:t,target:n,translate:r,variant:"monochrome",children:o})]})},b=p.memo(M);b.displayName="Banner";export{b as M,T as a,g as b};
|
|
@@ -1,74 +0,0 @@
|
|
|
1
|
-
import{f as R,w as I,e as l,u as p}from"./index-BJMTVygn.js";import{a as V}from"./axeRun-B-LchFqf.js";import{O as D}from"./OdysseyStorybookThemeDecorator-CGH8visK.js";import{b as d,a as u,M}from"./Banner-25ZggH76.js";import"./axe-4JP0vCEZ.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./jsx-runtime-CnH95YSl.js";import"./index-NdkWRN8K.js";import"./OdysseyThemeProvider-BykOaJq8.js";import"./index-BJTM6NaI.js";import"./OdysseyProvider-BPLFYiwr.js";import"./Link-BQo2zH0c.js";import"./Link-DcsndbPK.js";import"./useIsFocusVisible-DH0qxT5e.js";import"./Typography-CSpPZFTF.js";import"./ExternalLink-lox07hAR.js";import"./ScreenReaderText-DbrZU7M5.js";import"./Box-B6KmU4_J.js";import"./visuallyHidden-Dan1xhjv.js";import"./AlertTitle-BDkgiA29.js";import"./useSlot-VN2O4BOA.js";import"./resolveComponentProps-TTQVZ4OZ.js";import"./isHostComponent-DVu5iVWx.js";import"./createSvgIcon-Bv_3NNsK.js";import"./Close-BjXKhBr_.js";import"./IconButton-Wwvz84xG.js";import"./ButtonBase-CrcIXP69.js";import"./assertThisInitialized-B9jnkVVz.js";import"./inheritsLoose-DTTkq0Su.js";import"./TransitionGroupContext-DAL84N7p.js";import"./Paper-DwBg74qy.js";/*!
|
|
2
|
-
* Copyright (c) 2021-present, Okta, Inc. and/or its affiliates. All rights reserved.
|
|
3
|
-
* The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
|
|
4
|
-
*
|
|
5
|
-
* You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
-
* Unless required by applicable law or agreed to in writing, software
|
|
7
|
-
* distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
|
|
8
|
-
* WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
9
|
-
*
|
|
10
|
-
* See the License for the specific language governing permissions and limitations under the License.
|
|
11
|
-
*/const ge={component:M,decorators:[D],tags:["autodocs"],argTypes:{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 alert will include a link to the URL",table:{type:{summary:"string"}}},onClose:{description:"The function that's fired when the user clicks the close button. If undefined, the close button will not be shown",table:{type:{summary:"func"}}},role:{options:u,control:{type:"radio"},description:"Sets the ARIA role of the alert ('status' for something that dynamically updates, 'alert' for errors, null for something unchanging)",table:{type:{summary:u.join(" | ")}}},severity:{options:d,control:{type:"radio"},description:"Determine the color and icon of the alert",table:{type:{summary:d.join(" | ")}},type:{required:!0,name:"other",value:"radio"}},text:{control:"text",description:"The text content of the alert",table:{type:{summary:"string"}},type:{required:!0,name:"string"}}},args:{severity:"info",text:"The mission to Sagittarius A is set for January 7.",onClose:void 0}},t={args:{severity:"info",text:"The mission to Sagittarius A is set for January 7."}},r={args:{role:"status",severity:"error",text:"An unidentified flying object compromised Hangar 18."}},n={args:{role:"status",severity:"warning",text:"Severe solar winds detected. Local system flights may be delayed."}},a={args:{linkText:"View report",linkUrl:"#anchor",role:"status",severity:"error",text:"An unidentified flying object compromised Hangar 18."},play:async({canvasElement:i,step:c})=>{await c("check for the link text",async()=>{const e=I(i).getByText("View report");await l(e==null?void 0:e.tagName).toBe("A"),await l(e==null?void 0:e.href).toBe(`${e==null?void 0:e.baseURI}#anchor`)})}},o={args:{linkTarget:"_blank",linkText:"View report",linkUrl:"#anchor",role:"status",severity:"error",text:"An unidentified flying object compromised Hangar 18."}},s={args:{onClose:R()},play:async({args:i,canvasElement:c,step:m})=>{await m("dismiss the banner on click",async()=>{const j=I(c).getByTitle("Close");await p.click(j),await p.tab(),await l(i.onClose).toHaveBeenCalled(),await V("Dismissible Banner")})}};var y,g,h;t.parameters={...t.parameters,docs:{...(y=t.parameters)==null?void 0:y.docs,source:{originalSource:`{
|
|
12
|
-
args: {
|
|
13
|
-
severity: "info",
|
|
14
|
-
text: "The mission to Sagittarius A is set for January 7."
|
|
15
|
-
}
|
|
16
|
-
}`,...(h=(g=t.parameters)==null?void 0:g.docs)==null?void 0:h.source}}};var f,b,k;r.parameters={...r.parameters,docs:{...(f=r.parameters)==null?void 0:f.docs,source:{originalSource:`{
|
|
17
|
-
args: {
|
|
18
|
-
role: "status",
|
|
19
|
-
severity: "error",
|
|
20
|
-
text: "An unidentified flying object compromised Hangar 18."
|
|
21
|
-
}
|
|
22
|
-
}`,...(k=(b=r.parameters)==null?void 0:b.docs)==null?void 0:k.source}}};var x,w,v;n.parameters={...n.parameters,docs:{...(x=n.parameters)==null?void 0:x.docs,source:{originalSource:`{
|
|
23
|
-
args: {
|
|
24
|
-
role: "status",
|
|
25
|
-
severity: "warning",
|
|
26
|
-
text: "Severe solar winds detected. Local system flights may be delayed."
|
|
27
|
-
}
|
|
28
|
-
}`,...(v=(w=n.parameters)==null?void 0:w.docs)==null?void 0:v.source}}};var T,A,S;a.parameters={...a.parameters,docs:{...(T=a.parameters)==null?void 0:T.docs,source:{originalSource:`{
|
|
29
|
-
args: {
|
|
30
|
-
linkText: "View report",
|
|
31
|
-
linkUrl: "#anchor",
|
|
32
|
-
role: "status",
|
|
33
|
-
severity: "error",
|
|
34
|
-
text: "An unidentified flying object compromised Hangar 18."
|
|
35
|
-
},
|
|
36
|
-
play: async ({
|
|
37
|
-
canvasElement,
|
|
38
|
-
step
|
|
39
|
-
}: PlayType) => {
|
|
40
|
-
await step("check for the link text", async () => {
|
|
41
|
-
const canvas = within(canvasElement);
|
|
42
|
-
const link = canvas.getByText<HTMLAnchorElement>("View report");
|
|
43
|
-
await expect(link?.tagName).toBe("A");
|
|
44
|
-
await expect(link?.href).toBe(\`\${link?.baseURI}#anchor\`);
|
|
45
|
-
});
|
|
46
|
-
}
|
|
47
|
-
}`,...(S=(A=a.parameters)==null?void 0:A.docs)==null?void 0:S.source}}};var B,E,C;o.parameters={...o.parameters,docs:{...(B=o.parameters)==null?void 0:B.docs,source:{originalSource:`{
|
|
48
|
-
args: {
|
|
49
|
-
linkTarget: "_blank",
|
|
50
|
-
linkText: "View report",
|
|
51
|
-
linkUrl: "#anchor",
|
|
52
|
-
role: "status",
|
|
53
|
-
severity: "error",
|
|
54
|
-
text: "An unidentified flying object compromised Hangar 18."
|
|
55
|
-
}
|
|
56
|
-
}`,...(C=(E=o.parameters)==null?void 0:E.docs)==null?void 0:C.source}}};var H,L,U;s.parameters={...s.parameters,docs:{...(H=s.parameters)==null?void 0:H.docs,source:{originalSource:`{
|
|
57
|
-
args: {
|
|
58
|
-
onClose: fn()
|
|
59
|
-
},
|
|
60
|
-
play: async ({
|
|
61
|
-
args,
|
|
62
|
-
canvasElement,
|
|
63
|
-
step
|
|
64
|
-
}: PlayType) => {
|
|
65
|
-
await step("dismiss the banner on click", async () => {
|
|
66
|
-
const canvas = within(canvasElement);
|
|
67
|
-
const button = canvas.getByTitle("Close");
|
|
68
|
-
await userEvent.click(button);
|
|
69
|
-
await userEvent.tab();
|
|
70
|
-
await expect(args.onClose).toHaveBeenCalled();
|
|
71
|
-
await axeRun("Dismissible Banner");
|
|
72
|
-
});
|
|
73
|
-
}
|
|
74
|
-
}`,...(U=(L=s.parameters)==null?void 0:L.docs)==null?void 0:U.source}}};const he=["Info","Error","Warning","Linked","LinkWithTarget","Dismissible"];export{s as Dismissible,r as Error,t as Info,o as LinkWithTarget,a as Linked,n as Warning,he as __namedExportsOrder,ge as default};
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import{r as e}from"./index-NdkWRN8K.js";import{u as E,M as N}from"./MuiPropsContext-DhRylJZk.js";import{M as q}from"./Tooltip-DQDBPKMu.js";import{j as s}from"./jsx-runtime-CnH95YSl.js";import{B as w}from"./Button-BvUGu5Sm.js";/*!
|
|
2
|
-
* Copyright (c) 2024-present, Okta, Inc. and/or its affiliates. All rights reserved.
|
|
3
|
-
* The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
|
|
4
|
-
*
|
|
5
|
-
* You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
-
* Unless required by applicable law or agreed to in writing, software
|
|
7
|
-
* distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
|
|
8
|
-
* WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
9
|
-
*
|
|
10
|
-
* See the License for the specific language governing permissions and limitations under the License.
|
|
11
|
-
*/const G=e.createContext({isFullWidth:!1}),H=()=>e.useContext(G),Y=["small","medium","large"],Z=["button","submit","reset"],_=["primary","secondary","danger","dangerSecondary","floating","floatingAction"],I=({ariaControls:a,ariaDescribedBy:r,ariaExpanded:u,ariaHasPopup:c,ariaLabel:i,ariaLabelledBy:l,buttonRef:k,children:d,endIcon:f,href:m,id:x,isDisabled:B,isFullWidth:b,label:p="",onClick:h,size:y="medium",startIcon:M,tabIndex:C,testId:g,tooltipText:j,translate:W,type:F="button",variant:V})=>{const A=E(),v=V==="tertiary"?"secondary":V,z=e.useRef(null),n=H(),R=e.useMemo(()=>n.isFullWidth?n.isFullWidth:b,[n,b]);e.useImperativeHandle(k,()=>({focus:()=>{var t;(t=z.current)==null||t.focus()}}),[]);const S=e.useCallback(t=>s.jsx(w,{...t,"aria-controls":a,"aria-describedby":r,"aria-expanded":u,"aria-haspopup":c,"aria-label":i,"aria-labelledby":l,"data-se":g,disabled:B,endIcon:f,fullWidth:R,href:m,id:x,onClick:h,ref:o=>{var T;o&&(z.current=o,(T=t==null?void 0:t.ref)==null||T.call(t,o))},size:y,startIcon:M,tabIndex:C,translate:W,type:F,variant:v,children:d??p}),[a,r,u,c,i,l,f,m,x,B,R,p,d,h,y,M,C,g,W,F,v]);return j?s.jsx(q,{ariaType:"description",placement:"top",text:j,children:s.jsx(N.Consumer,{children:S})}):S(A)},J=e.memo(I);J.displayName="BaseButton";export{G as B,J as M,Z as a,_ as b,Y as c};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{u as w,L as S,h as q}from"./OdysseyThemeProvider-BykOaJq8.js";import{r as o}from"./index-NdkWRN8K.js";import{M as H}from"./Box-B-R2QRDU.js";import{u as N}from"./useUniqueId-Bsgqe1tm.js";import{M as A}from"./BaseButton-Cd1oZPsh.js";import{M as F}from"./MenuContext-DKMyPMNY.js";import{j as e}from"./jsx-runtime-CnH95YSl.js";import{M as R}from"./More-BgQrTkKM.js";import{M as U,P as G}from"./Menu-CU_mHT7L.js";const se=["left","right"],re=["start","end"],J=q("div",{shouldForwardProp:n=>n!=="hasVerticalDivider"&&n!=="odysseyDesignTokens"&&n!=="verticalDividerAlignment"})(({hasVerticalDivider:n,odysseyDesignTokens:s,verticalDividerAlignment:r})=>({position:"relative",...n&&{display:"inline-block","&:before":{position:"absolute",top:"50%",left:0,width:1,height:s.Spacing6,backgroundColor:s.HueNeutral300,content:'""',transform:"translate3d(0, -50%, 0)",transition:"opacity 200ms",...r==="end"&&{left:"unset",right:0}},":has(> button:hover)":{"&:before":{opacity:0}},":dir(rtl)":{"&:before":{left:"unset",right:0,...r==="end"&&{right:"unset",left:0}}}}})),K=({ariaLabel:n,ariaLabelledBy:s,ariaDescribedBy:r,buttonChildren:v,buttonLabel:x="",buttonVariant:y="secondary",children:c,popoverContent:m,endIcon:p,hasVerticalDivider:B=!1,id:j,isDisabled:D,isOverflow:k,menuAlignment:i="left",omitEndIcon:z=!1,shouldCloseOnSelect:f=!0,size:C,testId:E,tooltipText:I,translate:O,verticalDividerAlignment:P="start"})=>{const h=w(),[d,M]=o.useState(null),a=!!d,l=o.useCallback(()=>{M(null)},[]),u=o.useCallback($=>{M($.currentTarget)},[]),t=N(j),L=o.useMemo(()=>({"aria-labelledby":`${t}-button`}),[t]),T=o.useMemo(()=>({closeMenu:l,openMenu:u,shouldCloseOnSelect:f}),[l,u,f]),V=z?void 0:p||(k?e.jsx(R,{}):e.jsx(S,{})),b=o.useMemo(()=>({horizontal:i,vertical:"bottom"}),[i]),g=o.useMemo(()=>({horizontal:i,vertical:"top"}),[i]);return e.jsxs(J,{hasVerticalDivider:B,odysseyDesignTokens:h,verticalDividerAlignment:P,children:[e.jsx(A,{ariaControls:a?`${t}-menu`:void 0,ariaDescribedBy:r,ariaExpanded:a?"true":void 0,ariaHasPopup:"true",ariaLabel:n,ariaLabelledBy:s,children:v,endIcon:V,id:`${t}-button`,isDisabled:D,label:x,onClick:u,size:C,testId:E,tooltipText:I,translate:O,variant:y}),c&&e.jsx(U,{anchorEl:d,anchorOrigin:b,id:`${t}-menu`,MenuListProps:L,onClose:l,open:a,transformOrigin:g,children:e.jsx(F.Provider,{value:T,children:c})}),m&&e.jsx(G,{anchorEl:d,anchorOrigin:b,onClose:l,open:a,transformOrigin:g,children:e.jsx(H,{sx:{padding:h.Spacing4},children:m})})]})},Q=o.memo(K);Q.displayName="BaseMenuButton";export{Q as M,se as m,re as v};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as o}from"./index-NdkWRN8K.js";import{j as p}from"./jsx-runtime-CnH95YSl.js";import{B as n}from"./Box-B6KmU4_J.js";const d=o.forwardRef(({children:r,component:e,id:s,role:t,sx:a,testId:m,translate:x},i)=>p.jsx(n,{children:r,component:e,"data-se":m,id:s,ref:i,role:t,sx:a,translate:x})),f=o.memo(d);f.displayName="Box";export{f as M};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{F as f,I as h,ae as B,t as p,_ as N,b as C,d as _,V as T,ar as g,X as j,a7 as E}from"./OdysseyThemeProvider-BykOaJq8.js";import{r as I}from"./index-NdkWRN8K.js";import{j as P}from"./jsx-runtime-CnH95YSl.js";const b=["className","component"];function y(n={}){const{themeId:t,defaultTheme:m,defaultClassName:o="MuiBox-root",generateClassName:a}=n,c=f("div",{shouldForwardProp:e=>e!=="theme"&&e!=="sx"&&e!=="as"})(h);return I.forwardRef(function(x,l){const s=B(m),r=p(x),{className:d,component:u="div"}=r,i=N(r,b);return P.jsx(c,C({as:u,ref:l,className:_(d,a?a(o):o),theme:t&&s[t]||s},i))})}const F=T("MuiBox",["root"]),M=E(),D=y({themeId:j,defaultTheme:M,defaultClassName:F.root,generateClassName:g.generate});export{D as B};
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import{j as t}from"./jsx-runtime-CnH95YSl.js";import{useMDXComponents as n}from"./index-BeeV6X6A.js";import"./index-6QUE-j0v.js";import{M as p,T as s,S as m,D as a,P as c,a as d,b as x}from"./index-DfE121Jj.js";import{B as e}from"./Box.stories-BCtoarqr.js";import"./index-NdkWRN8K.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./preview-DXRUsonv.js";import"./iframe-C7GWUW76.js";import"./DocsRenderer-CFRXHY34-kO-n-5EB.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"./index-BJMTVygn.js";import"./OdysseyStorybookThemeDecorator-CGH8visK.js";import"./OdysseyThemeProvider-BykOaJq8.js";import"./OdysseyProvider-BPLFYiwr.js";import"./Box-B-R2QRDU.js";import"./Box-B6KmU4_J.js";import"./TextField-BIepBlYn.js";import"./Field-BxkyNVQW.js";import"./List-_p0jkXPM.js";import"./ListItem-BLYwuKOG.js";import"./utils-iop7lDec.js";import"./useFormControl-BMISTZuX.js";import"./FormLabel-EOlXQpGp.js";import"./useIsFocusVisible-DH0qxT5e.js";import"./isHostComponent-DVu5iVWx.js";import"./ButtonBase-CrcIXP69.js";import"./assertThisInitialized-B9jnkVVz.js";import"./inheritsLoose-DTTkq0Su.js";import"./TransitionGroupContext-DAL84N7p.js";import"./ScreenReaderText-DbrZU7M5.js";import"./visuallyHidden-Dan1xhjv.js";import"./FormHelperText-Ca69g4Je.js";import"./FieldHint-D5VttvwL.js";import"./Typography-B7ktrxCD.js";import"./Typography-CSpPZFTF.js";import"./useUniqueId-Bsgqe1tm.js";import"./createUniqueId-ByTaVY63.js";import"./inputUtils-Dbi8XkA6.js";import"./InputBase-6reb9B7r.js";import"./ownerWindow-HkKU3E4x.js";import"./ownerDocument-DW-IO8s5.js";import"./debounce-Be36O1Ab.js";import"./InputAdornment-Dj-8HF_1.js";function i(r){const o={a:"a",code:"code",p:"p",...n(),...r.components};return t.jsxs(t.Fragment,{children:[t.jsx(p,{of:e}),`
|
|
2
|
-
`,t.jsx(s,{of:e}),`
|
|
3
|
-
`,t.jsx(m,{of:e}),`
|
|
4
|
-
`,t.jsx(a,{of:e}),`
|
|
5
|
-
`,t.jsx(c,{of:e}),`
|
|
6
|
-
`,t.jsxs(o.p,{children:[t.jsx(o.code,{children:"<Box>"})," is a utility component that renders a simple HTML ",t.jsx(o.code,{children:"<div>"}),`, which can then be used for styling or layout. CSS properties
|
|
7
|
-
can be set using the `,t.jsx(o.code,{children:"sx"})," prop, as detailed in the ",t.jsxs(o.a,{href:"https://mui.com/system/getting-started/the-sx-prop/",rel:"nofollow",children:["MUI documentation on ",t.jsx(o.code,{children:"sx"})]}),`.
|
|
8
|
-
The component can also be set to render another element besides `,t.jsx(o.code,{children:"<div>"}),"."]}),`
|
|
9
|
-
`,t.jsxs(o.p,{children:[t.jsx(o.code,{children:"<Box>"}),' is useful as an "escape hatch" when you need to create a layout or pattern not yet supported by Odyssey.']}),`
|
|
10
|
-
`,t.jsx(d,{}),`
|
|
11
|
-
`,t.jsx(x,{})]})}function mt(r={}){const{wrapper:o}={...n(),...r.components};return o?t.jsx(o,{...r,children:t.jsx(i,{...r})}):i(r)}export{mt as default};
|
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
import{j as e}from"./jsx-runtime-CnH95YSl.js";import{w as x,e as b}from"./index-BJMTVygn.js";import{O as y}from"./OdysseyStorybookThemeDecorator-CGH8visK.js";import{M as g}from"./Box-B-R2QRDU.js";import{M as n}from"./TextField-BIepBlYn.js";const T={component:g,decorators:[y],argTypes:{children:{description:"The content of the component, whether text or other components.",table:{type:{summary:"ReactNode"}}},component:{description:"The HTML element the component should render, if different from the default.",table:{type:{summary:"ElementType"}}},id:{control:"text",description:"An optional id for the HTML elemenet rendered by the component.",table:{type:{summary:"string"}}},sx:{control:"object",description:"The system prop that allows defining system overrides as well as additional CSS styles. See the [MUI `sx` page](https://mui.com/system/getting-started/the-sx-prop/) for more details.",table:{type:{summary:"object"}}}},args:{children:"This is the tab content. This tab happens to be about stars."}},t={args:{children:"This is the content of the box.",sx:{borderColor:"lightGray",borderStyle:"dashed",borderWidth:2,p:3},id:"container-id"},play:async({canvasElement:c,step:p})=>{await p("Box Id",({args:m})=>{const h=x(c).getByText("This is the content of the box.");b(h).toHaveAttribute("id",m.id)})}},o={args:{children:e.jsxs(e.Fragment,{children:[e.jsx(n,{label:"Field One"}),e.jsx(n,{label:"Field Two"}),e.jsx(n,{label:"Field Three"})]}),sx:{display:"flex",alignItems:"start",gap:3,p:3}}};var r,s,a;t.parameters={...t.parameters,docs:{...(r=t.parameters)==null?void 0:r.docs,source:{originalSource:`{
|
|
2
|
-
args: {
|
|
3
|
-
children: "This is the content of the box.",
|
|
4
|
-
sx: {
|
|
5
|
-
borderColor: "lightGray",
|
|
6
|
-
borderStyle: "dashed",
|
|
7
|
-
borderWidth: 2,
|
|
8
|
-
p: 3
|
|
9
|
-
},
|
|
10
|
-
id: "container-id"
|
|
11
|
-
},
|
|
12
|
-
play: async ({
|
|
13
|
-
canvasElement,
|
|
14
|
-
step
|
|
15
|
-
}) => {
|
|
16
|
-
await step("Box Id", ({
|
|
17
|
-
args
|
|
18
|
-
}) => {
|
|
19
|
-
const canvas = within(canvasElement);
|
|
20
|
-
const box = canvas.getByText("This is the content of the box.");
|
|
21
|
-
expect(box).toHaveAttribute("id", args.id);
|
|
22
|
-
});
|
|
23
|
-
}
|
|
24
|
-
}`,...(a=(s=t.parameters)==null?void 0:s.docs)==null?void 0:a.source}}};var i,d,l;o.parameters={...o.parameters,docs:{...(i=o.parameters)==null?void 0:i.docs,source:{originalSource:`{
|
|
25
|
-
args: {
|
|
26
|
-
children: <>
|
|
27
|
-
<TextField label="Field One" />
|
|
28
|
-
<TextField label="Field Two" />
|
|
29
|
-
<TextField label="Field Three" />
|
|
30
|
-
</>,
|
|
31
|
-
sx: {
|
|
32
|
-
display: "flex",
|
|
33
|
-
alignItems: "start",
|
|
34
|
-
gap: 3,
|
|
35
|
-
p: 3
|
|
36
|
-
}
|
|
37
|
-
}
|
|
38
|
-
}`,...(l=(d=o.parameters)==null?void 0:d.docs)==null?void 0:l.source}}};const f=["Simple","Layout"],M=Object.freeze(Object.defineProperty({__proto__:null,Layout:o,Simple:t,__namedExportsOrder:f,default:T},Symbol.toStringTag,{value:"Module"}));export{M as B};
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import{_ as R,s as M,b,n as w,V as A,U,c as N,d as V,f as _,J as H,h as O}from"./OdysseyThemeProvider-BykOaJq8.js";import{r as a}from"./index-NdkWRN8K.js";import{c as z}from"./Typography-B7ktrxCD.js";import{j as r}from"./jsx-runtime-CnH95YSl.js";import{M as W}from"./Group-DWmiPyzE.js";import{M as D}from"./User-CvYTA860.js";import{M as F}from"./MenuItem-oi_JaUho.js";import{B as j}from"./ButtonBase-CrcIXP69.js";import{c as q}from"./createSvgIcon-Bv_3NNsK.js";import{u as G}from"./getReactElementRef-Bs64nbeG.js";import{T as J}from"./Typography-CSpPZFTF.js";import{M as K}from"./Home-CUQc6tB8.js";import{M as Q}from"./Menu-CU_mHT7L.js";const X=q(r.jsx("path",{d:"M6 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm12 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm-6 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"}),"MoreHoriz"),Y=["slots","slotProps"],Z=M(j,{name:"MuiBreadcrumbCollapsed"})(({theme:e})=>b({display:"flex",marginLeft:`calc(${e.spacing(1)} * 0.5)`,marginRight:`calc(${e.spacing(1)} * 0.5)`},e.palette.mode==="light"?{backgroundColor:e.palette.grey[100],color:e.palette.grey[700]}:{backgroundColor:e.palette.grey[700],color:e.palette.grey[100]},{borderRadius:2,"&:hover, &:focus":b({},e.palette.mode==="light"?{backgroundColor:e.palette.grey[200]}:{backgroundColor:e.palette.grey[600]}),"&:active":b({boxShadow:e.shadows[0]},e.palette.mode==="light"?{backgroundColor:w.emphasize(e.palette.grey[200],.12)}:{backgroundColor:w.emphasize(e.palette.grey[600],.12)})})),ee=M(X)({width:24,height:16});function re(e){const{slots:s={},slotProps:c={}}=e,n=R(e,Y),t=e;return r.jsx("li",{children:r.jsx(Z,b({focusRipple:!0},n,{ownerState:t,children:r.jsx(ee,b({as:s.CollapsedIcon,ownerState:t},c.collapsedIcon))}))})}function se(e){return U("MuiBreadcrumbs",e)}const oe=A("MuiBreadcrumbs",["root","ol","li","separator"]),te=["children","className","component","slots","slotProps","expandText","itemsAfterCollapse","itemsBeforeCollapse","maxItems","separator"],ae=e=>{const{classes:s}=e;return _({root:["root"],li:["li"],ol:["ol"],separator:["separator"]},se,s)},ne=M(J,{name:"MuiBreadcrumbs",slot:"Root",overridesResolver:(e,s)=>[{[`& .${oe.li}`]:s.li},s.root]})({}),le=M("ol",{name:"MuiBreadcrumbs",slot:"Ol",overridesResolver:(e,s)=>s.ol})({display:"flex",flexWrap:"wrap",alignItems:"center",padding:0,margin:0,listStyle:"none"}),ce=M("li",{name:"MuiBreadcrumbs",slot:"Separator",overridesResolver:(e,s)=>s.separator})({display:"flex",userSelect:"none",marginLeft:8,marginRight:8});function ie(e,s,c,n){return e.reduce((t,u,l)=>(l<e.length-1?t=t.concat(u,r.jsx(ce,{"aria-hidden":!0,className:s,ownerState:n,children:c},`separator-${l}`)):t.push(u),t),[])}const ue=a.forwardRef(function(s,c){const n=N({props:s,name:"MuiBreadcrumbs"}),{children:t,className:u,component:l="nav",slots:m={},slotProps:x={},expandText:p="Show path",itemsAfterCollapse:f=1,itemsBeforeCollapse:g=1,maxItems:o=8,separator:i="/"}=n,T=R(n,te),[v,E]=a.useState(!1),h=b({},n,{component:l,expanded:v,expandText:p,itemsAfterCollapse:f,itemsBeforeCollapse:g,maxItems:o,separator:i}),B=ae(h),L=G({elementType:m.CollapsedIcon,externalSlotProps:x.collapsedIcon,ownerState:h}),S=a.useRef(null),$=d=>{const P=()=>{E(!0);const k=S.current.querySelector("a[href],button,[tabindex]");k&&k.focus()};return g+f>=d.length?d:[...d.slice(0,g),r.jsx(re,{"aria-label":p,slots:{CollapsedIcon:m.CollapsedIcon},slotProps:{collapsedIcon:L},onClick:P},"ellipsis"),...d.slice(d.length-f,d.length)]},I=a.Children.toArray(t).filter(d=>a.isValidElement(d)).map((d,P)=>r.jsx("li",{className:B.li,children:d},`child-${P}`));return r.jsx(ne,b({ref:c,component:l,color:"text.secondary",className:V(B.root,u),ownerState:h},T,{children:r.jsx(le,{className:B.ol,ref:S,ownerState:h,children:ie(v||o&&I.length<=o?I:$(I),B.separator,i,h)})}))}),C=a.createContext({breadcrumbType:"listItem"}),de=O.span`
|
|
2
|
-
white-space: nowrap;
|
|
3
|
-
overflow: hidden;
|
|
4
|
-
max-width: 10rem;
|
|
5
|
-
text-overflow: ellipsis;
|
|
6
|
-
`,ke=({children:e,href:s,iconName:c,onClick:n})=>{const{breadcrumbType:t}=a.useContext(C),u=a.useCallback(m=>{n&&(m.preventDefault(),m.stopPropagation(),n(m))},[n]),l=r.jsxs(r.Fragment,{children:[c==="group"?r.jsx(W,{}):c==="user"?r.jsx(D,{}):null,r.jsx(de,{children:e})]});return s?t==="menuItem"?r.jsx(F,{component:"a",href:s,onClick:u,children:l}):t==="currentPage"?r.jsx(z,{ariaCurrent:"page",color:"textPrimary",children:l}):r.jsx(j,{href:s,onClick:u,children:l}):r.jsx(z,{color:"textPrimary",children:l})},y={currentPage:{breadcrumbType:"currentPage"},listItem:{breadcrumbType:"listItem"},menuItem:{breadcrumbType:"menuItem"}},me=5,pe=({children:e,homeHref:s,maxVisibleItems:c=me,testId:n,translate:t})=>{const{t:u}=H(),[l,m]=a.useState(null),x=a.useMemo(()=>Math.min(Math.max(c,0),e.length),[c,e]),p=a.useMemo(()=>{if(e.length<=x)return{beforeMenu:[],insideMenu:[],remainingBreadcrumbs:e};{const o=Math.floor(x/2),i=e.length-x;return{beforeMenu:e.slice(0,o),insideMenu:e.slice(o,o+i),remainingBreadcrumbs:e.slice(o+i)}}},[e,x]),f=a.useCallback(o=>m(o.currentTarget),[]),g=a.useCallback(()=>{m(null)},[]);return r.jsxs(ue,{"aria-label":u("breadcrumbs.label.text"),"data-se":n,maxItems:e.length+1,translate:t,children:[s&&r.jsx(j,{"aria-label":u("breadcrumbs.home.text"),href:s,children:r.jsx(K,{})}),p.beforeMenu.map((o,i)=>r.jsx(C.Provider,{value:y.listItem,children:o},i)),p.insideMenu.length>0&&r.jsxs(r.Fragment,{children:[r.jsx(j,{onClick:f,children:"..."}),r.jsx(Q,{anchorEl:l,anchorOrigin:{horizontal:"left",vertical:"bottom"},MenuListProps:{sx:{minWidth:180}},onClose:g,open:!!l,children:r.jsx(C.Provider,{value:y.menuItem,children:p.insideMenu})})]}),p.remainingBreadcrumbs.map((o,i)=>i===p.remainingBreadcrumbs.length-1?r.jsx(C.Provider,{value:y.currentPage,children:o},i):r.jsx(C.Provider,{value:y.listItem,children:o},i))]})},be=a.memo(pe);be.displayName="BreadcrumbList";export{ke as B,be as M,ue as a};
|
|
@@ -1,79 +0,0 @@
|
|
|
1
|
-
import{j as r}from"./jsx-runtime-CnH95YSl.js";import{a as L}from"./index-B-lxVbXh.js";import{w as O,e as N}from"./index-BJMTVygn.js";import{O as k}from"./OdysseyStorybookThemeDecorator-CGH8visK.js";import{M as o,B as e}from"./Breadcrumbs-BGJJeoxM.js";import"./index-NdkWRN8K.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./v4-CtRu48qb.js";import"./OdysseyThemeProvider-BykOaJq8.js";import"./index-BJTM6NaI.js";import"./OdysseyProvider-BPLFYiwr.js";import"./Typography-B7ktrxCD.js";import"./Typography-CSpPZFTF.js";import"./Group-DWmiPyzE.js";import"./User-CvYTA860.js";import"./MenuItem-oi_JaUho.js";import"./List-_p0jkXPM.js";import"./useIsFocusVisible-DH0qxT5e.js";import"./ButtonBase-CrcIXP69.js";import"./assertThisInitialized-B9jnkVVz.js";import"./inheritsLoose-DTTkq0Su.js";import"./TransitionGroupContext-DAL84N7p.js";import"./createSvgIcon-Bv_3NNsK.js";import"./getReactElementRef-Bs64nbeG.js";import"./resolveComponentProps-TTQVZ4OZ.js";import"./isHostComponent-DVu5iVWx.js";import"./Home-CUQc6tB8.js";import"./Menu-CU_mHT7L.js";import"./Grow-6R6cTzr4.js";import"./utils-BdcLUgCD.js";import"./index-B5xazMy1.js";import"./index-DieBXP3Z.js";import"./ownerDocument-DW-IO8s5.js";import"./ownerWindow-HkKU3E4x.js";import"./debounce-Be36O1Ab.js";import"./Modal-B12sS2Yh.js";import"./getScrollbarSize-Bqq2hMjQ.js";import"./createChainedFunction-BO_9K8Jh.js";import"./Portal-CsPQSHsR.js";import"./Fade-CHnXmzFb.js";import"./Paper-DwBg74qy.js";import"./MenuList-0OHGr5AC.js";const jr={component:o,decorators:[k],tags:["autodocs"],argTypes:{children:{control:"object",description:"Multiple Breadcrumb components.",table:{type:{summary:"Breadcrumb"}}},homeHref:{control:"text",description:'URL of the "Home" breadcrumb.',table:{type:{summary:"string"}}},maxVisibleItems:{control:"number",description:"The number of breadcrumbs displayed. Any additional breadcrumbs will be shown in a dropdown menu.",table:{type:{summary:"number"}}}},args:{maxVisibleItems:5}},a={args:{homeHref:"#home"},render:n=>r.jsxs(o,{...n,children:[r.jsx(e,{href:"#one",children:"One"}),r.jsx(e,{href:"#two",children:"Two"}),r.jsx(e,{href:"#three",iconName:"user",children:"Three"}),r.jsx(e,{href:"#four",children:"Four"}),r.jsx(e,{href:"#five",iconName:"group",children:"Five"}),r.jsx(e,{href:"#six",children:"Six"}),r.jsx(e,{href:"#seven",children:"Seven"}),r.jsx(e,{href:"#eight",children:"Eight"}),r.jsx(e,{href:"#nine",children:"Nine"}),r.jsx(e,{href:"#ten",children:"Ten"})]}),play:async({canvasElement:n,step:y})=>{await y("Breadcrumbs Home Link",({args:H})=>{const S=O(n).getByLabelText("Home");N(S).toHaveAttribute("href",H.homeHref)})}},i={args:{homeHref:"#home"},render:n=>r.jsxs(o,{...n,children:[r.jsx(e,{href:"#one",children:"This is a very long title that should be truncated"}),r.jsx(e,{href:"#two",children:"Two"}),r.jsx(e,{href:"#three",iconName:"user",children:"This is a very long title with an icon"}),r.jsx(e,{href:"#four",children:"Four"}),r.jsx(e,{href:"#five",iconName:"group",children:"Five"}),r.jsx(e,{href:"#six",children:"Six"}),r.jsx(e,{href:"#seven",children:"Seven"}),r.jsx(e,{href:"#eight",children:"Eight"}),r.jsx(e,{href:"#nine",children:"Nine"}),r.jsx(e,{href:"#ten",children:"Ten"})]})},m={args:{children:[r.jsx(e,{href:"#one",children:"One"}),r.jsx(e,{href:"#two",children:"Two"})]},render:n=>r.jsx(o,{children:n.children})},t={args:{homeHref:"#home"},render:n=>r.jsxs(o,{...n,children:[r.jsx(e,{href:"#one",onClick:L("onClick"),children:"One"}),r.jsx(e,{href:"#two",children:"Two"})]})},c={args:{homeHref:"#home"},render:n=>r.jsxs(o,{...n,children:[r.jsx(e,{children:"One"}),r.jsx(e,{href:"#two",children:"Two"}),r.jsx(e,{href:"#three",children:"Three"})]})};var s,d,h;a.parameters={...a.parameters,docs:{...(s=a.parameters)==null?void 0:s.docs,source:{originalSource:`{
|
|
2
|
-
args: {
|
|
3
|
-
homeHref: "#home"
|
|
4
|
-
},
|
|
5
|
-
render: args => <BreadcrumbList {...args}>
|
|
6
|
-
<Breadcrumb href="#one">One</Breadcrumb>
|
|
7
|
-
<Breadcrumb href="#two">Two</Breadcrumb>
|
|
8
|
-
<Breadcrumb href="#three" iconName="user">
|
|
9
|
-
Three
|
|
10
|
-
</Breadcrumb>
|
|
11
|
-
<Breadcrumb href="#four">Four</Breadcrumb>
|
|
12
|
-
<Breadcrumb href="#five" iconName="group">
|
|
13
|
-
Five
|
|
14
|
-
</Breadcrumb>
|
|
15
|
-
<Breadcrumb href="#six">Six</Breadcrumb>
|
|
16
|
-
<Breadcrumb href="#seven">Seven</Breadcrumb>
|
|
17
|
-
<Breadcrumb href="#eight">Eight</Breadcrumb>
|
|
18
|
-
<Breadcrumb href="#nine">Nine</Breadcrumb>
|
|
19
|
-
<Breadcrumb href="#ten">Ten</Breadcrumb>
|
|
20
|
-
</BreadcrumbList>,
|
|
21
|
-
play: async ({
|
|
22
|
-
canvasElement,
|
|
23
|
-
step
|
|
24
|
-
}) => {
|
|
25
|
-
await step("Breadcrumbs Home Link", ({
|
|
26
|
-
args
|
|
27
|
-
}) => {
|
|
28
|
-
const canvas = within(canvasElement);
|
|
29
|
-
const box = canvas.getByLabelText("Home");
|
|
30
|
-
expect(box).toHaveAttribute("href", args.homeHref);
|
|
31
|
-
});
|
|
32
|
-
}
|
|
33
|
-
}`,...(h=(d=a.parameters)==null?void 0:d.docs)==null?void 0:h.source}}};var u,b,p;i.parameters={...i.parameters,docs:{...(u=i.parameters)==null?void 0:u.docs,source:{originalSource:`{
|
|
34
|
-
args: {
|
|
35
|
-
homeHref: "#home"
|
|
36
|
-
},
|
|
37
|
-
render: args => <BreadcrumbList {...args}>
|
|
38
|
-
<Breadcrumb href="#one">
|
|
39
|
-
This is a very long title that should be truncated
|
|
40
|
-
</Breadcrumb>
|
|
41
|
-
<Breadcrumb href="#two">Two</Breadcrumb>
|
|
42
|
-
<Breadcrumb href="#three" iconName="user">
|
|
43
|
-
This is a very long title with an icon
|
|
44
|
-
</Breadcrumb>
|
|
45
|
-
<Breadcrumb href="#four">Four</Breadcrumb>
|
|
46
|
-
<Breadcrumb href="#five" iconName="group">
|
|
47
|
-
Five
|
|
48
|
-
</Breadcrumb>
|
|
49
|
-
<Breadcrumb href="#six">Six</Breadcrumb>
|
|
50
|
-
<Breadcrumb href="#seven">Seven</Breadcrumb>
|
|
51
|
-
<Breadcrumb href="#eight">Eight</Breadcrumb>
|
|
52
|
-
<Breadcrumb href="#nine">Nine</Breadcrumb>
|
|
53
|
-
<Breadcrumb href="#ten">Ten</Breadcrumb>
|
|
54
|
-
</BreadcrumbList>
|
|
55
|
-
}`,...(p=(b=i.parameters)==null?void 0:b.docs)==null?void 0:p.source}}};var f,l,B;m.parameters={...m.parameters,docs:{...(f=m.parameters)==null?void 0:f.docs,source:{originalSource:`{
|
|
56
|
-
args: {
|
|
57
|
-
children: [<Breadcrumb href="#one">One</Breadcrumb>, <Breadcrumb href="#two">Two</Breadcrumb>]
|
|
58
|
-
},
|
|
59
|
-
render: (args: BreadcrumbsProps) => <BreadcrumbList>{args.children}</BreadcrumbList>
|
|
60
|
-
}`,...(B=(l=m.parameters)==null?void 0:l.docs)==null?void 0:B.source}}};var x,g,j;t.parameters={...t.parameters,docs:{...(x=t.parameters)==null?void 0:x.docs,source:{originalSource:`{
|
|
61
|
-
args: {
|
|
62
|
-
homeHref: "#home"
|
|
63
|
-
},
|
|
64
|
-
render: args => <BreadcrumbList {...args}>
|
|
65
|
-
<Breadcrumb href="#one" onClick={action("onClick")}>
|
|
66
|
-
One
|
|
67
|
-
</Breadcrumb>
|
|
68
|
-
<Breadcrumb href="#two">Two</Breadcrumb>
|
|
69
|
-
</BreadcrumbList>
|
|
70
|
-
}`,...(j=(g=t.parameters)==null?void 0:g.docs)==null?void 0:j.source}}};var w,T,v;c.parameters={...c.parameters,docs:{...(w=c.parameters)==null?void 0:w.docs,source:{originalSource:`{
|
|
71
|
-
args: {
|
|
72
|
-
homeHref: "#home"
|
|
73
|
-
},
|
|
74
|
-
render: args => <BreadcrumbList {...args}>
|
|
75
|
-
<Breadcrumb>One</Breadcrumb>
|
|
76
|
-
<Breadcrumb href="#two">Two</Breadcrumb>
|
|
77
|
-
<Breadcrumb href="#three">Three</Breadcrumb>
|
|
78
|
-
</BreadcrumbList>
|
|
79
|
-
}`,...(v=(T=c.parameters)==null?void 0:T.docs)==null?void 0:v.source}}};const wr=["Default","Truncation","Simple","WithOnClick","Subordinate"];export{a as Default,m as Simple,c as Subordinate,i as Truncation,t as WithOnClick,wr as __namedExportsOrder,jr as default};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r}from"./index-NdkWRN8K.js";import{j as o}from"./jsx-runtime-CnH95YSl.js";import{S as n}from"./OdysseyThemeProvider-BykOaJq8.js";const t=r.forwardRef((e,l)=>o.jsx(n,{fill:"none",ref:l,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",...e,children:o.jsx(o.Fragment,{children:o.jsx("path",{clipRule:"evenodd",d:"M17 16V8h-4v12.9a5.002 5.002 0 0 0 4-4.9Zm-6-8H7v8a5.002 5.002 0 0 0 4 4.9V8ZM5 8v4.382l-3.447 1.724.894 1.788L5 14.618V16c0 1.05.231 2.046.646 2.94l-2.353 2.353 1.414 1.414 2.059-2.059A6.983 6.983 0 0 0 12 23a6.983 6.983 0 0 0 5.234-2.352l2.059 2.06 1.414-1.415-2.353-2.353c.415-.894.646-1.89.646-2.94v-1.382l2.553 1.276.894-1.788L19 12.382V8h4V6h-6A5 5 0 0 0 7 6H1v2h4Zm4-2h6a3 3 0 1 0-6 0Z",fill:"currentColor",fillRule:"evenodd"})})})),m=r.memo(t);m.displayName="BugIcon";export{m as M};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{ad as M,c as F,_ as L,b as r,s as C,d as R,e as n,f as G,ak as D,r as H,al as v,n as u}from"./OdysseyThemeProvider-BykOaJq8.js";import{r as p}from"./index-NdkWRN8K.js";import{j as g}from"./jsx-runtime-CnH95YSl.js";import{B as U}from"./ButtonBase-CrcIXP69.js";const A=p.createContext({}),q=p.createContext(void 0),J=["children","color","component","className","disabled","disableElevation","disableFocusRipple","endIcon","focusVisibleClassName","fullWidth","size","startIcon","type","variant"],K=o=>{const{color:a,disableElevation:i,fullWidth:t,size:s,variant:l,classes:c}=o,x={root:["root",l,`${l}${n(a)}`,`size${n(s)}`,`${l}Size${n(s)}`,`color${n(a)}`,i&&"disableElevation",t&&"fullWidth"],label:["label"],startIcon:["icon","startIcon",`iconSize${n(s)}`],endIcon:["icon","endIcon",`iconSize${n(s)}`]},b=G(x,D,c);return r({},c,b)},k=o=>r({},o.size==="small"&&{"& > *:nth-of-type(1)":{fontSize:18}},o.size==="medium"&&{"& > *:nth-of-type(1)":{fontSize:20}},o.size==="large"&&{"& > *:nth-of-type(1)":{fontSize:22}}),Q=C(U,{shouldForwardProp:o=>H(o)||o==="classes",name:"MuiButton",slot:"Root",overridesResolver:(o,a)=>{const{ownerState:i}=o;return[a.root,a[i.variant],a[`${i.variant}${n(i.color)}`],a[`size${n(i.size)}`],a[`${i.variant}Size${n(i.size)}`],i.color==="inherit"&&a.colorInherit,i.disableElevation&&a.disableElevation,i.fullWidth&&a.fullWidth]}})(({theme:o,ownerState:a})=>{var i,t;const s=o.palette.mode==="light"?o.palette.grey[300]:o.palette.grey[800],l=o.palette.mode==="light"?o.palette.grey.A100:o.palette.grey[700];return r({},o.typography.button,{minWidth:64,padding:"6px 16px",borderRadius:(o.vars||o).shape.borderRadius,transition:o.transitions.create(["background-color","box-shadow","border-color","color"],{duration:o.transitions.duration.short}),"&:hover":r({textDecoration:"none",backgroundColor:o.vars?`rgba(${o.vars.palette.text.primaryChannel} / ${o.vars.palette.action.hoverOpacity})`:u.alpha(o.palette.text.primary,o.palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:"transparent"}},a.variant==="text"&&a.color!=="inherit"&&{backgroundColor:o.vars?`rgba(${o.vars.palette[a.color].mainChannel} / ${o.vars.palette.action.hoverOpacity})`:u.alpha(o.palette[a.color].main,o.palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:"transparent"}},a.variant==="outlined"&&a.color!=="inherit"&&{border:`1px solid ${(o.vars||o).palette[a.color].main}`,backgroundColor:o.vars?`rgba(${o.vars.palette[a.color].mainChannel} / ${o.vars.palette.action.hoverOpacity})`:u.alpha(o.palette[a.color].main,o.palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:"transparent"}},a.variant==="contained"&&{backgroundColor:o.vars?o.vars.palette.Button.inheritContainedHoverBg:l,boxShadow:(o.vars||o).shadows[4],"@media (hover: none)":{boxShadow:(o.vars||o).shadows[2],backgroundColor:(o.vars||o).palette.grey[300]}},a.variant==="contained"&&a.color!=="inherit"&&{backgroundColor:(o.vars||o).palette[a.color].dark,"@media (hover: none)":{backgroundColor:(o.vars||o).palette[a.color].main}}),"&:active":r({},a.variant==="contained"&&{boxShadow:(o.vars||o).shadows[8]}),[`&.${v.focusVisible}`]:r({},a.variant==="contained"&&{boxShadow:(o.vars||o).shadows[6]}),[`&.${v.disabled}`]:r({color:(o.vars||o).palette.action.disabled},a.variant==="outlined"&&{border:`1px solid ${(o.vars||o).palette.action.disabledBackground}`},a.variant==="contained"&&{color:(o.vars||o).palette.action.disabled,boxShadow:(o.vars||o).shadows[0],backgroundColor:(o.vars||o).palette.action.disabledBackground})},a.variant==="text"&&{padding:"6px 8px"},a.variant==="text"&&a.color!=="inherit"&&{color:(o.vars||o).palette[a.color].main},a.variant==="outlined"&&{padding:"5px 15px",border:"1px solid currentColor"},a.variant==="outlined"&&a.color!=="inherit"&&{color:(o.vars||o).palette[a.color].main,border:o.vars?`1px solid rgba(${o.vars.palette[a.color].mainChannel} / 0.5)`:`1px solid ${u.alpha(o.palette[a.color].main,.5)}`},a.variant==="contained"&&{color:o.vars?o.vars.palette.text.primary:(i=(t=o.palette).getContrastText)==null?void 0:i.call(t,o.palette.grey[300]),backgroundColor:o.vars?o.vars.palette.Button.inheritContainedBg:s,boxShadow:(o.vars||o).shadows[2]},a.variant==="contained"&&a.color!=="inherit"&&{color:(o.vars||o).palette[a.color].contrastText,backgroundColor:(o.vars||o).palette[a.color].main},a.color==="inherit"&&{color:"inherit",borderColor:"currentColor"},a.size==="small"&&a.variant==="text"&&{padding:"4px 5px",fontSize:o.typography.pxToRem(13)},a.size==="large"&&a.variant==="text"&&{padding:"8px 11px",fontSize:o.typography.pxToRem(15)},a.size==="small"&&a.variant==="outlined"&&{padding:"3px 9px",fontSize:o.typography.pxToRem(13)},a.size==="large"&&a.variant==="outlined"&&{padding:"7px 21px",fontSize:o.typography.pxToRem(15)},a.size==="small"&&a.variant==="contained"&&{padding:"4px 10px",fontSize:o.typography.pxToRem(13)},a.size==="large"&&a.variant==="contained"&&{padding:"8px 22px",fontSize:o.typography.pxToRem(15)},a.fullWidth&&{width:"100%"})},({ownerState:o})=>o.disableElevation&&{boxShadow:"none","&:hover":{boxShadow:"none"},[`&.${v.focusVisible}`]:{boxShadow:"none"},"&:active":{boxShadow:"none"},[`&.${v.disabled}`]:{boxShadow:"none"}}),X=C("span",{name:"MuiButton",slot:"StartIcon",overridesResolver:(o,a)=>{const{ownerState:i}=o;return[a.startIcon,a[`iconSize${n(i.size)}`]]}})(({ownerState:o})=>r({display:"inherit",marginRight:8,marginLeft:-4},o.size==="small"&&{marginLeft:-2},k(o))),Y=C("span",{name:"MuiButton",slot:"EndIcon",overridesResolver:(o,a)=>{const{ownerState:i}=o;return[a.endIcon,a[`iconSize${n(i.size)}`]]}})(({ownerState:o})=>r({display:"inherit",marginRight:-4,marginLeft:8},o.size==="small"&&{marginRight:-2},k(o))),oo=p.forwardRef(function(a,i){const t=p.useContext(A),s=p.useContext(q),l=M(t,a),c=F({props:l,name:"MuiButton"}),{children:x,color:b="primary",component:f="button",className:h,disabled:z=!1,disableElevation:E=!1,disableFocusRipple:y=!1,endIcon:$,focusVisibleClassName:N,fullWidth:P=!1,size:W="medium",startIcon:B,type:I,variant:T="text"}=c,j=L(c,J),e=r({},c,{color:b,component:f,disabled:z,disableElevation:E,disableFocusRipple:y,fullWidth:P,size:W,type:I,variant:T}),d=K(e),O=B&&g.jsx(X,{className:d.startIcon,ownerState:e,children:B}),V=$&&g.jsx(Y,{className:d.endIcon,ownerState:e,children:$}),_=s||"";return g.jsxs(Q,r({ownerState:e,className:R(t.className,d.root,h,_),component:f,disabled:z,focusRipple:!y,focusVisibleClassName:R(d.focusVisible,N),ref:i,type:I},j,{classes:d,children:[O,x,V]}))});export{oo as B};
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import{r as o}from"./index-NdkWRN8K.js";import{M as r}from"./BaseButton-Cd1oZPsh.js";import{j as m}from"./jsx-runtime-CnH95YSl.js";/*!
|
|
2
|
-
* Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.
|
|
3
|
-
* The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
|
|
4
|
-
*
|
|
5
|
-
* You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
-
* Unless required by applicable law or agreed to in writing, software
|
|
7
|
-
* distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
|
|
8
|
-
* WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
9
|
-
*
|
|
10
|
-
* See the License for the specific language governing permissions and limitations under the License.
|
|
11
|
-
*/const s=t=>m.jsx(r,{...t}),e=o.memo(s);e.displayName="Button";export{e as M};
|
|
@@ -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-C1HBA-0w.js";import{O as Va}from"./OdysseyStorybookThemeDecorator-CGH8visK.js";import{b as F,a as k,c as T}from"./BaseButton-Cd1oZPsh.js";import{M as o}from"./Button-DPUOjyZy.js";import{M as I}from"./index-DkrUiDVY.js";import{M as Oa}from"./Box-B-R2QRDU.js";import"./index-NdkWRN8K.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./axe-4JP0vCEZ.js";import"./OdysseyThemeProvider-BykOaJq8.js";import"./index-BJTM6NaI.js";import"./OdysseyProvider-BPLFYiwr.js";import"./MuiPropsContext-DhRylJZk.js";import"./Tooltip-DQDBPKMu.js";import"./Tooltip-D_pBGtcj.js";import"./Grow-6R6cTzr4.js";import"./utils-BdcLUgCD.js";import"./inheritsLoose-DTTkq0Su.js";import"./index-B5xazMy1.js";import"./index-DieBXP3Z.js";import"./TransitionGroupContext-DAL84N7p.js";import"./useIsFocusVisible-DH0qxT5e.js";import"./getReactElementRef-Bs64nbeG.js";import"./resolveComponentProps-TTQVZ4OZ.js";import"./isHostComponent-DVu5iVWx.js";import"./useControlled-NQulfz4l.js";import"./Popper-CSwIGEpk.js";import"./popper-aiaZgC6t.js";import"./ownerDocument-DW-IO8s5.js";import"./Portal-CsPQSHsR.js";import"./Button-BvUGu5Sm.js";import"./ButtonBase-CrcIXP69.js";import"./assertThisInitialized-B9jnkVVz.js";import"./Server-DS5iERo2.js";import"./List-CNCQEpRl.js";import"./ArrowRight-BquvVn3D.js";import"./Bug-Z3X3t5xp.js";import"./Calendar-DnwsjheN.js";import"./ChevronRight-BLkvXBUf.js";import"./ChevronUp-Br-QC-XK.js";import"./Clock-8HOQy_d4.js";import"./Upload-DH1T10x5.js";import"./Documentation-CBbHUjXC.js";import"./Download-VHpUH0as.js";import"./ExternalLink-lox07hAR.js";import"./Filter-BiREetkX.js";import"./Folder-8esChg_E.js";import"./Globe-BHk1B5d7.js";import"./Grid-B7XSvQ_X.js";import"./Group-DWmiPyzE.js";import"./Hide-Bvhl5PVN.js";import"./Home-CUQc6tB8.js";import"./InformationCircle-DYQV39lt.js";import"./More-BgQrTkKM.js";import"./Refresh-CgZVXlSy.js";import"./Search-BSlcf4bB.js";import"./Settings-SRsJGOHl.js";import"./Show-DXIrBgNq.js";import"./Sync-CCP_JZB8.js";import"./User-CvYTA860.js";import"./Video-D8qbHdF4.js";import"./Box-B6KmU4_J.js";const Zt={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 $t=["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,$t as __namedExportsOrder,Zt as default};
|