@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,74 +0,0 @@
|
|
|
1
|
-
import{b as A,_ as ee,d as E,V as je,c as me,s as te,ai as ne,f as Ie,aD as _e,aE as Ue}from"./OdysseyThemeProvider-BykOaJq8.js";import{r as a,e as W}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-DTTkq0Su.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 Xe(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 Ye(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 We(t,s,r){var l=oe(t.children),n=Xe(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?Ye(n,c):We(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?W.createElement(ce.Provider,{value:u},p):W.createElement(ce.Provider,{value:u},W.createElement(e,c,p))},s}(W.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=je("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]),$=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(()=>{$({},{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,()=>{j(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:$,stop:j}),[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:$,onFocus:U,onFocusVisible:j,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,X]=a.useState(!1);p&&w&&X(!1),a.useImperativeHandle(n,()=>({focusVisible:()=>{X(!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,$e=g){return H(le=>(ae&&ae(le),!$e&&T.current&&T.current[i](le),!0))}const Te=P("start",x),Ee=P("stop",_),Ce=P("stop",$),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&&X(!1),h&&h(i)},!1),Se=H(i=>{O.current||(O.current=i.currentTarget),ge(i),se.current===!0&&(X(!0),j&&j(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 Y=u;Y==="button"&&(V.href||V.to)&&(Y=C);const K={};Y==="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:Y,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 n}from"./OdysseyThemeProvider-BykOaJq8.js";const l=e.forwardRef((o,a)=>r.jsx(n,{fill:"none",ref:a,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",...o,children:r.jsx(r.Fragment,{children:r.jsx("path",{clipRule:"evenodd",d:"M9 1v3h6V1h2v3h5v15a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V4h5V1h2Zm6 5v2h2V6h3v3H4V6h3v2h2V6h6ZM4 11v8a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1v-8H4Z",fill:"currentColor",fillRule:"evenodd"})})})),t=e.memo(l);t.displayName="CalendarIcon";export{t as M};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{J as x,u as f,h as g}from"./OdysseyThemeProvider-BykOaJq8.js";import{r as j}from"./index-NdkWRN8K.js";import{M as v}from"./Link-BQo2zH0c.js";import{a as T}from"./Typography-B7ktrxCD.js";import{u as k}from"./useUniqueId-Bsgqe1tm.js";import{j as s}from"./jsx-runtime-CnH95YSl.js";import{A as C,a as M}from"./AlertTitle-BDkgiA29.js";import{B as i}from"./Box-B6KmU4_J.js";const V=["status","alert"],q=["success","info","warning","error"],D=g("div",{shouldForwardProp:e=>e!=="odysseyDesignTokens"})(({odysseyDesignTokens:e})=>({"& > * + *":{marginBlockStart:e.Spacing4}})),b=({children:e,linkRel:l,linkTarget:m,linkText:d,linkUrl:o,role:c,severity:a,testId:u,text:r,title:t,translate:p})=>{const{t:y}=x(),h=f(),n=k();return s.jsxs(C,{"aria-label":y(`severity.${a}`),"aria-labelledby":n,"data-se":u,role:c,severity:a,variant:"callout",children:[t&&s.jsx(M,{"aria-hidden":!0,id:n,translate:p,children:t}),s.jsxs(D,{odysseyDesignTokens:h,children:[e&&s.jsx(i,{component:"div",children:e}),r&&s.jsx(T,{children:r}),o&&s.jsx(i,{children:s.jsx(v,{href:o,rel:l,target:m,variant:"monochrome",children:d})})]})]})},z=j.memo(b);z.displayName="Callout";export{z as M,V as a,q as c};
|
|
@@ -1,105 +0,0 @@
|
|
|
1
|
-
import{j as e}from"./jsx-runtime-CnH95YSl.js";import{e as H}from"./index-BJMTVygn.js";import{O as z}from"./OdysseyStorybookThemeDecorator-CGH8visK.js";import{c as p,a as d,M as F}from"./Callout-qkeUDNKn.js";import{q as G}from"./queryOdysseySelector-CwauhQve.js";import"./index-NdkWRN8K.js";import"./_commonjsHelpers-gnU0ypJ3.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"./Typography-B7ktrxCD.js";import"./useUniqueId-Bsgqe1tm.js";import"./createUniqueId-ByTaVY63.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";import"./Box-B6KmU4_J.js";import"./test-utils-H9lH7T5D.js";import"./index-DieBXP3Z.js";import"./index-B5xazMy1.js";import"./client-ByW5HbEz.js";const Ue={component:F,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"}}},role:{options:d,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:d.join(" | ")}}},severity:{options:p,control:{type:"radio"},description:"Determine the color and icon of the Callout",table:{type:{summary:p.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"}},t={args:{role:"status",severity:"info",title:"Authentication status",text:"You're signed in from Moonbase Alpha-6, located on Luna."}},r={args:{role:"alert",severity:"error",title:"Safety checks failed",text:"Reconfigure the fuel mixture ratios and perform safety checks again."}},i={args:{role:"status",severity:"warning",title:"Safety checks incomplete",text:"Complete all safety checks before requesting approval to launch your mission."}},o={args:{role:"status",severity:"success",title:"Approved for launch",text:"Safety checks are complete. Your mission is ready for liftoff."}},n={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:"#"}},s={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:"#"}},a={args:{role:"status",severity:"info",title:"Delivery details needed to complete your user profile",text:void 0,children:e.jsx(e.Fragment,{children:e.jsxs("ul",{children:[e.jsx("li",{children:"Secondary email"}),e.jsx("li",{children:"Street address"}),e.jsx("li",{children:"City"})]})})}},l={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:"#"}},c={args:{role:"alert",severity:"error",title:"Safety checks failed",text:void 0,linkText:"Visit fueling console",linkUrl:"#"},play:async({canvasElement:_,step:P})=>{await P("has visible link",()=>{var u,m;const B=(m=(u=G("Callout")({element:_,role:"alert",options:{title:/Safety checks failed/}})).selectChild)==null?void 0:m.call(u,{name:"link",options:{linkText:"Visit fueling console"}}).element;H(B).toBeVisible()})}};var f,h,y;t.parameters={...t.parameters,docs:{...(f=t.parameters)==null?void 0:f.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
|
-
}`,...(y=(h=t.parameters)==null?void 0:h.docs)==null?void 0:y.source}}};var g,k,x;r.parameters={...r.parameters,docs:{...(g=r.parameters)==null?void 0:g.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
|
-
}`,...(x=(k=r.parameters)==null?void 0:k.docs)==null?void 0:x.source}}};var S,v,T;i.parameters={...i.parameters,docs:{...(S=i.parameters)==null?void 0:S.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
|
-
}`,...(T=(v=i.parameters)==null?void 0:v.docs)==null?void 0:T.source}}};var b,C,L;o.parameters={...o.parameters,docs:{...(b=o.parameters)==null?void 0:b.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
|
-
}`,...(L=(C=o.parameters)==null?void 0:C.docs)==null?void 0:L.source}}};var R,w,A;n.parameters={...n.parameters,docs:{...(R=n.parameters)==null?void 0:R.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
|
-
}`,...(A=(w=n.parameters)==null?void 0:w.docs)==null?void 0:A.source}}};var V,U,W;s.parameters={...s.parameters,docs:{...(V=s.parameters)==null?void 0:V.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
|
-
}`,...(W=(U=s.parameters)==null?void 0:U.docs)==null?void 0:W.source}}};var j,q,E;a.parameters={...a.parameters,docs:{...(j=a.parameters)==null?void 0:j.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
|
-
}`,...(E=(q=a.parameters)==null?void 0:q.docs)==null?void 0:E.source}}};var M,I,N;l.parameters={...l.parameters,docs:{...(M=l.parameters)==null?void 0:M.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
|
-
}`,...(N=(I=l.parameters)==null?void 0:I.docs)==null?void 0:N.source}}};var O,Y,D;c.parameters={...c.parameters,docs:{...(O=c.parameters)==null?void 0:O.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
|
-
}`,...(D=(Y=c.parameters)==null?void 0:Y.docs)==null?void 0:D.source}}};const We=["Info","Error","Warning","Success","WithLink","WithLinkAndTarget","ChildrenWithList","ChildrenWithLink","TitleWithLink"];export{l as ChildrenWithLink,a as ChildrenWithList,r as Error,t as Info,o as Success,c as TitleWithLink,i as Warning,n as WithLink,s as WithLinkAndTarget,We as __namedExportsOrder,Ue as default};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{u as O,J as z,h as s,O as P}from"./OdysseyThemeProvider-BykOaJq8.js";import{r as m}from"./index-NdkWRN8K.js";import{B as _}from"./BaseButton-Cd1oZPsh.js";import{M as T}from"./MenuButton-DvVmjwMC.js";import{M as V}from"./More-BgQrTkKM.js";import{d as w,M as y,a as B}from"./Typography-B7ktrxCD.js";import{j as a}from"./jsx-runtime-CnH95YSl.js";import{S as c,s as g}from"./Skeleton-DAUyPclv.js";import{C as I,c as R}from"./CardActions-C1bW_Jqo.js";import{C as W,a as H}from"./CardActionArea-BaL2GhSM.js";const co=["tile","stack","compact"],G="64px",Z="48px",J=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,[`& > .${P.root}`]:{marginBlockEnd:0}})),k=s("div",{shouldForwardProp:o=>o!=="odysseyDesignTokens"})(({odysseyDesignTokens:o})=>({display:"flex",flexDirection:"column",gap:o.Spacing1,[`& > .${P.root}`]:{marginBlockEnd:0}})),S=s("div",{shouldForwardProp:o=>o!=="odysseyDesignTokens"})(({odysseyDesignTokens:o})=>({display:"flex",flexDirection:"column",alignItems:"flex-start",backgroundColor:o.HueNeutralWhite})),K=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}})),E=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=O(),{t:C}=z(),v=m.useMemo(()=>a.jsxs($,{numberOfChildNodes:E([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:E([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(J,{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(K,{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,8 +0,0 @@
|
|
|
1
|
-
import{j as o}from"./jsx-runtime-CnH95YSl.js";import{useMDXComponents as p}from"./index-BeeV6X6A.js";import"./index-6QUE-j0v.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-DfE121Jj.js";import{T as i}from"./Card.stories-ROWJyBI0.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"./OdysseyThemeProvider-BykOaJq8.js";import"./index-B-lxVbXh.js";import"./v4-CtRu48qb.js";import"./OdysseyStorybookThemeDecorator-CGH8visK.js";import"./OdysseyProvider-BPLFYiwr.js";import"./Card-DL97TZJd.js";import"./BaseButton-Cd1oZPsh.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"./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"./MenuButton-DvVmjwMC.js";import"./BaseMenuButton-DCwowxQ6.js";import"./Box-B-R2QRDU.js";import"./Box-B6KmU4_J.js";import"./useUniqueId-Bsgqe1tm.js";import"./createUniqueId-ByTaVY63.js";import"./MenuContext-DKMyPMNY.js";import"./More-BgQrTkKM.js";import"./Menu-CU_mHT7L.js";import"./ownerWindow-HkKU3E4x.js";import"./debounce-Be36O1Ab.js";import"./Modal-B12sS2Yh.js";import"./getScrollbarSize-Bqq2hMjQ.js";import"./createChainedFunction-BO_9K8Jh.js";import"./Fade-CHnXmzFb.js";import"./Paper-DwBg74qy.js";import"./MenuList-0OHGr5AC.js";import"./List-_p0jkXPM.js";import"./Typography-B7ktrxCD.js";import"./Typography-CSpPZFTF.js";import"./Skeleton-DAUyPclv.js";import"./colorManipulator-C6C6_xuT.js";import"./CardActions-C1bW_Jqo.js";import"./CardActionArea-BaL2GhSM.js";import"./MenuItem-DoUaLmgU.js";import"./MenuItem-oi_JaUho.js";import"./Button-DPUOjyZy.js";import"./Checkbox-eGdyySzm.js";import"./inputUtils-Dbi8XkA6.js";import"./Hint-DTEjQAxl.js";import"./FormHelperText-Ca69g4Je.js";import"./useFormControl-BMISTZuX.js";import"./FormControlLabel-CoGABX1G.js";import"./Stack-t9yXrJ7r.js";import"./createStyled-B0CJenTX.js";import"./useThemeProps-BgDANuN6.js";import"./Checkbox-OauVZWc5.js";import"./SwitchBase-CWdXZnig.js";import"./createSvgIcon-Bv_3NNsK.js";import"./IconButton-Wwvz84xG.js";import"./ChevronUp-Br-QC-XK.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 Jo(r={}){const{wrapper:t}={...p(),...r.components};return t?o.jsx(t,{...r,children:o.jsx(m,{...r})}):m(r)}export{Jo as default};
|
|
@@ -1,56 +0,0 @@
|
|
|
1
|
-
import{j as e}from"./jsx-runtime-CnH95YSl.js";import{h as N,L as Q}from"./OdysseyThemeProvider-BykOaJq8.js";import{a as W}from"./index-B-lxVbXh.js";import{r as u}from"./index-NdkWRN8K.js";import{O as X}from"./OdysseyStorybookThemeDecorator-CGH8visK.js";import{c as Y,M as C}from"./Card-DL97TZJd.js";import{M as b}from"./MenuItem-DoUaLmgU.js";import{M as Z}from"./Button-DPUOjyZy.js";import{M as $}from"./Checkbox-eGdyySzm.js";import{I as ee}from"./IconButton-Wwvz84xG.js";import{M as te}from"./ChevronUp-Br-QC-XK.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=N("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]),R=u.useCallback(()=>{h(!d)},[d,h]),U=({isChecked:n,onChange:o})=>e.jsx(re,{children:e.jsx($,{ariaLabel:"Selecton toggle",isChecked:n,onChange:o})}),q=({isExpanded:n,onToggle:o})=>e.jsx(ee,{"aria-label":n?"Collapse":"Expand",onClick:o,size:"small",children:n?e.jsx(Q,{}):e.jsx(te,{})}),G=({isExpandable:n,isSelected:o,isExpanded:H,onToggleExpansion:J,onChangeSelection:K})=>e.jsxs(e.Fragment,{children:[e.jsx(U,{isChecked:o,onChange:K}),n&&e.jsx(q,{isExpanded:H,onToggle:J})]});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(G,{isExpandable:!!t.detailPanel,isExpanded:d,isSelected:p,onChangeSelection:V,onToggleExpansion:R}):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{U as C,V as g,c as m,_ as A,b as d,s as h,d as p,f as v}from"./OdysseyThemeProvider-BykOaJq8.js";import{r as y}from"./index-NdkWRN8K.js";import{j as f}from"./jsx-runtime-CnH95YSl.js";import{P as b}from"./Paper-DwBg74qy.js";import{B as x}from"./ButtonBase-CrcIXP69.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"]),U=["children","className","focusVisibleClassName"],V=s=>{const{classes:o}=s;return v({root:["root"],focusHighlight:["focusHighlight"]},w,o)},j=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,U),e=t,l=V(e);return f.jsxs(j,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{V as d,U as p,c as u,_ as m,b as e,s as C,d as g,f}from"./OdysseyThemeProvider-BykOaJq8.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};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{c as B,_ as P,b as a,s as M,d as R,e as l,f as _,az as g,r as y,n as E,aA as m}from"./OdysseyThemeProvider-BykOaJq8.js";import{r as u}from"./index-NdkWRN8K.js";import{S as H}from"./SwitchBase-CWdXZnig.js";import{c as x}from"./createSvgIcon-Bv_3NNsK.js";import{j as t}from"./jsx-runtime-CnH95YSl.js";const S=x(t.jsx("path",{d:"M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"}),"CheckBoxOutlineBlank"),O=x(t.jsx("path",{d:"M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"}),"CheckBox"),V=x(t.jsx("path",{d:"M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10H7v-2h10v2z"}),"IndeterminateCheckBox"),L=["checkedIcon","color","icon","indeterminate","indeterminateIcon","inputProps","size","className"],N=o=>{const{classes:e,indeterminate:c,color:s,size:r}=o,n={root:["root",c&&"indeterminate",`color${l(s)}`,`size${l(r)}`]},d=_(n,g,e);return a({},e,d)},F=M(H,{shouldForwardProp:o=>y(o)||o==="classes",name:"MuiCheckbox",slot:"Root",overridesResolver:(o,e)=>{const{ownerState:c}=o;return[e.root,c.indeterminate&&e.indeterminate,e[`size${l(c.size)}`],c.color!=="default"&&e[`color${l(c.color)}`]]}})(({theme:o,ownerState:e})=>a({color:(o.vars||o).palette.text.secondary},!e.disableRipple&&{"&:hover":{backgroundColor:o.vars?`rgba(${e.color==="default"?o.vars.palette.action.activeChannel:o.vars.palette[e.color].mainChannel} / ${o.vars.palette.action.hoverOpacity})`:E.alpha(e.color==="default"?o.palette.action.active:o.palette[e.color].main,o.palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:"transparent"}}},e.color!=="default"&&{[`&.${m.checked}, &.${m.indeterminate}`]:{color:(o.vars||o).palette[e.color].main},[`&.${m.disabled}`]:{color:(o.vars||o).palette.action.disabled}})),U=t.jsx(O,{}),A=t.jsx(S,{}),D=t.jsx(V,{}),K=u.forwardRef(function(e,c){var s,r;const n=B({props:e,name:"MuiCheckbox"}),{checkedIcon:d=U,color:z="primary",icon:I=A,indeterminate:i=!1,indeterminateIcon:h=D,inputProps:b,size:p="medium",className:$}=n,j=P(n,L),f=i?h:I,k=i?h:d,v=a({},n,{color:z,indeterminate:i,size:p}),C=N(v);return t.jsx(F,a({type:"checkbox",inputProps:a({"data-indeterminate":i},b),icon:u.cloneElement(f,{fontSize:(s=f.props.fontSize)!=null?s:p}),checkedIcon:u.cloneElement(k,{fontSize:(r=k.props.fontSize)!=null?r:p}),ownerState:v,ref:c,className:R(C.root,$)},j,{classes:C}))});export{K as C};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t}from"./index-NdkWRN8K.js";import{J,u as U}from"./OdysseyThemeProvider-BykOaJq8.js";import{g as W,C as w}from"./inputUtils-Dbi8XkA6.js";import{M as g}from"./Typography-B7ktrxCD.js";import{u as A}from"./useUniqueId-Bsgqe1tm.js";import{H as B}from"./Hint-DTEjQAxl.js";import{j as e}from"./jsx-runtime-CnH95YSl.js";import{F as G}from"./FormControlLabel-CoGABX1G.js";import{C as K}from"./Checkbox-OauVZWc5.js";import{F as Q}from"./FormHelperText-Ca69g4Je.js";const ne=["valid","invalid","inherit"],X=({ariaLabel:y,ariaLabelledBy:C,id:c,inputRef:M,isChecked:i,isDefaultChecked:m,isDisabled:d,isIndeterminate:j,isReadOnly:s=!1,isRequired:n,label:p,hint:a,name:S,onChange:r,onBlur:l,testId:x,translate:f,validity:b="inherit",value:T})=>{const{t:k}=J(),F=U(),I=A(c),u=a?`${I}-hint`:void 0,V=t.useRef(W({controlledValue:i,uncontrolledValue:m})),v=t.useMemo(()=>V.current===w.CONTROLLED?{checked:i}:{defaultChecked:m},[m,i]),h=t.useRef(null);t.useImperativeHandle(M,()=>({focus:()=>{var o;(o=h.current)==null||o.focus()}}),[]);const E=t.useMemo(()=>e.jsxs(e.Fragment,{children:[e.jsx(g,{component:"span",children:p}),n&&e.jsxs(e.Fragment,{children:[" ",e.jsxs(g,{color:"textSecondary",component:"span",children:["(",k("fieldlabel.required.text"),")"]})]})]}),[n,p,k]),H=t.useCallback((o,q)=>{r==null||r(o,q)},[r]),L=t.useCallback(o=>{s&&(o.stopPropagation(),o.preventDefault())},[s]),N=t.useCallback(o=>{l==null||l(o)},[l]),z=t.useMemo(()=>({alignItems:"flex-start",...s&&{cursor:"default","& .MuiTypography-root":{cursor:"default"}},...a&&{":not(:last-child)":{marginBlockEnd:"0"}}}),[a,s]),D=t.useMemo(()=>({marginBlockStart:"2px"}),[]),$=t.useMemo(()=>({"aria-describedby":u,"aria-readonly":s,"data-se":x,readOnly:s}),[u,s,x]);return e.jsxs(e.Fragment,{children:[e.jsx(G,{"aria-label":y,"aria-labelledby":C,className:b==="invalid"?"Mui-error":b==="valid"?"Mui-valid":"",control:e.jsx(K,{...v,disabled:d,indeterminate:j,inputProps:$,inputRef:h,onChange:H,onClick:L,required:n,sx:D}),disabled:d,id:c,label:E,name:S??c,onBlur:N,required:n,sx:z,translate:f,value:T}),a&&e.jsx(B,{odysseyDesignTokens:F,children:e.jsx(Q,{id:u,translate:f,children:a})})]})},Y=t.memo(X);Y.displayName="Checkbox";export{Y as M,ne as c};
|
|
@@ -1,96 +0,0 @@
|
|
|
1
|
-
import{j as Y}from"./jsx-runtime-CnH95YSl.js";import{f as y,w as Z,u as f,e as C}from"./index-BJMTVygn.js";import{r as g}from"./index-NdkWRN8K.js";import{a as $}from"./axeRun-B-LchFqf.js";import{O as ee}from"./OdysseyStorybookThemeDecorator-CGH8visK.js";import{f as p}from"./fieldComponentPropsMetaData-BqbNLw6V.js";import{c as x,M as U}from"./Checkbox-eGdyySzm.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./axe-4JP0vCEZ.js";import"./OdysseyThemeProvider-BykOaJq8.js";import"./index-BJTM6NaI.js";import"./OdysseyProvider-BPLFYiwr.js";import"./inputUtils-Dbi8XkA6.js";import"./Typography-B7ktrxCD.js";import"./Typography-CSpPZFTF.js";import"./useUniqueId-Bsgqe1tm.js";import"./createUniqueId-ByTaVY63.js";import"./Hint-DTEjQAxl.js";import"./FormHelperText-Ca69g4Je.js";import"./useFormControl-BMISTZuX.js";import"./FormControlLabel-CoGABX1G.js";import"./Stack-t9yXrJ7r.js";import"./createStyled-B0CJenTX.js";import"./useThemeProps-BgDANuN6.js";import"./Checkbox-OauVZWc5.js";import"./SwitchBase-CWdXZnig.js";import"./useControlled-NQulfz4l.js";import"./ButtonBase-CrcIXP69.js";import"./useIsFocusVisible-DH0qxT5e.js";import"./assertThisInitialized-B9jnkVVz.js";import"./inheritsLoose-DTTkq0Su.js";import"./TransitionGroupContext-DAL84N7p.js";import"./createSvgIcon-Bv_3NNsK.js";const He={component:U,decorators:[ee],tags:["autodocs"],argTypes:{ariaLabel:{control:"text",description:"Aria-label for the checkbox",table:{type:{summary:"string"}}},ariaLabelledBy:{control:"text",description:"Aria-labelledby for the checkbox",table:{type:{summary:"string"}}},id:p.id,isChecked:{control:"boolean",description:"The checkbox checked state",table:{type:{summary:"boolean"}}},isDefaultChecked:{control:"boolean",description:"If `true`, the checkbox starts checked",table:{type:{summary:"boolean"}}},isDisabled:p.isDisabled,isIndeterminate:{control:"boolean",description:"If `true`, the checkbox is in an indeterminate state",table:{type:{summary:"boolean"}}},isReadOnly:{control:"boolean",description:"If `true`, the checkbox is read-only",table:{type:{summary:"boolean"},defaultValue:{summary:"false"}}},isRequired:{control:"boolean",description:"If `true`, the checkbox is required",table:{type:{summary:"boolean"}}},label:{control:"text",description:"The label text for the checkbox",table:{type:{summary:"string"}}},hint:{control:"text",description:"The helper text content",table:{type:{summary:"string"}}},name:p.name,onChange:{description:"Callback fired when the checkbox value changes",table:{type:{summary:"func"}}},onBlur:{description:"Callback fired when the blur event happens",table:{type:{summary:"func"}}},validity:{options:x,control:{type:"radio"},description:"The checkbox validity, if different from its enclosing group. Doesn't need to be set if the checkbox isn't a different validity from an enclosing `CheckboxGroup`.",table:{type:{summary:x.join(" | ")},defaultValue:{summary:"inherit"}}},value:{control:"text",description:"The value attribute of the checkbox",table:{type:{summary:"string"}}}},args:{onBlur:y(),onChange:y()}},e=b=>({canvasElement:h,step:m})=>m("check the box",async({args:u})=>{const t=Z(h).getByRole("checkbox");t&&await f.click(t),await f.tab(),await C(t).toBeChecked(),await C(u.onBlur).toHaveBeenCalledTimes(1),await $(b)}),a={args:{label:"Enable warp drive recalibration",isDefaultChecked:!1},play:e("Checkbox Default")},o={parameters:{docs:{description:{story:"Checkboxes are optional by default, and there are few circumstances in which a checkbox is required. Odyssey provides an `isRequired` boolean that, when set to `true`, makes the checkbox required. Note that when a checkbox is required, it must be checked for the form to submit, so this is only appropriate for checkboxes that must be checked to continue, such as a confirmation."}}},args:{label:"I agree to the terms and conditions",isRequired:!0,isDefaultChecked:!1},play:e("Checkbox Required")},s={args:{label:"Automatically assign Okta Admin Console",isDefaultChecked:!0}},r={parameters:{docs:{description:{story:"Checkboxes may be disabled individually or as a group. The values of disabled inputs will not be submitted."}}},args:{label:"Automatically assign Okta Admin Console",isDisabled:!0,isDefaultChecked:!1}},n={parameters:{docs:{description:{story:"In the case of nested checkboxes, an indeterminate state may be required. Note that this state is visual- only and will be submitted as either checked or unchecked depending on the internal state."}}},args:{label:"Automatically assign Okta Admin Console",isIndeterminate:!0,isDefaultChecked:!0}},i={args:{label:"Automatically assign Okta Admin Console",validity:"invalid",isDefaultChecked:!1},play:e("Checkbox Disabled")},c={args:{label:"Automatically assign Okta Admin Console",isReadOnly:!0,isDefaultChecked:!0},play:e("ReadOnly Checkbox")},l={parameters:{docs:{description:{story:"hint provides helper text to the Checkbox"}}},args:{label:"I agree to the terms and conditions",hint:"Really helpful hint"},play:e("Checkbox Hint")},d={parameters:{docs:{description:{story:"When the component is controlled, the parent component is responsible for managing the state of `Checkbox`. `onChange` should be used to listen for component changes and to update the values in the `value` prop."}}},args:{label:"Automatically assign Okta Admin Console",isChecked:!0},render:function(h){const[m,u]=g.useState(!0),k=g.useCallback((t,X)=>u(X),[]);return Y.jsx(U,{...h,isChecked:m,isDefaultChecked:void 0,onChange:k})}};var v,D,A;a.parameters={...a.parameters,docs:{...(v=a.parameters)==null?void 0:v.docs,source:{originalSource:`{
|
|
2
|
-
args: {
|
|
3
|
-
label: "Enable warp drive recalibration",
|
|
4
|
-
isDefaultChecked: false
|
|
5
|
-
},
|
|
6
|
-
play: checkTheBox("Checkbox Default")
|
|
7
|
-
}`,...(A=(D=a.parameters)==null?void 0:D.docs)==null?void 0:A.source}}};var O,w,I;o.parameters={...o.parameters,docs:{...(O=o.parameters)==null?void 0:O.docs,source:{originalSource:`{
|
|
8
|
-
parameters: {
|
|
9
|
-
docs: {
|
|
10
|
-
description: {
|
|
11
|
-
story: "Checkboxes are optional by default, and there are few circumstances in which a checkbox is required. Odyssey provides an \`isRequired\` boolean that, when set to \`true\`, makes the checkbox required. Note that when a checkbox is required, it must be checked for the form to submit, so this is only appropriate for checkboxes that must be checked to continue, such as a confirmation."
|
|
12
|
-
}
|
|
13
|
-
}
|
|
14
|
-
},
|
|
15
|
-
args: {
|
|
16
|
-
label: "I agree to the terms and conditions",
|
|
17
|
-
isRequired: true,
|
|
18
|
-
isDefaultChecked: false
|
|
19
|
-
},
|
|
20
|
-
play: checkTheBox("Checkbox Required")
|
|
21
|
-
}`,...(I=(w=o.parameters)==null?void 0:w.docs)==null?void 0:I.source}}};var R,q,T;s.parameters={...s.parameters,docs:{...(R=s.parameters)==null?void 0:R.docs,source:{originalSource:`{
|
|
22
|
-
args: {
|
|
23
|
-
label: "Automatically assign Okta Admin Console",
|
|
24
|
-
isDefaultChecked: true
|
|
25
|
-
}
|
|
26
|
-
}`,...(T=(q=s.parameters)==null?void 0:q.docs)==null?void 0:T.source}}};var B,S,E;r.parameters={...r.parameters,docs:{...(B=r.parameters)==null?void 0:B.docs,source:{originalSource:`{
|
|
27
|
-
parameters: {
|
|
28
|
-
docs: {
|
|
29
|
-
description: {
|
|
30
|
-
story: "Checkboxes may be disabled individually or as a group. The values of disabled inputs will not be submitted."
|
|
31
|
-
}
|
|
32
|
-
}
|
|
33
|
-
},
|
|
34
|
-
args: {
|
|
35
|
-
label: "Automatically assign Okta Admin Console",
|
|
36
|
-
isDisabled: true,
|
|
37
|
-
isDefaultChecked: false
|
|
38
|
-
}
|
|
39
|
-
}`,...(E=(S=r.parameters)==null?void 0:S.docs)==null?void 0:E.source}}};var H,j,M;n.parameters={...n.parameters,docs:{...(H=n.parameters)==null?void 0:H.docs,source:{originalSource:`{
|
|
40
|
-
parameters: {
|
|
41
|
-
docs: {
|
|
42
|
-
description: {
|
|
43
|
-
story: "In the case of nested checkboxes, an indeterminate state may be required. Note that this state is visual- only and will be submitted as either checked or unchecked depending on the internal state."
|
|
44
|
-
}
|
|
45
|
-
}
|
|
46
|
-
},
|
|
47
|
-
args: {
|
|
48
|
-
label: "Automatically assign Okta Admin Console",
|
|
49
|
-
isIndeterminate: true,
|
|
50
|
-
isDefaultChecked: true
|
|
51
|
-
}
|
|
52
|
-
}`,...(M=(j=n.parameters)==null?void 0:j.docs)==null?void 0:M.source}}};var N,V,_;i.parameters={...i.parameters,docs:{...(N=i.parameters)==null?void 0:N.docs,source:{originalSource:`{
|
|
53
|
-
args: {
|
|
54
|
-
label: "Automatically assign Okta Admin Console",
|
|
55
|
-
validity: "invalid",
|
|
56
|
-
isDefaultChecked: false
|
|
57
|
-
},
|
|
58
|
-
play: checkTheBox("Checkbox Disabled")
|
|
59
|
-
}`,...(_=(V=i.parameters)==null?void 0:V.docs)==null?void 0:_.source}}};var L,W,z;c.parameters={...c.parameters,docs:{...(L=c.parameters)==null?void 0:L.docs,source:{originalSource:`{
|
|
60
|
-
args: {
|
|
61
|
-
label: "Automatically assign Okta Admin Console",
|
|
62
|
-
isReadOnly: true,
|
|
63
|
-
isDefaultChecked: true
|
|
64
|
-
},
|
|
65
|
-
play: checkTheBox("ReadOnly Checkbox")
|
|
66
|
-
}`,...(z=(W=c.parameters)==null?void 0:W.docs)==null?void 0:z.source}}};var G,P,F;l.parameters={...l.parameters,docs:{...(G=l.parameters)==null?void 0:G.docs,source:{originalSource:`{
|
|
67
|
-
parameters: {
|
|
68
|
-
docs: {
|
|
69
|
-
description: {
|
|
70
|
-
story: "hint provides helper text to the Checkbox"
|
|
71
|
-
}
|
|
72
|
-
}
|
|
73
|
-
},
|
|
74
|
-
args: {
|
|
75
|
-
label: "I agree to the terms and conditions",
|
|
76
|
-
hint: "Really helpful hint"
|
|
77
|
-
},
|
|
78
|
-
play: checkTheBox("Checkbox Hint")
|
|
79
|
-
}`,...(F=(P=l.parameters)==null?void 0:P.docs)==null?void 0:F.source}}};var J,K,Q;d.parameters={...d.parameters,docs:{...(J=d.parameters)==null?void 0:J.docs,source:{originalSource:`{
|
|
80
|
-
parameters: {
|
|
81
|
-
docs: {
|
|
82
|
-
description: {
|
|
83
|
-
story: "When the component is controlled, the parent component is responsible for managing the state of \`Checkbox\`. \`onChange\` should be used to listen for component changes and to update the values in the \`value\` prop."
|
|
84
|
-
}
|
|
85
|
-
}
|
|
86
|
-
},
|
|
87
|
-
args: {
|
|
88
|
-
label: "Automatically assign Okta Admin Console",
|
|
89
|
-
isChecked: true
|
|
90
|
-
},
|
|
91
|
-
render: function C(args) {
|
|
92
|
-
const [isChecked, setIsChecked] = useState(true);
|
|
93
|
-
const onChange = useCallback((_event: ChangeEvent<HTMLInputElement>, checked: boolean) => setIsChecked(checked), []);
|
|
94
|
-
return <Checkbox {...args} isChecked={isChecked} isDefaultChecked={undefined} onChange={onChange} />;
|
|
95
|
-
}
|
|
96
|
-
}`,...(Q=(K=d.parameters)==null?void 0:K.docs)==null?void 0:Q.source}}};const je=["Default","Required","Checked","Disabled","Indeterminate","Invalid","ReadOnly","Hint","Controlled"];export{s as Checked,d as Controlled,a as Default,r as Disabled,l as Hint,n as Indeterminate,i as Invalid,c as ReadOnly,o as Required,je as __namedExportsOrder,He as default};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as s,e as o}from"./index-NdkWRN8K.js";import{M as h}from"./Field-BxkyNVQW.js";import{j as p}from"./jsx-runtime-CnH95YSl.js";import{F as j}from"./FormGroup-D2d8E3Cw.js";const y=({ariaDescribedBy:l,children:i,errorMessage:d,errorMessageList:b,hint:u,HintLinkComponent:c,id:x,isDisabled:r,isReadOnly:a=!1,isRequired:C=!1,label:f,testId:m,translate:t})=>{const n=s.useMemo(()=>o.Children.map(i,e=>o.isValidElement(e)?o.cloneElement(e,{isReadOnly:a,isDisabled:r||e.props.isDisabled}):e),[i,a,r]),M=s.useCallback(({ariaDescribedBy:e,errorMessageElementId:k,id:F,labelElementId:g})=>p.jsx(j,{"aria-describedby":e,"aria-errormessage":k,"aria-labelledby":g,"data-se":m,id:F,translate:t,children:n}),[n,m,t]);return p.jsx(h,{ariaDescribedBy:l,errorMessage:d,errorMessageList:b,fieldType:"group",hasVisibleLabel:!0,hint:u,HintLinkComponent:c,id:x,isDisabled:r,isOptional:!C,label:f,renderFieldComponent:M})},E=s.memo(y);E.displayName="CheckboxGroup";export{E as M};
|
|
@@ -1,92 +0,0 @@
|
|
|
1
|
-
import{j as e}from"./jsx-runtime-CnH95YSl.js";import{O as K}from"./OdysseyStorybookThemeDecorator-CGH8visK.js";import{f as s}from"./fieldComponentPropsMetaData-BqbNLw6V.js";import{M as b}from"./CheckboxGroup-BQ5GiUey.js";import{M as a}from"./Checkbox-eGdyySzm.js";import{M as N}from"./Link-BQo2zH0c.js";import"./index-NdkWRN8K.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./OdysseyThemeProvider-BykOaJq8.js";import"./index-BJTM6NaI.js";import"./OdysseyProvider-BPLFYiwr.js";import"./Field-BxkyNVQW.js";import"./Box-B-R2QRDU.js";import"./Box-B6KmU4_J.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"./FormGroup-D2d8E3Cw.js";import"./inputUtils-Dbi8XkA6.js";import"./Hint-DTEjQAxl.js";import"./FormControlLabel-CoGABX1G.js";import"./Stack-t9yXrJ7r.js";import"./createStyled-B0CJenTX.js";import"./useThemeProps-BgDANuN6.js";import"./Checkbox-OauVZWc5.js";import"./SwitchBase-CWdXZnig.js";import"./useControlled-NQulfz4l.js";import"./createSvgIcon-Bv_3NNsK.js";import"./Link-DcsndbPK.js";import"./ExternalLink-lox07hAR.js";const Je={component:b,decorators:[K],tags:["autodocs"],argTypes:{children:{description:"A single Checkbox element or an array of Checkbox elements",table:{type:{summary:"ReactElement<typeof Checkbox> | Array<ReactElement<typeof Checkbox>>"}},type:{required:!0,name:"other",value:"ReactElement<typeof Checkbox> | Array<ReactElement<typeof Checkbox>>"}},errorMessage:s.errorMessage,errorMessageList:s.errorMessageList,hint:s.hint,HintLinkComponent:s.HintLinkComponent,isDisabled:s.isDisabled,isReadOnly:{control:"boolean",description:"If `true`, the checkbox group is read-only",table:{type:{summary:"boolean"},defaultValue:{summary:"false"}}},isRequired:{control:"boolean",description:"If `true`, the checkbox group is required",table:{type:{summary:"boolean"},defaultValue:{summary:"false"}}},label:{control:"text",description:"The label text for the checkbox group",table:{type:{summary:"string"}},type:{required:!0,name:"string"}}}},o={args:{},render:r=>e.jsxs(b,{errorMessage:r.errorMessage,errorMessageList:r.errorMessageList,hint:r.hint,HintLinkComponent:r.HintLinkComponent,isDisabled:r.isDisabled,isReadOnly:r.isReadOnly,isRequired:r.isRequired,label:"Systems check",children:[e.jsx(a,{label:"Life support",name:"life-support",value:"life-support"}),e.jsx(a,{label:"Warp core containment",name:"warp-core",value:"warp-core"}),e.jsx(a,{label:"Cetacean ops",name:"cetacean-ops",value:"cetacean-ops"})]}),parameters:{controls:{exclude:["isDefaultChecked","isIndeterminate"]}}},t={...o},i={...o,parameters:{controls:{exclude:["isDefaultChecked","isIndeterminate"]}},args:{isDisabled:!0}},n={...o,parameters:{controls:{exclude:["isDefaultChecked","isIndeterminate"]}},args:{isReadOnly:!0}},c={...o,parameters:{controls:{exclude:["isDefaultChecked","isIndeterminate"]},docs:{description:{story:"Unlike Radio Buttons, Checkboxes validate individually, not as a group. Validity must be set individually on each checkbox using the `isInvalid` prop, even if the group has an `errorMessage` set."}}},args:{errorMessage:"Select 1 or more systems to check before initiating warp."}},l={...o,args:{isRequired:!0,errorMessage:"System check is required",errorMessageList:["Select at least one item","Select no more than 3 items"]}},p={args:{errorMessage:"This field is required."},render:function(F){return e.jsxs(b,{...F,children:[e.jsx(a,{hint:"Help Text",label:"Life support",name:"life-support",value:"life-support"}),e.jsx(a,{hint:"Help Text",label:"Warp core containment",name:"warp-core",value:"warp-core"}),e.jsx(a,{hint:"Help Text",label:"Cetacean ops",name:"cetacean-ops",value:"cetacean-ops"})]})}},d={...o,args:{hint:"Select 1 or more systems to check before initiating warp."}},m={...o,args:{hint:"Select 1 or more systems to check before initiating warp.",HintLinkComponent:e.jsx(N,{href:"/learn-more",children:"Learn more"})}},u={...o,args:{isRequired:!0}},h={render:r=>e.jsxs(b,{errorMessage:r.errorMessage,hint:r.hint,isDisabled:r.isDisabled,isRequired:r.isRequired,label:"Who will you invite to your birthday?",children:[e.jsx(a,{label:"Alfred",name:"alfred",validity:"valid",value:"alfred"}),e.jsx(a,{isDefaultChecked:!0,label:"Barbara Gordon",name:"barbara-gordon",value:"barbara-gordon"}),e.jsx(a,{label:"Hal Jordan",name:"hal-jordan",validity:"valid",value:"hal-jordan"}),e.jsx(a,{isDefaultChecked:!0,label:"The Joker",name:"the-joker",value:"the-joker"})]}),parameters:{controls:{exclude:["isDefaultChecked","isIndeterminate"]},docs:{description:{story:"Individual checkboxes can take a different validity than the whole group; if a group is invalid, individual checkboxes can be marked valid, and vice versa. This is particularly useful in cases where the state of particular checkboxes affect the validity of the entire group."}}},args:{errorMessage:"These choices are incompatible."}};var k,f,g;t.parameters={...t.parameters,docs:{...(k=t.parameters)==null?void 0:k.docs,source:{originalSource:`{
|
|
2
|
-
...GroupTemplate
|
|
3
|
-
}`,...(g=(f=t.parameters)==null?void 0:f.docs)==null?void 0:g.source}}};var x,y,v;i.parameters={...i.parameters,docs:{...(x=i.parameters)==null?void 0:x.docs,source:{originalSource:`{
|
|
4
|
-
...GroupTemplate,
|
|
5
|
-
parameters: {
|
|
6
|
-
controls: {
|
|
7
|
-
exclude: ["isDefaultChecked", "isIndeterminate"]
|
|
8
|
-
}
|
|
9
|
-
},
|
|
10
|
-
args: {
|
|
11
|
-
isDisabled: true
|
|
12
|
-
} as CheckboxGroupProps // This is a hack
|
|
13
|
-
}`,...(v=(y=i.parameters)==null?void 0:y.docs)==null?void 0:v.source}}};var C,T,M;n.parameters={...n.parameters,docs:{...(C=n.parameters)==null?void 0:C.docs,source:{originalSource:`{
|
|
14
|
-
...GroupTemplate,
|
|
15
|
-
parameters: {
|
|
16
|
-
controls: {
|
|
17
|
-
exclude: ["isDefaultChecked", "isIndeterminate"]
|
|
18
|
-
}
|
|
19
|
-
},
|
|
20
|
-
args: {
|
|
21
|
-
isReadOnly: true
|
|
22
|
-
} as CheckboxGroupProps // This is a hack
|
|
23
|
-
}`,...(M=(T=n.parameters)==null?void 0:T.docs)==null?void 0:M.source}}};var D,G,R;c.parameters={...c.parameters,docs:{...(D=c.parameters)==null?void 0:D.docs,source:{originalSource:`{
|
|
24
|
-
...GroupTemplate,
|
|
25
|
-
parameters: {
|
|
26
|
-
controls: {
|
|
27
|
-
exclude: ["isDefaultChecked", "isIndeterminate"]
|
|
28
|
-
},
|
|
29
|
-
docs: {
|
|
30
|
-
description: {
|
|
31
|
-
story: "Unlike Radio Buttons, Checkboxes validate individually, not as a group. Validity must be set individually on each checkbox using the \`isInvalid\` prop, even if the group has an \`errorMessage\` set."
|
|
32
|
-
}
|
|
33
|
-
}
|
|
34
|
-
},
|
|
35
|
-
args: {
|
|
36
|
-
errorMessage: "Select 1 or more systems to check before initiating warp."
|
|
37
|
-
} as CheckboxGroupProps // This is a hack
|
|
38
|
-
}`,...(R=(G=c.parameters)==null?void 0:G.docs)==null?void 0:R.source}}};var j,L,S;l.parameters={...l.parameters,docs:{...(j=l.parameters)==null?void 0:j.docs,source:{originalSource:`{
|
|
39
|
-
...GroupTemplate,
|
|
40
|
-
args: {
|
|
41
|
-
isRequired: true,
|
|
42
|
-
errorMessage: "System check is required",
|
|
43
|
-
errorMessageList: ["Select at least one item", "Select no more than 3 items"]
|
|
44
|
-
} as CheckboxGroupProps // This is a hack
|
|
45
|
-
}`,...(S=(L=l.parameters)==null?void 0:L.docs)==null?void 0:S.source}}};var q,H,w;p.parameters={...p.parameters,docs:{...(q=p.parameters)==null?void 0:q.docs,source:{originalSource:`{
|
|
46
|
-
args: {
|
|
47
|
-
errorMessage: "This field is required."
|
|
48
|
-
} as CheckboxGroupProps,
|
|
49
|
-
render: function C(props) {
|
|
50
|
-
return <CheckboxGroup {...props}>
|
|
51
|
-
<Checkbox hint="Help Text" label="Life support" name="life-support" value="life-support" />
|
|
52
|
-
<Checkbox hint="Help Text" label="Warp core containment" name="warp-core" value="warp-core" />
|
|
53
|
-
<Checkbox hint="Help Text" label="Cetacean ops" name="cetacean-ops" value="cetacean-ops" />
|
|
54
|
-
</CheckboxGroup>;
|
|
55
|
-
}
|
|
56
|
-
}`,...(w=(H=p.parameters)==null?void 0:H.docs)==null?void 0:w.source}}};var I,E,O;d.parameters={...d.parameters,docs:{...(I=d.parameters)==null?void 0:I.docs,source:{originalSource:`{
|
|
57
|
-
...GroupTemplate,
|
|
58
|
-
args: {
|
|
59
|
-
hint: "Select 1 or more systems to check before initiating warp."
|
|
60
|
-
} as CheckboxGroupProps // This is a hack
|
|
61
|
-
}`,...(O=(E=d.parameters)==null?void 0:E.docs)==null?void 0:O.source}}};var P,W,A;m.parameters={...m.parameters,docs:{...(P=m.parameters)==null?void 0:P.docs,source:{originalSource:`{
|
|
62
|
-
...GroupTemplate,
|
|
63
|
-
args: {
|
|
64
|
-
hint: "Select 1 or more systems to check before initiating warp.",
|
|
65
|
-
HintLinkComponent: <Link href="/learn-more">Learn more</Link>
|
|
66
|
-
} as CheckboxGroupProps // This is a hack
|
|
67
|
-
}`,...(A=(W=m.parameters)==null?void 0:W.docs)==null?void 0:A.source}}};var B,J,V;u.parameters={...u.parameters,docs:{...(B=u.parameters)==null?void 0:B.docs,source:{originalSource:`{
|
|
68
|
-
...GroupTemplate,
|
|
69
|
-
args: {
|
|
70
|
-
isRequired: true
|
|
71
|
-
} as CheckboxGroupProps // This is a hack
|
|
72
|
-
}`,...(V=(J=u.parameters)==null?void 0:J.docs)==null?void 0:V.source}}};var z,U,_;h.parameters={...h.parameters,docs:{...(z=h.parameters)==null?void 0:z.docs,source:{originalSource:`{
|
|
73
|
-
render: args => <CheckboxGroup errorMessage={args.errorMessage} hint={args.hint} isDisabled={args.isDisabled} isRequired={args.isRequired} label="Who will you invite to your birthday?">
|
|
74
|
-
<Checkbox label="Alfred" name="alfred" validity="valid" value="alfred" />
|
|
75
|
-
<Checkbox isDefaultChecked label="Barbara Gordon" name="barbara-gordon" value="barbara-gordon" />
|
|
76
|
-
<Checkbox label="Hal Jordan" name="hal-jordan" validity="valid" value="hal-jordan" />
|
|
77
|
-
<Checkbox isDefaultChecked label="The Joker" name="the-joker" value="the-joker" />
|
|
78
|
-
</CheckboxGroup>,
|
|
79
|
-
parameters: {
|
|
80
|
-
controls: {
|
|
81
|
-
exclude: ["isDefaultChecked", "isIndeterminate"]
|
|
82
|
-
},
|
|
83
|
-
docs: {
|
|
84
|
-
description: {
|
|
85
|
-
story: "Individual checkboxes can take a different validity than the whole group; if a group is invalid, individual checkboxes can be marked valid, and vice versa. This is particularly useful in cases where the state of particular checkboxes affect the validity of the entire group."
|
|
86
|
-
}
|
|
87
|
-
}
|
|
88
|
-
},
|
|
89
|
-
args: {
|
|
90
|
-
errorMessage: "These choices are incompatible."
|
|
91
|
-
} as CheckboxGroupProps // This is a hack
|
|
92
|
-
}`,...(_=(U=h.parameters)==null?void 0:U.docs)==null?void 0:_.source}}};const Ve=["Group","Disabled","ReadOnly","Error","ErrorsList","ErrorWithIndividualHint","Hint","HintLink","Required","MixedError"];export{i as Disabled,c as Error,p as ErrorWithIndividualHint,l as ErrorsList,t as Group,d as Hint,m as HintLink,h as MixedError,n as ReadOnly,u as Required,Ve as __namedExportsOrder,Je as default};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r}from"./index-NdkWRN8K.js";import{j as o}from"./jsx-runtime-CnH95YSl.js";import{S as t}from"./OdysseyThemeProvider-BykOaJq8.js";const i=r.forwardRef((e,n)=>o.jsx(t,{fill:"none",ref:n,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:"m16.707 12.707-6 6-1.414-1.414L14.586 12 9.293 6.707l1.414-1.414 6 6a1 1 0 0 1 0 1.414Z",fill:"currentColor",fillRule:"evenodd"})})})),l=r.memo(i);l.displayName="ChevronRightIcon";export{l as M};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r}from"./index-NdkWRN8K.js";import{j as o}from"./jsx-runtime-CnH95YSl.js";import{S as t}from"./OdysseyThemeProvider-BykOaJq8.js";const l=r.forwardRef((e,n)=>o.jsx(t,{fill:"none",ref:n,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:"m13.131 8.717 5.576 5.576-1.414 1.414L12 10.414l-5.293 5.293-1.414-1.414 5.576-5.576a1.6 1.6 0 0 1 2.262 0Z",fill:"currentColor",fillRule:"evenodd"})})})),s=r.memo(l);s.displayName="ChevronUpIcon";export{s as M};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{c as G,_ as J,b as d,d as k,s as m,e as r,f as Q,af as X,ag as l,n as p}from"./OdysseyThemeProvider-BykOaJq8.js";import{r as v}from"./index-NdkWRN8K.js";import{c as Y}from"./createSvgIcon-Bv_3NNsK.js";import{j as x}from"./jsx-runtime-CnH95YSl.js";import{u as Z}from"./useIsFocusVisible-DH0qxT5e.js";import{B as K}from"./ButtonBase-CrcIXP69.js";const S=Y(x.jsx("path",{d:"M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z"}),"Cancel"),w=["avatar","className","clickable","color","component","deleteIcon","disabled","icon","label","onClick","onDelete","onKeyDown","onKeyUp","size","variant","tabIndex","skipFocusWhenDisabled"],aa=a=>{const{classes:o,disabled:n,size:c,color:e,iconColor:f,onDelete:u,clickable:t,variant:s}=a,$={root:["root",s,n&&"disabled",`size${r(c)}`,`color${r(e)}`,t&&"clickable",t&&`clickableColor${r(e)}`,u&&"deletable",u&&`deletableColor${r(e)}`,`${s}${r(e)}`],label:["label",`label${r(c)}`],avatar:["avatar",`avatar${r(c)}`,`avatarColor${r(e)}`],icon:["icon",`icon${r(c)}`,`iconColor${r(f)}`],deleteIcon:["deleteIcon",`deleteIcon${r(c)}`,`deleteIconColor${r(e)}`,`deleteIcon${r(s)}Color${r(e)}`]};return Q($,X,o)},oa=m("div",{name:"MuiChip",slot:"Root",overridesResolver:(a,o)=>{const{ownerState:n}=a,{color:c,iconColor:e,clickable:f,onDelete:u,size:t,variant:s}=n;return[{[`& .${l.avatar}`]:o.avatar},{[`& .${l.avatar}`]:o[`avatar${r(t)}`]},{[`& .${l.avatar}`]:o[`avatarColor${r(c)}`]},{[`& .${l.icon}`]:o.icon},{[`& .${l.icon}`]:o[`icon${r(t)}`]},{[`& .${l.icon}`]:o[`iconColor${r(e)}`]},{[`& .${l.deleteIcon}`]:o.deleteIcon},{[`& .${l.deleteIcon}`]:o[`deleteIcon${r(t)}`]},{[`& .${l.deleteIcon}`]:o[`deleteIconColor${r(c)}`]},{[`& .${l.deleteIcon}`]:o[`deleteIcon${r(s)}Color${r(c)}`]},o.root,o[`size${r(t)}`],o[`color${r(c)}`],f&&o.clickable,f&&c!=="default"&&o[`clickableColor${r(c)})`],u&&o.deletable,u&&c!=="default"&&o[`deletableColor${r(c)}`],o[s],o[`${s}${r(c)}`]]}})(({theme:a,ownerState:o})=>{const n=a.palette.mode==="light"?a.palette.grey[700]:a.palette.grey[300];return d({maxWidth:"100%",fontFamily:a.typography.fontFamily,fontSize:a.typography.pxToRem(13),display:"inline-flex",alignItems:"center",justifyContent:"center",height:32,color:(a.vars||a).palette.text.primary,backgroundColor:(a.vars||a).palette.action.selected,borderRadius:32/2,whiteSpace:"nowrap",transition:a.transitions.create(["background-color","box-shadow"]),cursor:"unset",outline:0,textDecoration:"none",border:0,padding:0,verticalAlign:"middle",boxSizing:"border-box",[`&.${l.disabled}`]:{opacity:(a.vars||a).palette.action.disabledOpacity,pointerEvents:"none"},[`& .${l.avatar}`]:{marginLeft:5,marginRight:-6,width:24,height:24,color:a.vars?a.vars.palette.Chip.defaultAvatarColor:n,fontSize:a.typography.pxToRem(12)},[`& .${l.avatarColorPrimary}`]:{color:(a.vars||a).palette.primary.contrastText,backgroundColor:(a.vars||a).palette.primary.dark},[`& .${l.avatarColorSecondary}`]:{color:(a.vars||a).palette.secondary.contrastText,backgroundColor:(a.vars||a).palette.secondary.dark},[`& .${l.avatarSmall}`]:{marginLeft:4,marginRight:-4,width:18,height:18,fontSize:a.typography.pxToRem(10)},[`& .${l.icon}`]:d({marginLeft:5,marginRight:-6},o.size==="small"&&{fontSize:18,marginLeft:4,marginRight:-4},o.iconColor===o.color&&d({color:a.vars?a.vars.palette.Chip.defaultIconColor:n},o.color!=="default"&&{color:"inherit"})),[`& .${l.deleteIcon}`]:d({WebkitTapHighlightColor:"transparent",color:a.vars?`rgba(${a.vars.palette.text.primaryChannel} / 0.26)`:p.alpha(a.palette.text.primary,.26),fontSize:22,cursor:"pointer",margin:"0 5px 0 -6px","&:hover":{color:a.vars?`rgba(${a.vars.palette.text.primaryChannel} / 0.4)`:p.alpha(a.palette.text.primary,.4)}},o.size==="small"&&{fontSize:16,marginRight:4,marginLeft:-4},o.color!=="default"&&{color:a.vars?`rgba(${a.vars.palette[o.color].contrastTextChannel} / 0.7)`:p.alpha(a.palette[o.color].contrastText,.7),"&:hover, &:active":{color:(a.vars||a).palette[o.color].contrastText}})},o.size==="small"&&{height:24},o.color!=="default"&&{backgroundColor:(a.vars||a).palette[o.color].main,color:(a.vars||a).palette[o.color].contrastText},o.onDelete&&{[`&.${l.focusVisible}`]:{backgroundColor:a.vars?`rgba(${a.vars.palette.action.selectedChannel} / calc(${a.vars.palette.action.selectedOpacity} + ${a.vars.palette.action.focusOpacity}))`:p.alpha(a.palette.action.selected,a.palette.action.selectedOpacity+a.palette.action.focusOpacity)}},o.onDelete&&o.color!=="default"&&{[`&.${l.focusVisible}`]:{backgroundColor:(a.vars||a).palette[o.color].dark}})},({theme:a,ownerState:o})=>d({},o.clickable&&{userSelect:"none",WebkitTapHighlightColor:"transparent",cursor:"pointer","&:hover":{backgroundColor:a.vars?`rgba(${a.vars.palette.action.selectedChannel} / calc(${a.vars.palette.action.selectedOpacity} + ${a.vars.palette.action.hoverOpacity}))`:p.alpha(a.palette.action.selected,a.palette.action.selectedOpacity+a.palette.action.hoverOpacity)},[`&.${l.focusVisible}`]:{backgroundColor:a.vars?`rgba(${a.vars.palette.action.selectedChannel} / calc(${a.vars.palette.action.selectedOpacity} + ${a.vars.palette.action.focusOpacity}))`:p.alpha(a.palette.action.selected,a.palette.action.selectedOpacity+a.palette.action.focusOpacity)},"&:active":{boxShadow:(a.vars||a).shadows[1]}},o.clickable&&o.color!=="default"&&{[`&:hover, &.${l.focusVisible}`]:{backgroundColor:(a.vars||a).palette[o.color].dark}}),({theme:a,ownerState:o})=>d({},o.variant==="outlined"&&{backgroundColor:"transparent",border:a.vars?`1px solid ${a.vars.palette.Chip.defaultBorder}`:`1px solid ${a.palette.mode==="light"?a.palette.grey[400]:a.palette.grey[700]}`,[`&.${l.clickable}:hover`]:{backgroundColor:(a.vars||a).palette.action.hover},[`&.${l.focusVisible}`]:{backgroundColor:(a.vars||a).palette.action.focus},[`& .${l.avatar}`]:{marginLeft:4},[`& .${l.avatarSmall}`]:{marginLeft:2},[`& .${l.icon}`]:{marginLeft:4},[`& .${l.iconSmall}`]:{marginLeft:2},[`& .${l.deleteIcon}`]:{marginRight:5},[`& .${l.deleteIconSmall}`]:{marginRight:3}},o.variant==="outlined"&&o.color!=="default"&&{color:(a.vars||a).palette[o.color].main,border:`1px solid ${a.vars?`rgba(${a.vars.palette[o.color].mainChannel} / 0.7)`:p.alpha(a.palette[o.color].main,.7)}`,[`&.${l.clickable}:hover`]:{backgroundColor:a.vars?`rgba(${a.vars.palette[o.color].mainChannel} / ${a.vars.palette.action.hoverOpacity})`:p.alpha(a.palette[o.color].main,a.palette.action.hoverOpacity)},[`&.${l.focusVisible}`]:{backgroundColor:a.vars?`rgba(${a.vars.palette[o.color].mainChannel} / ${a.vars.palette.action.focusOpacity})`:p.alpha(a.palette[o.color].main,a.palette.action.focusOpacity)},[`& .${l.deleteIcon}`]:{color:a.vars?`rgba(${a.vars.palette[o.color].mainChannel} / 0.7)`:p.alpha(a.palette[o.color].main,.7),"&:hover, &:active":{color:(a.vars||a).palette[o.color].main}}})),la=m("span",{name:"MuiChip",slot:"Label",overridesResolver:(a,o)=>{const{ownerState:n}=a,{size:c}=n;return[o.label,o[`label${r(c)}`]]}})(({ownerState:a})=>d({overflow:"hidden",textOverflow:"ellipsis",paddingLeft:12,paddingRight:12,whiteSpace:"nowrap"},a.variant==="outlined"&&{paddingLeft:11,paddingRight:11},a.size==="small"&&{paddingLeft:8,paddingRight:8},a.size==="small"&&a.variant==="outlined"&&{paddingLeft:7,paddingRight:7}));function j(a){return a.key==="Backspace"||a.key==="Delete"}const sa=v.forwardRef(function(o,n){const c=G({props:o,name:"MuiChip"}),{avatar:e,className:f,clickable:u,color:t="default",component:s,deleteIcon:$,disabled:y=!1,icon:C,label:U,onClick:O,onDelete:g,onKeyDown:L,onKeyUp:T,size:W="medium",variant:B="filled",tabIndex:F,skipFocusWhenDisabled:M=!1}=c,_=J(c,w),I=v.useRef(null),A=Z(I,n),E=i=>{i.stopPropagation(),g&&g(i)},H=i=>{i.currentTarget===i.target&&j(i)&&i.preventDefault(),L&&L(i)},h=i=>{i.currentTarget===i.target&&(g&&j(i)?g(i):i.key==="Escape"&&I.current&&I.current.blur()),T&&T(i)},R=u!==!1&&O?!0:u,z=R||g?K:s||"div",D=d({},c,{component:z,disabled:y,size:W,color:t,iconColor:v.isValidElement(C)&&C.props.color||t,onDelete:!!g,clickable:R,variant:B}),b=aa(D),q=z===K?d({component:s||"div",focusVisibleClassName:b.focusVisible},g&&{disableRipple:!0}):{};let N=null;g&&(N=$&&v.isValidElement($)?v.cloneElement($,{className:k($.props.className,b.deleteIcon),onClick:E}):x.jsx(S,{className:k(b.deleteIcon),onClick:E}));let V=null;e&&v.isValidElement(e)&&(V=v.cloneElement(e,{className:k(b.avatar,e.props.className)}));let P=null;return C&&v.isValidElement(C)&&(P=v.cloneElement(C,{className:k(b.icon,C.props.className)})),x.jsxs(oa,d({as:z,className:k(b.root,f),disabled:R&&y?!0:void 0,onClick:O,onKeyDown:H,onKeyUp:h,ref:A,tabIndex:M&&y?-1:F,ownerState:D},q,_,{children:[V||P,x.jsx(la,{className:k(b.label),ownerState:D,children:U}),N]}))});export{sa as C};
|