@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.
Files changed (375) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/dist/types/tsconfig.tsbuildinfo +1 -1
  3. package/package.json +2 -2
  4. package/dist/appswitcher/admin-app-default.svg +0 -6
  5. package/dist/appswitcher/admin-app-selected.svg +0 -6
  6. package/dist/appswitcher/aerial-default.svg +0 -7
  7. package/dist/appswitcher/aerial-selected.svg +0 -7
  8. package/dist/appswitcher/okta-dashboard-default.svg +0 -7
  9. package/dist/appswitcher/okta-dashboard-selected.svg +0 -7
  10. package/dist/appswitcher/privileged-access-default.svg +0 -4
  11. package/dist/appswitcher/privileged-access-selected.svg +0 -4
  12. package/dist/appswitcher/workflows-default.svg +0 -5
  13. package/dist/appswitcher/workflows-selected.svg +0 -5
  14. package/dist/assets/Accordion-MTHvu5cR.js +0 -1
  15. package/dist/assets/Accordion.stories-DniSJ38i.js +0 -85
  16. package/dist/assets/AccordionSummary-Byc6MkHu.js +0 -1
  17. package/dist/assets/AlertTitle-BDkgiA29.js +0 -1
  18. package/dist/assets/AppSwitcher-mUx_f1r6.js +0 -21
  19. package/dist/assets/AppSwitcher.stories-CENgxWSC.js +0 -100
  20. package/dist/assets/AppTile _labs_.stories-B5BjKm0o.js +0 -136
  21. package/dist/assets/ArrowDropDown-Dnrg-0Q8.js +0 -1
  22. package/dist/assets/ArrowRight-BquvVn3D.js +0 -1
  23. package/dist/assets/Autocomplete-Bh3XRXMy.js +0 -1
  24. package/dist/assets/Autocomplete-CknstIK_.js +0 -1
  25. package/dist/assets/Autocomplete.stories-DNDWoB5E.js +0 -316
  26. package/dist/assets/Badge-DFZYqSZN.js +0 -11
  27. package/dist/assets/Banner-25ZggH76.js +0 -1
  28. package/dist/assets/Banner.stories-Dz37neYC.js +0 -74
  29. package/dist/assets/BaseButton-Cd1oZPsh.js +0 -11
  30. package/dist/assets/BaseMenuButton-DCwowxQ6.js +0 -1
  31. package/dist/assets/Box-B-R2QRDU.js +0 -1
  32. package/dist/assets/Box-B6KmU4_J.js +0 -1
  33. package/dist/assets/Box-B92Cdrku.js +0 -11
  34. package/dist/assets/Box.stories-BCtoarqr.js +0 -38
  35. package/dist/assets/Breadcrumbs-BGJJeoxM.js +0 -6
  36. package/dist/assets/Breadcrumbs.stories-BTEZLo9U.js +0 -79
  37. package/dist/assets/Bug-Z3X3t5xp.js +0 -1
  38. package/dist/assets/Button-BvUGu5Sm.js +0 -1
  39. package/dist/assets/Button-DPUOjyZy.js +0 -11
  40. package/dist/assets/Button.stories-CLRsJ0J2.js +0 -271
  41. package/dist/assets/ButtonBase-CrcIXP69.js +0 -74
  42. package/dist/assets/Calendar-DnwsjheN.js +0 -1
  43. package/dist/assets/Callout-qkeUDNKn.js +0 -1
  44. package/dist/assets/Callout.stories-DVWATUoj.js +0 -105
  45. package/dist/assets/Card-DL97TZJd.js +0 -1
  46. package/dist/assets/Card-DqLPNu4w.js +0 -8
  47. package/dist/assets/Card.stories-ROWJyBI0.js +0 -56
  48. package/dist/assets/CardActionArea-BaL2GhSM.js +0 -1
  49. package/dist/assets/CardActions-C1bW_Jqo.js +0 -1
  50. package/dist/assets/Checkbox-OauVZWc5.js +0 -1
  51. package/dist/assets/Checkbox-eGdyySzm.js +0 -1
  52. package/dist/assets/Checkbox.stories-DwmuFw2j.js +0 -96
  53. package/dist/assets/CheckboxGroup-BQ5GiUey.js +0 -1
  54. package/dist/assets/CheckboxGroup.stories-BbHNliqq.js +0 -92
  55. package/dist/assets/ChevronRight-BLkvXBUf.js +0 -1
  56. package/dist/assets/ChevronUp-Br-QC-XK.js +0 -1
  57. package/dist/assets/Chip-B9WkuA4b.js +0 -1
  58. package/dist/assets/CircularProgress-AX8KCiV6.js +0 -28
  59. package/dist/assets/CircularProgress-DxY3QwHW.js +0 -1
  60. package/dist/assets/CircularProgress.stories-a_Rse-5m.js +0 -44
  61. package/dist/assets/Clock-8HOQy_d4.js +0 -1
  62. package/dist/assets/Close-BjXKhBr_.js +0 -1
  63. package/dist/assets/Code Styling Guidelines-BkGO8zp-.js +0 -14
  64. package/dist/assets/Collapse-DtQCvyEw.js +0 -1
  65. package/dist/assets/Color-YHDXOIA2-CcoN0wsl.js +0 -1
  66. package/dist/assets/CssBaseline-CI1_OCUX.js +0 -191
  67. package/dist/assets/CssBaseline.stories-BSLs5ScZ.js +0 -364
  68. package/dist/assets/Custom Theming-WlDJkwzT.js +0 -135
  69. package/dist/assets/Custom Theming.stories-Kx3noLIn.js +0 -95
  70. package/dist/assets/DataFilters _labs_-BIYE5QJU.js +0 -55
  71. package/dist/assets/DataFilters _labs_.stories-BdV81MCI.js +0 -31
  72. package/dist/assets/DataFilters-KxLw7hL5.js +0 -1
  73. package/dist/assets/DataTable _labs_-D_W9CY5T.js +0 -41
  74. package/dist/assets/DataTable _labs_.stories-CTl54dDN.js +0 -21
  75. package/dist/assets/DataTable-BJQ8WkUd.js +0 -21
  76. package/dist/assets/DataTable-bZz790ci.js +0 -404
  77. package/dist/assets/DataTable.stories-9eBclyx2.js +0 -438
  78. package/dist/assets/DataView _labs_-AutzTAhE.js +0 -332
  79. package/dist/assets/DataView _labs_.stories-CO0XGhOV.js +0 -438
  80. package/dist/assets/DataView-CHGdxu-Z.js +0 -91
  81. package/dist/assets/DataView.stories-6cnSmpm3.js +0 -954
  82. package/dist/assets/DatePicker-BGoHW8Is.js +0 -1
  83. package/dist/assets/DatePicker-C6TIvuN7.js +0 -11
  84. package/dist/assets/DatePicker.stories-DldeVOlB.js +0 -133
  85. package/dist/assets/DateTimePicker-DKGE8593.js +0 -1
  86. package/dist/assets/DateTimePicker.stories-TBpe3AjQ.js +0 -158
  87. package/dist/assets/Design Tokens-BnlBB5OL.js +0 -4
  88. package/dist/assets/Dialog-BkOLgyLu.js +0 -1
  89. package/dist/assets/Dialog.stories-BQZpS-f5.js +0 -201
  90. package/dist/assets/DialogContent-B-pM1DP1.js +0 -1
  91. package/dist/assets/DialogTitle-DA2nrmUc.js +0 -1
  92. package/dist/assets/Divider-CAwVs6Y1.js +0 -1
  93. package/dist/assets/DocsRenderer-CFRXHY34-kO-n-5EB.js +0 -2
  94. package/dist/assets/Documentation-CBbHUjXC.js +0 -1
  95. package/dist/assets/Download-VHpUH0as.js +0 -1
  96. package/dist/assets/Drawer-C9M8pytV.js +0 -33
  97. package/dist/assets/Drawer.stories-DpNTQVxG.js +0 -95
  98. package/dist/assets/EmptyState-FpIKkMpd.js +0 -11
  99. package/dist/assets/EmptyState.stories-CkUF2dIR.js +0 -11
  100. package/dist/assets/ExampleButton.stories-CbAFs20l.js +0 -320
  101. package/dist/assets/Extending Translations-mp_vyXoH.js +0 -145
  102. package/dist/assets/ExternalLink-lox07hAR.js +0 -1
  103. package/dist/assets/Fade-CHnXmzFb.js +0 -1
  104. package/dist/assets/Field-BxkyNVQW.js +0 -11
  105. package/dist/assets/FieldHint-D5VttvwL.js +0 -1
  106. package/dist/assets/Fieldset-Dp9uCwiB.js +0 -11
  107. package/dist/assets/Fieldset.stories-Wa9hG8Z0.js +0 -15
  108. package/dist/assets/FileUploader.stories-CxYwF2DZ.js +0 -58
  109. package/dist/assets/Filter-BiREetkX.js +0 -1
  110. package/dist/assets/Folder-8esChg_E.js +0 -1
  111. package/dist/assets/Form Field Accessibility-BCFouYXt.js +0 -18
  112. package/dist/assets/Form-CJrxMkwr.js +0 -11
  113. package/dist/assets/Form.stories-Bc84FwlQ.js +0 -69
  114. package/dist/assets/FormControlLabel-CoGABX1G.js +0 -1
  115. package/dist/assets/FormGroup-D2d8E3Cw.js +0 -1
  116. package/dist/assets/FormHelperText-Ca69g4Je.js +0 -1
  117. package/dist/assets/FormLabel-EOlXQpGp.js +0 -1
  118. package/dist/assets/FullScreenOverlay-Bujsxbxh.js +0 -11
  119. package/dist/assets/Generating Icons-pN6RBs4J.js +0 -16
  120. package/dist/assets/Globe-BHk1B5d7.js +0 -1
  121. package/dist/assets/Grid-B7XSvQ_X.js +0 -1
  122. package/dist/assets/Group-DWmiPyzE.js +0 -1
  123. package/dist/assets/GroupPicker _labs_.stories-D0PDtKKA.js +0 -33
  124. package/dist/assets/Grow-6R6cTzr4.js +0 -1
  125. package/dist/assets/Hide-Bvhl5PVN.js +0 -1
  126. package/dist/assets/Hint-DTEjQAxl.js +0 -11
  127. package/dist/assets/Home-CUQc6tB8.js +0 -1
  128. package/dist/assets/Icon _icons_.stories-S2muaIBP.js +0 -16
  129. package/dist/assets/IconButton-Wwvz84xG.js +0 -1
  130. package/dist/assets/IconWithTooltip _icons_.stories-BiiIBhOv.js +0 -19
  131. package/dist/assets/InformationCircle-DYQV39lt.js +0 -1
  132. package/dist/assets/InputAdornment-Dj-8HF_1.js +0 -1
  133. package/dist/assets/InputBase-6reb9B7r.js +0 -2
  134. package/dist/assets/Installing odyssey-react-mui-DuIfuEaw.js +0 -216
  135. package/dist/assets/Introduction-BTH-MnwV.js +0 -36
  136. package/dist/assets/Layout-BndkhA1_.js +0 -11
  137. package/dist/assets/Layout.stories-BwMtW-cW.js +0 -285
  138. package/dist/assets/Legacy Migrations-BfDwGUg3.js +0 -86
  139. package/dist/assets/Link-BQo2zH0c.js +0 -1
  140. package/dist/assets/Link-C5sM1_ZF.js +0 -11
  141. package/dist/assets/Link-DcsndbPK.js +0 -1
  142. package/dist/assets/Link.stories-DiVQZsn1.js +0 -43
  143. package/dist/assets/List-CNCQEpRl.js +0 -1
  144. package/dist/assets/List-_p0jkXPM.js +0 -1
  145. package/dist/assets/ListItem-BLYwuKOG.js +0 -1
  146. package/dist/assets/ListSubheader-DO359rMr.js +0 -1
  147. package/dist/assets/Menu-CU_mHT7L.js +0 -1
  148. package/dist/assets/MenuButton-CGRa_Y2p.js +0 -9
  149. package/dist/assets/MenuButton-DvVmjwMC.js +0 -11
  150. package/dist/assets/MenuButton.stories-rLpv4nq1.js +0 -246
  151. package/dist/assets/MenuContext-DKMyPMNY.js +0 -11
  152. package/dist/assets/MenuItem-DoUaLmgU.js +0 -1
  153. package/dist/assets/MenuItem-oi_JaUho.js +0 -1
  154. package/dist/assets/MenuItem.stories-Ba6BR5kj.js +0 -29
  155. package/dist/assets/MenuList-0OHGr5AC.js +0 -1
  156. package/dist/assets/Modal-B12sS2Yh.js +0 -1
  157. package/dist/assets/More-BgQrTkKM.js +0 -1
  158. package/dist/assets/MuiPropsContext-DhRylJZk.js +0 -11
  159. package/dist/assets/NativeSelect.stories-CYtg4GGs.js +0 -173
  160. package/dist/assets/OdysseyProvider-BPLFYiwr.js +0 -66
  161. package/dist/assets/OdysseyStorybookThemeDecorator-CGH8visK.js +0 -1
  162. package/dist/assets/OdysseyThemeProvider-BykOaJq8.js +0 -189
  163. package/dist/assets/PageHeader.stories-Cg0XA0p_.js +0 -57
  164. package/dist/assets/PageHeader.stories-DHDJTskZ.js +0 -329
  165. package/dist/assets/PageTemplate _labs_-Bi3xwFV2.js +0 -8
  166. package/dist/assets/PageTemplate _labs_.stories-DdUcW43S.js +0 -306
  167. package/dist/assets/PageTemplate-mjLVQesI.js +0 -21
  168. package/dist/assets/PageTemplate.stories-BD8Hafdu.js +0 -197
  169. package/dist/assets/PaginatedTable _labs_.stories-Lt6yWTDo.js +0 -65
  170. package/dist/assets/Pagination-BTycGMV-.js +0 -11
  171. package/dist/assets/Pagination.stories-rN3x32X9.js +0 -17
  172. package/dist/assets/Paper-DwBg74qy.js +0 -1
  173. package/dist/assets/PasswordField.stories-BdnDY-tl.js +0 -129
  174. package/dist/assets/Picker _labs_.stories-D3FvB-m5.js +0 -18
  175. package/dist/assets/PickerWithOptionAdornment _labs_.stories-BxW5XACd.js +0 -70
  176. package/dist/assets/PlaceholderLogo-JfVvgA23.js +0 -11
  177. package/dist/assets/Popper-CSwIGEpk.js +0 -1
  178. package/dist/assets/Portal-CsPQSHsR.js +0 -1
  179. package/dist/assets/Radio-7iHx2pBU.js +0 -1
  180. package/dist/assets/Radio-AD-L5UNl.js +0 -1
  181. package/dist/assets/Radio.stories-eZmvoamt.js +0 -63
  182. package/dist/assets/RadioGroup-C_zn6OtS.js +0 -1
  183. package/dist/assets/RadioGroup-Mx_cTqVX.js +0 -1
  184. package/dist/assets/RadioGroup-yPcOJn0w.js +0 -10
  185. package/dist/assets/RadioGroup.stories-CackbN0d.js +0 -138
  186. package/dist/assets/Refresh-CgZVXlSy.js +0 -1
  187. package/dist/assets/ResourceAccessPolicyComponentsStorybookThemeDecorator-Xen2vDro.js +0 -212
  188. package/dist/assets/Right-to-Left (RTL)-CALRs8aM.js +0 -62
  189. package/dist/assets/ScreenReaderText-D9dVDvYs.js +0 -15
  190. package/dist/assets/ScreenReaderText-DbrZU7M5.js +0 -1
  191. package/dist/assets/ScreenReaderText.stories-CuVJmeWD.js +0 -8
  192. package/dist/assets/Search-BSlcf4bB.js +0 -1
  193. package/dist/assets/SearchDropdown _labs_.stories-CQype98o.js +0 -53
  194. package/dist/assets/SearchField-glDE5e-X.js +0 -1
  195. package/dist/assets/SearchField.stories-B_myC5_S.js +0 -37
  196. package/dist/assets/Select-BWJ6-p1Z.js +0 -15
  197. package/dist/assets/Select-VvpDulqk.js +0 -1
  198. package/dist/assets/Select.stories-BXXrgt5o.js +0 -293
  199. package/dist/assets/Server-DS5iERo2.js +0 -1
  200. package/dist/assets/Settings-SRsJGOHl.js +0 -1
  201. package/dist/assets/Setup-Ri7IU42o.js +0 -7
  202. package/dist/assets/Shadow DOM-DK_1Epv_.js +0 -64
  203. package/dist/assets/Show-DXIrBgNq.js +0 -1
  204. package/dist/assets/SideNav-CUpwLG1e.js +0 -85
  205. package/dist/assets/SideNav-QMiST_j6.js +0 -131
  206. package/dist/assets/SideNav.stories-l5XPKDfB.js +0 -207
  207. package/dist/assets/Skeleton-DAUyPclv.js +0 -51
  208. package/dist/assets/Snackbar-DWLMI8Az.js +0 -1
  209. package/dist/assets/Stack-t9yXrJ7r.js +0 -1
  210. package/dist/assets/Stack.stories-zmhDXY_k.js +0 -1
  211. package/dist/assets/StaticTable _labs_.stories-DJCAtW2q.js +0 -34
  212. package/dist/assets/Status-CdgTiE4c.js +0 -1
  213. package/dist/assets/Status.stories-D5tSpO2F.js +0 -66
  214. package/dist/assets/Surface-BCTO1YR-.js +0 -1
  215. package/dist/assets/Switch.stories-r3bYAZpt.js +0 -61
  216. package/dist/assets/SwitchBase-CWdXZnig.js +0 -1
  217. package/dist/assets/Sync-CCP_JZB8.js +0 -1
  218. package/dist/assets/Tabs-DCV9oDtT.js +0 -23
  219. package/dist/assets/Tabs-Dxt5P3aJ.js +0 -1
  220. package/dist/assets/Tabs.stories-CmjPJB02.js +0 -100
  221. package/dist/assets/Tag-C_iW2sj3.js +0 -11
  222. package/dist/assets/Tag.stories-uilRDgPB.js +0 -96
  223. package/dist/assets/TagList-cWni94xt.js +0 -1
  224. package/dist/assets/TextField-BIepBlYn.js +0 -1
  225. package/dist/assets/TextField.stories-DkCMFN0S.js +0 -149
  226. package/dist/assets/Toast.stories-BgAm1BNQ.js +0 -134
  227. package/dist/assets/ToastManager.stories-DToM8bFE.js +0 -196
  228. package/dist/assets/Tooltip-DQDBPKMu.js +0 -11
  229. package/dist/assets/Tooltip-D_pBGtcj.js +0 -1
  230. package/dist/assets/Tooltip.stories-CgIybZDx.js +0 -68
  231. package/dist/assets/TopNav-Dwo-KfAw.js +0 -11
  232. package/dist/assets/TopNav.stories-z9mNMFB3.js +0 -13
  233. package/dist/assets/TransitionGroupContext-DAL84N7p.js +0 -1
  234. package/dist/assets/Typography-B7ktrxCD.js +0 -1
  235. package/dist/assets/Typography-CQfngSjD.js +0 -1
  236. package/dist/assets/Typography-CSpPZFTF.js +0 -1
  237. package/dist/assets/Typography-DBt3ajUl.js +0 -9
  238. package/dist/assets/Typography.stories-CitS-iTX.js +0 -73
  239. package/dist/assets/Typography.stories-dzT0O_H3.js +0 -139
  240. package/dist/assets/UiShell.stories-BV5mK0Oz.js +0 -558
  241. package/dist/assets/UiShellProvider-Bm9plvoZ.js +0 -31
  242. package/dist/assets/Upload-DH1T10x5.js +0 -1
  243. package/dist/assets/User-CvYTA860.js +0 -1
  244. package/dist/assets/UserProfile-DrnAMPM1.js +0 -11
  245. package/dist/assets/UserProfile.stories-C4EJFTV8.js +0 -14
  246. package/dist/assets/UserProfileMenuButton.stories-Dhe9t4Oh.js +0 -30
  247. package/dist/assets/Video-D8qbHdF4.js +0 -1
  248. package/dist/assets/WorkflowsComponentsStorybookThemeDecorator-DJR9iMBt.js +0 -197
  249. package/dist/assets/_commonjsHelpers-gnU0ypJ3.js +0 -1
  250. package/dist/assets/assertThisInitialized-B9jnkVVz.js +0 -1
  251. package/dist/assets/axe-4JP0vCEZ.js +0 -30
  252. package/dist/assets/axeRun-B-LchFqf.js +0 -11
  253. package/dist/assets/chunk-XP5HYGXS-BpfKkqn7.js +0 -1
  254. package/dist/assets/client-ByW5HbEz.js +0 -1
  255. package/dist/assets/colorManipulator-C6C6_xuT.js +0 -1
  256. package/dist/assets/constants-CGUp4oSR.js +0 -11
  257. package/dist/assets/constants-CyailK6t.js +0 -11
  258. package/dist/assets/createChainedFunction-BO_9K8Jh.js +0 -1
  259. package/dist/assets/createStyled-B0CJenTX.js +0 -1
  260. package/dist/assets/createSvgIcon-Bv_3NNsK.js +0 -1
  261. package/dist/assets/createUniqueId-ByTaVY63.js +0 -1
  262. package/dist/assets/debounce-Be36O1Ab.js +0 -1
  263. package/dist/assets/dialogActionsClasses-d6kliu8x.js +0 -1
  264. package/dist/assets/emotion-react-jsx-runtime.browser.esm-Cn-06VTs.js +0 -1
  265. package/dist/assets/entry-preview-Bi6MTClg.js +0 -2
  266. package/dist/assets/entry-preview-docs-BKXv92OK.js +0 -46
  267. package/dist/assets/fieldComponentPropsMetaData-BqbNLw6V.js +0 -11
  268. package/dist/assets/getReactElementRef-Bs64nbeG.js +0 -1
  269. package/dist/assets/getScrollbarSize-Bqq2hMjQ.js +0 -1
  270. package/dist/assets/i18next-7SyOfhCu.js +0 -1
  271. package/dist/assets/iconUtils-C1HBA-0w.js +0 -11
  272. package/dist/assets/iframe-C7GWUW76.js +0 -211
  273. package/dist/assets/index-6QUE-j0v.js +0 -1
  274. package/dist/assets/index-B-lxVbXh.js +0 -1
  275. package/dist/assets/index-B5xazMy1.js +0 -1
  276. package/dist/assets/index-BJMTVygn.js +0 -240
  277. package/dist/assets/index-BJTM6NaI.js +0 -192
  278. package/dist/assets/index-BeeV6X6A.js +0 -1
  279. package/dist/assets/index-CXQShRbs.js +0 -8
  280. package/dist/assets/index-DfE121Jj.js +0 -384
  281. package/dist/assets/index-DieBXP3Z.js +0 -24
  282. package/dist/assets/index-DkrUiDVY.js +0 -1
  283. package/dist/assets/index-DoKqiSdS.js +0 -1
  284. package/dist/assets/index-DrFu-skq.js +0 -6
  285. package/dist/assets/index-NdkWRN8K.js +0 -9
  286. package/dist/assets/index.esm-BliC9-aw.js +0 -1
  287. package/dist/assets/index.esm-XFhSJO0s.js +0 -138
  288. package/dist/assets/index.modern-CkASn_bb.js +0 -14
  289. package/dist/assets/inheritsLoose-DTTkq0Su.js +0 -1
  290. package/dist/assets/inputUtils-Dbi8XkA6.js +0 -11
  291. package/dist/assets/isHostComponent-DVu5iVWx.js +0 -1
  292. package/dist/assets/jsx-runtime-CnH95YSl.js +0 -9
  293. package/dist/assets/matchers-7Z3WT2CE-T3xScrR7.js +0 -14
  294. package/dist/assets/ownerDocument-DW-IO8s5.js +0 -1
  295. package/dist/assets/ownerWindow-HkKU3E4x.js +0 -1
  296. package/dist/assets/personData-BOnk54P3.js +0 -11
  297. package/dist/assets/personData-L8dJyb3X.js +0 -1
  298. package/dist/assets/pickerComponentPropsMetadata-CozVRRyR.js +0 -21
  299. package/dist/assets/popper-aiaZgC6t.js +0 -1
  300. package/dist/assets/preview-B8lJiyuQ.js +0 -34
  301. package/dist/assets/preview-BAx1BwgB.js +0 -1
  302. package/dist/assets/preview-BBWR9nbA.js +0 -1
  303. package/dist/assets/preview-BWzBA1C2.js +0 -396
  304. package/dist/assets/preview-BaoH-L4j.js +0 -1
  305. package/dist/assets/preview-CYp4EYYZ.js +0 -1
  306. package/dist/assets/preview-CvbIS5ZJ.js +0 -1
  307. package/dist/assets/preview-DGUiP6tS.js +0 -7
  308. package/dist/assets/preview-DHQbi4pV.js +0 -1
  309. package/dist/assets/preview-DXRUsonv.js +0 -2
  310. package/dist/assets/preview-MBifGIx_.js +0 -1
  311. package/dist/assets/preview-NdtsJkHc.js +0 -2
  312. package/dist/assets/pxToRem-BrMhKUxS.js +0 -11
  313. package/dist/assets/queryOdysseySelector-CwauhQve.js +0 -187
  314. package/dist/assets/react-18-u8niHpKc.js +0 -1
  315. package/dist/assets/renderUiShell.stories-Pp6_Iqzc.js +0 -866
  316. package/dist/assets/resolveComponentProps-TTQVZ4OZ.js +0 -1
  317. package/dist/assets/tableSortLabelClasses-C7INAE6Y.js +0 -1
  318. package/dist/assets/test-utils-H9lH7T5D.js +0 -9
  319. package/dist/assets/uiShellSharedConstants-DD9UP82e.js +0 -11
  320. package/dist/assets/useAutocomplete-CD_GwhMI.js +0 -11
  321. package/dist/assets/useControlled-NQulfz4l.js +0 -1
  322. package/dist/assets/useFormControl-BMISTZuX.js +0 -1
  323. package/dist/assets/useIsFocusVisible-DH0qxT5e.js +0 -1
  324. package/dist/assets/useMobilePicker-CRiGjvfW.js +0 -6
  325. package/dist/assets/useMountLifecycleEffect-CjsUCFhB.js +0 -11
  326. package/dist/assets/useOdysseyDateFields-D1TYF4ew.js +0 -61
  327. package/dist/assets/useScrollIndication-Dq_i6CX-.js +0 -31
  328. package/dist/assets/useSlot-VN2O4BOA.js +0 -1
  329. package/dist/assets/useThemeProps-BgDANuN6.js +0 -1
  330. package/dist/assets/useThemeProps-DJ3F4KkW.js +0 -1
  331. package/dist/assets/useUniqueId-Bsgqe1tm.js +0 -11
  332. package/dist/assets/utilities.esm-DpQ0TZP_.js +0 -5
  333. package/dist/assets/utils-BdcLUgCD.js +0 -1
  334. package/dist/assets/utils-iop7lDec.js +0 -1
  335. package/dist/assets/v4-CtRu48qb.js +0 -1
  336. package/dist/assets/visuallyHidden-Dan1xhjv.js +0 -1
  337. package/dist/favicon.svg +0 -1
  338. package/dist/iframe.html +0 -748
  339. package/dist/index.cjs +0 -231
  340. package/dist/index.d.ts +0 -22
  341. package/dist/index.d.ts.map +0 -1
  342. package/dist/index.html +0 -203
  343. package/dist/index.js +0 -25
  344. package/dist/index.json +0 -1
  345. package/dist/index.mjs +0 -229
  346. package/dist/index.scss +0 -549
  347. package/dist/nunito-sans-bold-italic.woff2 +0 -0
  348. package/dist/nunito-sans-bold.woff2 +0 -0
  349. package/dist/nunito-sans-italic.woff2 +0 -0
  350. package/dist/nunito-sans-regular.woff2 +0 -0
  351. package/dist/project.json +0 -1
  352. package/dist/sb-addons/a11y-3/manager-bundle.js +0 -220
  353. package/dist/sb-addons/docs-1/manager-bundle.js +0 -242
  354. package/dist/sb-addons/essentials-actions-5/manager-bundle.js +0 -3
  355. package/dist/sb-addons/essentials-backgrounds-6/manager-bundle.js +0 -12
  356. package/dist/sb-addons/essentials-controls-4/manager-bundle.js +0 -402
  357. package/dist/sb-addons/essentials-measure-9/manager-bundle.js +0 -3
  358. package/dist/sb-addons/essentials-outline-10/manager-bundle.js +0 -3
  359. package/dist/sb-addons/essentials-toolbars-8/manager-bundle.js +0 -3
  360. package/dist/sb-addons/essentials-viewport-7/manager-bundle.js +0 -3
  361. package/dist/sb-addons/interactions-11/manager-bundle.js +0 -222
  362. package/dist/sb-addons/links-2/manager-bundle.js +0 -3
  363. package/dist/sb-addons/rtl-12/manager-bundle.js +0 -3
  364. package/dist/sb-addons/storybook-13/manager-bundle.js +0 -3
  365. package/dist/sb-addons/storybook-core-core-server-presets-0/common-manager-bundle.js +0 -3
  366. package/dist/sb-common-assets/favicon.svg +0 -1
  367. package/dist/sb-common-assets/nunito-sans-bold-italic.woff2 +0 -0
  368. package/dist/sb-common-assets/nunito-sans-bold.woff2 +0 -0
  369. package/dist/sb-common-assets/nunito-sans-italic.woff2 +0 -0
  370. package/dist/sb-common-assets/nunito-sans-regular.woff2 +0 -0
  371. package/dist/sb-manager/globals-module-info.js +0 -1052
  372. package/dist/sb-manager/globals-runtime.js +0 -42127
  373. package/dist/sb-manager/globals.js +0 -48
  374. package/dist/sb-manager/runtime.js +0 -12048
  375. 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};