@okta/odyssey-react-mui 1.50.1 → 1.51.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (393) hide show
  1. package/CHANGELOG.md +4 -0
  2. package/dist/assets/{Accordion-TL4V06gN.js → Accordion-B6lMitah.js} +1 -1
  3. package/dist/assets/{Accordion.stories-_etHHM8e.js → Accordion.stories-jXyeMqKL.js} +1 -1
  4. package/dist/assets/{AccordionSummary-D9iUNt-k.js → AccordionSummary-Cqqnyfeq.js} +1 -1
  5. package/dist/assets/AddCircle-DYQ5ipEw.js +1 -0
  6. package/dist/assets/{AlertTitle-C5NflvC5.js → AlertTitle-BdgyvdT3.js} +1 -1
  7. package/dist/assets/{AppSwitcher-QbTtJQaq.js → AppSwitcher-BP7OhkNx.js} +1 -1
  8. package/dist/assets/{AppSwitcher.stories-DHBG5rOr.js → AppSwitcher.stories-BX6iWIVF.js} +1 -1
  9. package/dist/assets/{AppTile _labs_.stories-C-dzZ7Qn.js → AppTile _labs_.stories-D_lkwc9S.js } +1 -1
  10. package/dist/assets/{ArrowDropDown-DddCYTEO.js → ArrowDropDown-CSyg-khO.js} +1 -1
  11. package/dist/assets/{ArrowRight-BCdbWzwG.js → ArrowRight-D4RDomjP.js} +1 -1
  12. package/dist/assets/{Autocomplete-DVDZYzDH.js → Autocomplete-CWMUllEE.js} +1 -1
  13. package/dist/assets/{Autocomplete-BMfy4j72.js → Autocomplete-Ce5vsFXe.js} +1 -1
  14. package/dist/assets/{Autocomplete.stories-B8RiFnpA.js → Autocomplete.stories-LgPoixE-.js} +3 -3
  15. package/dist/assets/{Badge-DGWMi2ON.js → Badge-CgiaxC_M.js} +1 -1
  16. package/dist/assets/{Banner-DCJxRKN5.js → Banner-CiZg662S.js} +1 -1
  17. package/dist/assets/{Banner.stories-Bsazp99i.js → Banner.stories-L9TxJM5n.js} +1 -1
  18. package/dist/assets/{BaseButton-C1Nzi3yl.js → BaseButton-CPts8Xl1.js} +1 -1
  19. package/dist/assets/{BaseMenuButton-DPFgAU1j.js → BaseMenuButton-Cg0erRE5.js} +1 -1
  20. package/dist/assets/{Box-CTjIz0-2.js → Box-C-xmRxaS.js} +1 -1
  21. package/dist/assets/{Box-Csk9IBP6.js → Box-DS6ZmQE1.js} +1 -1
  22. package/dist/assets/{Box-BK5oZBIO.js → Box-XLjSpNxK.js} +1 -1
  23. package/dist/assets/{Box.stories-CtReuS8W.js → Box.stories-DlaC0I8z.js} +1 -1
  24. package/dist/assets/Breadcrumb.stories-CU9cbFv5.js +19 -0
  25. package/dist/assets/BreadcrumbList.stories-BnLz8AbT.js +77 -0
  26. package/dist/assets/{Breadcrumbs-DnkzpkPy.js → Breadcrumbs-24mVV2FV.js} +1 -1
  27. package/dist/assets/{Bug-CxccEZAh.js → Bug-BREzSHBD.js} +1 -1
  28. package/dist/assets/{Button-DuM2NeMY.js → Button-NJfX6YsF.js} +1 -1
  29. package/dist/assets/{Button-CbJri63v.js → Button-dStBbGjZ.js} +1 -1
  30. package/dist/assets/Button.stories-DyHE1lVq.js +271 -0
  31. package/dist/assets/{ButtonBase-Lbe0_84r.js → ButtonBase-Wolvis_2.js} +1 -1
  32. package/dist/assets/{Calendar-DXL71nUA.js → Calendar-Cnn3LZfc.js} +1 -1
  33. package/dist/assets/Call-B2-IhRdM.js +1 -0
  34. package/dist/assets/{Callout-DY2rv89C.js → Callout-CHhRxeIB.js} +1 -1
  35. package/dist/assets/Callout.stories-Cin_Q8VN.js +250 -0
  36. package/dist/assets/{Card-z7130zaB.js → Card-CW2-4q6G.js} +1 -1
  37. package/dist/assets/Card-HHKQqwm3.js +8 -0
  38. package/dist/assets/{Card.stories-fvpTzjYC.js → Card.stories-BGl8ssIa.js} +1 -1
  39. package/dist/assets/{CardActionArea-B7i8fBJO.js → CardActionArea-CmY1RMSI.js} +1 -1
  40. package/dist/assets/{CardActions-C8G3mEo5.js → CardActions-BOMzzZ-s.js} +1 -1
  41. package/dist/assets/{Checkbox-BlSNHylx.js → Checkbox-DGd8S5xK.js} +1 -1
  42. package/dist/assets/{Checkbox-CMDOP82Q.js → Checkbox-LVOv88W2.js} +1 -1
  43. package/dist/assets/Checkbox.stories-D6P6eT12.js +113 -0
  44. package/dist/assets/{CheckboxGroup-CwIFFbkc.js → CheckboxGroup-BbhvyMBP.js} +1 -1
  45. package/dist/assets/CheckboxGroup.stories-C8yW7qIA.js +89 -0
  46. package/dist/assets/{ChevronRight-SFKDVCjo.js → ChevronRight-BEaWGMzi.js} +1 -1
  47. package/dist/assets/{ChevronUp-DyYSBYAc.js → ChevronUp-BclvDZ6e.js} +1 -1
  48. package/dist/assets/{Chip-M3FRYspe.js → Chip-p4lq04qX.js} +1 -1
  49. package/dist/assets/{CircularProgress-K0vgt9-g.js → CircularProgress-BOLg_ZK_.js} +1 -1
  50. package/dist/assets/{CircularProgress-iBaxEenq.js → CircularProgress-DxmJkz2B.js} +1 -1
  51. package/dist/assets/{CircularProgress.stories-B0Pf66JJ.js → CircularProgress.stories-BzOGzmX1.js} +1 -1
  52. package/dist/assets/{Clock-B6hba9Vz.js → Clock-dOo7_xs2.js} +1 -1
  53. package/dist/assets/{Close-DJA1l50S.js → Close-DWj_zrWe.js} +1 -1
  54. package/dist/assets/{Code Styling Guidelines-pHbGhTau.js → Code Styling Guidelines-CFH47C47.js } +1 -1
  55. package/dist/assets/{Collapse-DKQFr8Jv.js → Collapse-Bf9rwi0n.js} +1 -1
  56. package/dist/assets/{Color-YHDXOIA2-CG5LwN35.js → Color-YHDXOIA2-XSMM8EzF.js} +1 -1
  57. package/dist/assets/{CssBaseline-Bkt1iTa6.js → CssBaseline-BGmj7vII.js} +1 -1
  58. package/dist/assets/{CssBaseline.stories-DJmHUmdE.js → CssBaseline.stories-CP5iNADe.js} +1 -1
  59. package/dist/assets/{Custom Theming-B72hK7oE.js → Custom Theming-AWFd82gK.js } +1 -1
  60. package/dist/assets/{Custom Theming.stories-Cf2-ayRw.js → Custom Theming.stories-C1lIShsm.js } +1 -1
  61. package/dist/assets/{DataFilters _labs_-jIB_cIPS.js → DataFilters _labs_-CbOuA1XC.js } +1 -1
  62. package/dist/assets/{DataFilters _labs_.stories-Bbrh7lix.js → DataFilters _labs_.stories-6lSpygV-.js } +1 -1
  63. package/dist/assets/{DataFilters-DPi4_TMw.js → DataFilters-B56b7pp1.js} +1 -1
  64. package/dist/assets/DataTable _labs_-DhjIky-X.js +41 -0
  65. package/dist/assets/{DataTable _labs_.stories-o_LRnzmM.js → DataTable _labs_.stories-SmL2caYK.js } +1 -1
  66. package/dist/assets/{DataTable-8_tFkAz1.js → DataTable-Dufh-85W.js} +1 -1
  67. package/dist/assets/{DataTable-Breh7Oua.js → DataTable-OEqPccZc.js} +1 -1
  68. package/dist/assets/{DataTable.stories-D_xL1EQO.js → DataTable.stories-B6pas1e4.js} +1 -1
  69. package/dist/assets/{DataView _labs_-Uk1ng26p.js → DataView _labs_-D-jpJC9O.js } +1 -1
  70. package/dist/assets/{DataView _labs_.stories-BIkujkH4.js → DataView _labs_.stories-CEQuFgsA.js } +1 -1
  71. package/dist/assets/{DataView-CBu_vDz5.js → DataView-Cdrj2-_S.js} +1 -1
  72. package/dist/assets/{DataView.stories-BZ_fLfnH.js → DataView.stories-C3-uJ4p2.js} +1 -1
  73. package/dist/assets/{DatePicker-DcQC9osa.js → DatePicker-BxTRZXpL.js} +1 -1
  74. package/dist/assets/{DatePicker-DrZNv0PG.js → DatePicker-CV_LiOVN.js} +1 -1
  75. package/dist/assets/{DatePicker.stories-CdxHpQSt.js → DatePicker.stories-CybR6XBy.js} +1 -1
  76. package/dist/assets/{DateTimePicker-Bc3ybPls.js → DateTimePicker-DFQrMMgz.js} +1 -1
  77. package/dist/assets/{DateTimePicker.stories-EwHhkVLF.js → DateTimePicker.stories-Bx4peuGE.js} +1 -1
  78. package/dist/assets/{Design Tokens-rV9HMgkt.js → Design Tokens-iEdY5-4y.js } +1 -1
  79. package/dist/assets/Dialog-B5LWaL0C.js +1 -0
  80. package/dist/assets/Dialog.stories-M1TA90dU.js +207 -0
  81. package/dist/assets/{DialogContent-CfzX3t0u.js → DialogContent-DBoG8cPo.js} +1 -1
  82. package/dist/assets/{DialogTitle-DWrKQeoP.js → DialogTitle-6m4SWKSG.js} +1 -1
  83. package/dist/assets/{Divider-bVF9wNUG.js → Divider-CtIp4StC.js} +1 -1
  84. package/dist/assets/Divider.stories-DjRXEk1s.js +5 -0
  85. package/dist/assets/{DocsRenderer-CFRXHY34-DjVgG9gc.js → DocsRenderer-CFRXHY34-P8M6yttG.js} +1 -1
  86. package/dist/assets/{Documentation-D-myRfum.js → Documentation-D90FkF1l.js} +1 -1
  87. package/dist/assets/{Download-vZ2qKd4H.js → Download-xLlaDLdW.js} +1 -1
  88. package/dist/assets/{Drawer-D97GHbuL.js → Drawer-D3_c8kSj.js} +2 -2
  89. package/dist/assets/{Drawer.stories-BgDN3SBx.js → Drawer.stories-D5ZaAWIB.js} +1 -1
  90. package/dist/assets/{EmptyState-DqVcjLYd.js → EmptyState-BRinTaKa.js} +1 -1
  91. package/dist/assets/{EmptyState.stories-LlfICq7c.js → EmptyState.stories-D-MGLqky.js} +1 -1
  92. package/dist/assets/{ExampleButton.stories-Dlu-0j3r.js → ExampleButton.stories-lZAq-r_i.js} +2 -2
  93. package/dist/assets/{Extending Translations-yMUmArCq.js → Extending Translations-iDMcBEO1.js } +1 -1
  94. package/dist/assets/{ExternalLink-D3z7HWdx.js → ExternalLink-C7UPr4SL.js} +1 -1
  95. package/dist/assets/{Fade-fD56BVkE.js → Fade-DSMklDt3.js} +1 -1
  96. package/dist/assets/{Field-QbF6sK2K.js → Field-BVmhMv9m.js} +1 -1
  97. package/dist/assets/{FieldHint-Mz3OdL0I.js → FieldHint-BFs7d7f5.js} +1 -1
  98. package/dist/assets/{Fieldset-Qg__SoCs.js → Fieldset-C7cnRgpz.js} +1 -1
  99. package/dist/assets/{Fieldset.stories-CSgoy_R1.js → Fieldset.stories-QZ3FrfNb.js} +1 -1
  100. package/dist/assets/{FileUploader.stories-CLC8ua1s.js → FileUploader.stories-CAXhIDLt.js} +1 -1
  101. package/dist/assets/{Filter-sXa3iWrm.js → Filter-DIh5C0Cq.js} +1 -1
  102. package/dist/assets/{Folder-DFjbrJpD.js → Folder-DTgm0zQ0.js} +1 -1
  103. package/dist/assets/{Form Field Accessibility-CeE-yHi9.js → Form Field Accessibility-C_uLQOBv.js } +1 -1
  104. package/dist/assets/{Form--NGGwJcX.js → Form-EZzJYIT7.js} +1 -1
  105. package/dist/assets/{Form.stories-DpN6pnfW.js → Form.stories-D9GPQhfS.js} +1 -1
  106. package/dist/assets/{FormControlLabel-DPa22EmK.js → FormControlLabel-0yOoM5iA.js} +1 -1
  107. package/dist/assets/{FormGroup-CYHiKrU4.js → FormGroup-B2pOz0HL.js} +1 -1
  108. package/dist/assets/{FormHelperText-DQoZ2-nD.js → FormHelperText-CZEj6vhF.js} +1 -1
  109. package/dist/assets/{FormLabel-CjrKvhME.js → FormLabel-C4KesWyd.js} +1 -1
  110. package/dist/assets/FullScreenOverlay-CbLDrzu3.js +11 -0
  111. package/dist/assets/{Generating Icons-4rsSwyQz.js → Generating Icons-BlpStA4N.js } +1 -1
  112. package/dist/assets/{Globe-DER_Oel8.js → Globe-CLLXW_yR.js} +1 -1
  113. package/dist/assets/{Grid-_Dwg3x03.js → Grid-CTO70W_E.js} +1 -1
  114. package/dist/assets/{Group-D87tnFnJ.js → Group-BQH7lDPW.js} +1 -1
  115. package/dist/assets/{GroupPicker _labs_.stories-Dkot8Gvy.js → GroupPicker _labs_.stories-D-jPedqU.js } +1 -1
  116. package/dist/assets/{Grow-D6A2VZqw.js → Grow-CbLflC0D.js} +1 -1
  117. package/dist/assets/{Hide-ovxLvICH.js → Hide-E3YBylpY.js} +1 -1
  118. package/dist/assets/{Hint-CkN2-6Wh.js → Hint-qhf1AEE0.js} +1 -1
  119. package/dist/assets/HintLink.stories-CYlMoTFx.js +44 -0
  120. package/dist/assets/{Home-Cn8YbOdj.js → Home-yAl98ghs.js} +1 -1
  121. package/dist/assets/Icon _icons_.stories-D-AWLuB9.js +16 -0
  122. package/dist/assets/{IconButton-CgM2Hv_L.js → IconButton-DwJqCevw.js} +1 -1
  123. package/dist/assets/{IconWithTooltip _icons_.stories-Bdz-yaYX.js → IconWithTooltip _icons_.stories-DE5HwN5H.js } +1 -1
  124. package/dist/assets/{InformationCircle-CG6-PCJh.js → InformationCircle-By7rXsxW.js} +1 -1
  125. package/dist/assets/{InputAdornment-CVIbzdDI.js → InputAdornment-CrT6j38e.js} +1 -1
  126. package/dist/assets/{InputBase-DSyP23zj.js → InputBase-Cc2rXj8N.js} +1 -1
  127. package/dist/assets/{Installing odyssey-react-mui-CiYP6xN7.js → Installing odyssey-react-mui-BXo5U9tZ.js } +1 -1
  128. package/dist/assets/{Introduction-CrzfC_TA.js → Introduction-DJ-EDw1b.js} +1 -1
  129. package/dist/assets/{Layout-CLuC-soE.js → Layout-DfnguYJ3.js} +1 -1
  130. package/dist/assets/{Layout.stories-CBxD-F_N.js → Layout.stories-DGtK-sb4.js} +1 -1
  131. package/dist/assets/{Legacy Migrations-ClnAFJAt.js → Legacy Migrations-BvJnbBns.js } +1 -1
  132. package/dist/assets/{Link-Ck99nJao.js → Link-B0jVOXLw.js} +1 -1
  133. package/dist/assets/Link-CaBVKAGj.js +11 -0
  134. package/dist/assets/{Link-D0sejjD3.js → Link-LYj8-DeM.js} +1 -1
  135. package/dist/assets/{Link-PjuOItUN.js → Link-P2sjP-aD.js} +1 -1
  136. package/dist/assets/Link.stories-i53_1Tpy.js +38 -0
  137. package/dist/assets/{List-BSidosAy.js → List-BcG-NsbC.js} +1 -1
  138. package/dist/assets/{List-B7JH4gjK.js → List-DFK8p7ZW.js} +1 -1
  139. package/dist/assets/{ListItem-DB9pwEx3.js → ListItem-Bv1M9lel.js} +1 -1
  140. package/dist/assets/{ListSubheader--G940pR4.js → ListSubheader-CBvKBAKL.js} +1 -1
  141. package/dist/assets/ListSubheader.stories-C_l7xOCL.js +5 -0
  142. package/dist/assets/{Menu-C2dEwThV.js → Menu-g2Uj1mcn.js} +1 -1
  143. package/dist/assets/{MenuButton-C-OmKt3g.js → MenuButton-BAmmLodS.js} +1 -1
  144. package/dist/assets/MenuButton.stories-CQVVoTy1.js +246 -0
  145. package/dist/assets/{MenuItem-C0i8WJAZ.js → MenuItem-CJ8f1-Gg.js} +1 -1
  146. package/dist/assets/{MenuItem-D69h7bYZ.js → MenuItem-DR63CY7B.js} +1 -1
  147. package/dist/assets/MenuItem.stories-BOWN4pFz.js +38 -0
  148. package/dist/assets/{MenuList-BCZDiX8u.js → MenuList-sllDVDo3.js} +1 -1
  149. package/dist/assets/{Modal-Ddv1e_fT.js → Modal-D0XtQHFw.js} +1 -1
  150. package/dist/assets/{More-DLP5TTaz.js → More-CXrgFSVS.js} +1 -1
  151. package/dist/assets/{NativeSelect.stories-iwOAP2MY.js → NativeSelect.stories-SugLBKz7.js} +2 -2
  152. package/dist/assets/{Notification-DZN2A8i5.js → Notification-08pZljJb.js} +1 -1
  153. package/dist/assets/OdysseyProvider-YUKfsUrL.js +76 -0
  154. package/dist/assets/{OdysseyStorybookThemeDecorator-DmBIIOGu.js → OdysseyStorybookThemeDecorator-DsQ8XVOG.js} +1 -1
  155. package/dist/assets/{OdysseyThemeProvider-C4N_85M9.js → OdysseyThemeProvider-uYQ_l8PJ.js} +2 -2
  156. package/dist/assets/{PageHeader.stories-o8T_qtyq.js → PageHeader.stories-Bl-DdoS-.js} +1 -1
  157. package/dist/assets/{PageHeader.stories-CP7yWDvu.js → PageHeader.stories-CloMCl88.js} +1 -1
  158. package/dist/assets/PageTemplate _labs_-Dm7sBdz9.js +8 -0
  159. package/dist/assets/{PageTemplate _labs_.stories-CcKAPVlY.js → PageTemplate _labs_.stories-Cz0PIbrs.js } +1 -1
  160. package/dist/assets/{PageTemplate-DwiuZ2gD.js → PageTemplate-Bst4OydU.js} +1 -1
  161. package/dist/assets/{PageTemplate.stories-BWAsJCDg.js → PageTemplate.stories-CeRObmlQ.js} +1 -1
  162. package/dist/assets/{PaginatedTable _labs_.stories-eXIvKB_N.js → PaginatedTable _labs_.stories-UxmUHrH9.js } +1 -1
  163. package/dist/assets/{Pagination-CPZOkZUE.js → Pagination-iboAjua_.js} +1 -1
  164. package/dist/assets/{Pagination.stories-ZB73al5s.js → Pagination.stories-BCbuKsR4.js} +1 -1
  165. package/dist/assets/{Paper-D4wDjY4F.js → Paper-BGSgbZC6.js} +1 -1
  166. package/dist/assets/PasswordField.stories-DKFTzpqb.js +121 -0
  167. package/dist/assets/{Picker _labs_.stories-BSP2s_pC.js → Picker _labs_.stories-BPfssL8O.js } +1 -1
  168. package/dist/assets/{PickerWithOptionAdornment _labs_.stories-CcdT2YZm.js → PickerWithOptionAdornment _labs_.stories-rMUH3rtj.js } +1 -1
  169. package/dist/assets/{Popper-9pd1Yneu.js → Popper-vW9B5iyN.js} +1 -1
  170. package/dist/assets/{Portal-DK2ELYoG.js → Portal-ev1Y_qJb.js} +1 -1
  171. package/dist/assets/{ProgressBar.stories-BNmDO6bH.js → ProgressBar.stories-VEY_ihAE.js} +1 -1
  172. package/dist/assets/{Radio-B2zw408T.js → Radio-4dniU8ku.js} +1 -1
  173. package/dist/assets/{Radio-BRMnUBeG.js → Radio-CnmlQGNx.js} +1 -1
  174. package/dist/assets/{Radio.stories-BiHez-Um.js → Radio.stories-DyJFXoBq.js} +1 -1
  175. package/dist/assets/RadioGroup-C_VrT_hm.js +10 -0
  176. package/dist/assets/{RadioGroup-CZWIkl-b.js → RadioGroup-DxwohQ69.js} +1 -1
  177. package/dist/assets/{RadioGroup-BM3_3HU2.js → RadioGroup-GPUhtH5i.js} +1 -1
  178. package/dist/assets/{RadioGroup.stories-cENtOlFv.js → RadioGroup.stories-pF3uSMSb.js} +2 -2
  179. package/dist/assets/{Refresh-D3vISItP.js → Refresh-djvJkW-o.js} +1 -1
  180. package/dist/assets/{ResourceAccessPolicyComponentsStorybookThemeDecorator-Di2iOJpx.js → ResourceAccessPolicyComponentsStorybookThemeDecorator-CmW-AnrB.js} +2 -2
  181. package/dist/assets/{Right-to-Left (RTL)-fcueNY4p.js → Right-to-Left (RTL)-DpiFoQRN.js } +1 -1
  182. package/dist/assets/{ScreenReaderText-DrkvjfUf.js → ScreenReaderText-CQNs2mcT.js} +1 -1
  183. package/dist/assets/{ScreenReaderText-6_RVPtH_.js → ScreenReaderText-DgymQTv2.js} +1 -1
  184. package/dist/assets/{ScreenReaderText.stories-CO8LdK8F.js → ScreenReaderText.stories-DCOADRMP.js} +1 -1
  185. package/dist/assets/{Search-BH45H3v4.js → Search-BdL9PIj1.js} +1 -1
  186. package/dist/assets/{SearchDropdown _labs_.stories-Bmp81G56.js → SearchDropdown _labs_.stories-DISXh7bC.js } +1 -1
  187. package/dist/assets/{SearchField-vEVEEXjl.js → SearchField-C-y7eHW0.js} +1 -1
  188. package/dist/assets/{SearchField.stories-C83bZsBy.js → SearchField.stories-7IOflkmE.js} +1 -1
  189. package/dist/assets/{Select-Dg6qtAos.js → Select-BcdWA_SU.js} +1 -1
  190. package/dist/assets/Select-mT9rgyNE.js +15 -0
  191. package/dist/assets/Select.stories-CBn0BmaJ.js +233 -0
  192. package/dist/assets/Server-BjJU0LGG.js +1 -0
  193. package/dist/assets/{Settings-Bxzwc53G.js → Settings-CjZSn0DO.js} +1 -1
  194. package/dist/assets/{Setup-wp_q8G1u.js → Setup-B9xdxAqK.js} +1 -1
  195. package/dist/assets/{Shadow DOM-UCL9R1Bd.js → Shadow DOM-DQqEg_OE.js } +1 -1
  196. package/dist/assets/{Show-D1oNDX9u.js → Show-Blc9FMhI.js} +1 -1
  197. package/dist/assets/SideNav-VVxkM7xa.js +85 -0
  198. package/dist/assets/{SideNav-DjaJNhvQ.js → SideNav-a8fqWzAH.js} +1 -1
  199. package/dist/assets/SideNav.stories-C0ROmHeE.js +207 -0
  200. package/dist/assets/{Skeleton-Bgl-rJ6W.js → Skeleton-BSJpuJ78.js} +1 -1
  201. package/dist/assets/{Snackbar-hhmQPX8K.js → Snackbar-BY4-2ak2.js} +1 -1
  202. package/dist/assets/{Stack-Dyzg8njm.js → Stack-Co_ZNMgX.js} +1 -1
  203. package/dist/assets/Stack-jRk0Yp6q.js +1 -0
  204. package/dist/assets/Stack.stories-Dt0hIC8B.js +1 -0
  205. package/dist/assets/{StaticTable _labs_.stories-CwBlkxKe.js → StaticTable _labs_.stories-Dwx7A_WU.js } +1 -1
  206. package/dist/assets/{Status-SY8R_HiF.js → Status-BbCnhdhJ.js} +1 -1
  207. package/dist/assets/{Status.stories-DEyjfdZ8.js → Status.stories-DW2Kp-Dt.js} +1 -1
  208. package/dist/assets/{Stepper.stories-C2_hEMjv.js → Stepper.stories-DDaIDnwk.js} +2 -2
  209. package/dist/assets/{Surface-DBEECTVv.js → Surface-Ceuyc0F6.js} +1 -1
  210. package/dist/assets/Switch.stories-bT5JBB7t.js +72 -0
  211. package/dist/assets/{SwitchBase-n4YlIRfi.js → SwitchBase-DDdOwpAs.js} +1 -1
  212. package/dist/assets/{Sync-MXQ8RKoq.js → Sync-BUHhhjqx.js} +1 -1
  213. package/dist/assets/{Tabs-Yjnd4xiR.js → Tabs-AOq_ZOqc.js} +1 -1
  214. package/dist/assets/{Tabs-CKDb0WZw.js → Tabs-DAl04bRj.js} +4 -4
  215. package/dist/assets/{Tabs.stories-DYgpMtE6.js → Tabs.stories-nDuOOblr.js} +1 -1
  216. package/dist/assets/{Tag-DCZngwHs.js → Tag-DPyljaiU.js} +1 -1
  217. package/dist/assets/Tag.stories-dG5LwGHg.js +96 -0
  218. package/dist/assets/{TagList-BvQLms1L.js → TagList-DcY5amcr.js} +1 -1
  219. package/dist/assets/{TextField-DUdvP48K.js → TextField-DvELiaRt.js} +1 -1
  220. package/dist/assets/TextField.stories-B8dPipzE.js +177 -0
  221. package/dist/assets/Toast.stories-CU2mbz7X.js +164 -0
  222. package/dist/assets/{ToastManager.stories-C0WSwoY-.js → ToastManager.stories-CNHdRjYp.js} +1 -1
  223. package/dist/assets/{Tooltip-ciZ4e0Eb.js → Tooltip-Bx__kQJp.js} +1 -1
  224. package/dist/assets/{Tooltip-DOwIJUHs.js → Tooltip-gH7ETEPn.js} +1 -1
  225. package/dist/assets/{Tooltip.stories-B4e1QEoX.js → Tooltip.stories-Dh10ZcLO.js} +1 -1
  226. package/dist/assets/{TopNav-DjvdFijR.js → TopNav-CwC-Hfu7.js} +1 -1
  227. package/dist/assets/TopNav.stories-CHynTSTq.js +13 -0
  228. package/dist/assets/{Typography-NdqIGwl5.js → Typography-BIFhmR2K.js} +1 -1
  229. package/dist/assets/{Typography-DkvJJHkF.js → Typography-Cy2gjnNe.js} +1 -1
  230. package/dist/assets/{Typography-c9CeGtmy.js → Typography-Dl4InsuU.js} +1 -1
  231. package/dist/assets/{Typography-C4vClHaZ.js → Typography-gfYWxfhb.js} +1 -1
  232. package/dist/assets/Typography.stories-BBqx1A0N.js +139 -0
  233. package/dist/assets/{Typography.stories-Di7tmDM_.js → Typography.stories-CWHWJK4j.js} +1 -1
  234. package/dist/assets/{UiShell.stories-CkplIEt6.js → UiShell.stories-DR8ntSCC.js} +3 -3
  235. package/dist/assets/{UiShellProvider-Do3wWAnY.js → UiShellProvider-Cr2Lr10c.js} +1 -1
  236. package/dist/assets/{Upload-B99qcWTV.js → Upload-BmwJgpFZ.js} +1 -1
  237. package/dist/assets/{User-D5oZGOlm.js → User-DR3B8-Pw.js} +1 -1
  238. package/dist/assets/{UserProfile-DyDMmyrK.js → UserProfile-Cra6rpT4.js} +1 -1
  239. package/dist/assets/UserProfile.stories-BHXBhH-A.js +14 -0
  240. package/dist/assets/UserProfileMenuButton.stories-CbIX2qVe.js +30 -0
  241. package/dist/assets/{Video-t97PFROt.js → Video-BrBarEGj.js} +1 -1
  242. package/dist/assets/{WorkflowsComponentsStorybookThemeDecorator-C42hLMDY.js → WorkflowsComponentsStorybookThemeDecorator-dm_9FhMX.js} +1 -1
  243. package/dist/assets/{colorManipulator-BmBCr6qx.js → colorManipulator-BxsGKdcY.js} +1 -1
  244. package/dist/assets/{createBox-Cu6fLdzL.js → createBox-emhTu6dS.js} +1 -1
  245. package/dist/assets/{createStyled-CcazfAPj.js → createStyled-B09qmfVW.js} +1 -1
  246. package/dist/assets/{createSvgIcon-V-Po-Ssl.js → createSvgIcon-SdTF6s8l.js} +1 -1
  247. package/dist/assets/createUniqueId-BHjR7HQF.js +11 -0
  248. package/dist/assets/{dialogActionsClasses-p1SqDmrR.js → dialogActionsClasses-Dyfou6Pj.js} +1 -1
  249. package/dist/assets/{emotion-react-jsx-runtime.browser.esm-DIdX2qdc.js → emotion-react-jsx-runtime.browser.esm-DyRr7bu9.js} +1 -1
  250. package/dist/assets/{entry-preview-CPHmgmI_.js → entry-preview-8rdU1LSP.js} +1 -1
  251. package/dist/assets/fieldComponentPropsMetaData-kU3Yruac.js +11 -0
  252. package/dist/assets/{getReactElementRef-SdO7zWnC.js → getReactElementRef-CYW9xr5m.js} +1 -1
  253. package/dist/assets/{iconUtils-01jcyLGr.js → iconUtils-IdK4hqQS.js} +1 -1
  254. package/dist/assets/{iframe-pzQvMjuK.js → iframe-B5wE2ay9.js} +2 -2
  255. package/dist/assets/index-Bg123T1w.js +1 -0
  256. package/dist/assets/index-DI1lVgTb.js +1 -0
  257. package/dist/assets/{index-c74KQyVj.js → index-DiEiQB-f.js} +3 -3
  258. package/dist/assets/{index.esm-Dv3Cs9mX.js → index.esm-CSagFIBX.js} +1 -1
  259. package/dist/assets/{index.esm-C8irYXeq.js → index.esm-CcYwRB5x.js} +1 -1
  260. package/dist/assets/{inheritsLoose-S-YxUaHb.js → inheritsLoose-6wpAF9yl.js} +1 -1
  261. package/dist/assets/{personData-TjBCCFSX.js → personData-D_hHWF6B.js} +1 -1
  262. package/dist/assets/{personData-BDz2-Bac.js → personData-FNT5LNaA.js} +1 -1
  263. package/dist/assets/{pickerComponentPropsMetadata-DyMkD2Aw.js → pickerComponentPropsMetadata-DrOyW8Hu.js} +1 -1
  264. package/dist/assets/{popper-ChLFknNm.js → popper-BXFsSIrb.js} +1 -1
  265. package/dist/assets/preview-B0Jk1i10.js +11 -0
  266. package/dist/assets/{preview-Db5KMipM.js → preview-DtECuC7p.js} +1 -1
  267. package/dist/assets/{preview-CQqyhYi4.js → preview-nv3jWDyz.js} +2 -2
  268. package/dist/assets/{renderUiShell.stories-DJOqBLkr.js → renderUiShell.stories-uAoeUcRt.js} +78 -78
  269. package/dist/assets/{resolveComponentProps-D1ztx9lS.js → resolveComponentProps-zX2d3UUb.js} +1 -1
  270. package/dist/assets/{tableSortLabelClasses-BUdDGZ1b.js → tableSortLabelClasses-t0B4WNP1.js} +1 -1
  271. package/dist/assets/{useAutocomplete-B3_vLbIK.js → useAutocomplete-CkesXhEs.js} +1 -1
  272. package/dist/assets/{useMobilePicker-NPR54vgn.js → useMobilePicker-DEUQ7oE6.js} +1 -1
  273. package/dist/assets/{useOdysseyDateFields-NlKc4Nvp.js → useOdysseyDateFields-_3ZdpiPL.js} +1 -1
  274. package/dist/assets/{useScrollIndication-DY-bS9Bn.js → useScrollIndication-DEbEqkqk.js} +1 -1
  275. package/dist/assets/{useSlot-D_uu6bU4.js → useSlot-bWb1W-uo.js} +1 -1
  276. package/dist/assets/{FullScreenOverlay-B8rXO7lI.js → useStoryArgOrLocalState-CRQAGSTX.js} +2 -2
  277. package/dist/assets/{useThemeProps-BX3arxP9.js → useThemeProps-4A-zY4M2.js} +1 -1
  278. package/dist/assets/useThemeProps-DOJ_m4Vc.js +1 -0
  279. package/dist/assets/{useUniqueId-Bsgqe1tm.js → useUniqueId-DUzAQ6pl.js} +1 -1
  280. package/dist/assets/{utils-3Wr9v8NX.js → utils-uddq32f3.js} +1 -1
  281. package/dist/cjs/ConditionalWrapper.cjs +30 -0
  282. package/dist/cjs/ConditionalWrapper.cjs.map +1 -0
  283. package/dist/cjs/Dialog.cjs +1 -0
  284. package/dist/cjs/Dialog.cjs.map +1 -1
  285. package/dist/cjs/Drawer.cjs +1 -0
  286. package/dist/cjs/Drawer.cjs.map +1 -1
  287. package/dist/cjs/FullScreenOverlay.cjs +4 -1
  288. package/dist/cjs/FullScreenOverlay.cjs.map +1 -1
  289. package/dist/cjs/FullScreenOverlayContext.cjs +10 -3
  290. package/dist/cjs/FullScreenOverlayContext.cjs.map +1 -1
  291. package/dist/cjs/HintLink.cjs +1 -1
  292. package/dist/cjs/HintLink.cjs.map +1 -1
  293. package/dist/cjs/OdysseyProvider.cjs +33 -22
  294. package/dist/cjs/OdysseyProvider.cjs.map +1 -1
  295. package/dist/cjs/Select.cjs +5 -0
  296. package/dist/cjs/Select.cjs.map +1 -1
  297. package/dist/cjs/__internal.cjs +11 -0
  298. package/dist/cjs/__internal.cjs.map +1 -1
  299. package/dist/cjs/createUniqueId.cjs +4 -1
  300. package/dist/cjs/createUniqueId.cjs.map +1 -1
  301. package/dist/cjs/theme/components.cjs +2 -2
  302. package/dist/cjs/theme/components.cjs.map +1 -1
  303. package/dist/cjs/web-component/odysseyWebComponentVersion.generated.cjs +1 -1
  304. package/dist/cjs/web-component/odysseyWebComponentVersion.generated.cjs.map +1 -1
  305. package/dist/esm/ConditionalWrapper.js +25 -0
  306. package/dist/esm/ConditionalWrapper.js.map +1 -0
  307. package/dist/esm/Dialog.js +1 -0
  308. package/dist/esm/Dialog.js.map +1 -1
  309. package/dist/esm/Drawer.js +1 -0
  310. package/dist/esm/Drawer.js.map +1 -1
  311. package/dist/esm/FullScreenOverlay.js +4 -1
  312. package/dist/esm/FullScreenOverlay.js.map +1 -1
  313. package/dist/esm/FullScreenOverlayContext.js +9 -2
  314. package/dist/esm/FullScreenOverlayContext.js.map +1 -1
  315. package/dist/esm/HintLink.js +1 -1
  316. package/dist/esm/HintLink.js.map +1 -1
  317. package/dist/esm/OdysseyProvider.js +34 -23
  318. package/dist/esm/OdysseyProvider.js.map +1 -1
  319. package/dist/esm/Select.js +5 -0
  320. package/dist/esm/Select.js.map +1 -1
  321. package/dist/esm/__internal.js +1 -0
  322. package/dist/esm/__internal.js.map +1 -1
  323. package/dist/esm/createUniqueId.js +4 -1
  324. package/dist/esm/createUniqueId.js.map +1 -1
  325. package/dist/esm/theme/components.js +2 -2
  326. package/dist/esm/theme/components.js.map +1 -1
  327. package/dist/esm/web-component/odysseyWebComponentVersion.generated.js +1 -1
  328. package/dist/esm/web-component/odysseyWebComponentVersion.generated.js.map +1 -1
  329. package/dist/iframe.html +1 -1
  330. package/dist/index.cjs +1 -1
  331. package/dist/index.d.ts +21 -232
  332. package/dist/index.json +1 -1
  333. package/dist/index.mjs +1 -1
  334. package/dist/index.scss +1 -1
  335. package/dist/project.json +1 -1
  336. package/dist/sb-addons/storybook-13/manager-bundle.js +1 -1
  337. package/dist/tsconfig.production.tsbuildinfo +1 -1
  338. package/dist/types/ConditionalWrapper.d.ts +20 -0
  339. package/dist/types/ConditionalWrapper.d.ts.map +1 -0
  340. package/dist/types/Drawer.d.ts.map +1 -1
  341. package/dist/types/FullScreenOverlay.d.ts +3 -2
  342. package/dist/types/FullScreenOverlay.d.ts.map +1 -1
  343. package/dist/types/FullScreenOverlayContext.d.ts +12 -1
  344. package/dist/types/FullScreenOverlayContext.d.ts.map +1 -1
  345. package/dist/types/OdysseyProvider.d.ts +7 -1
  346. package/dist/types/OdysseyProvider.d.ts.map +1 -1
  347. package/dist/types/Select.d.ts.map +1 -1
  348. package/dist/types/__internal.d.ts +1 -0
  349. package/dist/types/__internal.d.ts.map +1 -1
  350. package/dist/types/createUniqueId.d.ts.map +1 -1
  351. package/dist/types/web-component/odysseyWebComponentVersion.generated.d.ts +1 -1
  352. package/package.json +7 -7
  353. package/dist/assets/Breadcrumbs.stories-C7zVt3mr.js +0 -79
  354. package/dist/assets/Button.stories-CRV-c8gG.js +0 -271
  355. package/dist/assets/Callout.stories--Eo8BRU5.js +0 -128
  356. package/dist/assets/Card-BBklAYRu.js +0 -8
  357. package/dist/assets/Checkbox.stories-DP2aUvGZ.js +0 -96
  358. package/dist/assets/CheckboxGroup.stories-Bo4ON9ko.js +0 -92
  359. package/dist/assets/DataTable _labs_-UipdAC3j.js +0 -41
  360. package/dist/assets/Dialog-DzHtD6Y8.js +0 -1
  361. package/dist/assets/Dialog.stories-Da8cQK7E.js +0 -201
  362. package/dist/assets/Icon _icons_.stories-qnlVJ269.js +0 -16
  363. package/dist/assets/Link-BS9ZeF6K.js +0 -11
  364. package/dist/assets/Link.stories--V5lBgMx.js +0 -43
  365. package/dist/assets/MenuButton-Bh79TcKB.js +0 -9
  366. package/dist/assets/MenuButton.stories-Ceqz4qjB.js +0 -246
  367. package/dist/assets/MenuItem.stories-D1nmz6cr.js +0 -29
  368. package/dist/assets/OdysseyProvider-oMWLr_-4.js +0 -66
  369. package/dist/assets/PageTemplate _labs_-D-ZpvSDn.js +0 -8
  370. package/dist/assets/PasswordField.stories-CFBj2mPt.js +0 -129
  371. package/dist/assets/RadioGroup-3NM12Muw.js +0 -10
  372. package/dist/assets/Select-DGL00QcS.js +0 -15
  373. package/dist/assets/Select.stories-CZO06lSs.js +0 -293
  374. package/dist/assets/Server-3cieqme0.js +0 -1
  375. package/dist/assets/SideNav-CA5MPRIw.js +0 -85
  376. package/dist/assets/SideNav.stories-DsqmEgxA.js +0 -207
  377. package/dist/assets/Stack.stories-DoWxKo-o.js +0 -1
  378. package/dist/assets/Switch.stories-CsPyggPf.js +0 -61
  379. package/dist/assets/Tag.stories-DjsZZZ5g.js +0 -96
  380. package/dist/assets/TextField.stories-CFIUIy2O.js +0 -149
  381. package/dist/assets/Toast.stories-DmPuslG7.js +0 -134
  382. package/dist/assets/TopNav.stories-Ctwu_9N_.js +0 -13
  383. package/dist/assets/Typography.stories-C8KXE15q.js +0 -139
  384. package/dist/assets/UserProfile.stories-W7GTlBN8.js +0 -14
  385. package/dist/assets/UserProfileMenuButton.stories-BLoHU0os.js +0 -30
  386. package/dist/assets/createUniqueId-ByTaVY63.js +0 -1
  387. package/dist/assets/fieldComponentPropsMetaData-BqbNLw6V.js +0 -11
  388. package/dist/assets/index-BJRwoad0.js +0 -1
  389. package/dist/assets/index-BVtttuMv.js +0 -1
  390. package/dist/assets/index-DDAqzdZr.js +0 -1
  391. package/dist/assets/preview-BAx1BwgB.js +0 -1
  392. package/dist/assets/queryOdysseySelector-_ueksTI2.js +0 -123
  393. package/dist/assets/useThemeProps-k7xle20R.js +0 -1
@@ -1,128 +0,0 @@
1
- import{j as t}from"./jsx-runtime-CnH95YSl.js";import{f as K,e as p,w as Q,u as X}from"./index-BJMTVygn.js";import{O as Z}from"./OdysseyStorybookThemeDecorator-DmBIIOGu.js";import{c as g,a as x,M as ee}from"./Callout-DY2rv89C.js";import{q as te}from"./queryOdysseySelector-_ueksTI2.js";import"./index-NdkWRN8K.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./OdysseyThemeProvider-C4N_85M9.js";import"./index-BJTM6NaI.js";import"./OdysseyProvider-oMWLr_-4.js";import"./Link-PjuOItUN.js";import"./Link-D0sejjD3.js";import"./useIsFocusVisible-DH0qxT5e.js";import"./Typography-NdqIGwl5.js";import"./ExternalLink-D3z7HWdx.js";import"./Typography-C4vClHaZ.js";import"./useUniqueId-Bsgqe1tm.js";import"./createUniqueId-ByTaVY63.js";import"./AlertTitle-C5NflvC5.js";import"./useSlot-D_uu6bU4.js";import"./resolveComponentProps-D1ztx9lS.js";import"./isHostComponent-DVu5iVWx.js";import"./createSvgIcon-V-Po-Ssl.js";import"./Close-DJA1l50S.js";import"./IconButton-CgM2Hv_L.js";import"./ButtonBase-Lbe0_84r.js";import"./assertThisInitialized-B9jnkVVz.js";import"./inheritsLoose-S-YxUaHb.js";import"./TransitionGroupContext-DAL84N7p.js";import"./Paper-D4wDjY4F.js";import"./Box-CTjIz0-2.js";import"./createBox-Cu6fLdzL.js";import"./test-utils-H9lH7T5D.js";import"./index-DieBXP3Z.js";import"./index-B5xazMy1.js";import"./client-ByW5HbEz.js";import"./dom.esm-B9r8vBgQ.js";const Oe={component:ee,decorators:[Z],tags:["autodocs"],argTypes:{children:{control:"text",description:"Used to optionally pass a text list to the component",table:{type:{summary:"ReactNode | Array<ReactNode>"}},type:{name:"other",value:"ReactNode | Array<ReactNode>"}},linkRel:{control:"text",description:"The rel attribute defines the relationship between a linked resource and the current document.",table:{type:{summary:"string"}}},linkTarget:{control:"text",description:"The target property of the `HTMLAnchorElement` interface is a string that indicates where to display the linked resource.",table:{type:{summary:"string"}}},linkText:{control:"text",description:"If linkUrl is defined, this is the text of the link. If left blank, it defaults to 'Learn more'. Note that linkText does nothing if linkUrl is not defined",table:{type:{summary:"string"}}},linkUrl:{control:"text",description:"If defined, the Callout will include a link to the URL",table:{type:{summary:"string"}}},onLinkClick:{description:"Function to call when the link is clicked",table:{type:{summary:"func"}}},role:{options:x,control:{type:"radio"},description:"Sets the ARIA role of the Callout ('status' for something that dynamically updates, 'alert' for errors, null for something unchanging)",table:{type:{summary:x.join(" | ")}}},severity:{options:g,control:{type:"radio"},description:"Determine the color and icon of the Callout",table:{type:{summary:g.join(" | ")}},type:{name:"other",value:"radio"}},text:{control:"text",description:"The content of the Callout",table:{type:{summary:"string"}},type:{name:"string"}},title:{control:"text",description:"The title of the Callout",table:{type:{summary:"string"}}}},args:{text:"You're signed in from Moonbase Alpha-6, located on Luna.",severity:"info"}},r={args:{role:"status",severity:"info",title:"Authentication status",text:"You're signed in from Moonbase Alpha-6, located on Luna."}},i={args:{role:"alert",severity:"error",title:"Safety checks failed",text:"Reconfigure the fuel mixture ratios and perform safety checks again."}},n={args:{role:"status",severity:"warning",title:"Safety checks incomplete",text:"Complete all safety checks before requesting approval to launch your mission."}},s={args:{role:"status",severity:"success",title:"Approved for launch",text:"Safety checks are complete. Your mission is ready for liftoff."}},o={args:{role:"alert",severity:"error",title:"Safety checks failed",text:"There is an issue with the fuel mixture ratios. Reconfigure the fuel mixture and perform the safety checks again.",linkText:"Visit fueling console",linkUrl:"#"}},a={args:{role:"alert",severity:"error",title:"Safety checks failed",text:"There is an issue with the fuel mixture ratios. Reconfigure the fuel mixture and perform the safety checks again.",linkTarget:"_blank",linkText:"Visit fueling console",linkUrl:"#"}},l={args:{role:"status",severity:"info",title:"Delivery details needed to complete your user profile",text:void 0,children:t.jsx(t.Fragment,{children:t.jsxs("ul",{children:[t.jsx("li",{children:"Secondary email"}),t.jsx("li",{children:"Street address"}),t.jsx("li",{children:"City"})]})})}},c={args:{role:"alert",severity:"error",title:"Safety checks failed",text:void 0,children:"There is an issue with the fuel mixture ratios. Reconfigure the fuel mixture and perform the safety checks again.",linkText:"Visit fueling console",linkUrl:"#"}},u={args:{role:"alert",severity:"error",title:"Safety checks failed",text:void 0,linkText:"Visit fueling console",linkUrl:"#"},play:async({canvasElement:d,step:f})=>{await f("has visible link",()=>{var e,k;const y=(k=(e=te("Callout")({element:d,role:"alert",options:{title:/Safety checks failed/}})).selectChild)==null?void 0:k.call(e,{name:"link",options:{linkText:"Visit fueling console"}}).element;p(y).toBeVisible()})}},m={args:{linkText:"Visit fueling console",onLinkClick:K(),role:"alert",severity:"error",text:void 0,title:"Safety checks failed"},play:async({args:d,canvasElement:f,step:h})=>{await h("check for the link text and click it",async()=>{const e=Q(f).getByText("Visit fueling console");await p(e==null?void 0:e.tagName).toBe("A"),await p(e==null?void 0:e.href).toBe(`${e==null?void 0:e.baseURI}#`),await X.click(e),await p(d.onLinkClick).toHaveBeenCalled()})}};var v,S,T;r.parameters={...r.parameters,docs:{...(v=r.parameters)==null?void 0:v.docs,source:{originalSource:`{
2
- args: {
3
- role: "status",
4
- severity: "info",
5
- title: "Authentication status",
6
- text: "You're signed in from Moonbase Alpha-6, located on Luna."
7
- }
8
- }`,...(T=(S=r.parameters)==null?void 0:S.docs)==null?void 0:T.source}}};var b,w,C;i.parameters={...i.parameters,docs:{...(b=i.parameters)==null?void 0:b.docs,source:{originalSource:`{
9
- args: {
10
- role: "alert",
11
- severity: "error",
12
- title: "Safety checks failed",
13
- text: "Reconfigure the fuel mixture ratios and perform safety checks again."
14
- }
15
- }`,...(C=(w=i.parameters)==null?void 0:w.docs)==null?void 0:C.source}}};var L,R,V;n.parameters={...n.parameters,docs:{...(L=n.parameters)==null?void 0:L.docs,source:{originalSource:`{
16
- args: {
17
- role: "status",
18
- severity: "warning",
19
- title: "Safety checks incomplete",
20
- text: "Complete all safety checks before requesting approval to launch your mission."
21
- }
22
- }`,...(V=(R=n.parameters)==null?void 0:R.docs)==null?void 0:V.source}}};var A,W,U;s.parameters={...s.parameters,docs:{...(A=s.parameters)==null?void 0:A.docs,source:{originalSource:`{
23
- args: {
24
- role: "status",
25
- severity: "success",
26
- title: "Approved for launch",
27
- text: "Safety checks are complete. Your mission is ready for liftoff."
28
- }
29
- }`,...(U=(W=s.parameters)==null?void 0:W.docs)==null?void 0:U.source}}};var E,B,j;o.parameters={...o.parameters,docs:{...(E=o.parameters)==null?void 0:E.docs,source:{originalSource:`{
30
- args: {
31
- role: "alert",
32
- severity: "error",
33
- title: "Safety checks failed",
34
- text: "There is an issue with the fuel mixture ratios. Reconfigure the fuel mixture and perform the safety checks again.",
35
- linkText: "Visit fueling console",
36
- linkUrl: "#"
37
- }
38
- }`,...(j=(B=o.parameters)==null?void 0:B.docs)==null?void 0:j.source}}};var q,M,I;a.parameters={...a.parameters,docs:{...(q=a.parameters)==null?void 0:q.docs,source:{originalSource:`{
39
- args: {
40
- role: "alert",
41
- severity: "error",
42
- title: "Safety checks failed",
43
- text: "There is an issue with the fuel mixture ratios. Reconfigure the fuel mixture and perform the safety checks again.",
44
- linkTarget: "_blank",
45
- linkText: "Visit fueling console",
46
- linkUrl: "#"
47
- }
48
- }`,...(I=(M=a.parameters)==null?void 0:M.docs)==null?void 0:I.source}}};var N,O,H;l.parameters={...l.parameters,docs:{...(N=l.parameters)==null?void 0:N.docs,source:{originalSource:`{
49
- args: {
50
- role: "status",
51
- severity: "info",
52
- title: "Delivery details needed to complete your user profile",
53
- text: undefined,
54
- children: <>
55
- <ul>
56
- <li>Secondary email</li>
57
- <li>Street address</li>
58
- <li>City</li>
59
- </ul>
60
- </>
61
- }
62
- }`,...(H=(O=l.parameters)==null?void 0:O.docs)==null?void 0:H.source}}};var Y,D,P;c.parameters={...c.parameters,docs:{...(Y=c.parameters)==null?void 0:Y.docs,source:{originalSource:`{
63
- args: {
64
- role: "alert",
65
- severity: "error",
66
- title: "Safety checks failed",
67
- text: undefined,
68
- children: "There is an issue with the fuel mixture ratios. Reconfigure the fuel mixture and perform the safety checks again.",
69
- linkText: "Visit fueling console",
70
- linkUrl: "#"
71
- }
72
- }`,...(P=(D=c.parameters)==null?void 0:D.docs)==null?void 0:P.source}}};var _,F,$;u.parameters={...u.parameters,docs:{...(_=u.parameters)==null?void 0:_.docs,source:{originalSource:`{
73
- args: {
74
- role: "alert",
75
- severity: "error",
76
- title: "Safety checks failed",
77
- text: undefined,
78
- linkText: "Visit fueling console",
79
- linkUrl: "#"
80
- },
81
- play: async ({
82
- canvasElement,
83
- step
84
- }: {
85
- canvasElement: HTMLElement;
86
- step: PlaywrightProps<CalloutProps>["step"];
87
- }) => {
88
- await step("has visible link", () => {
89
- const querySelect = queryOdysseySelector("Callout");
90
- const element = querySelect({
91
- element: canvasElement,
92
- role: "alert",
93
- options: {
94
- title: /Safety checks failed/
95
- }
96
- }).selectChild?.({
97
- name: "link",
98
- options: {
99
- linkText: "Visit fueling console"
100
- }
101
- }).element;
102
- expect(element).toBeVisible();
103
- });
104
- }
105
- }`,...($=(F=u.parameters)==null?void 0:F.docs)==null?void 0:$.source}}};var z,G,J;m.parameters={...m.parameters,docs:{...(z=m.parameters)==null?void 0:z.docs,source:{originalSource:`{
106
- args: {
107
- linkText: "Visit fueling console",
108
- onLinkClick: fn(),
109
- role: "alert",
110
- severity: "error",
111
- text: undefined,
112
- title: "Safety checks failed"
113
- },
114
- play: async ({
115
- args,
116
- canvasElement,
117
- step
118
- }: PlayType) => {
119
- await step("check for the link text and click it", async () => {
120
- const canvas = within(canvasElement);
121
- const link = canvas.getByText<HTMLAnchorElement>("Visit fueling console");
122
- await expect(link?.tagName).toBe("A");
123
- await expect(link?.href).toBe(\`\${link?.baseURI}#\`);
124
- await userEvent.click(link);
125
- await expect(args.onLinkClick).toHaveBeenCalled();
126
- });
127
- }
128
- }`,...(J=(G=m.parameters)==null?void 0:G.docs)==null?void 0:J.source}}};const He=["Info","Error","Warning","Success","WithLink","WithLinkAndTarget","ChildrenWithList","ChildrenWithLink","TitleWithLink","TitleWithLinkWithOnLinkClick"];export{c as ChildrenWithLink,l as ChildrenWithList,i as Error,r as Info,s as Success,u as TitleWithLink,m as TitleWithLinkWithOnLinkClick,n as Warning,o as WithLink,a as WithLinkAndTarget,He as __namedExportsOrder,Oe as default};
@@ -1,8 +0,0 @@
1
- import{j as o}from"./jsx-runtime-CnH95YSl.js";import{useMDXComponents as p}from"./index-BeeV6X6A.js";import"./index-DDAqzdZr.js";import{M as n,T as e,S as s,D as a,P as c,a as d,b as x}from"./index-c74KQyVj.js";import{T as i}from"./Card.stories-fvpTzjYC.js";import"./index-NdkWRN8K.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./preview-CQqyhYi4.js";import"./iframe-pzQvMjuK.js";import"./DocsRenderer-CFRXHY34-DjVgG9gc.js";import"./client-ByW5HbEz.js";import"./index-DieBXP3Z.js";import"./index-BJTM6NaI.js";import"./index-B5xazMy1.js";import"./index-CXQShRbs.js";import"./index-DrFu-skq.js";import"./OdysseyThemeProvider-C4N_85M9.js";import"./index-B-lxVbXh.js";import"./v4-CtRu48qb.js";import"./OdysseyStorybookThemeDecorator-DmBIIOGu.js";import"./OdysseyProvider-oMWLr_-4.js";import"./Card-z7130zaB.js";import"./BaseButton-C1Nzi3yl.js";import"./MuiPropsContext-DhRylJZk.js";import"./Tooltip-ciZ4e0Eb.js";import"./Tooltip-DOwIJUHs.js";import"./Grow-D6A2VZqw.js";import"./utils-3Wr9v8NX.js";import"./inheritsLoose-S-YxUaHb.js";import"./TransitionGroupContext-DAL84N7p.js";import"./useIsFocusVisible-DH0qxT5e.js";import"./getReactElementRef-SdO7zWnC.js";import"./resolveComponentProps-D1ztx9lS.js";import"./isHostComponent-DVu5iVWx.js";import"./useControlled-NQulfz4l.js";import"./Popper-9pd1Yneu.js";import"./popper-ChLFknNm.js";import"./ownerDocument-DW-IO8s5.js";import"./Portal-DK2ELYoG.js";import"./Button-CbJri63v.js";import"./ButtonBase-Lbe0_84r.js";import"./assertThisInitialized-B9jnkVVz.js";import"./MenuButton-C-OmKt3g.js";import"./BaseMenuButton-DPFgAU1j.js";import"./Box-BK5oZBIO.js";import"./Box-CTjIz0-2.js";import"./createBox-Cu6fLdzL.js";import"./useUniqueId-Bsgqe1tm.js";import"./createUniqueId-ByTaVY63.js";import"./MenuContext-DKMyPMNY.js";import"./More-DLP5TTaz.js";import"./Menu-C2dEwThV.js";import"./ownerWindow-HkKU3E4x.js";import"./debounce-Be36O1Ab.js";import"./Modal-Ddv1e_fT.js";import"./getScrollbarSize-Bqq2hMjQ.js";import"./createChainedFunction-BO_9K8Jh.js";import"./Fade-fD56BVkE.js";import"./Paper-D4wDjY4F.js";import"./MenuList-BCZDiX8u.js";import"./List-BSidosAy.js";import"./Typography-C4vClHaZ.js";import"./Typography-NdqIGwl5.js";import"./Skeleton-Bgl-rJ6W.js";import"./colorManipulator-BmBCr6qx.js";import"./CardActions-C8G3mEo5.js";import"./CardActionArea-B7i8fBJO.js";import"./MenuItem-C0i8WJAZ.js";import"./MenuItem-D69h7bYZ.js";import"./Button-DuM2NeMY.js";import"./Checkbox-CMDOP82Q.js";import"./inputUtils-Dbi8XkA6.js";import"./Hint-CkN2-6Wh.js";import"./FormHelperText-DQoZ2-nD.js";import"./useFormControl-BMISTZuX.js";import"./FormControlLabel-DPa22EmK.js";import"./Stack-Dyzg8njm.js";import"./createStyled-CcazfAPj.js";import"./useThemeProps-BX3arxP9.js";import"./Checkbox-BlSNHylx.js";import"./SwitchBase-n4YlIRfi.js";import"./createSvgIcon-V-Po-Ssl.js";import"./IconButton-CgM2Hv_L.js";import"./ChevronUp-DyYSBYAc.js";function m(r){const t={code:"code",p:"p",...p(),...r.components};return o.jsxs(o.Fragment,{children:[o.jsx(n,{of:i}),`
2
- `,o.jsx(e,{of:i}),`
3
- `,o.jsx(s,{of:i}),`
4
- `,o.jsx(a,{of:i}),`
5
- `,o.jsx(c,{of:i}),`
6
- `,o.jsxs(t.p,{children:[o.jsx(t.code,{children:"<Card>"})," can either be clickable (via the ",o.jsx(t.code,{children:"onClick"})," prop), or can include a button and/or menu (via the ",o.jsx(t.code,{children:"button"})," and ",o.jsx(t.code,{children:"menuItems"})," props)."]}),`
7
- `,o.jsx(d,{}),`
8
- `,o.jsx(x,{})]})}function Ko(r={}){const{wrapper:t}={...p(),...r.components};return t?o.jsx(t,{...r,children:o.jsx(m,{...r})}):m(r)}export{Ko as default};
@@ -1,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-DmBIIOGu.js";import{f as p}from"./fieldComponentPropsMetaData-BqbNLw6V.js";import{c as x,M as U}from"./Checkbox-CMDOP82Q.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./axe-4JP0vCEZ.js";import"./OdysseyThemeProvider-C4N_85M9.js";import"./index-BJTM6NaI.js";import"./OdysseyProvider-oMWLr_-4.js";import"./inputUtils-Dbi8XkA6.js";import"./Typography-C4vClHaZ.js";import"./Typography-NdqIGwl5.js";import"./useUniqueId-Bsgqe1tm.js";import"./createUniqueId-ByTaVY63.js";import"./Hint-CkN2-6Wh.js";import"./FormHelperText-DQoZ2-nD.js";import"./useFormControl-BMISTZuX.js";import"./FormControlLabel-DPa22EmK.js";import"./Stack-Dyzg8njm.js";import"./createStyled-CcazfAPj.js";import"./useThemeProps-BX3arxP9.js";import"./Checkbox-BlSNHylx.js";import"./SwitchBase-n4YlIRfi.js";import"./useControlled-NQulfz4l.js";import"./ButtonBase-Lbe0_84r.js";import"./useIsFocusVisible-DH0qxT5e.js";import"./assertThisInitialized-B9jnkVVz.js";import"./inheritsLoose-S-YxUaHb.js";import"./TransitionGroupContext-DAL84N7p.js";import"./createSvgIcon-V-Po-Ssl.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,92 +0,0 @@
1
- import{j as e}from"./jsx-runtime-CnH95YSl.js";import{O as K}from"./OdysseyStorybookThemeDecorator-DmBIIOGu.js";import{f as s}from"./fieldComponentPropsMetaData-BqbNLw6V.js";import{M as b}from"./CheckboxGroup-CwIFFbkc.js";import{M as a}from"./Checkbox-CMDOP82Q.js";import{M as N}from"./Link-PjuOItUN.js";import"./index-NdkWRN8K.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./OdysseyThemeProvider-C4N_85M9.js";import"./index-BJTM6NaI.js";import"./OdysseyProvider-oMWLr_-4.js";import"./Field-QbF6sK2K.js";import"./Box-BK5oZBIO.js";import"./Box-CTjIz0-2.js";import"./createBox-Cu6fLdzL.js";import"./List-BSidosAy.js";import"./ListItem-DB9pwEx3.js";import"./utils-iop7lDec.js";import"./useFormControl-BMISTZuX.js";import"./FormLabel-CjrKvhME.js";import"./useIsFocusVisible-DH0qxT5e.js";import"./isHostComponent-DVu5iVWx.js";import"./ButtonBase-Lbe0_84r.js";import"./assertThisInitialized-B9jnkVVz.js";import"./inheritsLoose-S-YxUaHb.js";import"./TransitionGroupContext-DAL84N7p.js";import"./ScreenReaderText-DrkvjfUf.js";import"./visuallyHidden-Dan1xhjv.js";import"./FormHelperText-DQoZ2-nD.js";import"./FieldHint-Mz3OdL0I.js";import"./Typography-C4vClHaZ.js";import"./Typography-NdqIGwl5.js";import"./useUniqueId-Bsgqe1tm.js";import"./createUniqueId-ByTaVY63.js";import"./FormGroup-CYHiKrU4.js";import"./inputUtils-Dbi8XkA6.js";import"./Hint-CkN2-6Wh.js";import"./FormControlLabel-DPa22EmK.js";import"./Stack-Dyzg8njm.js";import"./createStyled-CcazfAPj.js";import"./useThemeProps-BX3arxP9.js";import"./Checkbox-BlSNHylx.js";import"./SwitchBase-n4YlIRfi.js";import"./useControlled-NQulfz4l.js";import"./createSvgIcon-V-Po-Ssl.js";import"./Link-D0sejjD3.js";import"./ExternalLink-D3z7HWdx.js";const Ve={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 ze=["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,ze as __namedExportsOrder,Ve as default};
@@ -1,41 +0,0 @@
1
- import{j as o}from"./jsx-runtime-CnH95YSl.js";import{useMDXComponents as m}from"./index-BeeV6X6A.js";import"./index-DDAqzdZr.js";import{M as n,T as e,S as s,D as a}from"./index-c74KQyVj.js";import{D as r}from"./DataTable _labs_.stories-o_LRnzmM.js";import"./index-NdkWRN8K.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./preview-CQqyhYi4.js";import"./iframe-pzQvMjuK.js";import"./DocsRenderer-CFRXHY34-DjVgG9gc.js";import"./client-ByW5HbEz.js";import"./index-DieBXP3Z.js";import"./index-BJTM6NaI.js";import"./index-B5xazMy1.js";import"./index-CXQShRbs.js";import"./index-DrFu-skq.js";import"./index-BJMTVygn.js";import"./OdysseyStorybookThemeDecorator-DmBIIOGu.js";import"./OdysseyThemeProvider-C4N_85M9.js";import"./OdysseyProvider-oMWLr_-4.js";import"./personData-BDz2-Bac.js";import"./Status-SY8R_HiF.js";import"./MuiPropsContext-DhRylJZk.js";import"./Chip-M3FRYspe.js";import"./createSvgIcon-V-Po-Ssl.js";import"./useIsFocusVisible-DH0qxT5e.js";import"./ButtonBase-Lbe0_84r.js";import"./assertThisInitialized-B9jnkVVz.js";import"./inheritsLoose-S-YxUaHb.js";import"./TransitionGroupContext-DAL84N7p.js";import"./constants-CyailK6t.js";import"./DataView-CBu_vDz5.js";import"./Box-BK5oZBIO.js";import"./Box-CTjIz0-2.js";import"./createBox-Cu6fLdzL.js";import"./MenuButton-C-OmKt3g.js";import"./BaseMenuButton-DPFgAU1j.js";import"./useUniqueId-Bsgqe1tm.js";import"./createUniqueId-ByTaVY63.js";import"./BaseButton-C1Nzi3yl.js";import"./Tooltip-ciZ4e0Eb.js";import"./Tooltip-DOwIJUHs.js";import"./Grow-D6A2VZqw.js";import"./utils-3Wr9v8NX.js";import"./getReactElementRef-SdO7zWnC.js";import"./resolveComponentProps-D1ztx9lS.js";import"./isHostComponent-DVu5iVWx.js";import"./useControlled-NQulfz4l.js";import"./Popper-9pd1Yneu.js";import"./popper-ChLFknNm.js";import"./ownerDocument-DW-IO8s5.js";import"./Portal-DK2ELYoG.js";import"./Button-CbJri63v.js";import"./MenuContext-DKMyPMNY.js";import"./More-DLP5TTaz.js";import"./Menu-C2dEwThV.js";import"./ownerWindow-HkKU3E4x.js";import"./debounce-Be36O1Ab.js";import"./Modal-Ddv1e_fT.js";import"./getScrollbarSize-Bqq2hMjQ.js";import"./createChainedFunction-BO_9K8Jh.js";import"./Fade-fD56BVkE.js";import"./Paper-D4wDjY4F.js";import"./MenuList-BCZDiX8u.js";import"./List-BSidosAy.js";import"./Callout-DY2rv89C.js";import"./Link-PjuOItUN.js";import"./Link-D0sejjD3.js";import"./Typography-NdqIGwl5.js";import"./ExternalLink-D3z7HWdx.js";import"./Typography-C4vClHaZ.js";import"./AlertTitle-C5NflvC5.js";import"./useSlot-D_uu6bU4.js";import"./Close-DJA1l50S.js";import"./IconButton-CgM2Hv_L.js";import"./useScrollIndication-DY-bS9Bn.js";import"./EmptyState-DqVcjLYd.js";import"./Pagination-CPZOkZUE.js";import"./Button-DuM2NeMY.js";import"./ArrowRight-BCdbWzwG.js";import"./InputBase-DSyP23zj.js";import"./useFormControl-BMISTZuX.js";import"./utils-iop7lDec.js";import"./DataFilters-DPi4_TMw.js";import"./Autocomplete-DVDZYzDH.js";import"./useAutocomplete-B3_vLbIK.js";import"./index.esm-C8irYXeq.js";import"./Field-QbF6sK2K.js";import"./ListItem-DB9pwEx3.js";import"./FormLabel-CjrKvhME.js";import"./ScreenReaderText-DrkvjfUf.js";import"./visuallyHidden-Dan1xhjv.js";import"./FormHelperText-DQoZ2-nD.js";import"./FieldHint-Mz3OdL0I.js";import"./inputUtils-Dbi8XkA6.js";import"./Autocomplete-BMfy4j72.js";import"./ArrowDropDown-DddCYTEO.js";import"./ListSubheader--G940pR4.js";import"./Checkbox-CMDOP82Q.js";import"./Hint-CkN2-6Wh.js";import"./FormControlLabel-DPa22EmK.js";import"./Stack-Dyzg8njm.js";import"./createStyled-CcazfAPj.js";import"./useThemeProps-BX3arxP9.js";import"./Checkbox-BlSNHylx.js";import"./SwitchBase-n4YlIRfi.js";import"./CheckboxGroup-CwIFFbkc.js";import"./FormGroup-CYHiKrU4.js";import"./Radio-B2zw408T.js";import"./Radio-BRMnUBeG.js";import"./RadioGroup-BM3_3HU2.js";import"./RadioGroup-CZWIkl-b.js";import"./SearchField-vEVEEXjl.js";import"./InputAdornment-CVIbzdDI.js";import"./Search-BH45H3v4.js";import"./Tag-DCZngwHs.js";import"./TagList-BvQLms1L.js";import"./TextField-DUdvP48K.js";import"./Filter-sXa3iWrm.js";import"./MenuItem-D69h7bYZ.js";import"./ChevronRight-SFKDVCjo.js";import"./CircularProgress-iBaxEenq.js";import"./CircularProgress-K0vgt9-g.js";import"./Card-z7130zaB.js";import"./Skeleton-Bgl-rJ6W.js";import"./colorManipulator-BmBCr6qx.js";import"./CardActions-C8G3mEo5.js";import"./CardActionArea-B7i8fBJO.js";import"./ChevronUp-DyYSBYAc.js";import"./MenuItem-C0i8WJAZ.js";import"./List-B7JH4gjK.js";import"./constants-CGUp4oSR.js";import"./index.esm-Dv3Cs9mX.js";import"./DialogContent-CfzX3t0u.js";import"./dialogActionsClasses-p1SqDmrR.js";import"./DialogTitle-DWrKQeoP.js";import"./useMobilePicker-NPR54vgn.js";import"./Select-Dg6qtAos.js";import"./useThemeProps-k7xle20R.js";import"./Collapse-DKQFr8Jv.js";import"./Divider-bVF9wNUG.js";import"./tableSortLabelClasses-BUdDGZ1b.js";import"./DateTimePicker-Bc3ybPls.js";import"./Tabs-Yjnd4xiR.js";import"./DatePicker-DcQC9osa.js";import"./Show-D1oNDX9u.js";import"./Refresh-D3vISItP.js";function p(i){const t={code:"code",p:"p",pre:"pre",...m(),...i.components};return o.jsxs(o.Fragment,{children:[o.jsx(n,{of:r}),`
2
- `,o.jsx(e,{of:r}),`
3
- `,o.jsx(s,{of:r}),`
4
- `,o.jsx(a,{of:r}),`
5
- `,o.jsxs(t.p,{children:[o.jsx(t.code,{children:"DataTable"})," is a convenience wrapper on top of ",o.jsx(t.code,{children:"DataView"})," that allows consumers to use the existing ",o.jsx(t.code,{children:"DataTable"}),` API, so you can have all the benefits
6
- of `,o.jsx(t.code,{children:"DataView"})," without needing to change any code."]}),`
7
- `,o.jsxs(t.p,{children:["To use this, just change your existing ",o.jsx(t.code,{children:"DataTable"})," import to use the ",o.jsx(t.code,{children:"@odyssey-react-mui/labs"})," version."]}),`
8
- `,o.jsx(t.p,{children:"For example, this:"}),`
9
- `,o.jsx(t.pre,{children:o.jsx(t.code,{children:`<DataTable
10
- getData={getData}
11
- columns={props.columns}
12
- hasChangeableDensity={props.hasChangeableDensity}
13
- hasColumnResizing={props.hasColumnResizing}
14
- hasColumnVisibility={props.hasColumnVisibility}
15
- hasSorting={props.hasSorting}
16
- initialDensity={props.initialDensity}
17
- renderDetailPanel={props.renderDetailPanel}
18
- rowActionButtons={props.rowActionButtons}
19
- rowActionMenuItems={props.rowActionMenuItems}
20
- {...props}
21
- />
22
- `})}),`
23
- `,o.jsx(t.p,{children:"is the same as:"}),`
24
- `,o.jsx(t.pre,{children:o.jsx(t.code,{children:`<DataView
25
- availableLayouts={["table"]}
26
- getData={getData}
27
- tableLayoutOptions={{
28
- columns: props.columns,
29
- hasChangeableDensity: props.hasChangeableDensity,
30
- hasColumnResizing: props.hasColumnResizing,
31
- hasColumnVisibility: props.hasColumnVisibility,
32
- hasSorting: props.hasSorting,
33
- initialDensity: props.initialDensity,
34
- renderDetailPanel: props.renderDetailPanel,
35
- rowActionButtons: props.rowActionButtons,
36
- rowActionMenuItems: props.rowActionMenuItems,
37
- }}
38
- {...props}
39
- />
40
- `})}),`
41
- `,o.jsx(t.p,{children:"For more information, consult the DataView documentation."})]})}function Wt(i={}){const{wrapper:t}={...m(),...i.components};return t?o.jsx(t,{...i,children:o.jsx(p,{...i})}):p(i)}export{Wt as default};
@@ -1 +0,0 @@
1
- import{r as n}from"./index-NdkWRN8K.js";import{M as R}from"./Button-DuM2NeMY.js";import{M as S}from"./FullScreenOverlay-B8rXO7lI.js";import{V as k,W as z,c as A,_ as E,s as U,b as h,d as w,f as B,r as N,K as P,av as _}from"./OdysseyThemeProvider-C4N_85M9.js";import{u as D}from"./useUniqueId-Bsgqe1tm.js";import{j as o}from"./jsx-runtime-CnH95YSl.js";import{T as q}from"./Typography-NdqIGwl5.js";import{a as L,b as H,c as W}from"./DialogContent-CfzX3t0u.js";import{D as K}from"./DialogTitle-DWrKQeoP.js";function V(t){return k("MuiDialogContentText",t)}z("MuiDialogContentText",["root"]);const $=["children","className"],G=t=>{const{classes:s}=t,a=B({root:["root"]},V,s);return h({},s,a)},J=U(q,{shouldForwardProp:t=>N(t)||t==="classes",name:"MuiDialogContentText",slot:"Root",overridesResolver:(t,s)=>s.root})({}),Q=n.forwardRef(function(s,r){const a=A({props:s,name:"MuiDialogContentText"}),{className:m}=a,i=E(a,$),l=G(i);return o.jsx(J,h({component:"p",variant:"body1",color:"text.secondary",ref:r,ownerState:i,className:w(l.root,m)},a,{classes:l}))}),X=({primaryCallToActionComponent:t,secondaryCallToActionComponent:s,tertiaryCallToActionComponent:r,callToActionFirstComponent:a,callToActionSecondComponent:m,callToActionLastComponent:i,children:l,isOpen:d,onClose:u,testId:y,title:j,translate:T})=>{const{t:b}=P(),[g,M]=n.useState(!1),x=n.useRef(null),I=D(),f=D();n.useEffect(()=>{let e;const c=()=>{const p=x.current;p&&(cancelAnimationFrame(e),M(p.scrollHeight>p.clientHeight)),e=requestAnimationFrame(c)};return d&&(e=requestAnimationFrame(c)),()=>{cancelAnimationFrame(e)}},[d]);const v=typeof l=="string"?o.jsx(Q,{children:l}):l,C=[r||i,s||m,t||a].filter(Boolean),F=n.useCallback(e=>u(e,"closeButtonClick"),[u]);return o.jsx(S,{children:o.jsxs(L,{"aria-labelledby":f,"data-se":y,onClose:u,open:d,children:[o.jsxs(K,{id:I,translate:T,children:[o.jsx("span",{id:f,children:j}),o.jsx(R,{ariaLabel:b("close.text"),onClick:F,size:"small",startIcon:o.jsx(_,{}),variant:"floating"})]}),o.jsx(H,{...g&&{tabIndex:0},dividers:g,ref:x,children:v}),C.length>0&&o.jsx(W,{children:C.map((e,c)=>e?n.cloneElement(e,{key:c}):null)})]})})},Y=n.memo(X);Y.displayName="Dialog";export{Q as D,Y as M};