@okta/odyssey-contribution-tooling 1.47.1 → 1.49.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 (694) hide show
  1. package/CHANGELOG.md +5 -1
  2. package/dist/assets/{Accordion-BUumLSm9.js → Accordion-BNJn0pfW.js} +1 -1
  3. package/dist/assets/{Accordion.stories-CaMgAnYN.js → Accordion.stories-DZIjfE-o.js} +3 -3
  4. package/dist/assets/{AccordionSummary-0jrOTJTD.js → AccordionSummary-BjqT0nEb.js} +1 -1
  5. package/dist/assets/{AlertTitle-BbBpDTwd.js → AlertTitle-q6ff_Zkl.js} +1 -1
  6. package/dist/assets/{AppSwitcher-B7j0xavZ.js → AppSwitcher-cyyPttJv.js} +1 -1
  7. package/dist/assets/{AppSwitcher.stories-BqeExztr.js → AppSwitcher.stories--8DVDaS1.js} +3 -3
  8. package/dist/assets/AppTile _labs_.stories-D9W_XD90.js +136 -0
  9. package/dist/assets/{ArrowDropDown-LYMnJjPD.js → ArrowDropDown-DdemyKZU.js} +1 -1
  10. package/dist/assets/{ArrowRight-Bi2Pswgc.js → ArrowRight-ChWYjNny.js} +1 -1
  11. package/dist/assets/{Autocomplete-DD8JT6Eb.js → Autocomplete-Cpi_kUVA.js} +1 -1
  12. package/dist/assets/Autocomplete-CxtGbb8j.js +1 -0
  13. package/dist/assets/{Autocomplete.stories-DjkuAafz.js → Autocomplete.stories-CQuaZrwN.js} +3 -3
  14. package/dist/assets/{Badge-C6SBtLt7.js → Badge-BO7bTIEa.js} +1 -1
  15. package/dist/assets/{Banner-itG3HAaL.js → Banner-K7AM0SJj.js} +1 -1
  16. package/dist/assets/{Banner.stories-o2KYQ49p.js → Banner.stories-BRQINNIu.js} +3 -3
  17. package/dist/assets/{BaseButton-COF38VLB.js → BaseButton-DYZHKnV3.js} +1 -1
  18. package/dist/assets/{BaseMenuButton-pigMBOEp.js → BaseMenuButton-BIietjUB.js} +1 -1
  19. package/dist/assets/{Box-BGpAHVQV.js → Box-1mvP3NLW.js} +1 -1
  20. package/dist/assets/Box-BcMTQ_R2.js +1 -0
  21. package/dist/assets/Box-DXoV5_ch.js +11 -0
  22. package/dist/assets/{Box.stories-Bl1v2MtQ.js → Box.stories-C8EeKXhb.js} +1 -1
  23. package/dist/assets/Breadcrumbs-Bp-jt6t5.js +6 -0
  24. package/dist/assets/Breadcrumbs.stories-B_3snTWA.js +79 -0
  25. package/dist/assets/{Bug-CF8uTmAI.js → Bug-CQIUmZ-N.js} +1 -1
  26. package/dist/assets/{Button-DGmXZ3jw.js → Button-BEA5U6Tg.js} +1 -1
  27. package/dist/assets/{Button-CdPi1pZc.js → Button-BzIwUmSM.js} +1 -1
  28. package/dist/assets/{Button.stories-DDHyMQ1_.js → Button.stories-S7v-663i.js} +2 -2
  29. package/dist/assets/ButtonBase-BNqa2TMD.js +74 -0
  30. package/dist/assets/{Calendar-DjJqG0qe.js → Calendar-_GPHtaRa.js} +1 -1
  31. package/dist/assets/{Callout-DyDdgWdc.js → Callout-FZxPpigF.js} +1 -1
  32. package/dist/assets/Callout.stories-CODSBn6K.js +105 -0
  33. package/dist/assets/Card-C0RGIer3.js +1 -0
  34. package/dist/assets/Card-CBiqCoFv.js +8 -0
  35. package/dist/assets/{Card.stories-B_l3D6T0.js → Card.stories-Cp5cSsvN.js} +1 -1
  36. package/dist/assets/{CardActionArea-BTMPt80M.js → CardActionArea-DWrXZntI.js} +1 -1
  37. package/dist/assets/CardActions-BQdq7Bn0.js +1 -0
  38. package/dist/assets/Checkbox-DPv3Q9UW.js +1 -0
  39. package/dist/assets/{Checkbox-BVTNXOF7.js → Checkbox-vZwuXtzm.js} +1 -1
  40. package/dist/assets/Checkbox.stories-9dZS0JMC.js +96 -0
  41. package/dist/assets/{CheckboxGroup-D-ykWUnV.js → CheckboxGroup-Be66QML5.js} +1 -1
  42. package/dist/assets/CheckboxGroup.stories-Cx6CsE7C.js +92 -0
  43. package/dist/assets/{ChevronRight-DkL07pJu.js → ChevronRight-C12ToI7Y.js} +1 -1
  44. package/dist/assets/{ChevronUp-DBzjQ0Vq.js → ChevronUp-CfT7Bz8X.js} +1 -1
  45. package/dist/assets/Chip-CXnMieIl.js +1 -0
  46. package/dist/assets/{CircularProgress-Dfpt5LAz.js → CircularProgress-DPxwxglU.js} +1 -1
  47. package/dist/assets/{CircularProgress-B5_VbcVt.js → CircularProgress-HbIdZLBB.js} +4 -4
  48. package/dist/assets/{CircularProgress.stories-Daf0R9vA.js → CircularProgress.stories-BCClfpJw.js} +1 -1
  49. package/dist/assets/{Clock-Cs7_WjUp.js → Clock-17ua7UAW.js} +1 -1
  50. package/dist/assets/{Close-ATS01D1v.js → Close-OXBt1nIe.js} +1 -1
  51. package/dist/assets/{Code Styling Guidelines-KEouIK7B.js → Code Styling Guidelines-CVbofGQK.js } +1 -1
  52. package/dist/assets/{Collapse-COoe3Qtd.js → Collapse-DfdoVIdP.js} +1 -1
  53. package/dist/assets/{Color-YHDXOIA2-DQdRRXzu.js → Color-YHDXOIA2-DT4T6TnK.js} +1 -1
  54. package/dist/assets/{CssBaseline-D-vAj66q.js → CssBaseline-DpDXOHEK.js} +1 -1
  55. package/dist/assets/{CssBaseline.stories-BOhXBF5h.js → CssBaseline.stories-DeSEyTd-.js} +1 -1
  56. package/dist/assets/{Custom Theming-DmPtfg8b.js → Custom Theming-CmbOHtP1.js } +5 -6
  57. package/dist/assets/Custom Theming.stories-CxVTbjdx.js +95 -0
  58. package/dist/assets/{DataFilters _labs_-blW_3eFm.js → DataFilters _labs_-DvUVhC-g.js } +2 -2
  59. package/dist/assets/{DataFilters _labs_.stories-D2qt9BDz.js → DataFilters _labs_.stories-Ca9tvzkv.js } +1 -1
  60. package/dist/assets/{DataFilters-49CUFFBF.js → DataFilters-BnT_U3-o.js} +1 -1
  61. package/dist/assets/DataTable _labs_-DL8Jc4Hl.js +41 -0
  62. package/dist/assets/{DataTable _labs_.stories-DrwT0H9g.js → DataTable _labs_.stories-C9Tljg4U.js } +2 -2
  63. package/dist/assets/{DataTable-Ka-SCcOh.js → DataTable-S0xhd1LQ.js} +2 -2
  64. package/dist/assets/{DataTable-DeujVhYp.js → DataTable-XayRBHyP.js} +3 -3
  65. package/dist/assets/{DataTable.stories-CaSfkouk.js → DataTable.stories-tcZyd507.js} +1 -1
  66. package/dist/assets/{DataView _labs_-CqZlEyu1.js → DataView _labs_-oQPoSKgb.js } +2 -2
  67. package/dist/assets/{DataView _labs_.stories-CXjSXDeF.js → DataView _labs_.stories-C_xQt04_.js } +1 -1
  68. package/dist/assets/{DataView-CYkwjPzk.js → DataView-C5rMFmwA.js} +7 -7
  69. package/dist/assets/{DataView.stories-DT0ROHOs.js → DataView.stories-oJRHGPAN.js} +148 -65
  70. package/dist/assets/DatePicker-BwDkz3WT.js +1 -0
  71. package/dist/assets/{DatePicker-C9sNy4fj.js → DatePicker-CaivHe9y.js} +2 -2
  72. package/dist/assets/DatePicker.stories-DbwO66Pf.js +133 -0
  73. package/dist/assets/DateTimePicker-B7a9bgL6.js +1 -0
  74. package/dist/assets/{DateTimePicker.stories-B2SaI9OL.js → DateTimePicker.stories-DL2oaP7L.js} +9 -9
  75. package/dist/assets/Design Tokens-CLnoritM.js +4 -0
  76. package/dist/assets/Dialog-CR4TUjlJ.js +1 -0
  77. package/dist/assets/Dialog.stories-2q37jV4r.js +201 -0
  78. package/dist/assets/{DialogContent-_oGbCJT8.js → DialogContent-Cwn-I-C_.js} +1 -1
  79. package/dist/assets/DialogTitle-C-K7jEio.js +1 -0
  80. package/dist/assets/{Divider-DsFAYUeD.js → Divider-Ln3VaO81.js} +1 -1
  81. package/dist/assets/{DocsRenderer-CFRXHY34-IKzmQUB4.js → DocsRenderer-CFRXHY34-CCeAz_jE.js} +1 -1
  82. package/dist/assets/{Documentation-BrTRsPbe.js → Documentation-DF3oo39e.js} +1 -1
  83. package/dist/assets/{Download-CnpAgqy2.js → Download-Zlhupksh.js} +1 -1
  84. package/dist/assets/Drawer-CXQ3piJR.js +33 -0
  85. package/dist/assets/Drawer.stories-Dlkg74m1.js +95 -0
  86. package/dist/assets/{EmptyState-9pxLjmqH.js → EmptyState-CpBEzmap.js} +2 -2
  87. package/dist/assets/EmptyState.stories-Dl57LvdY.js +11 -0
  88. package/dist/assets/ExampleButton.stories-Bbj5W6A-.js +320 -0
  89. package/dist/assets/{Extending Translations-DW0F3Xxk.js → Extending Translations-D38KR8Kn.js } +1 -1
  90. package/dist/assets/{ExternalLink-BZ-Yczsk.js → ExternalLink-D0l1c5Cz.js} +1 -1
  91. package/dist/assets/Fade-dUgBN8rJ.js +1 -0
  92. package/dist/assets/{Field-lyECanzU.js → Field-DH3L8v09.js} +2 -2
  93. package/dist/assets/{FieldHint-C3tXb7u4.js → FieldHint-B3Jif_Up.js} +1 -1
  94. package/dist/assets/{Fieldset-C2nSfkpl.js → Fieldset-D7_59eeI.js} +2 -2
  95. package/dist/assets/Fieldset.stories-B-NXKKP-.js +15 -0
  96. package/dist/assets/{FileUploader.stories-C8jSeElw.js → FileUploader.stories-C9ua336t.js} +8 -8
  97. package/dist/assets/{Filter-Dx8z3DNi.js → Filter-DsDJ7si-.js} +1 -1
  98. package/dist/assets/{Folder-BfxqGqvt.js → Folder-e-po0U54.js} +1 -1
  99. package/dist/assets/{Form Field Accessibility-Bk715sxq.js → Form Field Accessibility-D5GmQTjo.js } +1 -1
  100. package/dist/assets/{Form-BFqw21k4.js → Form-iTx8DKdm.js} +1 -1
  101. package/dist/assets/Form.stories-CKX8F-HV.js +69 -0
  102. package/dist/assets/{FormControlLabel-BKhSSavj.js → FormControlLabel-0BBemR80.js} +1 -1
  103. package/dist/assets/{FormGroup-Cuk9jkbL.js → FormGroup-HFkGZ983.js} +1 -1
  104. package/dist/assets/{FormHelperText-qF3DX-zz.js → FormHelperText-CsNAE1E3.js} +1 -1
  105. package/dist/assets/{FormLabel-BLj3hKkg.js → FormLabel-CiGre9wK.js} +1 -1
  106. package/dist/assets/{FullScreenOverlay-D_QtB3Yt.js → FullScreenOverlay-BTMDlJhE.js} +1 -1
  107. package/dist/assets/{Generating Icons-DU5C85Nu.js → Generating Icons-B_lqn7WI.js } +1 -1
  108. package/dist/assets/{Globe-Brrqdlv8.js → Globe-B83Xmd05.js} +1 -1
  109. package/dist/assets/{Grid-CZMVE6qU.js → Grid-EpV3TL4a.js} +1 -1
  110. package/dist/assets/{Group-B6q-i_C2.js → Group-mTVRC79V.js} +1 -1
  111. package/dist/assets/GroupPicker _labs_.stories-rRod3ZIj.js +33 -0
  112. package/dist/assets/Grow-C8kUeGCY.js +1 -0
  113. package/dist/assets/{Hide-DlEWsxsn.js → Hide-TKfOHglI.js} +1 -1
  114. package/dist/assets/Hint-DoJneNg9.js +11 -0
  115. package/dist/assets/{Home-BiP4Mg1h.js → Home-la7Lmt_L.js} +1 -1
  116. package/dist/assets/Icon _icons_.stories-BmisOf4s.js +16 -0
  117. package/dist/assets/{IconButton-OY9nJWpv.js → IconButton-5qShmnSr.js} +1 -1
  118. package/dist/assets/IconWithTooltip _icons_.stories-C86MVO5n.js +19 -0
  119. package/dist/assets/{InformationCircle-CE8ruoYu.js → InformationCircle-a2jMUKfL.js} +1 -1
  120. package/dist/assets/{InputAdornment-D4SsBOPe.js → InputAdornment-CdR3XT6f.js} +1 -1
  121. package/dist/assets/{InputBase-DSZ9ZgyW.js → InputBase-DeB4_faH.js} +2 -2
  122. package/dist/assets/{Installing odyssey-react-mui-XtugTFlz.js → Installing odyssey-react-mui-BlZZYALn.js } +24 -3
  123. package/dist/assets/{Introduction-Bt8Bd0mz.js → Introduction-D6814AO1.js} +6 -6
  124. package/dist/assets/{Layout-BduWITqf.js → Layout-DGOs1275.js} +1 -1
  125. package/dist/assets/{Layout.stories-BaeIV62G.js → Layout.stories-DE3l510g.js} +2 -2
  126. package/dist/assets/{Legacy Migrations-DZ-fx_Jl.js → Legacy Migrations-B9gOEz-l.js } +1 -1
  127. package/dist/assets/{Link-DI6v1ROk.js → Link-BDoLypER.js} +1 -1
  128. package/dist/assets/{Link-BnBknBcu.js → Link-DNIf0luC.js} +1 -1
  129. package/dist/assets/Link-dX7EI1Ct.js +11 -0
  130. package/dist/assets/{Link.stories-BY0xRfX5.js → Link.stories-DnkjU-5y.js} +1 -1
  131. package/dist/assets/{List-Be7fhh4_.js → List-CmjR1pNu.js} +1 -1
  132. package/dist/assets/{List-DsAZFSEg.js → List-UlX1tusJ.js} +1 -1
  133. package/dist/assets/{ListItem-C8ebNPnP.js → ListItem-C0ExFtXb.js} +1 -1
  134. package/dist/assets/{ListSubheader-Bwc0JItn.js → ListSubheader-CQJAAOsd.js} +1 -1
  135. package/dist/assets/Menu-K9lpVvDG.js +1 -0
  136. package/dist/assets/{MenuButton-Dr4RJoKG.js → MenuButton-B3T7c15t.js} +1 -1
  137. package/dist/assets/MenuButton-hdFGv_9Z.js +9 -0
  138. package/dist/assets/{MenuButton.stories-B5Ron3HG.js → MenuButton.stories-BRHUGqba.js} +1 -1
  139. package/dist/assets/{MenuItem-n-UKDxiu.js → MenuItem-CmSG6PNu.js} +1 -1
  140. package/dist/assets/{MenuItem-B0_vCuIq.js → MenuItem-vhp8G-Nb.js} +1 -1
  141. package/dist/assets/MenuItem.stories-dOOOz3KO.js +29 -0
  142. package/dist/assets/{MenuList-CW8ri5AI.js → MenuList-BMOesnfs.js} +1 -1
  143. package/dist/assets/Modal-CSDyCVCf.js +1 -0
  144. package/dist/assets/{More-D1qrtSvt.js → More-DLQ2RjWn.js} +1 -1
  145. package/dist/assets/NativeSelect.stories-DHgms1GM.js +173 -0
  146. package/dist/assets/{OdysseyProvider-2xjMTEu6.js → OdysseyProvider-qIn9QVYS.js} +5 -5
  147. package/dist/assets/{OdysseyStorybookThemeDecorator-BRjYVaUu.js → OdysseyStorybookThemeDecorator-BuDiOG2V.js} +1 -1
  148. package/dist/assets/{OdysseyThemeProvider-BBwjgzn2.js → OdysseyThemeProvider-Bh0Bu-2o.js} +1 -1
  149. package/dist/assets/{PageHeader.stories-q0-kxFNT.js → PageHeader.stories-MDEEjM1g.js} +2 -2
  150. package/dist/assets/PageHeader.stories-eACdVWYK.js +57 -0
  151. package/dist/assets/PageTemplate _labs_-BuvgCua7.js +8 -0
  152. package/dist/assets/{PageTemplate _labs_.stories-DtJtMC5B.js → PageTemplate _labs_.stories-C8RdfTqi.js } +1 -1
  153. package/dist/assets/{PageTemplate-mNUP99LO.js → PageTemplate-D-EQlTUx.js} +2 -2
  154. package/dist/assets/PageTemplate.stories-BzgC-WCT.js +197 -0
  155. package/dist/assets/{PaginatedTable _labs_.stories--9YveFu7.js → PaginatedTable _labs_.stories-CvpuSFlt.js } +3 -3
  156. package/dist/assets/{Pagination-D6myvUfo.js → Pagination-CB1wBW8Q.js} +2 -2
  157. package/dist/assets/Pagination.stories-RoH8O-RA.js +17 -0
  158. package/dist/assets/{Paper-XsV8SWR9.js → Paper-D-_O-EjU.js} +1 -1
  159. package/dist/assets/PasswordField.stories-BUOy4gYe.js +129 -0
  160. package/dist/assets/Picker _labs_.stories-BIZmrH82.js +18 -0
  161. package/dist/assets/{PickerWithOptionAdornment _labs_.stories-DZ_mcN9y.js → PickerWithOptionAdornment _labs_.stories-CQYX6Af7.js } +3 -3
  162. package/dist/assets/Popper-BARIxJrI.js +1 -0
  163. package/dist/assets/Portal-C6D59xAE.js +1 -0
  164. package/dist/assets/ProgressBar.stories-Dyp9UXSp.js +311 -0
  165. package/dist/assets/{Radio-BimAm2in.js → Radio-B4gVvwps.js} +1 -1
  166. package/dist/assets/Radio-BdNnpooK.js +1 -0
  167. package/dist/assets/{Radio.stories-BIH7UBMO.js → Radio.stories-BtiaRnXY.js} +3 -3
  168. package/dist/assets/{RadioGroup-DhVJQTpS.js → RadioGroup-BYJZ378_.js} +1 -1
  169. package/dist/assets/RadioGroup-CtUWSbQc.js +1 -0
  170. package/dist/assets/RadioGroup-D1k5iqEQ.js +10 -0
  171. package/dist/assets/RadioGroup.stories-kfMrpCQ4.js +138 -0
  172. package/dist/assets/{Refresh-GVzSl4pN.js → Refresh-DexPEklu.js} +1 -1
  173. package/dist/assets/ResourceAccessPolicyComponentsStorybookThemeDecorator-Bo_QNpfC.js +212 -0
  174. package/dist/assets/{Right-to-Left (RTL)-DyJ58shp.js → Right-to-Left (RTL)-BHFSR1q8.js } +1 -1
  175. package/dist/assets/{ScreenReaderText-CM78bF1y.js → ScreenReaderText-CebALBsG.js} +1 -1
  176. package/dist/assets/{ScreenReaderText-CqMaDm6f.js → ScreenReaderText-DkVEZTIb.js} +2 -2
  177. package/dist/assets/ScreenReaderText.stories-BuS5WxvE.js +8 -0
  178. package/dist/assets/{Search-CkfJXFe5.js → Search-C5TVrLyE.js} +1 -1
  179. package/dist/assets/{SearchDropdown _labs_.stories-BQPhsSku.js → SearchDropdown _labs_.stories-Bq7Qapoa.js } +3 -3
  180. package/dist/assets/{SearchField-CYM6nbh5.js → SearchField-BdnOrhVM.js} +1 -1
  181. package/dist/assets/SearchField.stories-IB3f7QOK.js +37 -0
  182. package/dist/assets/Select-DZTigpTO.js +1 -0
  183. package/dist/assets/{Select-DJ071lNE.js → Select-KZvejALm.js} +2 -2
  184. package/dist/assets/{Select.stories-Dv7mWYvh.js → Select.stories-5trfU4Ma.js} +2 -2
  185. package/dist/assets/{Server-DjXPiVgb.js → Server-Ch5aeRtt.js} +1 -1
  186. package/dist/assets/{Settings-CjXK8-N1.js → Settings-2rTKyez8.js} +1 -1
  187. package/dist/assets/{Setup-C5eWg4Hp.js → Setup-BDM9nDVO.js} +1 -1
  188. package/dist/assets/{Shadow DOM-CwtnF89G.js → Shadow DOM-DHECKIzr.js } +1 -1
  189. package/dist/assets/{Show-BmUFIvXd.js → Show-BnmQFsN6.js} +1 -1
  190. package/dist/assets/{SideNav-CJ4qafJJ.js → SideNav-5pMdKSEl.js} +13 -13
  191. package/dist/assets/{SideNav-Bks9RS2j.js → SideNav-bhdOFKbL.js} +3 -3
  192. package/dist/assets/{SideNav.stories-C1fpy9wN.js → SideNav.stories-ciX1pArE.js} +1 -1
  193. package/dist/assets/{Skeleton-dfR0DjWP.js → Skeleton-BPjIT6NG.js} +5 -5
  194. package/dist/assets/Snackbar-BM0ZOC4Y.js +1 -0
  195. package/dist/assets/{Stack-DKhviX3e.js → Stack-B7OGvu7C.js} +1 -1
  196. package/dist/assets/{Stack.stories-BDHo9eFa.js → Stack.stories-CYylNLHT.js} +1 -1
  197. package/dist/assets/{StaticTable _labs_.stories-Dxpy5sLd.js → StaticTable _labs_.stories-ChL0Cwn4.js } +3 -3
  198. package/dist/assets/{Status-BpzpxYZ-.js → Status-BlOUycBm.js} +1 -1
  199. package/dist/assets/{Status.stories-DLINjRQE.js → Status.stories-Dv4b1Z5X.js} +2 -2
  200. package/dist/assets/{Surface-3Y97A1O8.js → Surface-DTngmQRF.js} +1 -1
  201. package/dist/assets/{Switch.stories-pYIYfkr3.js → Switch.stories-hjVvL7UR.js} +5 -5
  202. package/dist/assets/{SwitchBase-D-uzeIbM.js → SwitchBase-CefEM0OA.js} +1 -1
  203. package/dist/assets/{Sync-DFFNrTTV.js → Sync-BbqTDeWk.js} +1 -1
  204. package/dist/assets/Tabs-CQz87GHd.js +1 -0
  205. package/dist/assets/{Tabs-SRLNy8_X.js → Tabs-gXh7YFSu.js} +6 -6
  206. package/dist/assets/Tabs.stories-CRJgQA20.js +100 -0
  207. package/dist/assets/{Tag-BgjQI7VM.js → Tag-DwH0t814.js} +1 -1
  208. package/dist/assets/Tag.stories-CoLnXBke.js +96 -0
  209. package/dist/assets/{TagList-DGN86KvF.js → TagList-BZGEhGXn.js} +1 -1
  210. package/dist/assets/{TextField-BuwBI2RX.js → TextField-BhK0y2Zt.js} +1 -1
  211. package/dist/assets/{TextField.stories-DL7enA3k.js → TextField.stories-DYOK0z5b.js} +2 -2
  212. package/dist/assets/Toast.stories-BipAY3GN.js +134 -0
  213. package/dist/assets/ToastManager.stories-BWZvSWGT.js +196 -0
  214. package/dist/assets/Tooltip-Cq2rQGbD.js +1 -0
  215. package/dist/assets/{Tooltip-XQJL1Byd.js → Tooltip-CsVWtVfL.js} +1 -1
  216. package/dist/assets/Tooltip.stories-B6wyATg5.js +68 -0
  217. package/dist/assets/{TopNav-dZWiR_bv.js → TopNav-DEIYDz6v.js} +1 -1
  218. package/dist/assets/TopNav.stories-DJNZEi08.js +13 -0
  219. package/dist/assets/TransitionGroupContext-DAL84N7p.js +1 -0
  220. package/dist/assets/{Typography-CORddEdk.js → Typography-CkeEfKaM.js} +1 -1
  221. package/dist/assets/{Typography-Yf1Zkad_.js → Typography-ClQ35Rr-.js} +1 -1
  222. package/dist/assets/{Typography-DfSdXC7o.js → Typography-Cz6D417Y.js} +1 -1
  223. package/dist/assets/Typography-r6MlG5YM.js +1 -0
  224. package/dist/assets/Typography.stories-93RlEwpU.js +73 -0
  225. package/dist/assets/{Typography.stories-D-TscJaP.js → Typography.stories-DRUYEGzH.js} +1 -1
  226. package/dist/assets/{UiShell.stories-BRpnZ7zi.js → UiShell.stories-HV8yGvd3.js} +3 -3
  227. package/dist/assets/{UiShellProvider-BOM87LOZ.js → UiShellProvider-BEcD16AU.js} +1 -1
  228. package/dist/assets/{Upload-CXJBKzcC.js → Upload-CfzP_Muq.js} +1 -1
  229. package/dist/assets/{User-D6db-Gy0.js → User-CyxEAfVT.js} +1 -1
  230. package/dist/assets/{UserProfile-DqokqHU1.js → UserProfile-B6GSEZPs.js} +1 -1
  231. package/dist/assets/UserProfile.stories-Cx9GmLsV.js +14 -0
  232. package/dist/assets/{UserProfileMenuButton.stories-CKErfTVM.js → UserProfileMenuButton.stories-BjxJHNWm.js} +3 -3
  233. package/dist/assets/{Video-B1Csvrbu.js → Video-DWT3WylB.js} +1 -1
  234. package/dist/assets/WorkflowsComponentsStorybookThemeDecorator-CxOFxh0W.js +197 -0
  235. package/dist/assets/assertThisInitialized-B9jnkVVz.js +1 -0
  236. package/dist/assets/{colorManipulator-CjGkpVfF.js → colorManipulator-DKifQsuo.js} +1 -1
  237. package/dist/assets/createBox-Dxawkfow.js +1 -0
  238. package/dist/assets/{createStyled-D0LG5-qz.js → createStyled-D6bTcpHC.js} +1 -1
  239. package/dist/assets/{createSvgIcon-DsUj6UQo.js → createSvgIcon-ClUWwDzL.js} +1 -1
  240. package/dist/assets/{dialogActionsClasses-BWrWITLY.js → dialogActionsClasses-ZEPlxVw-.js} +1 -1
  241. package/dist/assets/emotion-react-jsx-runtime.browser.esm-DL0BDwaj.js +1 -0
  242. package/dist/assets/{entry-preview-CklzQ6bB.js → entry-preview-BxxndF3a.js} +1 -1
  243. package/dist/assets/getReactElementRef-DsIevm5t.js +1 -0
  244. package/dist/assets/i18next-7SyOfhCu.js +1 -0
  245. package/dist/assets/{iconUtils-B6sV00nC.js → iconUtils-BII10A1q.js} +1 -1
  246. package/dist/assets/{iframe-CXLAql3E.js → iframe-Cf-Lpz6Y.js} +2 -2
  247. package/dist/assets/{index-Dj8r1U9U.js → index-DB8HwIVZ.js} +1 -1
  248. package/dist/assets/{index-BqmbiZ7T.js → index-DLgQDw3r.js} +3 -3
  249. package/dist/assets/{index-DRboDwvZ.js → index-Ml2UeFXJ.js} +1 -1
  250. package/dist/assets/index-_dyfSX8u.js +1 -0
  251. package/dist/assets/index.esm-CBOWgn41.js +1 -0
  252. package/dist/assets/{index.esm-CaIA2ztV.js → index.esm-DTxqsiYY.js} +1 -1
  253. package/dist/assets/inheritsLoose-CJ6Ie9dp.js +1 -0
  254. package/dist/assets/{personData-zrA1iJih.js → personData-BYPP3apv.js} +1 -1
  255. package/dist/assets/{personData-vW3mumD1.js → personData-CRkmqebZ.js} +1 -1
  256. package/dist/assets/{pickerComponentPropsMetadata-P9x80E4R.js → pickerComponentPropsMetadata-D10GkMIO.js} +3 -3
  257. package/dist/assets/popper-BVOCD5jc.js +1 -0
  258. package/dist/assets/{preview-BprB3Yzd.js → preview-D06dtFvI.js} +2 -2
  259. package/dist/assets/{preview-_inBJXZG.js → preview-Dk8DzNBz.js} +1 -1
  260. package/dist/assets/renderUiShell.stories-CAw-IOS4.js +866 -0
  261. package/dist/assets/{resolveComponentProps-BzfJewMt.js → resolveComponentProps-DXQ8X87i.js} +1 -1
  262. package/dist/assets/{tableSortLabelClasses-DtOYtU1J.js → tableSortLabelClasses-CkKrbp1R.js} +1 -1
  263. package/dist/assets/{useAutocomplete-DwWveFvJ.js → useAutocomplete-BRetTkpF.js} +1 -1
  264. package/dist/assets/{useMobilePicker-5I3ooa1D.js → useMobilePicker-DZhX9dEQ.js} +1 -1
  265. package/dist/assets/useOdysseyDateFields-DPSkeXJj.js +61 -0
  266. package/dist/assets/{useScrollIndication-C4t86M0g.js → useScrollIndication-mYI-g6xa.js} +3 -3
  267. package/dist/assets/{useSlot-CaOQD_17.js → useSlot-CvpE2t6D.js} +1 -1
  268. package/dist/assets/useThemeProps-BPvYx-mf.js +1 -0
  269. package/dist/assets/useThemeProps-DwvbKxez.js +1 -0
  270. package/dist/assets/utils-kUZVaD1e.js +1 -0
  271. package/dist/cjs/DataTable/DataTable.cjs +18 -16
  272. package/dist/cjs/DataTable/DataTable.cjs.map +1 -1
  273. package/dist/cjs/DataTable/DataTableRowActions.cjs +13 -12
  274. package/dist/cjs/DataTable/DataTableRowActions.cjs.map +1 -1
  275. package/dist/cjs/DataTable/DataTableSettings.cjs +9 -8
  276. package/dist/cjs/DataTable/DataTableSettings.cjs.map +1 -1
  277. package/dist/cjs/DatePickers/DateFieldActionBar.cjs +3 -3
  278. package/dist/cjs/DatePickers/DateFieldActionBar.cjs.map +1 -1
  279. package/dist/cjs/DatePickers/DatePicker.cjs +2 -2
  280. package/dist/cjs/DatePickers/DatePicker.cjs.map +1 -1
  281. package/dist/cjs/DatePickers/datePickerTheme.cjs +2 -2
  282. package/dist/cjs/DatePickers/datePickerTheme.cjs.map +1 -1
  283. package/dist/cjs/Dialog.cjs +4 -4
  284. package/dist/cjs/Dialog.cjs.map +1 -1
  285. package/dist/cjs/Drawer.cjs +29 -18
  286. package/dist/cjs/Drawer.cjs.map +1 -1
  287. package/dist/cjs/{Checkbox.cjs → Fields/Checkbox.cjs} +7 -16
  288. package/dist/cjs/Fields/Checkbox.cjs.map +1 -0
  289. package/dist/cjs/{CheckboxGroup.cjs → Fields/CheckboxGroup.cjs} +1 -1
  290. package/dist/cjs/Fields/CheckboxGroup.cjs.map +1 -0
  291. package/dist/cjs/Fields/Hint.cjs +31 -0
  292. package/dist/cjs/Fields/Hint.cjs.map +1 -0
  293. package/dist/cjs/{Radio.cjs → Fields/Radio.cjs} +5 -14
  294. package/dist/cjs/Fields/Radio.cjs.map +1 -0
  295. package/dist/cjs/{RadioGroup.cjs → Fields/RadioGroup.cjs} +2 -2
  296. package/dist/cjs/Fields/RadioGroup.cjs.map +1 -0
  297. package/dist/cjs/FileUploader/FileUploader.cjs +6 -6
  298. package/dist/cjs/FileUploader/FileUploader.cjs.map +1 -1
  299. package/dist/cjs/Form.cjs.map +1 -1
  300. package/dist/cjs/OdysseyThemeProvider.cjs +2 -2
  301. package/dist/cjs/OdysseyThemeProvider.cjs.map +1 -1
  302. package/dist/cjs/OdysseyThemeProviderPropsContext.cjs.map +1 -1
  303. package/dist/cjs/Pagination/Pagination.cjs +7 -7
  304. package/dist/cjs/Pagination/Pagination.cjs.map +1 -1
  305. package/dist/cjs/Toast.cjs +4 -4
  306. package/dist/cjs/Toast.cjs.map +1 -1
  307. package/dist/cjs/__internal.cjs +143 -0
  308. package/dist/cjs/__internal.cjs.map +1 -1
  309. package/dist/cjs/index.cjs +685 -613
  310. package/dist/cjs/index.cjs.map +1 -1
  311. package/dist/cjs/labs/AppTile.cjs +2 -2
  312. package/dist/cjs/labs/AppTile.cjs.map +1 -1
  313. package/dist/cjs/labs/DataFilters.cjs +16 -16
  314. package/dist/cjs/labs/DataFilters.cjs.map +1 -1
  315. package/dist/cjs/labs/DataTablePagination.cjs +7 -7
  316. package/dist/cjs/labs/DataTablePagination.cjs.map +1 -1
  317. package/dist/cjs/labs/DataView/BulkActionsMenu.cjs +7 -6
  318. package/dist/cjs/labs/DataView/BulkActionsMenu.cjs.map +1 -1
  319. package/dist/cjs/labs/DataView/DataView.cjs +8 -7
  320. package/dist/cjs/labs/DataView/DataView.cjs.map +1 -1
  321. package/dist/cjs/labs/DataView/LayoutSwitcher.cjs +4 -3
  322. package/dist/cjs/labs/DataView/LayoutSwitcher.cjs.map +1 -1
  323. package/dist/cjs/labs/DataView/RowActions.cjs +10 -10
  324. package/dist/cjs/labs/DataView/RowActions.cjs.map +1 -1
  325. package/dist/cjs/labs/DataView/TableLayoutContent.cjs +11 -10
  326. package/dist/cjs/labs/DataView/TableLayoutContent.cjs.map +1 -1
  327. package/dist/cjs/labs/DataView/TableSettings.cjs +9 -8
  328. package/dist/cjs/labs/DataView/TableSettings.cjs.map +1 -1
  329. package/dist/cjs/labs/DataView/componentTypes.cjs.map +1 -1
  330. package/dist/cjs/labs/DataView/useFilterConversion.cjs.map +1 -1
  331. package/dist/cjs/labs/DatePickers/DateTimePicker.cjs +7 -7
  332. package/dist/cjs/labs/DatePickers/DateTimePicker.cjs.map +1 -1
  333. package/dist/cjs/labs/DatePickers/dateTimePickerTheme.cjs +3 -3
  334. package/dist/cjs/labs/DatePickers/dateTimePickerTheme.cjs.map +1 -1
  335. package/dist/cjs/labs/OdysseyPickers/PickerWithOptionAdornment.cjs +2 -2
  336. package/dist/cjs/labs/OdysseyPickers/PickerWithOptionAdornment.cjs.map +1 -1
  337. package/dist/cjs/labs/index.cjs +156 -28
  338. package/dist/cjs/labs/index.cjs.map +1 -1
  339. package/dist/cjs/ui-shell/SideNav/NavAccordion.cjs +2 -0
  340. package/dist/cjs/ui-shell/SideNav/NavAccordion.cjs.map +1 -1
  341. package/dist/cjs/ui-shell/SideNav/SideNav.cjs +5 -3
  342. package/dist/cjs/ui-shell/SideNav/SideNav.cjs.map +1 -1
  343. package/dist/cjs/ui-shell/SideNav/types.cjs.map +1 -1
  344. package/dist/cjs/ui-shell/WideUiShellContent.cjs +9 -9
  345. package/dist/cjs/ui-shell/WideUiShellContent.cjs.map +1 -1
  346. package/dist/cjs/ui-shell/index.cjs +24 -12
  347. package/dist/cjs/ui-shell/index.cjs.map +1 -1
  348. package/dist/cjs/ui-shell/renderUiShell.cjs +4 -2
  349. package/dist/cjs/ui-shell/renderUiShell.cjs.map +1 -1
  350. package/dist/cjs/web-component/createShadowDomElements.cjs +2 -2
  351. package/dist/cjs/web-component/createShadowDomElements.cjs.map +1 -1
  352. package/dist/cjs/web-component/{removeGlobalStylesFromShadowDom.cjs → encapsulateShadowDomFromGlobalStyles.cjs} +4 -4
  353. package/dist/cjs/web-component/encapsulateShadowDomFromGlobalStyles.cjs.map +1 -0
  354. package/dist/cjs/web-component/index.cjs +4 -4
  355. package/dist/cjs/web-component/index.cjs.map +1 -1
  356. package/dist/cjs/web-component/odysseyWebComponentVersion.generated.cjs +1 -1
  357. package/dist/cjs/web-component/odysseyWebComponentVersion.generated.cjs.map +1 -1
  358. package/dist/cjs/web-component/renderReactInWebComponent.cjs +12 -8
  359. package/dist/cjs/web-component/renderReactInWebComponent.cjs.map +1 -1
  360. package/dist/esm/DataTable/DataTable.js +4 -2
  361. package/dist/esm/DataTable/DataTable.js.map +1 -1
  362. package/dist/esm/DataTable/DataTableRowActions.js +2 -1
  363. package/dist/esm/DataTable/DataTableRowActions.js.map +1 -1
  364. package/dist/esm/DataTable/DataTableSettings.js +2 -1
  365. package/dist/esm/DataTable/DataTableSettings.js.map +1 -1
  366. package/dist/esm/DatePickers/DateFieldActionBar.js +1 -1
  367. package/dist/esm/DatePickers/DateFieldActionBar.js.map +1 -1
  368. package/dist/esm/DatePickers/DatePicker.js +1 -1
  369. package/dist/esm/DatePickers/DatePicker.js.map +1 -1
  370. package/dist/esm/DatePickers/datePickerTheme.js +1 -1
  371. package/dist/esm/DatePickers/datePickerTheme.js.map +1 -1
  372. package/dist/esm/Dialog.js +1 -1
  373. package/dist/esm/Dialog.js.map +1 -1
  374. package/dist/esm/Drawer.js +26 -15
  375. package/dist/esm/Drawer.js.map +1 -1
  376. package/dist/esm/{Checkbox.js → Fields/Checkbox.js} +6 -16
  377. package/dist/esm/Fields/Checkbox.js.map +1 -0
  378. package/dist/esm/{CheckboxGroup.js → Fields/CheckboxGroup.js} +1 -1
  379. package/dist/esm/Fields/CheckboxGroup.js.map +1 -0
  380. package/dist/esm/Fields/Hint.js +24 -0
  381. package/dist/esm/Fields/Hint.js.map +1 -0
  382. package/dist/esm/{Radio.js → Fields/Radio.js} +4 -14
  383. package/dist/esm/Fields/Radio.js.map +1 -0
  384. package/dist/esm/{RadioGroup.js → Fields/RadioGroup.js} +2 -2
  385. package/dist/esm/Fields/RadioGroup.js.map +1 -0
  386. package/dist/esm/FileUploader/FileUploader.js +2 -3
  387. package/dist/esm/FileUploader/FileUploader.js.map +1 -1
  388. package/dist/esm/Form.js.map +1 -1
  389. package/dist/esm/OdysseyThemeProvider.js +1 -1
  390. package/dist/esm/OdysseyThemeProvider.js.map +1 -1
  391. package/dist/esm/OdysseyThemeProviderPropsContext.js.map +1 -1
  392. package/dist/esm/Pagination/Pagination.js +1 -1
  393. package/dist/esm/Pagination/Pagination.js.map +1 -1
  394. package/dist/esm/Toast.js +1 -1
  395. package/dist/esm/Toast.js.map +1 -1
  396. package/dist/esm/__internal.js +13 -0
  397. package/dist/esm/__internal.js.map +1 -1
  398. package/dist/esm/index.js +62 -54
  399. package/dist/esm/index.js.map +1 -1
  400. package/dist/esm/labs/AppTile.js +1 -1
  401. package/dist/esm/labs/AppTile.js.map +1 -1
  402. package/dist/esm/labs/DataFilters.js +5 -5
  403. package/dist/esm/labs/DataFilters.js.map +1 -1
  404. package/dist/esm/labs/DataTablePagination.js +1 -1
  405. package/dist/esm/labs/DataTablePagination.js.map +1 -1
  406. package/dist/esm/labs/DataView/BulkActionsMenu.js +2 -1
  407. package/dist/esm/labs/DataView/BulkActionsMenu.js.map +1 -1
  408. package/dist/esm/labs/DataView/DataView.js +3 -2
  409. package/dist/esm/labs/DataView/DataView.js.map +1 -1
  410. package/dist/esm/labs/DataView/LayoutSwitcher.js +2 -1
  411. package/dist/esm/labs/DataView/LayoutSwitcher.js.map +1 -1
  412. package/dist/esm/labs/DataView/RowActions.js +1 -1
  413. package/dist/esm/labs/DataView/RowActions.js.map +1 -1
  414. package/dist/esm/labs/DataView/TableLayoutContent.js +2 -1
  415. package/dist/esm/labs/DataView/TableLayoutContent.js.map +1 -1
  416. package/dist/esm/labs/DataView/TableSettings.js +2 -1
  417. package/dist/esm/labs/DataView/TableSettings.js.map +1 -1
  418. package/dist/esm/labs/DataView/componentTypes.js.map +1 -1
  419. package/dist/esm/labs/DataView/useFilterConversion.js.map +1 -1
  420. package/dist/esm/labs/DatePickers/DateTimePicker.js +2 -2
  421. package/dist/esm/labs/DatePickers/DateTimePicker.js.map +1 -1
  422. package/dist/esm/labs/DatePickers/dateTimePickerTheme.js +1 -1
  423. package/dist/esm/labs/DatePickers/dateTimePickerTheme.js.map +1 -1
  424. package/dist/esm/labs/OdysseyPickers/PickerWithOptionAdornment.js +1 -1
  425. package/dist/esm/labs/OdysseyPickers/PickerWithOptionAdornment.js.map +1 -1
  426. package/dist/esm/labs/index.js +18 -7
  427. package/dist/esm/labs/index.js.map +1 -1
  428. package/dist/esm/ui-shell/SideNav/NavAccordion.js +2 -0
  429. package/dist/esm/ui-shell/SideNav/NavAccordion.js.map +1 -1
  430. package/dist/esm/ui-shell/SideNav/SideNav.js +4 -2
  431. package/dist/esm/ui-shell/SideNav/SideNav.js.map +1 -1
  432. package/dist/esm/ui-shell/SideNav/types.js.map +1 -1
  433. package/dist/esm/ui-shell/WideUiShellContent.js +3 -3
  434. package/dist/esm/ui-shell/WideUiShellContent.js.map +1 -1
  435. package/dist/esm/ui-shell/index.js +4 -3
  436. package/dist/esm/ui-shell/index.js.map +1 -1
  437. package/dist/esm/ui-shell/renderUiShell.js +4 -2
  438. package/dist/esm/ui-shell/renderUiShell.js.map +1 -1
  439. package/dist/esm/web-component/createShadowDomElements.js +2 -2
  440. package/dist/esm/web-component/createShadowDomElements.js.map +1 -1
  441. package/dist/esm/web-component/{removeGlobalStylesFromShadowDom.js → encapsulateShadowDomFromGlobalStyles.js} +2 -2
  442. package/dist/esm/web-component/encapsulateShadowDomFromGlobalStyles.js.map +1 -0
  443. package/dist/esm/web-component/index.js +1 -1
  444. package/dist/esm/web-component/index.js.map +1 -1
  445. package/dist/esm/web-component/odysseyWebComponentVersion.generated.js +1 -1
  446. package/dist/esm/web-component/odysseyWebComponentVersion.generated.js.map +1 -1
  447. package/dist/esm/web-component/renderReactInWebComponent.js +12 -8
  448. package/dist/esm/web-component/renderReactInWebComponent.js.map +1 -1
  449. package/dist/iframe.html +1 -1
  450. package/dist/index.d.ts +21 -232
  451. package/dist/index.json +1 -1
  452. package/dist/project.json +1 -1
  453. package/dist/sb-addons/storybook-13/manager-bundle.js +1 -1
  454. package/dist/tsconfig.production.tsbuildinfo +1 -1
  455. package/dist/tsconfig.tsbuildinfo +1 -1
  456. package/dist/types/DataTable/DataTable.d.ts +3 -3
  457. package/dist/types/DataTable/DataTable.d.ts.map +1 -1
  458. package/dist/types/DataTable/DataTableRowActions.d.ts +2 -1
  459. package/dist/types/DataTable/DataTableRowActions.d.ts.map +1 -1
  460. package/dist/types/DataTable/DataTableSettings.d.ts.map +1 -1
  461. package/dist/types/Dialog.d.ts +1 -1
  462. package/dist/types/Dialog.d.ts.map +1 -1
  463. package/dist/types/Drawer.d.ts +1 -1
  464. package/dist/types/Drawer.d.ts.map +1 -1
  465. package/dist/types/{Checkbox.d.ts → Fields/Checkbox.d.ts} +4 -4
  466. package/dist/types/Fields/Checkbox.d.ts.map +1 -0
  467. package/dist/types/{CheckboxGroup.d.ts → Fields/CheckboxGroup.d.ts} +2 -2
  468. package/dist/types/Fields/CheckboxGroup.d.ts.map +1 -0
  469. package/dist/{esm/DatePickers/index.js → types/Fields/Hint.d.ts} +9 -6
  470. package/dist/types/Fields/Hint.d.ts.map +1 -0
  471. package/dist/types/{Radio.d.ts → Fields/Radio.d.ts} +3 -3
  472. package/dist/types/Fields/Radio.d.ts.map +1 -0
  473. package/dist/types/{RadioGroup.d.ts → Fields/RadioGroup.d.ts} +2 -2
  474. package/dist/types/Fields/RadioGroup.d.ts.map +1 -0
  475. package/dist/types/FileUploader/FileUploader.d.ts +1 -2
  476. package/dist/types/FileUploader/FileUploader.d.ts.map +1 -1
  477. package/dist/types/Form.d.ts +1 -1
  478. package/dist/types/Form.d.ts.map +1 -1
  479. package/dist/types/OdysseyThemeProviderPropsContext.d.ts +1 -1
  480. package/dist/types/__internal.d.ts +13 -0
  481. package/dist/types/__internal.d.ts.map +1 -1
  482. package/dist/types/index.d.ts.map +1 -1
  483. package/dist/types/labs/DataView/BulkActionsMenu.d.ts.map +1 -1
  484. package/dist/types/labs/DataView/DataView.d.ts.map +1 -1
  485. package/dist/types/labs/DataView/LayoutSwitcher.d.ts.map +1 -1
  486. package/dist/types/labs/DataView/RowActions.d.ts +2 -1
  487. package/dist/types/labs/DataView/RowActions.d.ts.map +1 -1
  488. package/dist/types/labs/DataView/TableLayoutContent.d.ts.map +1 -1
  489. package/dist/types/labs/DataView/TableSettings.d.ts.map +1 -1
  490. package/dist/types/labs/DataView/componentTypes.d.ts +1 -1
  491. package/dist/types/labs/DataView/componentTypes.d.ts.map +1 -1
  492. package/dist/types/labs/index.d.ts +19 -7
  493. package/dist/types/labs/index.d.ts.map +1 -1
  494. package/dist/types/tsconfig.tsbuildinfo +1 -1
  495. package/dist/types/ui-shell/SideNav/NavAccordion.d.ts +1 -1
  496. package/dist/types/ui-shell/SideNav/NavAccordion.d.ts.map +1 -1
  497. package/dist/types/ui-shell/SideNav/SideNav.d.ts +0 -2
  498. package/dist/types/ui-shell/SideNav/SideNav.d.ts.map +1 -1
  499. package/dist/types/ui-shell/SideNav/types.d.ts +4 -0
  500. package/dist/types/ui-shell/SideNav/types.d.ts.map +1 -1
  501. package/dist/types/ui-shell/index.d.ts +4 -3
  502. package/dist/types/ui-shell/index.d.ts.map +1 -1
  503. package/dist/types/ui-shell/renderUiShell.d.ts +5 -1
  504. package/dist/types/ui-shell/renderUiShell.d.ts.map +1 -1
  505. package/dist/types/web-component/{removeGlobalStylesFromShadowDom.d.ts → encapsulateShadowDomFromGlobalStyles.d.ts} +2 -2
  506. package/dist/types/web-component/encapsulateShadowDomFromGlobalStyles.d.ts.map +1 -0
  507. package/dist/types/web-component/index.d.ts +1 -1
  508. package/dist/types/web-component/index.d.ts.map +1 -1
  509. package/dist/types/web-component/odysseyWebComponentVersion.generated.d.ts +1 -1
  510. package/dist/types/web-component/renderReactInWebComponent.d.ts +8 -2
  511. package/dist/types/web-component/renderReactInWebComponent.d.ts.map +1 -1
  512. package/package.json +3 -3
  513. package/dist/assets/AdapterLuxon-0NB_ajTr.js +0 -1
  514. package/dist/assets/AppTile _labs_.stories-uDhyBCfD.js +0 -136
  515. package/dist/assets/Autocomplete-CXy6JKKy.js +0 -1
  516. package/dist/assets/Box-CWTB5xfE.js +0 -1
  517. package/dist/assets/Box-D2NdOYc2.js +0 -11
  518. package/dist/assets/Breadcrumbs-6BEAV_iX.js +0 -1
  519. package/dist/assets/Breadcrumbs-C2ZpdmyC.js +0 -6
  520. package/dist/assets/Breadcrumbs.stories-WwSpw0c-.js +0 -79
  521. package/dist/assets/Button-B6KDXfay.js +0 -41
  522. package/dist/assets/ButtonBase-BAQsCgRq.js +0 -74
  523. package/dist/assets/Callout.stories-nPexHuaO.js +0 -105
  524. package/dist/assets/Card-2fiTHibU.js +0 -8
  525. package/dist/assets/Card-CaY-V3Lt.js +0 -1
  526. package/dist/assets/CardActions-X5bUcMdJ.js +0 -1
  527. package/dist/assets/Checkbox-BCh8HZ37.js +0 -1
  528. package/dist/assets/Checkbox.stories-CQ5I8O9l.js +0 -96
  529. package/dist/assets/CheckboxGroup.stories-B4ljyQRV.js +0 -81
  530. package/dist/assets/Chip-DXaMeATb.js +0 -1
  531. package/dist/assets/Custom Theming.stories-t0y6qbUN.js +0 -95
  532. package/dist/assets/DataTable _labs_-CJnucUaL.js +0 -41
  533. package/dist/assets/DatePicker-txjKmLSi.js +0 -1
  534. package/dist/assets/DatePicker.stories-VLeccVga.js +0 -133
  535. package/dist/assets/DateTimePicker-LSjVE-IM.js +0 -1
  536. package/dist/assets/Design Tokens-DrLUPXCc.js +0 -4
  537. package/dist/assets/Dialog-CRuld07G.js +0 -1
  538. package/dist/assets/Dialog.stories-Bm_j9j63.js +0 -201
  539. package/dist/assets/DialogContentText-DU3-VV7L.js +0 -1
  540. package/dist/assets/DialogTitle-DyO9kr6R.js +0 -1
  541. package/dist/assets/Drawer-CwxKxBTE.js +0 -27
  542. package/dist/assets/Drawer-DEqB4KYp.js +0 -1
  543. package/dist/assets/Drawer.stories-Dvgnp9yd.js +0 -95
  544. package/dist/assets/EmptyState.stories-DK1ZE36w.js +0 -11
  545. package/dist/assets/ExampleButton.stories-C51QbMy5.js +0 -11
  546. package/dist/assets/Fade-CVbWKXvx.js +0 -1
  547. package/dist/assets/Fieldset.stories-BU8d3fia.js +0 -15
  548. package/dist/assets/Form.stories-Clfikd2x.js +0 -69
  549. package/dist/assets/GroupPicker _labs_.stories-CFJvoMQP.js +0 -33
  550. package/dist/assets/Grow-DacPmog-.js +0 -1
  551. package/dist/assets/Icon _icons_.stories-BQr18gG9.js +0 -16
  552. package/dist/assets/IconWithTooltip _icons_.stories-Ct7hQD2g.js +0 -19
  553. package/dist/assets/IgaComponentsLegacyOdysseyDecorator-28myx5I9.js +0 -175
  554. package/dist/assets/Link-BH0CiguI.js +0 -11
  555. package/dist/assets/Menu-CHod3UUY.js +0 -1
  556. package/dist/assets/MenuButton-CMGgaZPh.js +0 -9
  557. package/dist/assets/MenuItem.stories-YEtPNOwc.js +0 -29
  558. package/dist/assets/Modal-B1-40kNg.js +0 -1
  559. package/dist/assets/NativeSelect.stories-BIRwQlHa.js +0 -173
  560. package/dist/assets/OdysseyProvider-CLb8psrs.js +0 -197
  561. package/dist/assets/PageHeader.stories-fXDR4T37.js +0 -17
  562. package/dist/assets/PageTemplate _labs_-D3SkGEbG.js +0 -8
  563. package/dist/assets/PageTemplate.stories-H4WnNBj4.js +0 -487
  564. package/dist/assets/Pagination.stories-CB4pOr9i.js +0 -17
  565. package/dist/assets/PasswordField.stories-D5ZRplSl.js +0 -129
  566. package/dist/assets/Picker _labs_.stories-CyZs7sOo.js +0 -18
  567. package/dist/assets/Popper-DjhYeJJy.js +0 -1
  568. package/dist/assets/Portal-GAJY6Au9.js +0 -1
  569. package/dist/assets/Radio-tkNaA8vy.js +0 -1
  570. package/dist/assets/RadioGroup-DP-BtKDw.js +0 -10
  571. package/dist/assets/RadioGroup-DRNCKA-f.js +0 -1
  572. package/dist/assets/RadioGroup.stories-DRXPUU0H.js +0 -127
  573. package/dist/assets/ResourceAccessPolicyComponentsStorybookThemeDecorator-IgdZHick.js +0 -1
  574. package/dist/assets/ScreenReaderText.stories-CpsTRHeF.js +0 -8
  575. package/dist/assets/SearchField.stories-C95LqZ5d.js +0 -37
  576. package/dist/assets/Select-9yKLDVKS.js +0 -1
  577. package/dist/assets/Snackbar-Cn_gMSEK.js +0 -1
  578. package/dist/assets/TabPanel-XF64c5rR.js +0 -1
  579. package/dist/assets/Tabs-DzeBYjfY.js +0 -1
  580. package/dist/assets/Tabs.stories-Dtlm8Y9N.js +0 -100
  581. package/dist/assets/Tag.stories-DIlHCDGk.js +0 -96
  582. package/dist/assets/Toast.stories-DO1V8pyh.js +0 -134
  583. package/dist/assets/ToastManager.stories-CmZGqHye.js +0 -22
  584. package/dist/assets/Tooltip-D4AWrTBw.js +0 -1
  585. package/dist/assets/Tooltip.stories-s36iDmFy.js +0 -68
  586. package/dist/assets/TopNav.stories-Dg27-0zA.js +0 -13
  587. package/dist/assets/TransitionGroupContext-DLI0IzWy.js +0 -1
  588. package/dist/assets/Typography-D01yctPx.js +0 -607
  589. package/dist/assets/Typography.stories-Cr7YbFxb.js +0 -73
  590. package/dist/assets/UserProfile.stories-BbvzhbPD.js +0 -14
  591. package/dist/assets/WorkflowsComponentsStorybookThemeDecorator-COYvO4K8.js +0 -1
  592. package/dist/assets/emotion-react-jsx-runtime.browser.esm-DcYOMKFp.js +0 -1
  593. package/dist/assets/index-BsDcV5Kh.js +0 -1
  594. package/dist/assets/index.esm-HelN6IAt.js +0 -1
  595. package/dist/assets/renderUiShell.stories-ILWjsAQY.js +0 -854
  596. package/dist/assets/useOdysseyDateFields-Cq2BZNiB.js +0 -61
  597. package/dist/assets/useThemeProps-Bfa1XAV-.js +0 -1
  598. package/dist/assets/useThemeProps-D4857Xca.js +0 -1
  599. package/dist/assets/utils-DkZjDCLm.js +0 -1
  600. package/dist/cjs/Buttons/index.cjs +0 -93
  601. package/dist/cjs/Buttons/index.cjs.map +0 -1
  602. package/dist/cjs/Checkbox.cjs.map +0 -1
  603. package/dist/cjs/CheckboxGroup.cjs.map +0 -1
  604. package/dist/cjs/DataTable/index.cjs +0 -20
  605. package/dist/cjs/DataTable/index.cjs.map +0 -1
  606. package/dist/cjs/DatePickers/index.cjs +0 -39
  607. package/dist/cjs/DatePickers/index.cjs.map +0 -1
  608. package/dist/cjs/FileUploader/index.cjs +0 -17
  609. package/dist/cjs/FileUploader/index.cjs.map +0 -1
  610. package/dist/cjs/Pagination/index.cjs +0 -36
  611. package/dist/cjs/Pagination/index.cjs.map +0 -1
  612. package/dist/cjs/Radio.cjs.map +0 -1
  613. package/dist/cjs/RadioGroup.cjs.map +0 -1
  614. package/dist/cjs/labs/DataView/index.cjs +0 -60
  615. package/dist/cjs/labs/DataView/index.cjs.map +0 -1
  616. package/dist/cjs/labs/DatePickers/index.cjs +0 -17
  617. package/dist/cjs/labs/DatePickers/index.cjs.map +0 -1
  618. package/dist/cjs/labs/OdysseyPickers/index.cjs +0 -48
  619. package/dist/cjs/labs/OdysseyPickers/index.cjs.map +0 -1
  620. package/dist/cjs/labs/PageTemplate/index.cjs +0 -28
  621. package/dist/cjs/labs/PageTemplate/index.cjs.map +0 -1
  622. package/dist/cjs/theme/index.cjs +0 -17
  623. package/dist/cjs/theme/index.cjs.map +0 -1
  624. package/dist/cjs/ui-shell/AppSwitcher/index.cjs +0 -17
  625. package/dist/cjs/ui-shell/AppSwitcher/index.cjs.map +0 -1
  626. package/dist/cjs/ui-shell/SideNav/index.cjs +0 -40
  627. package/dist/cjs/ui-shell/SideNav/index.cjs.map +0 -1
  628. package/dist/cjs/ui-shell/TopNav/index.cjs +0 -17
  629. package/dist/cjs/ui-shell/TopNav/index.cjs.map +0 -1
  630. package/dist/cjs/web-component/removeGlobalStylesFromShadowDom.cjs.map +0 -1
  631. package/dist/esm/Buttons/index.js +0 -19
  632. package/dist/esm/Buttons/index.js.map +0 -1
  633. package/dist/esm/Checkbox.js.map +0 -1
  634. package/dist/esm/CheckboxGroup.js.map +0 -1
  635. package/dist/esm/DataTable/index.js +0 -15
  636. package/dist/esm/DataTable/index.js.map +0 -1
  637. package/dist/esm/DatePickers/index.js.map +0 -1
  638. package/dist/esm/FileUploader/index.js +0 -14
  639. package/dist/esm/FileUploader/index.js.map +0 -1
  640. package/dist/esm/Pagination/index.js +0 -16
  641. package/dist/esm/Pagination/index.js.map +0 -1
  642. package/dist/esm/Radio.js.map +0 -1
  643. package/dist/esm/RadioGroup.js.map +0 -1
  644. package/dist/esm/labs/DataView/index.js +0 -18
  645. package/dist/esm/labs/DataView/index.js.map +0 -1
  646. package/dist/esm/labs/DatePickers/index.js +0 -14
  647. package/dist/esm/labs/DatePickers/index.js.map +0 -1
  648. package/dist/esm/labs/OdysseyPickers/index.js +0 -17
  649. package/dist/esm/labs/OdysseyPickers/index.js.map +0 -1
  650. package/dist/esm/labs/PageTemplate/index.js +0 -15
  651. package/dist/esm/labs/PageTemplate/index.js.map +0 -1
  652. package/dist/esm/theme/index.js +0 -14
  653. package/dist/esm/theme/index.js.map +0 -1
  654. package/dist/esm/ui-shell/AppSwitcher/index.js +0 -14
  655. package/dist/esm/ui-shell/AppSwitcher/index.js.map +0 -1
  656. package/dist/esm/ui-shell/SideNav/index.js +0 -16
  657. package/dist/esm/ui-shell/SideNav/index.js.map +0 -1
  658. package/dist/esm/ui-shell/TopNav/index.js +0 -14
  659. package/dist/esm/ui-shell/TopNav/index.js.map +0 -1
  660. package/dist/esm/web-component/removeGlobalStylesFromShadowDom.js.map +0 -1
  661. package/dist/index.cjs +0 -231
  662. package/dist/index.mjs +0 -229
  663. package/dist/index.scss +0 -549
  664. package/dist/types/Buttons/index.d.ts +0 -18
  665. package/dist/types/Buttons/index.d.ts.map +0 -1
  666. package/dist/types/Checkbox.d.ts.map +0 -1
  667. package/dist/types/CheckboxGroup.d.ts.map +0 -1
  668. package/dist/types/DataTable/index.d.ts +0 -15
  669. package/dist/types/DataTable/index.d.ts.map +0 -1
  670. package/dist/types/DatePickers/index.d.ts +0 -15
  671. package/dist/types/DatePickers/index.d.ts.map +0 -1
  672. package/dist/types/FileUploader/index.d.ts +0 -13
  673. package/dist/types/FileUploader/index.d.ts.map +0 -1
  674. package/dist/types/Pagination/index.d.ts +0 -15
  675. package/dist/types/Pagination/index.d.ts.map +0 -1
  676. package/dist/types/Radio.d.ts.map +0 -1
  677. package/dist/types/RadioGroup.d.ts.map +0 -1
  678. package/dist/types/labs/DataView/index.d.ts +0 -18
  679. package/dist/types/labs/DataView/index.d.ts.map +0 -1
  680. package/dist/types/labs/DatePickers/index.d.ts +0 -13
  681. package/dist/types/labs/DatePickers/index.d.ts.map +0 -1
  682. package/dist/types/labs/OdysseyPickers/index.d.ts +0 -16
  683. package/dist/types/labs/OdysseyPickers/index.d.ts.map +0 -1
  684. package/dist/types/labs/PageTemplate/index.d.ts +0 -14
  685. package/dist/types/labs/PageTemplate/index.d.ts.map +0 -1
  686. package/dist/types/theme/index.d.ts +0 -13
  687. package/dist/types/theme/index.d.ts.map +0 -1
  688. package/dist/types/ui-shell/AppSwitcher/index.d.ts +0 -13
  689. package/dist/types/ui-shell/AppSwitcher/index.d.ts.map +0 -1
  690. package/dist/types/ui-shell/SideNav/index.d.ts +0 -15
  691. package/dist/types/ui-shell/SideNav/index.d.ts.map +0 -1
  692. package/dist/types/ui-shell/TopNav/index.d.ts +0 -13
  693. package/dist/types/ui-shell/TopNav/index.d.ts.map +0 -1
  694. package/dist/types/web-component/removeGlobalStylesFromShadowDom.d.ts.map +0 -1
@@ -1,4 +1,4 @@
1
- import{r as g}from"./index-NdkWRN8K.js";import{M as m}from"./Box-BGpAHVQV.js";import{u as h}from"./OdysseyThemeProvider-BBwjgzn2.js";import{j as f}from"./jsx-runtime-CnH95YSl.js";/*!
1
+ import{r as g}from"./index-NdkWRN8K.js";import{M as m}from"./Box-1mvP3NLW.js";import{u as h}from"./OdysseyThemeProvider-Bh0Bu-2o.js";import{j as f}from"./jsx-runtime-CnH95YSl.js";/*!
2
2
  * Copyright (c) 2023-present, Okta, Inc. and/or its affiliates. All rights reserved.
3
3
  * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
4
4
  *
@@ -1 +1 @@
1
- import{r as p}from"./index-NdkWRN8K.js";import{J as x}from"./OdysseyThemeProvider-BBwjgzn2.js";import{M as f}from"./Link-DI6v1ROk.js";import{M as u}from"./ScreenReaderText-CM78bF1y.js";import{j as e}from"./jsx-runtime-CnH95YSl.js";import{A as h,a as j}from"./AlertTitle-BbBpDTwd.js";const T=["status","alert"],g=["success","info","warning","error"],M=({linkRel:t,linkTarget:n,linkText:o,linkUrl:a,onClose:i,role:m,severity:s,text:l,testId:c,translate:r})=>{const{t:d}=x();return e.jsxs(h,{"data-se":c,onClose:i,role:m,severity:s,variant:"banner",children:[e.jsx(u,{translate:r,children:d(`severity.${s}`)}),e.jsx(j,{translate:r,children:l}),a&&e.jsx(f,{href:a,rel:t,target:n,translate:r,variant:"monochrome",children:o})]})},b=p.memo(M);b.displayName="Banner";export{b as M,T as a,g as b};
1
+ import{r as p}from"./index-NdkWRN8K.js";import{K as x}from"./OdysseyThemeProvider-Bh0Bu-2o.js";import{M as f}from"./Link-BDoLypER.js";import{M as u}from"./ScreenReaderText-CebALBsG.js";import{j as e}from"./jsx-runtime-CnH95YSl.js";import{A as h,a as j}from"./AlertTitle-q6ff_Zkl.js";const T=["status","alert"],g=["success","info","warning","error"],M=({linkRel:t,linkTarget:n,linkText:o,linkUrl:a,onClose:i,role:m,severity:s,text:l,testId:c,translate:r})=>{const{t:d}=x();return e.jsxs(h,{"data-se":c,onClose:i,role:m,severity:s,variant:"banner",children:[e.jsx(u,{translate:r,children:d(`severity.${s}`)}),e.jsx(j,{translate:r,children:l}),a&&e.jsx(f,{href:a,rel:t,target:n,translate:r,variant:"monochrome",children:o})]})},b=p.memo(M);b.displayName="Banner";export{b as M,T as a,g as b};
@@ -1,4 +1,4 @@
1
- import{f as R,w as I,e as l,u as p}from"./index-BJMTVygn.js";import{a as V}from"./axeRun-B-LchFqf.js";import{O as D}from"./OdysseyStorybookThemeDecorator-BRjYVaUu.js";import{b as d,a as u,M}from"./Banner-itG3HAaL.js";import"./axe-4JP0vCEZ.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./jsx-runtime-CnH95YSl.js";import"./index-NdkWRN8K.js";import"./OdysseyThemeProvider-BBwjgzn2.js";import"./index-BJTM6NaI.js";import"./OdysseyProvider-2xjMTEu6.js";import"./Link-DI6v1ROk.js";import"./Link-BnBknBcu.js";import"./useIsFocusVisible-DH0qxT5e.js";import"./Typography-Yf1Zkad_.js";import"./ExternalLink-BZ-Yczsk.js";import"./ScreenReaderText-CM78bF1y.js";import"./Box-CWTB5xfE.js";import"./visuallyHidden-Dan1xhjv.js";import"./AlertTitle-BbBpDTwd.js";import"./useSlot-CaOQD_17.js";import"./resolveComponentProps-BzfJewMt.js";import"./isHostComponent-DVu5iVWx.js";import"./createSvgIcon-DsUj6UQo.js";import"./Close-ATS01D1v.js";import"./IconButton-OY9nJWpv.js";import"./ButtonBase-BAQsCgRq.js";import"./TransitionGroupContext-DLI0IzWy.js";import"./Paper-XsV8SWR9.js";/*!
1
+ import{f as R,w as I,e as l,u as p}from"./index-BJMTVygn.js";import{a as V}from"./axeRun-B-LchFqf.js";import{O as D}from"./OdysseyStorybookThemeDecorator-BuDiOG2V.js";import{b as d,a as u,M}from"./Banner-K7AM0SJj.js";import"./axe-4JP0vCEZ.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./jsx-runtime-CnH95YSl.js";import"./index-NdkWRN8K.js";import"./OdysseyThemeProvider-Bh0Bu-2o.js";import"./index-BJTM6NaI.js";import"./OdysseyProvider-qIn9QVYS.js";import"./Link-BDoLypER.js";import"./Link-DNIf0luC.js";import"./useIsFocusVisible-DH0qxT5e.js";import"./Typography-ClQ35Rr-.js";import"./ExternalLink-D0l1c5Cz.js";import"./ScreenReaderText-CebALBsG.js";import"./Box-BcMTQ_R2.js";import"./createBox-Dxawkfow.js";import"./visuallyHidden-Dan1xhjv.js";import"./AlertTitle-q6ff_Zkl.js";import"./useSlot-CvpE2t6D.js";import"./resolveComponentProps-DXQ8X87i.js";import"./isHostComponent-DVu5iVWx.js";import"./createSvgIcon-ClUWwDzL.js";import"./Close-OXBt1nIe.js";import"./IconButton-5qShmnSr.js";import"./ButtonBase-BNqa2TMD.js";import"./assertThisInitialized-B9jnkVVz.js";import"./inheritsLoose-CJ6Ie9dp.js";import"./TransitionGroupContext-DAL84N7p.js";import"./Paper-D-_O-EjU.js";/*!
2
2
  * Copyright (c) 2021-present, Okta, Inc. and/or its affiliates. All rights reserved.
3
3
  * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
4
4
  *
@@ -8,7 +8,7 @@ import{f as R,w as I,e as l,u as p}from"./index-BJMTVygn.js";import{a as V}from"
8
8
  * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
9
9
  *
10
10
  * See the License for the specific language governing permissions and limitations under the License.
11
- */const ue={component:M,decorators:[D],tags:["autodocs"],argTypes:{linkRel:{control:"text",description:"The rel attribute defines the relationship between a linked resource and the current document.",table:{type:{summary:"string"}}},linkTarget:{control:"text",description:"The target property of the `HTMLAnchorElement` interface is a string that indicates where to display the linked resource.",table:{type:{summary:"string"}}},linkText:{control:"text",description:"If linkUrl is defined, this is the text of the link. If left blank, it defaults to 'Learn more'. Note that linkText does nothing if linkUrl is not defined",table:{type:{summary:"string"}}},linkUrl:{control:"text",description:"If defined, the alert will include a link to the URL",table:{type:{summary:"string"}}},onClose:{description:"The function that's fired when the user clicks the close button. If undefined, the close button will not be shown",table:{type:{summary:"func"}}},role:{options:u,control:{type:"radio"},description:"Sets the ARIA role of the alert ('status' for something that dynamically updates, 'alert' for errors, null for something unchanging)",table:{type:{summary:u.join(" | ")}}},severity:{options:d,control:{type:"radio"},description:"Determine the color and icon of the alert",table:{type:{summary:d.join(" | ")}},type:{required:!0,name:"other",value:"radio"}},text:{control:"text",description:"The text content of the alert",table:{type:{summary:"string"}},type:{required:!0,name:"string"}}},args:{severity:"info",text:"The mission to Sagittarius A is set for January 7.",onClose:void 0}},t={args:{severity:"info",text:"The mission to Sagittarius A is set for January 7."}},r={args:{role:"status",severity:"error",text:"An unidentified flying object compromised Hangar 18."}},n={args:{role:"status",severity:"warning",text:"Severe solar winds detected. Local system flights may be delayed."}},a={args:{linkText:"View report",linkUrl:"#anchor",role:"status",severity:"error",text:"An unidentified flying object compromised Hangar 18."},play:async({canvasElement:i,step:c})=>{await c("check for the link text",async()=>{const e=I(i).getByText("View report");await l(e==null?void 0:e.tagName).toBe("A"),await l(e==null?void 0:e.href).toBe(`${e==null?void 0:e.baseURI}#anchor`)})}},o={args:{linkTarget:"_blank",linkText:"View report",linkUrl:"#anchor",role:"status",severity:"error",text:"An unidentified flying object compromised Hangar 18."}},s={args:{onClose:R()},play:async({args:i,canvasElement:c,step:m})=>{await m("dismiss the banner on click",async()=>{const j=I(c).getByTitle("Close");await p.click(j),await p.tab(),await l(i.onClose).toHaveBeenCalled(),await V("Dismissible Banner")})}};var y,g,h;t.parameters={...t.parameters,docs:{...(y=t.parameters)==null?void 0:y.docs,source:{originalSource:`{
11
+ */const he={component:M,decorators:[D],tags:["autodocs"],argTypes:{linkRel:{control:"text",description:"The rel attribute defines the relationship between a linked resource and the current document.",table:{type:{summary:"string"}}},linkTarget:{control:"text",description:"The target property of the `HTMLAnchorElement` interface is a string that indicates where to display the linked resource.",table:{type:{summary:"string"}}},linkText:{control:"text",description:"If linkUrl is defined, this is the text of the link. If left blank, it defaults to 'Learn more'. Note that linkText does nothing if linkUrl is not defined",table:{type:{summary:"string"}}},linkUrl:{control:"text",description:"If defined, the alert will include a link to the URL",table:{type:{summary:"string"}}},onClose:{description:"The function that's fired when the user clicks the close button. If undefined, the close button will not be shown",table:{type:{summary:"func"}}},role:{options:u,control:{type:"radio"},description:"Sets the ARIA role of the alert ('status' for something that dynamically updates, 'alert' for errors, null for something unchanging)",table:{type:{summary:u.join(" | ")}}},severity:{options:d,control:{type:"radio"},description:"Determine the color and icon of the alert",table:{type:{summary:d.join(" | ")}},type:{required:!0,name:"other",value:"radio"}},text:{control:"text",description:"The text content of the alert",table:{type:{summary:"string"}},type:{required:!0,name:"string"}}},args:{severity:"info",text:"The mission to Sagittarius A is set for January 7.",onClose:void 0}},t={args:{severity:"info",text:"The mission to Sagittarius A is set for January 7."}},r={args:{role:"status",severity:"error",text:"An unidentified flying object compromised Hangar 18."}},n={args:{role:"status",severity:"warning",text:"Severe solar winds detected. Local system flights may be delayed."}},a={args:{linkText:"View report",linkUrl:"#anchor",role:"status",severity:"error",text:"An unidentified flying object compromised Hangar 18."},play:async({canvasElement:i,step:c})=>{await c("check for the link text",async()=>{const e=I(i).getByText("View report");await l(e==null?void 0:e.tagName).toBe("A"),await l(e==null?void 0:e.href).toBe(`${e==null?void 0:e.baseURI}#anchor`)})}},o={args:{linkTarget:"_blank",linkText:"View report",linkUrl:"#anchor",role:"status",severity:"error",text:"An unidentified flying object compromised Hangar 18."}},s={args:{onClose:R()},play:async({args:i,canvasElement:c,step:m})=>{await m("dismiss the banner on click",async()=>{const j=I(c).getByTitle("Close");await p.click(j),await p.tab(),await l(i.onClose).toHaveBeenCalled(),await V("Dismissible Banner")})}};var y,g,h;t.parameters={...t.parameters,docs:{...(y=t.parameters)==null?void 0:y.docs,source:{originalSource:`{
12
12
  args: {
13
13
  severity: "info",
14
14
  text: "The mission to Sagittarius A is set for January 7."
@@ -71,4 +71,4 @@ import{f as R,w as I,e as l,u as p}from"./index-BJMTVygn.js";import{a as V}from"
71
71
  await axeRun("Dismissible Banner");
72
72
  });
73
73
  }
74
- }`,...(U=(L=s.parameters)==null?void 0:L.docs)==null?void 0:U.source}}};const ye=["Info","Error","Warning","Linked","LinkWithTarget","Dismissible"];export{s as Dismissible,r as Error,t as Info,o as LinkWithTarget,a as Linked,n as Warning,ye as __namedExportsOrder,ue as default};
74
+ }`,...(U=(L=s.parameters)==null?void 0:L.docs)==null?void 0:U.source}}};const fe=["Info","Error","Warning","Linked","LinkWithTarget","Dismissible"];export{s as Dismissible,r as Error,t as Info,o as LinkWithTarget,a as Linked,n as Warning,fe as __namedExportsOrder,he as default};
@@ -1,4 +1,4 @@
1
- import{r as e}from"./index-NdkWRN8K.js";import{u as E,M as N}from"./MuiPropsContext-DhRylJZk.js";import{M as q}from"./Tooltip-XQJL1Byd.js";import{j as s}from"./jsx-runtime-CnH95YSl.js";import{B as w}from"./Button-CdPi1pZc.js";/*!
1
+ import{r as e}from"./index-NdkWRN8K.js";import{u as E,M as N}from"./MuiPropsContext-DhRylJZk.js";import{M as q}from"./Tooltip-CsVWtVfL.js";import{j as s}from"./jsx-runtime-CnH95YSl.js";import{B as w}from"./Button-BzIwUmSM.js";/*!
2
2
  * Copyright (c) 2024-present, Okta, Inc. and/or its affiliates. All rights reserved.
3
3
  * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
4
4
  *
@@ -1 +1 @@
1
- import{u as w,N,s as S}from"./OdysseyThemeProvider-BBwjgzn2.js";import{r as o}from"./index-NdkWRN8K.js";import{M as q}from"./Box-BGpAHVQV.js";import{u as H}from"./useUniqueId-Bsgqe1tm.js";import{M as A}from"./BaseButton-COF38VLB.js";import{M as F}from"./MenuContext-DKMyPMNY.js";import{j as e}from"./jsx-runtime-CnH95YSl.js";import{M as R}from"./More-D1qrtSvt.js";import{M as U,P as G}from"./Menu-CHod3UUY.js";const se=["left","right"],re=["start","end"],J=S("div",{shouldForwardProp:n=>n!=="hasVerticalDivider"&&n!=="odysseyDesignTokens"&&n!=="verticalDividerAlignment"})(({hasVerticalDivider:n,odysseyDesignTokens:s,verticalDividerAlignment:r})=>({position:"relative",...n&&{display:"inline-block","&:before":{position:"absolute",top:"50%",left:0,width:1,height:s.Spacing6,backgroundColor:s.HueNeutral300,content:'""',transform:"translate3d(0, -50%, 0)",transition:"opacity 200ms",...r==="end"&&{left:"unset",right:0}},":has(> button:hover)":{"&:before":{opacity:0}},":dir(rtl)":{"&:before":{left:"unset",right:0,...r==="end"&&{right:"unset",left:0}}}}})),K=({ariaLabel:n,ariaLabelledBy:s,ariaDescribedBy:r,buttonChildren:v,buttonLabel:x="",buttonVariant:y="secondary",children:c,popoverContent:m,endIcon:p,hasVerticalDivider:B=!1,id:j,isDisabled:D,isOverflow:k,menuAlignment:i="left",omitEndIcon:z=!1,shouldCloseOnSelect:f=!0,size:C,testId:E,tooltipText:I,translate:O,verticalDividerAlignment:P="start"})=>{const h=w(),[d,M]=o.useState(null),a=!!d,l=o.useCallback(()=>{M(null)},[]),u=o.useCallback($=>{M($.currentTarget)},[]),t=H(j),T=o.useMemo(()=>({"aria-labelledby":`${t}-button`}),[t]),V=o.useMemo(()=>({closeMenu:l,openMenu:u,shouldCloseOnSelect:f}),[l,u,f]),L=z?void 0:p||(k?e.jsx(R,{}):e.jsx(N,{})),b=o.useMemo(()=>({horizontal:i,vertical:"bottom"}),[i]),g=o.useMemo(()=>({horizontal:i,vertical:"top"}),[i]);return e.jsxs(J,{hasVerticalDivider:B,odysseyDesignTokens:h,verticalDividerAlignment:P,children:[e.jsx(A,{ariaControls:a?`${t}-menu`:void 0,ariaDescribedBy:r,ariaExpanded:a?"true":void 0,ariaHasPopup:"true",ariaLabel:n,ariaLabelledBy:s,children:v,endIcon:L,id:`${t}-button`,isDisabled:D,label:x,onClick:u,size:C,testId:E,tooltipText:I,translate:O,variant:y}),c&&e.jsx(U,{anchorEl:d,anchorOrigin:b,id:`${t}-menu`,MenuListProps:T,onClose:l,open:a,transformOrigin:g,children:e.jsx(F.Provider,{value:V,children:c})}),m&&e.jsx(G,{anchorEl:d,anchorOrigin:b,onClose:l,open:a,transformOrigin:g,children:e.jsx(q,{sx:{padding:h.Spacing4},children:m})})]})},Q=o.memo(K);Q.displayName="BaseMenuButton";export{Q as M,se as m,re as v};
1
+ import{u as w,N,h as S}from"./OdysseyThemeProvider-Bh0Bu-2o.js";import{r as o}from"./index-NdkWRN8K.js";import{M as q}from"./Box-1mvP3NLW.js";import{u as H}from"./useUniqueId-Bsgqe1tm.js";import{M as A}from"./BaseButton-DYZHKnV3.js";import{M as F}from"./MenuContext-DKMyPMNY.js";import{j as e}from"./jsx-runtime-CnH95YSl.js";import{M as R}from"./More-DLQ2RjWn.js";import{M as U,P as G}from"./Menu-K9lpVvDG.js";const se=["left","right"],re=["start","end"],J=S("div",{shouldForwardProp:n=>n!=="hasVerticalDivider"&&n!=="odysseyDesignTokens"&&n!=="verticalDividerAlignment"})(({hasVerticalDivider:n,odysseyDesignTokens:s,verticalDividerAlignment:r})=>({position:"relative",...n&&{display:"inline-block","&:before":{position:"absolute",top:"50%",left:0,width:1,height:s.Spacing6,backgroundColor:s.HueNeutral300,content:'""',transform:"translate3d(0, -50%, 0)",transition:"opacity 200ms",...r==="end"&&{left:"unset",right:0}},":has(> button:hover)":{"&:before":{opacity:0}},":dir(rtl)":{"&:before":{left:"unset",right:0,...r==="end"&&{right:"unset",left:0}}}}})),K=({ariaLabel:n,ariaLabelledBy:s,ariaDescribedBy:r,buttonChildren:v,buttonLabel:x="",buttonVariant:y="secondary",children:c,popoverContent:m,endIcon:p,hasVerticalDivider:B=!1,id:j,isDisabled:D,isOverflow:k,menuAlignment:i="left",omitEndIcon:z=!1,shouldCloseOnSelect:f=!0,size:C,testId:E,tooltipText:I,translate:O,verticalDividerAlignment:P="start"})=>{const h=w(),[d,M]=o.useState(null),a=!!d,l=o.useCallback(()=>{M(null)},[]),u=o.useCallback($=>{M($.currentTarget)},[]),t=H(j),T=o.useMemo(()=>({"aria-labelledby":`${t}-button`}),[t]),V=o.useMemo(()=>({closeMenu:l,openMenu:u,shouldCloseOnSelect:f}),[l,u,f]),L=z?void 0:p||(k?e.jsx(R,{}):e.jsx(N,{})),b=o.useMemo(()=>({horizontal:i,vertical:"bottom"}),[i]),g=o.useMemo(()=>({horizontal:i,vertical:"top"}),[i]);return e.jsxs(J,{hasVerticalDivider:B,odysseyDesignTokens:h,verticalDividerAlignment:P,children:[e.jsx(A,{ariaControls:a?`${t}-menu`:void 0,ariaDescribedBy:r,ariaExpanded:a?"true":void 0,ariaHasPopup:"true",ariaLabel:n,ariaLabelledBy:s,children:v,endIcon:L,id:`${t}-button`,isDisabled:D,label:x,onClick:u,size:C,testId:E,tooltipText:I,translate:O,variant:y}),c&&e.jsx(U,{anchorEl:d,anchorOrigin:b,id:`${t}-menu`,MenuListProps:T,onClose:l,open:a,transformOrigin:g,children:e.jsx(F.Provider,{value:V,children:c})}),m&&e.jsx(G,{anchorEl:d,anchorOrigin:b,onClose:l,open:a,transformOrigin:g,children:e.jsx(q,{sx:{padding:h.Spacing4},children:m})})]})},Q=o.memo(K);Q.displayName="BaseMenuButton";export{Q as M,se as m,re as v};
@@ -1 +1 @@
1
- import{r as o}from"./index-NdkWRN8K.js";import{j as p}from"./jsx-runtime-CnH95YSl.js";import{B as n}from"./Box-CWTB5xfE.js";const d=o.forwardRef(({children:r,component:e,id:s,role:t,sx:a,testId:m,translate:x},i)=>p.jsx(n,{children:r,component:e,"data-se":m,id:s,ref:i,role:t,sx:a,translate:x})),f=o.memo(d);f.displayName="Box";export{f as M};
1
+ import{r as o}from"./index-NdkWRN8K.js";import{j as p}from"./jsx-runtime-CnH95YSl.js";import{B as n}from"./Box-BcMTQ_R2.js";const d=o.forwardRef(({children:r,component:e,id:s,role:t,sx:a,testId:m,translate:x},i)=>p.jsx(n,{children:r,component:e,"data-se":m,id:s,ref:i,role:t,sx:a,translate:x})),f=o.memo(d);f.displayName="Box";export{f as M};
@@ -0,0 +1 @@
1
+ import{W as e,ae as a,Y as s,a8 as t}from"./OdysseyThemeProvider-Bh0Bu-2o.js";import{c as o}from"./createBox-Dxawkfow.js";const r=e("MuiBox",["root"]),m=t(),c=o({themeId:s,defaultTheme:m,defaultClassName:r.root,generateClassName:a.generate});export{c as B};
@@ -0,0 +1,11 @@
1
+ import{j as t}from"./jsx-runtime-CnH95YSl.js";import{useMDXComponents as n}from"./index-BeeV6X6A.js";import"./index-_dyfSX8u.js";import{M as p,T as s,S as m,D as a,P as c,a as d,b as x}from"./index-DLgQDw3r.js";import{B as i}from"./Box.stories-C8EeKXhb.js";import"./index-NdkWRN8K.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./preview-D06dtFvI.js";import"./iframe-Cf-Lpz6Y.js";import"./DocsRenderer-CFRXHY34-CCeAz_jE.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-BuDiOG2V.js";import"./OdysseyThemeProvider-Bh0Bu-2o.js";import"./OdysseyProvider-qIn9QVYS.js";import"./Box-1mvP3NLW.js";import"./Box-BcMTQ_R2.js";import"./createBox-Dxawkfow.js";import"./TextField-BhK0y2Zt.js";import"./Field-DH3L8v09.js";import"./List-CmjR1pNu.js";import"./ListItem-C0ExFtXb.js";import"./utils-iop7lDec.js";import"./useFormControl-BMISTZuX.js";import"./FormLabel-CiGre9wK.js";import"./useIsFocusVisible-DH0qxT5e.js";import"./isHostComponent-DVu5iVWx.js";import"./ButtonBase-BNqa2TMD.js";import"./assertThisInitialized-B9jnkVVz.js";import"./inheritsLoose-CJ6Ie9dp.js";import"./TransitionGroupContext-DAL84N7p.js";import"./ScreenReaderText-CebALBsG.js";import"./visuallyHidden-Dan1xhjv.js";import"./FormHelperText-CsNAE1E3.js";import"./FieldHint-B3Jif_Up.js";import"./Typography-Cz6D417Y.js";import"./Typography-ClQ35Rr-.js";import"./useUniqueId-Bsgqe1tm.js";import"./createUniqueId-ByTaVY63.js";import"./inputUtils-Dbi8XkA6.js";import"./InputBase-DeB4_faH.js";import"./ownerWindow-HkKU3E4x.js";import"./ownerDocument-DW-IO8s5.js";import"./debounce-Be36O1Ab.js";import"./InputAdornment-CdR3XT6f.js";function e(r){const o={a:"a",code:"code",p:"p",...n(),...r.components};return t.jsxs(t.Fragment,{children:[t.jsx(p,{of:i}),`
2
+ `,t.jsx(s,{of:i}),`
3
+ `,t.jsx(m,{of:i}),`
4
+ `,t.jsx(a,{of:i}),`
5
+ `,t.jsx(c,{of:i}),`
6
+ `,t.jsxs(o.p,{children:[t.jsx(o.code,{children:"<Box>"})," is a utility component that renders a simple HTML ",t.jsx(o.code,{children:"<div>"}),`, which can then be used for styling or layout. CSS properties
7
+ can be set using the `,t.jsx(o.code,{children:"sx"})," prop, as detailed in the ",t.jsxs(o.a,{href:"https://mui.com/system/getting-started/the-sx-prop/",rel:"nofollow",children:["MUI documentation on ",t.jsx(o.code,{children:"sx"})]}),`.
8
+ The component can also be set to render another element besides `,t.jsx(o.code,{children:"<div>"}),"."]}),`
9
+ `,t.jsxs(o.p,{children:[t.jsx(o.code,{children:"<Box>"}),' is useful as an "escape hatch" when you need to create a layout or pattern not yet supported by Odyssey.']}),`
10
+ `,t.jsx(d,{}),`
11
+ `,t.jsx(x,{})]})}function at(r={}){const{wrapper:o}={...n(),...r.components};return o?t.jsx(o,{...r,children:t.jsx(e,{...r})}):e(r)}export{at as default};
@@ -1,4 +1,4 @@
1
- import{j as e}from"./jsx-runtime-CnH95YSl.js";import{w as x,e as b}from"./index-BJMTVygn.js";import{O as y}from"./OdysseyStorybookThemeDecorator-BRjYVaUu.js";import{M as g}from"./Box-BGpAHVQV.js";import{M as n}from"./TextField-BuwBI2RX.js";const T={component:g,decorators:[y],argTypes:{children:{description:"The content of the component, whether text or other components.",table:{type:{summary:"ReactNode"}}},component:{description:"The HTML element the component should render, if different from the default.",table:{type:{summary:"ElementType"}}},id:{control:"text",description:"An optional id for the HTML elemenet rendered by the component.",table:{type:{summary:"string"}}},sx:{control:"object",description:"The system prop that allows defining system overrides as well as additional CSS styles. See the [MUI `sx` page](https://mui.com/system/getting-started/the-sx-prop/) for more details.",table:{type:{summary:"object"}}}},args:{children:"This is the tab content. This tab happens to be about stars."}},t={args:{children:"This is the content of the box.",sx:{borderColor:"lightGray",borderStyle:"dashed",borderWidth:2,p:3},id:"container-id"},play:async({canvasElement:c,step:p})=>{await p("Box Id",({args:m})=>{const h=x(c).getByText("This is the content of the box.");b(h).toHaveAttribute("id",m.id)})}},o={args:{children:e.jsxs(e.Fragment,{children:[e.jsx(n,{label:"Field One"}),e.jsx(n,{label:"Field Two"}),e.jsx(n,{label:"Field Three"})]}),sx:{display:"flex",alignItems:"start",gap:3,p:3}}};var r,s,a;t.parameters={...t.parameters,docs:{...(r=t.parameters)==null?void 0:r.docs,source:{originalSource:`{
1
+ import{j as e}from"./jsx-runtime-CnH95YSl.js";import{w as x,e as b}from"./index-BJMTVygn.js";import{O as y}from"./OdysseyStorybookThemeDecorator-BuDiOG2V.js";import{M as g}from"./Box-1mvP3NLW.js";import{M as n}from"./TextField-BhK0y2Zt.js";const T={component:g,decorators:[y],argTypes:{children:{description:"The content of the component, whether text or other components.",table:{type:{summary:"ReactNode"}}},component:{description:"The HTML element the component should render, if different from the default.",table:{type:{summary:"ElementType"}}},id:{control:"text",description:"An optional id for the HTML elemenet rendered by the component.",table:{type:{summary:"string"}}},sx:{control:"object",description:"The system prop that allows defining system overrides as well as additional CSS styles. See the [MUI `sx` page](https://mui.com/system/getting-started/the-sx-prop/) for more details.",table:{type:{summary:"object"}}}},args:{children:"This is the tab content. This tab happens to be about stars."}},t={args:{children:"This is the content of the box.",sx:{borderColor:"lightGray",borderStyle:"dashed",borderWidth:2,p:3},id:"container-id"},play:async({canvasElement:c,step:p})=>{await p("Box Id",({args:m})=>{const h=x(c).getByText("This is the content of the box.");b(h).toHaveAttribute("id",m.id)})}},o={args:{children:e.jsxs(e.Fragment,{children:[e.jsx(n,{label:"Field One"}),e.jsx(n,{label:"Field Two"}),e.jsx(n,{label:"Field Three"})]}),sx:{display:"flex",alignItems:"start",gap:3,p:3}}};var r,s,a;t.parameters={...t.parameters,docs:{...(r=t.parameters)==null?void 0:r.docs,source:{originalSource:`{
2
2
  args: {
3
3
  children: "This is the content of the box.",
4
4
  sx: {
@@ -0,0 +1,6 @@
1
+ import{_ as R,s as M,b,n as w,W as A,V as N,c as U,d as V,f as _,K as W,h as H}from"./OdysseyThemeProvider-Bh0Bu-2o.js";import{r as a}from"./index-NdkWRN8K.js";import{c as z}from"./Typography-Cz6D417Y.js";import{j as r}from"./jsx-runtime-CnH95YSl.js";import{M as O}from"./Group-mTVRC79V.js";import{M as D}from"./User-CyxEAfVT.js";import{M as F}from"./MenuItem-vhp8G-Nb.js";import{B as j}from"./ButtonBase-BNqa2TMD.js";import{c as q}from"./createSvgIcon-ClUWwDzL.js";import{u as G}from"./getReactElementRef-DsIevm5t.js";import{T as K}from"./Typography-ClQ35Rr-.js";import{M as J}from"./Home-la7Lmt_L.js";import{M as Q}from"./Menu-K9lpVvDG.js";const X=q(r.jsx("path",{d:"M6 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm12 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm-6 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"}),"MoreHoriz"),Y=["slots","slotProps"],Z=M(j,{name:"MuiBreadcrumbCollapsed"})(({theme:e})=>b({display:"flex",marginLeft:`calc(${e.spacing(1)} * 0.5)`,marginRight:`calc(${e.spacing(1)} * 0.5)`},e.palette.mode==="light"?{backgroundColor:e.palette.grey[100],color:e.palette.grey[700]}:{backgroundColor:e.palette.grey[700],color:e.palette.grey[100]},{borderRadius:2,"&:hover, &:focus":b({},e.palette.mode==="light"?{backgroundColor:e.palette.grey[200]}:{backgroundColor:e.palette.grey[600]}),"&:active":b({boxShadow:e.shadows[0]},e.palette.mode==="light"?{backgroundColor:w.emphasize(e.palette.grey[200],.12)}:{backgroundColor:w.emphasize(e.palette.grey[600],.12)})})),ee=M(X)({width:24,height:16});function re(e){const{slots:s={},slotProps:c={}}=e,n=R(e,Y),t=e;return r.jsx("li",{children:r.jsx(Z,b({focusRipple:!0},n,{ownerState:t,children:r.jsx(ee,b({as:s.CollapsedIcon,ownerState:t},c.collapsedIcon))}))})}function se(e){return N("MuiBreadcrumbs",e)}const oe=A("MuiBreadcrumbs",["root","ol","li","separator"]),te=["children","className","component","slots","slotProps","expandText","itemsAfterCollapse","itemsBeforeCollapse","maxItems","separator"],ae=e=>{const{classes:s}=e;return _({root:["root"],li:["li"],ol:["ol"],separator:["separator"]},se,s)},ne=M(K,{name:"MuiBreadcrumbs",slot:"Root",overridesResolver:(e,s)=>[{[`& .${oe.li}`]:s.li},s.root]})({}),le=M("ol",{name:"MuiBreadcrumbs",slot:"Ol",overridesResolver:(e,s)=>s.ol})({display:"flex",flexWrap:"wrap",alignItems:"center",padding:0,margin:0,listStyle:"none"}),ce=M("li",{name:"MuiBreadcrumbs",slot:"Separator",overridesResolver:(e,s)=>s.separator})({display:"flex",userSelect:"none",marginLeft:8,marginRight:8});function ie(e,s,c,n){return e.reduce((t,u,l)=>(l<e.length-1?t=t.concat(u,r.jsx(ce,{"aria-hidden":!0,className:s,ownerState:n,children:c},`separator-${l}`)):t.push(u),t),[])}const ue=a.forwardRef(function(s,c){const n=U({props:s,name:"MuiBreadcrumbs"}),{children:t,className:u,component:l="nav",slots:m={},slotProps:x={},expandText:p="Show path",itemsAfterCollapse:f=1,itemsBeforeCollapse:g=1,maxItems:o=8,separator:i="/"}=n,T=R(n,te),[v,E]=a.useState(!1),h=b({},n,{component:l,expanded:v,expandText:p,itemsAfterCollapse:f,itemsBeforeCollapse:g,maxItems:o,separator:i}),B=ae(h),L=G({elementType:m.CollapsedIcon,externalSlotProps:x.collapsedIcon,ownerState:h}),S=a.useRef(null),$=d=>{const P=()=>{E(!0);const k=S.current.querySelector("a[href],button,[tabindex]");k&&k.focus()};return g+f>=d.length?d:[...d.slice(0,g),r.jsx(re,{"aria-label":p,slots:{CollapsedIcon:m.CollapsedIcon},slotProps:{collapsedIcon:L},onClick:P},"ellipsis"),...d.slice(d.length-f,d.length)]},I=a.Children.toArray(t).filter(d=>a.isValidElement(d)).map((d,P)=>r.jsx("li",{className:B.li,children:d},`child-${P}`));return r.jsx(ne,b({ref:c,component:l,color:"text.secondary",className:V(B.root,u),ownerState:h},T,{children:r.jsx(le,{className:B.ol,ref:S,ownerState:h,children:ie(v||o&&I.length<=o?I:$(I),B.separator,i,h)})}))}),C=a.createContext({breadcrumbType:"listItem"}),de=H.span`
2
+ white-space: nowrap;
3
+ overflow: hidden;
4
+ max-width: 10rem;
5
+ text-overflow: ellipsis;
6
+ `,ke=({children:e,href:s,iconName:c,onClick:n})=>{const{breadcrumbType:t}=a.useContext(C),u=a.useCallback(m=>{n&&(m.preventDefault(),m.stopPropagation(),n(m))},[n]),l=r.jsxs(r.Fragment,{children:[c==="group"?r.jsx(O,{}):c==="user"?r.jsx(D,{}):null,r.jsx(de,{children:e})]});return s?t==="menuItem"?r.jsx(F,{component:"a",href:s,onClick:u,children:l}):t==="currentPage"?r.jsx(z,{ariaCurrent:"page",color:"textPrimary",children:l}):r.jsx(j,{href:s,onClick:u,children:l}):r.jsx(z,{color:"textPrimary",children:l})},y={currentPage:{breadcrumbType:"currentPage"},listItem:{breadcrumbType:"listItem"},menuItem:{breadcrumbType:"menuItem"}},me=5,pe=({children:e,homeHref:s,maxVisibleItems:c=me,testId:n,translate:t})=>{const{t:u}=W(),[l,m]=a.useState(null),x=a.useMemo(()=>Math.min(Math.max(c,0),e.length),[c,e]),p=a.useMemo(()=>{if(e.length<=x)return{beforeMenu:[],insideMenu:[],remainingBreadcrumbs:e};{const o=Math.floor(x/2),i=e.length-x;return{beforeMenu:e.slice(0,o),insideMenu:e.slice(o,o+i),remainingBreadcrumbs:e.slice(o+i)}}},[e,x]),f=a.useCallback(o=>m(o.currentTarget),[]),g=a.useCallback(()=>{m(null)},[]);return r.jsxs(ue,{"aria-label":u("breadcrumbs.label.text"),"data-se":n,maxItems:e.length+1,translate:t,children:[s&&r.jsx(j,{"aria-label":u("breadcrumbs.home.text"),href:s,children:r.jsx(J,{})}),p.beforeMenu.map((o,i)=>r.jsx(C.Provider,{value:y.listItem,children:o},i)),p.insideMenu.length>0&&r.jsxs(r.Fragment,{children:[r.jsx(j,{onClick:f,children:"..."}),r.jsx(Q,{anchorEl:l,anchorOrigin:{horizontal:"left",vertical:"bottom"},MenuListProps:{sx:{minWidth:180}},onClose:g,open:!!l,children:r.jsx(C.Provider,{value:y.menuItem,children:p.insideMenu})})]}),p.remainingBreadcrumbs.map((o,i)=>i===p.remainingBreadcrumbs.length-1?r.jsx(C.Provider,{value:y.currentPage,children:o},i):r.jsx(C.Provider,{value:y.listItem,children:o},i))]})},be=a.memo(pe);be.displayName="BreadcrumbList";export{ke as B,be as M,ue as a};
@@ -0,0 +1,79 @@
1
+ import{j as r}from"./jsx-runtime-CnH95YSl.js";import{a as L}from"./index-B-lxVbXh.js";import{w as O,e as N}from"./index-BJMTVygn.js";import{O as k}from"./OdysseyStorybookThemeDecorator-BuDiOG2V.js";import{M as o,B as e}from"./Breadcrumbs-Bp-jt6t5.js";import"./index-NdkWRN8K.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./v4-CtRu48qb.js";import"./OdysseyThemeProvider-Bh0Bu-2o.js";import"./index-BJTM6NaI.js";import"./OdysseyProvider-qIn9QVYS.js";import"./Typography-Cz6D417Y.js";import"./Typography-ClQ35Rr-.js";import"./Group-mTVRC79V.js";import"./User-CyxEAfVT.js";import"./MenuItem-vhp8G-Nb.js";import"./List-CmjR1pNu.js";import"./useIsFocusVisible-DH0qxT5e.js";import"./ButtonBase-BNqa2TMD.js";import"./assertThisInitialized-B9jnkVVz.js";import"./inheritsLoose-CJ6Ie9dp.js";import"./TransitionGroupContext-DAL84N7p.js";import"./createSvgIcon-ClUWwDzL.js";import"./getReactElementRef-DsIevm5t.js";import"./resolveComponentProps-DXQ8X87i.js";import"./isHostComponent-DVu5iVWx.js";import"./Home-la7Lmt_L.js";import"./Menu-K9lpVvDG.js";import"./Grow-C8kUeGCY.js";import"./utils-kUZVaD1e.js";import"./index-B5xazMy1.js";import"./index-DieBXP3Z.js";import"./ownerDocument-DW-IO8s5.js";import"./ownerWindow-HkKU3E4x.js";import"./debounce-Be36O1Ab.js";import"./Modal-CSDyCVCf.js";import"./getScrollbarSize-Bqq2hMjQ.js";import"./createChainedFunction-BO_9K8Jh.js";import"./Portal-C6D59xAE.js";import"./Fade-dUgBN8rJ.js";import"./Paper-D-_O-EjU.js";import"./MenuList-BMOesnfs.js";const jr={component:o,decorators:[k],tags:["autodocs"],argTypes:{children:{control:"object",description:"Multiple Breadcrumb components.",table:{type:{summary:"Breadcrumb"}}},homeHref:{control:"text",description:'URL of the "Home" breadcrumb.',table:{type:{summary:"string"}}},maxVisibleItems:{control:"number",description:"The number of breadcrumbs displayed. Any additional breadcrumbs will be shown in a dropdown menu.",table:{type:{summary:"number"}}}},args:{maxVisibleItems:5}},a={args:{homeHref:"#home"},render:n=>r.jsxs(o,{...n,children:[r.jsx(e,{href:"#one",children:"One"}),r.jsx(e,{href:"#two",children:"Two"}),r.jsx(e,{href:"#three",iconName:"user",children:"Three"}),r.jsx(e,{href:"#four",children:"Four"}),r.jsx(e,{href:"#five",iconName:"group",children:"Five"}),r.jsx(e,{href:"#six",children:"Six"}),r.jsx(e,{href:"#seven",children:"Seven"}),r.jsx(e,{href:"#eight",children:"Eight"}),r.jsx(e,{href:"#nine",children:"Nine"}),r.jsx(e,{href:"#ten",children:"Ten"})]}),play:async({canvasElement:n,step:y})=>{await y("Breadcrumbs Home Link",({args:H})=>{const S=O(n).getByLabelText("Home");N(S).toHaveAttribute("href",H.homeHref)})}},i={args:{homeHref:"#home"},render:n=>r.jsxs(o,{...n,children:[r.jsx(e,{href:"#one",children:"This is a very long title that should be truncated"}),r.jsx(e,{href:"#two",children:"Two"}),r.jsx(e,{href:"#three",iconName:"user",children:"This is a very long title with an icon"}),r.jsx(e,{href:"#four",children:"Four"}),r.jsx(e,{href:"#five",iconName:"group",children:"Five"}),r.jsx(e,{href:"#six",children:"Six"}),r.jsx(e,{href:"#seven",children:"Seven"}),r.jsx(e,{href:"#eight",children:"Eight"}),r.jsx(e,{href:"#nine",children:"Nine"}),r.jsx(e,{href:"#ten",children:"Ten"})]})},m={args:{children:[r.jsx(e,{href:"#one",children:"One"}),r.jsx(e,{href:"#two",children:"Two"})]},render:n=>r.jsx(o,{children:n.children})},t={args:{homeHref:"#home"},render:n=>r.jsxs(o,{...n,children:[r.jsx(e,{href:"#one",onClick:L("onClick"),children:"One"}),r.jsx(e,{href:"#two",children:"Two"})]})},c={args:{homeHref:"#home"},render:n=>r.jsxs(o,{...n,children:[r.jsx(e,{children:"One"}),r.jsx(e,{href:"#two",children:"Two"}),r.jsx(e,{href:"#three",children:"Three"})]})};var s,d,h;a.parameters={...a.parameters,docs:{...(s=a.parameters)==null?void 0:s.docs,source:{originalSource:`{
2
+ args: {
3
+ homeHref: "#home"
4
+ },
5
+ render: args => <BreadcrumbList {...args}>
6
+ <Breadcrumb href="#one">One</Breadcrumb>
7
+ <Breadcrumb href="#two">Two</Breadcrumb>
8
+ <Breadcrumb href="#three" iconName="user">
9
+ Three
10
+ </Breadcrumb>
11
+ <Breadcrumb href="#four">Four</Breadcrumb>
12
+ <Breadcrumb href="#five" iconName="group">
13
+ Five
14
+ </Breadcrumb>
15
+ <Breadcrumb href="#six">Six</Breadcrumb>
16
+ <Breadcrumb href="#seven">Seven</Breadcrumb>
17
+ <Breadcrumb href="#eight">Eight</Breadcrumb>
18
+ <Breadcrumb href="#nine">Nine</Breadcrumb>
19
+ <Breadcrumb href="#ten">Ten</Breadcrumb>
20
+ </BreadcrumbList>,
21
+ play: async ({
22
+ canvasElement,
23
+ step
24
+ }) => {
25
+ await step("Breadcrumbs Home Link", ({
26
+ args
27
+ }) => {
28
+ const canvas = within(canvasElement);
29
+ const box = canvas.getByLabelText("Home");
30
+ expect(box).toHaveAttribute("href", args.homeHref);
31
+ });
32
+ }
33
+ }`,...(h=(d=a.parameters)==null?void 0:d.docs)==null?void 0:h.source}}};var u,b,p;i.parameters={...i.parameters,docs:{...(u=i.parameters)==null?void 0:u.docs,source:{originalSource:`{
34
+ args: {
35
+ homeHref: "#home"
36
+ },
37
+ render: args => <BreadcrumbList {...args}>
38
+ <Breadcrumb href="#one">
39
+ This is a very long title that should be truncated
40
+ </Breadcrumb>
41
+ <Breadcrumb href="#two">Two</Breadcrumb>
42
+ <Breadcrumb href="#three" iconName="user">
43
+ This is a very long title with an icon
44
+ </Breadcrumb>
45
+ <Breadcrumb href="#four">Four</Breadcrumb>
46
+ <Breadcrumb href="#five" iconName="group">
47
+ Five
48
+ </Breadcrumb>
49
+ <Breadcrumb href="#six">Six</Breadcrumb>
50
+ <Breadcrumb href="#seven">Seven</Breadcrumb>
51
+ <Breadcrumb href="#eight">Eight</Breadcrumb>
52
+ <Breadcrumb href="#nine">Nine</Breadcrumb>
53
+ <Breadcrumb href="#ten">Ten</Breadcrumb>
54
+ </BreadcrumbList>
55
+ }`,...(p=(b=i.parameters)==null?void 0:b.docs)==null?void 0:p.source}}};var f,l,B;m.parameters={...m.parameters,docs:{...(f=m.parameters)==null?void 0:f.docs,source:{originalSource:`{
56
+ args: {
57
+ children: [<Breadcrumb href="#one">One</Breadcrumb>, <Breadcrumb href="#two">Two</Breadcrumb>]
58
+ },
59
+ render: (args: BreadcrumbsProps) => <BreadcrumbList>{args.children}</BreadcrumbList>
60
+ }`,...(B=(l=m.parameters)==null?void 0:l.docs)==null?void 0:B.source}}};var x,g,j;t.parameters={...t.parameters,docs:{...(x=t.parameters)==null?void 0:x.docs,source:{originalSource:`{
61
+ args: {
62
+ homeHref: "#home"
63
+ },
64
+ render: args => <BreadcrumbList {...args}>
65
+ <Breadcrumb href="#one" onClick={action("onClick")}>
66
+ One
67
+ </Breadcrumb>
68
+ <Breadcrumb href="#two">Two</Breadcrumb>
69
+ </BreadcrumbList>
70
+ }`,...(j=(g=t.parameters)==null?void 0:g.docs)==null?void 0:j.source}}};var w,T,v;c.parameters={...c.parameters,docs:{...(w=c.parameters)==null?void 0:w.docs,source:{originalSource:`{
71
+ args: {
72
+ homeHref: "#home"
73
+ },
74
+ render: args => <BreadcrumbList {...args}>
75
+ <Breadcrumb>One</Breadcrumb>
76
+ <Breadcrumb href="#two">Two</Breadcrumb>
77
+ <Breadcrumb href="#three">Three</Breadcrumb>
78
+ </BreadcrumbList>
79
+ }`,...(v=(T=c.parameters)==null?void 0:T.docs)==null?void 0:v.source}}};const wr=["Default","Truncation","Simple","WithOnClick","Subordinate"];export{a as Default,m as Simple,c as Subordinate,i as Truncation,t as WithOnClick,wr as __namedExportsOrder,jr as default};
@@ -1 +1 @@
1
- import{r}from"./index-NdkWRN8K.js";import{j as o}from"./jsx-runtime-CnH95YSl.js";import{S as n}from"./OdysseyThemeProvider-BBwjgzn2.js";const t=r.forwardRef((e,l)=>o.jsx(n,{fill:"none",ref:l,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",...e,children:o.jsx(o.Fragment,{children:o.jsx("path",{clipRule:"evenodd",d:"M17 16V8h-4v12.9a5.002 5.002 0 0 0 4-4.9Zm-6-8H7v8a5.002 5.002 0 0 0 4 4.9V8ZM5 8v4.382l-3.447 1.724.894 1.788L5 14.618V16c0 1.05.231 2.046.646 2.94l-2.353 2.353 1.414 1.414 2.059-2.059A6.983 6.983 0 0 0 12 23a6.983 6.983 0 0 0 5.234-2.352l2.059 2.06 1.414-1.415-2.353-2.353c.415-.894.646-1.89.646-2.94v-1.382l2.553 1.276.894-1.788L19 12.382V8h4V6h-6A5 5 0 0 0 7 6H1v2h4Zm4-2h6a3 3 0 1 0-6 0Z",fill:"currentColor",fillRule:"evenodd"})})})),m=r.memo(t);m.displayName="BugIcon";export{m as M};
1
+ import{r}from"./index-NdkWRN8K.js";import{j as o}from"./jsx-runtime-CnH95YSl.js";import{S as n}from"./OdysseyThemeProvider-Bh0Bu-2o.js";const t=r.forwardRef((e,l)=>o.jsx(n,{fill:"none",ref:l,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",...e,children:o.jsx(o.Fragment,{children:o.jsx("path",{clipRule:"evenodd",d:"M17 16V8h-4v12.9a5.002 5.002 0 0 0 4-4.9Zm-6-8H7v8a5.002 5.002 0 0 0 4 4.9V8ZM5 8v4.382l-3.447 1.724.894 1.788L5 14.618V16c0 1.05.231 2.046.646 2.94l-2.353 2.353 1.414 1.414 2.059-2.059A6.983 6.983 0 0 0 12 23a6.983 6.983 0 0 0 5.234-2.352l2.059 2.06 1.414-1.415-2.353-2.353c.415-.894.646-1.89.646-2.94v-1.382l2.553 1.276.894-1.788L19 12.382V8h4V6h-6A5 5 0 0 0 7 6H1v2h4Zm4-2h6a3 3 0 1 0-6 0Z",fill:"currentColor",fillRule:"evenodd"})})})),m=r.memo(t);m.displayName="BugIcon";export{m as M};
@@ -1,4 +1,4 @@
1
- import{r as o}from"./index-NdkWRN8K.js";import{M as r}from"./BaseButton-COF38VLB.js";import{j as m}from"./jsx-runtime-CnH95YSl.js";/*!
1
+ import{r as o}from"./index-NdkWRN8K.js";import{M as r}from"./BaseButton-DYZHKnV3.js";import{j as m}from"./jsx-runtime-CnH95YSl.js";/*!
2
2
  * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.
3
3
  * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
4
4
  *
@@ -1 +1 @@
1
- import{ae as M,c as F,_ as L,b as n,d as C,e as R,f as r,g as G,aq as D,r as H,ar as v,p as u}from"./OdysseyThemeProvider-BBwjgzn2.js";import{r as p}from"./index-NdkWRN8K.js";import{j as g}from"./jsx-runtime-CnH95YSl.js";import{B as U}from"./ButtonBase-BAQsCgRq.js";const q=p.createContext({}),A=p.createContext(void 0),J=["children","color","component","className","disabled","disableElevation","disableFocusRipple","endIcon","focusVisibleClassName","fullWidth","size","startIcon","type","variant"],K=o=>{const{color:a,disableElevation:i,fullWidth:t,size:s,variant:l,classes:c}=o,x={root:["root",l,`${l}${r(a)}`,`size${r(s)}`,`${l}Size${r(s)}`,`color${r(a)}`,i&&"disableElevation",t&&"fullWidth"],label:["label"],startIcon:["icon","startIcon",`iconSize${r(s)}`],endIcon:["icon","endIcon",`iconSize${r(s)}`]},b=G(x,D,c);return n({},c,b)},k=o=>n({},o.size==="small"&&{"& > *:nth-of-type(1)":{fontSize:18}},o.size==="medium"&&{"& > *:nth-of-type(1)":{fontSize:20}},o.size==="large"&&{"& > *:nth-of-type(1)":{fontSize:22}}),Q=C(U,{shouldForwardProp:o=>H(o)||o==="classes",name:"MuiButton",slot:"Root",overridesResolver:(o,a)=>{const{ownerState:i}=o;return[a.root,a[i.variant],a[`${i.variant}${r(i.color)}`],a[`size${r(i.size)}`],a[`${i.variant}Size${r(i.size)}`],i.color==="inherit"&&a.colorInherit,i.disableElevation&&a.disableElevation,i.fullWidth&&a.fullWidth]}})(({theme:o,ownerState:a})=>{var i,t;const s=o.palette.mode==="light"?o.palette.grey[300]:o.palette.grey[800],l=o.palette.mode==="light"?o.palette.grey.A100:o.palette.grey[700];return n({},o.typography.button,{minWidth:64,padding:"6px 16px",borderRadius:(o.vars||o).shape.borderRadius,transition:o.transitions.create(["background-color","box-shadow","border-color","color"],{duration:o.transitions.duration.short}),"&:hover":n({textDecoration:"none",backgroundColor:o.vars?`rgba(${o.vars.palette.text.primaryChannel} / ${o.vars.palette.action.hoverOpacity})`:u.alpha(o.palette.text.primary,o.palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:"transparent"}},a.variant==="text"&&a.color!=="inherit"&&{backgroundColor:o.vars?`rgba(${o.vars.palette[a.color].mainChannel} / ${o.vars.palette.action.hoverOpacity})`:u.alpha(o.palette[a.color].main,o.palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:"transparent"}},a.variant==="outlined"&&a.color!=="inherit"&&{border:`1px solid ${(o.vars||o).palette[a.color].main}`,backgroundColor:o.vars?`rgba(${o.vars.palette[a.color].mainChannel} / ${o.vars.palette.action.hoverOpacity})`:u.alpha(o.palette[a.color].main,o.palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:"transparent"}},a.variant==="contained"&&{backgroundColor:o.vars?o.vars.palette.Button.inheritContainedHoverBg:l,boxShadow:(o.vars||o).shadows[4],"@media (hover: none)":{boxShadow:(o.vars||o).shadows[2],backgroundColor:(o.vars||o).palette.grey[300]}},a.variant==="contained"&&a.color!=="inherit"&&{backgroundColor:(o.vars||o).palette[a.color].dark,"@media (hover: none)":{backgroundColor:(o.vars||o).palette[a.color].main}}),"&:active":n({},a.variant==="contained"&&{boxShadow:(o.vars||o).shadows[8]}),[`&.${v.focusVisible}`]:n({},a.variant==="contained"&&{boxShadow:(o.vars||o).shadows[6]}),[`&.${v.disabled}`]:n({color:(o.vars||o).palette.action.disabled},a.variant==="outlined"&&{border:`1px solid ${(o.vars||o).palette.action.disabledBackground}`},a.variant==="contained"&&{color:(o.vars||o).palette.action.disabled,boxShadow:(o.vars||o).shadows[0],backgroundColor:(o.vars||o).palette.action.disabledBackground})},a.variant==="text"&&{padding:"6px 8px"},a.variant==="text"&&a.color!=="inherit"&&{color:(o.vars||o).palette[a.color].main},a.variant==="outlined"&&{padding:"5px 15px",border:"1px solid currentColor"},a.variant==="outlined"&&a.color!=="inherit"&&{color:(o.vars||o).palette[a.color].main,border:o.vars?`1px solid rgba(${o.vars.palette[a.color].mainChannel} / 0.5)`:`1px solid ${u.alpha(o.palette[a.color].main,.5)}`},a.variant==="contained"&&{color:o.vars?o.vars.palette.text.primary:(i=(t=o.palette).getContrastText)==null?void 0:i.call(t,o.palette.grey[300]),backgroundColor:o.vars?o.vars.palette.Button.inheritContainedBg:s,boxShadow:(o.vars||o).shadows[2]},a.variant==="contained"&&a.color!=="inherit"&&{color:(o.vars||o).palette[a.color].contrastText,backgroundColor:(o.vars||o).palette[a.color].main},a.color==="inherit"&&{color:"inherit",borderColor:"currentColor"},a.size==="small"&&a.variant==="text"&&{padding:"4px 5px",fontSize:o.typography.pxToRem(13)},a.size==="large"&&a.variant==="text"&&{padding:"8px 11px",fontSize:o.typography.pxToRem(15)},a.size==="small"&&a.variant==="outlined"&&{padding:"3px 9px",fontSize:o.typography.pxToRem(13)},a.size==="large"&&a.variant==="outlined"&&{padding:"7px 21px",fontSize:o.typography.pxToRem(15)},a.size==="small"&&a.variant==="contained"&&{padding:"4px 10px",fontSize:o.typography.pxToRem(13)},a.size==="large"&&a.variant==="contained"&&{padding:"8px 22px",fontSize:o.typography.pxToRem(15)},a.fullWidth&&{width:"100%"})},({ownerState:o})=>o.disableElevation&&{boxShadow:"none","&:hover":{boxShadow:"none"},[`&.${v.focusVisible}`]:{boxShadow:"none"},"&:active":{boxShadow:"none"},[`&.${v.disabled}`]:{boxShadow:"none"}}),X=C("span",{name:"MuiButton",slot:"StartIcon",overridesResolver:(o,a)=>{const{ownerState:i}=o;return[a.startIcon,a[`iconSize${r(i.size)}`]]}})(({ownerState:o})=>n({display:"inherit",marginRight:8,marginLeft:-4},o.size==="small"&&{marginLeft:-2},k(o))),Y=C("span",{name:"MuiButton",slot:"EndIcon",overridesResolver:(o,a)=>{const{ownerState:i}=o;return[a.endIcon,a[`iconSize${r(i.size)}`]]}})(({ownerState:o})=>n({display:"inherit",marginRight:-4,marginLeft:8},o.size==="small"&&{marginRight:-2},k(o))),oo=p.forwardRef(function(a,i){const t=p.useContext(q),s=p.useContext(A),l=M(t,a),c=F({props:l,name:"MuiButton"}),{children:x,color:b="primary",component:f="button",className:h,disabled:z=!1,disableElevation:E=!1,disableFocusRipple:y=!1,endIcon:$,focusVisibleClassName:N,fullWidth:P=!1,size:W="medium",startIcon:B,type:I,variant:T="text"}=c,j=L(c,J),e=n({},c,{color:b,component:f,disabled:z,disableElevation:E,disableFocusRipple:y,fullWidth:P,size:W,type:I,variant:T}),d=K(e),O=B&&g.jsx(X,{className:d.startIcon,ownerState:e,children:B}),V=$&&g.jsx(Y,{className:d.endIcon,ownerState:e,children:$}),_=s||"";return g.jsxs(Q,n({ownerState:e,className:R(t.className,d.root,h,_),component:f,disabled:z,focusRipple:!y,focusVisibleClassName:R(d.focusVisible,N),ref:i,type:I},j,{classes:d,children:[O,x,V]}))});export{oo as B};
1
+ import{af as M,c as F,_ as L,b as r,s as C,d as R,e as n,f as G,al as D,r as H,am as v,n as u}from"./OdysseyThemeProvider-Bh0Bu-2o.js";import{r as p}from"./index-NdkWRN8K.js";import{j as g}from"./jsx-runtime-CnH95YSl.js";import{B as U}from"./ButtonBase-BNqa2TMD.js";const A=p.createContext({}),m=p.createContext(void 0),q=["children","color","component","className","disabled","disableElevation","disableFocusRipple","endIcon","focusVisibleClassName","fullWidth","size","startIcon","type","variant"],J=o=>{const{color:a,disableElevation:i,fullWidth:t,size:s,variant:l,classes:c}=o,x={root:["root",l,`${l}${n(a)}`,`size${n(s)}`,`${l}Size${n(s)}`,`color${n(a)}`,i&&"disableElevation",t&&"fullWidth"],label:["label"],startIcon:["icon","startIcon",`iconSize${n(s)}`],endIcon:["icon","endIcon",`iconSize${n(s)}`]},b=G(x,D,c);return r({},c,b)},k=o=>r({},o.size==="small"&&{"& > *:nth-of-type(1)":{fontSize:18}},o.size==="medium"&&{"& > *:nth-of-type(1)":{fontSize:20}},o.size==="large"&&{"& > *:nth-of-type(1)":{fontSize:22}}),K=C(U,{shouldForwardProp:o=>H(o)||o==="classes",name:"MuiButton",slot:"Root",overridesResolver:(o,a)=>{const{ownerState:i}=o;return[a.root,a[i.variant],a[`${i.variant}${n(i.color)}`],a[`size${n(i.size)}`],a[`${i.variant}Size${n(i.size)}`],i.color==="inherit"&&a.colorInherit,i.disableElevation&&a.disableElevation,i.fullWidth&&a.fullWidth]}})(({theme:o,ownerState:a})=>{var i,t;const s=o.palette.mode==="light"?o.palette.grey[300]:o.palette.grey[800],l=o.palette.mode==="light"?o.palette.grey.A100:o.palette.grey[700];return r({},o.typography.button,{minWidth:64,padding:"6px 16px",borderRadius:(o.vars||o).shape.borderRadius,transition:o.transitions.create(["background-color","box-shadow","border-color","color"],{duration:o.transitions.duration.short}),"&:hover":r({textDecoration:"none",backgroundColor:o.vars?`rgba(${o.vars.palette.text.primaryChannel} / ${o.vars.palette.action.hoverOpacity})`:u.alpha(o.palette.text.primary,o.palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:"transparent"}},a.variant==="text"&&a.color!=="inherit"&&{backgroundColor:o.vars?`rgba(${o.vars.palette[a.color].mainChannel} / ${o.vars.palette.action.hoverOpacity})`:u.alpha(o.palette[a.color].main,o.palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:"transparent"}},a.variant==="outlined"&&a.color!=="inherit"&&{border:`1px solid ${(o.vars||o).palette[a.color].main}`,backgroundColor:o.vars?`rgba(${o.vars.palette[a.color].mainChannel} / ${o.vars.palette.action.hoverOpacity})`:u.alpha(o.palette[a.color].main,o.palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:"transparent"}},a.variant==="contained"&&{backgroundColor:o.vars?o.vars.palette.Button.inheritContainedHoverBg:l,boxShadow:(o.vars||o).shadows[4],"@media (hover: none)":{boxShadow:(o.vars||o).shadows[2],backgroundColor:(o.vars||o).palette.grey[300]}},a.variant==="contained"&&a.color!=="inherit"&&{backgroundColor:(o.vars||o).palette[a.color].dark,"@media (hover: none)":{backgroundColor:(o.vars||o).palette[a.color].main}}),"&:active":r({},a.variant==="contained"&&{boxShadow:(o.vars||o).shadows[8]}),[`&.${v.focusVisible}`]:r({},a.variant==="contained"&&{boxShadow:(o.vars||o).shadows[6]}),[`&.${v.disabled}`]:r({color:(o.vars||o).palette.action.disabled},a.variant==="outlined"&&{border:`1px solid ${(o.vars||o).palette.action.disabledBackground}`},a.variant==="contained"&&{color:(o.vars||o).palette.action.disabled,boxShadow:(o.vars||o).shadows[0],backgroundColor:(o.vars||o).palette.action.disabledBackground})},a.variant==="text"&&{padding:"6px 8px"},a.variant==="text"&&a.color!=="inherit"&&{color:(o.vars||o).palette[a.color].main},a.variant==="outlined"&&{padding:"5px 15px",border:"1px solid currentColor"},a.variant==="outlined"&&a.color!=="inherit"&&{color:(o.vars||o).palette[a.color].main,border:o.vars?`1px solid rgba(${o.vars.palette[a.color].mainChannel} / 0.5)`:`1px solid ${u.alpha(o.palette[a.color].main,.5)}`},a.variant==="contained"&&{color:o.vars?o.vars.palette.text.primary:(i=(t=o.palette).getContrastText)==null?void 0:i.call(t,o.palette.grey[300]),backgroundColor:o.vars?o.vars.palette.Button.inheritContainedBg:s,boxShadow:(o.vars||o).shadows[2]},a.variant==="contained"&&a.color!=="inherit"&&{color:(o.vars||o).palette[a.color].contrastText,backgroundColor:(o.vars||o).palette[a.color].main},a.color==="inherit"&&{color:"inherit",borderColor:"currentColor"},a.size==="small"&&a.variant==="text"&&{padding:"4px 5px",fontSize:o.typography.pxToRem(13)},a.size==="large"&&a.variant==="text"&&{padding:"8px 11px",fontSize:o.typography.pxToRem(15)},a.size==="small"&&a.variant==="outlined"&&{padding:"3px 9px",fontSize:o.typography.pxToRem(13)},a.size==="large"&&a.variant==="outlined"&&{padding:"7px 21px",fontSize:o.typography.pxToRem(15)},a.size==="small"&&a.variant==="contained"&&{padding:"4px 10px",fontSize:o.typography.pxToRem(13)},a.size==="large"&&a.variant==="contained"&&{padding:"8px 22px",fontSize:o.typography.pxToRem(15)},a.fullWidth&&{width:"100%"})},({ownerState:o})=>o.disableElevation&&{boxShadow:"none","&:hover":{boxShadow:"none"},[`&.${v.focusVisible}`]:{boxShadow:"none"},"&:active":{boxShadow:"none"},[`&.${v.disabled}`]:{boxShadow:"none"}}),Q=C("span",{name:"MuiButton",slot:"StartIcon",overridesResolver:(o,a)=>{const{ownerState:i}=o;return[a.startIcon,a[`iconSize${n(i.size)}`]]}})(({ownerState:o})=>r({display:"inherit",marginRight:8,marginLeft:-4},o.size==="small"&&{marginLeft:-2},k(o))),X=C("span",{name:"MuiButton",slot:"EndIcon",overridesResolver:(o,a)=>{const{ownerState:i}=o;return[a.endIcon,a[`iconSize${n(i.size)}`]]}})(({ownerState:o})=>r({display:"inherit",marginRight:-4,marginLeft:8},o.size==="small"&&{marginRight:-2},k(o))),oo=p.forwardRef(function(a,i){const t=p.useContext(A),s=p.useContext(m),l=M(t,a),c=F({props:l,name:"MuiButton"}),{children:x,color:b="primary",component:f="button",className:h,disabled:z=!1,disableElevation:E=!1,disableFocusRipple:y=!1,endIcon:$,focusVisibleClassName:N,fullWidth:P=!1,size:W="medium",startIcon:B,type:I,variant:T="text"}=c,j=L(c,q),e=r({},c,{color:b,component:f,disabled:z,disableElevation:E,disableFocusRipple:y,fullWidth:P,size:W,type:I,variant:T}),d=J(e),O=B&&g.jsx(Q,{className:d.startIcon,ownerState:e,children:B}),V=$&&g.jsx(X,{className:d.endIcon,ownerState:e,children:$}),_=s||"";return g.jsxs(K,r({ownerState:e,className:R(t.className,d.root,h,_),component:f,disabled:z,focusRipple:!y,focusVisibleClassName:R(d.focusVisible,N),ref:i,type:I},j,{classes:d,children:[O,x,V]}))});export{oo as B};
@@ -1,4 +1,4 @@
1
- import{j as e}from"./jsx-runtime-CnH95YSl.js";import{f as ja,w as La,u as x,e as Ma,a as za}from"./index-BJMTVygn.js";import{a as Pa}from"./axeRun-B-LchFqf.js";import{i as s}from"./iconUtils-B6sV00nC.js";import{O as Va}from"./OdysseyStorybookThemeDecorator-BRjYVaUu.js";import{b as F,a as k,c as T}from"./BaseButton-COF38VLB.js";import{M as I}from"./index-Dj8r1U9U.js";import{M as o}from"./Button-DGmXZ3jw.js";import{M as Oa}from"./Box-BGpAHVQV.js";import"./index-NdkWRN8K.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./axe-4JP0vCEZ.js";import"./OdysseyThemeProvider-BBwjgzn2.js";import"./index-BJTM6NaI.js";import"./OdysseyProvider-2xjMTEu6.js";import"./MuiPropsContext-DhRylJZk.js";import"./Tooltip-XQJL1Byd.js";import"./Tooltip-D4AWrTBw.js";import"./Grow-DacPmog-.js";import"./utils-DkZjDCLm.js";import"./TransitionGroupContext-DLI0IzWy.js";import"./index-B5xazMy1.js";import"./index-DieBXP3Z.js";import"./useIsFocusVisible-DH0qxT5e.js";import"./Portal-GAJY6Au9.js";import"./resolveComponentProps-BzfJewMt.js";import"./isHostComponent-DVu5iVWx.js";import"./useControlled-NQulfz4l.js";import"./Popper-DjhYeJJy.js";import"./ownerDocument-DW-IO8s5.js";import"./Button-CdPi1pZc.js";import"./ButtonBase-BAQsCgRq.js";import"./Server-DjXPiVgb.js";import"./List-DsAZFSEg.js";import"./ArrowRight-Bi2Pswgc.js";import"./Bug-CF8uTmAI.js";import"./Calendar-DjJqG0qe.js";import"./ChevronRight-DkL07pJu.js";import"./ChevronUp-DBzjQ0Vq.js";import"./Clock-Cs7_WjUp.js";import"./Upload-CXJBKzcC.js";import"./Documentation-BrTRsPbe.js";import"./Download-CnpAgqy2.js";import"./ExternalLink-BZ-Yczsk.js";import"./Filter-Dx8z3DNi.js";import"./Folder-BfxqGqvt.js";import"./Globe-Brrqdlv8.js";import"./Grid-CZMVE6qU.js";import"./Group-B6q-i_C2.js";import"./Hide-DlEWsxsn.js";import"./Home-BiP4Mg1h.js";import"./InformationCircle-CE8ruoYu.js";import"./More-D1qrtSvt.js";import"./Refresh-GVzSl4pN.js";import"./Search-CkfJXFe5.js";import"./Settings-CjXK8-N1.js";import"./Show-BmUFIvXd.js";import"./Sync-DFFNrTTV.js";import"./User-D6db-Gy0.js";import"./Video-B1Csvrbu.js";import"./Box-CWTB5xfE.js";const Qt={component:o,decorators:[Va],tags:["autodocs"],argTypes:{endIcon:{control:{type:"select"},options:Object.keys(s),mapping:s,description:"An optional icon to display at the end of the button",table:{type:{summary:"<Icon />"}}},href:{control:"text",description:"Optional href to render the button as a link",table:{type:{summary:"string"}}},id:{description:"An optional ID for the button",table:{type:{summary:"string"}}},isDisabled:{control:"boolean",description:"If `true`, the button is disabled",table:{type:{summary:"boolean"}}},isFullWidth:{control:"boolean",description:"If `true`, the button will take up the full width available",table:{type:{summary:"boolean"}}},label:{control:"text",description:"The button text. If blank, the button must include an icon.",table:{type:{summary:"string"}}},onClick:{action:!0,description:"Callback fired when the button is clicked",table:{type:{summary:"(() => void)"}}},size:{options:T,control:{type:"radio"},description:"The size of the button",table:{type:{summary:T.join(" | ")},defaultValue:{summary:"medium"}}},startIcon:{control:{type:"select"},options:Object.keys(s),mapping:s,description:"An optional icon to display at the start of the button",table:{type:{summary:"<Icon />"}}},tooltipText:{control:"text",description:"If defined, the button will include a tooltip that contains the string.",table:{type:{summary:"string"}}},type:{options:k,control:{type:"radio"},description:"The type of the HTML button element.",table:{type:{summary:k.join(" | ")},defaultValue:{summary:"button"}}},variant:{options:F,control:{type:"radio"},description:"The color and style of the button",table:{type:{summary:F.join(" | ")},defaultValue:{summary:"secondary"}},type:{required:!0,name:"other",value:"radio"}}},args:{label:"Add crew",onClick:ja(),variant:"primary"}},r=({canvasElement:t,step:n})=>async({args:a,actionName:Ea,hoverState:Na})=>{a.label&&await n("hover and click",async()=>{const Wa=La(t).getByRole("button",{name:a.label});x.tab(),await x.click(Wa),Ma(a.onClick).toHaveBeenCalledTimes(1),Pa(Ea),Na||await za(()=>x.tab())})},i={name:"Primary",play:async({args:t,canvasElement:n,step:a})=>{await r({canvasElement:n,step:a})({args:t,actionName:"Button Primary",hoverState:!1})}},c={name:"Primary, Disabled",args:{isDisabled:!0,label:"Add crew",variant:"primary"}},l={name:"Secondary",args:{label:"Add crew",variant:"secondary"},play:async({args:t,canvasElement:n,step:a})=>{await r({canvasElement:n,step:a})({args:t,actionName:"Button Secondary",hoverState:!1})}},m={name:"Secondary, Disabled",args:{isDisabled:!0,label:"Add crew",variant:"secondary"}},d={name:"Danger",args:{label:"Add crew",variant:"danger"},play:async({args:t,canvasElement:n,step:a})=>{await r({canvasElement:n,step:a})({args:t,actionName:"Button Danger",hoverState:!1})}},p={name:"Danger Secondary",args:{label:"Add crew",variant:"dangerSecondary"}},u={name:"Danger, Disabled",args:{label:"Add crew",isDisabled:!0,variant:"danger"}},y={name:"Floating",args:{label:"Add crew",variant:"floating"},play:async({args:t,canvasElement:n,step:a})=>{await r({canvasElement:n,step:a})({args:t,actionName:"Button Floating",hoverState:!1})}},g={name:"Floating Action",args:{label:"Add crew",variant:"floatingAction"},play:async({args:t,canvasElement:n,step:a})=>{await r({canvasElement:n,step:a})({args:t,actionName:"Button Floating Action",hoverState:!1})}},b={name:"Floating, Disabled",args:{label:"Add crew",isDisabled:!0,variant:"floating"}},v={name:"Button as a link",args:{label:"Visit okta.com",variant:"floatingAction",href:"https://okta.com",onClick:void 0}},h={name:"Small",args:{label:"Add crew",size:"small"},play:async({args:t,canvasElement:n,step:a})=>{await r({canvasElement:n,step:a})({args:t,actionName:"Button Small",hoverState:!0})}},B={name:"Medium",args:{label:"Add crew",size:"medium",variant:"secondary"},play:async({args:t,canvasElement:n,step:a})=>{await r({canvasElement:n,step:a})({args:t,actionName:"Button Medium",hoverState:!0})}},w={name:"Large",args:{label:"Add crew",size:"large",variant:"danger"},play:async({args:t,canvasElement:n,step:a})=>{await r({canvasElement:n,step:a})({args:t,actionName:"Button Large",hoverState:!0})}},S={name:"Full-width",args:{label:"Add crew",isFullWidth:!0},play:async({args:t,canvasElement:n,step:a})=>{await r({canvasElement:n,step:a})({args:t,actionName:"Button Fullwidth",hoverState:!0})}},f={name:"Icon",args:{label:"Add crew",startIcon:e.jsx(I,{})},play:async({args:t,canvasElement:n,step:a})=>{await r({canvasElement:n,step:a})({args:t,actionName:"Button with Icon",hoverState:!1})}},A={name:"Icon-only",parameters:{docs:{description:{story:"Icon-only buttons should be paired with a Tooltip to provide additional context. A tooltip can be added by setting the `tooltipText` prop on the button to a string."}}},args:{startIcon:e.jsx(I,{}),ariaLabel:"Add crew",label:void 0,tooltipText:"Add crew"}},D={name:"Kitchen sink",render:()=>e.jsxs(Oa,{sx:{display:"flex",flexWrap:"wrap",rowGap:2},children:[e.jsx(o,{label:"Primary",variant:"primary"}),e.jsx(o,{label:"Secondary",variant:"secondary"}),e.jsx(o,{label:"Danger Secondary",variant:"dangerSecondary"}),e.jsx(o,{label:"Danger",variant:"danger"}),e.jsx(o,{label:"Floating",variant:"floating"}),e.jsx(o,{label:"Floating Action",variant:"floatingAction"}),e.jsx(o,{ariaLabel:"Add",startIcon:e.jsx(I,{}),variant:"primary"})]})};var E,N,W;i.parameters={...i.parameters,docs:{...(E=i.parameters)==null?void 0:E.docs,source:{originalSource:`{
1
+ import{j as e}from"./jsx-runtime-CnH95YSl.js";import{f as ja,w as La,u as x,e as Ma,a as za}from"./index-BJMTVygn.js";import{a as Pa}from"./axeRun-B-LchFqf.js";import{i as s}from"./iconUtils-BII10A1q.js";import{O as Va}from"./OdysseyStorybookThemeDecorator-BuDiOG2V.js";import{b as F,a as k,c as T}from"./BaseButton-DYZHKnV3.js";import{M as o}from"./Button-BEA5U6Tg.js";import{M as I}from"./index-DB8HwIVZ.js";import{M as Oa}from"./Box-1mvP3NLW.js";import"./index-NdkWRN8K.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./axe-4JP0vCEZ.js";import"./OdysseyThemeProvider-Bh0Bu-2o.js";import"./index-BJTM6NaI.js";import"./OdysseyProvider-qIn9QVYS.js";import"./MuiPropsContext-DhRylJZk.js";import"./Tooltip-CsVWtVfL.js";import"./Tooltip-Cq2rQGbD.js";import"./Grow-C8kUeGCY.js";import"./utils-kUZVaD1e.js";import"./inheritsLoose-CJ6Ie9dp.js";import"./index-B5xazMy1.js";import"./index-DieBXP3Z.js";import"./TransitionGroupContext-DAL84N7p.js";import"./useIsFocusVisible-DH0qxT5e.js";import"./getReactElementRef-DsIevm5t.js";import"./resolveComponentProps-DXQ8X87i.js";import"./isHostComponent-DVu5iVWx.js";import"./useControlled-NQulfz4l.js";import"./Popper-BARIxJrI.js";import"./popper-BVOCD5jc.js";import"./ownerDocument-DW-IO8s5.js";import"./Portal-C6D59xAE.js";import"./Button-BzIwUmSM.js";import"./ButtonBase-BNqa2TMD.js";import"./assertThisInitialized-B9jnkVVz.js";import"./Server-Ch5aeRtt.js";import"./List-UlX1tusJ.js";import"./ArrowRight-ChWYjNny.js";import"./Bug-CQIUmZ-N.js";import"./Calendar-_GPHtaRa.js";import"./ChevronRight-C12ToI7Y.js";import"./ChevronUp-CfT7Bz8X.js";import"./Clock-17ua7UAW.js";import"./Upload-CfzP_Muq.js";import"./Documentation-DF3oo39e.js";import"./Download-Zlhupksh.js";import"./ExternalLink-D0l1c5Cz.js";import"./Filter-DsDJ7si-.js";import"./Folder-e-po0U54.js";import"./Globe-B83Xmd05.js";import"./Grid-EpV3TL4a.js";import"./Group-mTVRC79V.js";import"./Hide-TKfOHglI.js";import"./Home-la7Lmt_L.js";import"./InformationCircle-a2jMUKfL.js";import"./More-DLQ2RjWn.js";import"./Refresh-DexPEklu.js";import"./Search-C5TVrLyE.js";import"./Settings-2rTKyez8.js";import"./Show-BnmQFsN6.js";import"./Sync-BbqTDeWk.js";import"./User-CyxEAfVT.js";import"./Video-DWT3WylB.js";import"./Box-BcMTQ_R2.js";import"./createBox-Dxawkfow.js";const $t={component:o,decorators:[Va],tags:["autodocs"],argTypes:{endIcon:{control:{type:"select"},options:Object.keys(s),mapping:s,description:"An optional icon to display at the end of the button",table:{type:{summary:"<Icon />"}}},href:{control:"text",description:"Optional href to render the button as a link",table:{type:{summary:"string"}}},id:{description:"An optional ID for the button",table:{type:{summary:"string"}}},isDisabled:{control:"boolean",description:"If `true`, the button is disabled",table:{type:{summary:"boolean"}}},isFullWidth:{control:"boolean",description:"If `true`, the button will take up the full width available",table:{type:{summary:"boolean"}}},label:{control:"text",description:"The button text. If blank, the button must include an icon.",table:{type:{summary:"string"}}},onClick:{action:!0,description:"Callback fired when the button is clicked",table:{type:{summary:"(() => void)"}}},size:{options:T,control:{type:"radio"},description:"The size of the button",table:{type:{summary:T.join(" | ")},defaultValue:{summary:"medium"}}},startIcon:{control:{type:"select"},options:Object.keys(s),mapping:s,description:"An optional icon to display at the start of the button",table:{type:{summary:"<Icon />"}}},tooltipText:{control:"text",description:"If defined, the button will include a tooltip that contains the string.",table:{type:{summary:"string"}}},type:{options:k,control:{type:"radio"},description:"The type of the HTML button element.",table:{type:{summary:k.join(" | ")},defaultValue:{summary:"button"}}},variant:{options:F,control:{type:"radio"},description:"The color and style of the button",table:{type:{summary:F.join(" | ")},defaultValue:{summary:"secondary"}},type:{required:!0,name:"other",value:"radio"}}},args:{label:"Add crew",onClick:ja(),variant:"primary"}},r=({canvasElement:t,step:n})=>async({args:a,actionName:Ea,hoverState:Na})=>{a.label&&await n("hover and click",async()=>{const Wa=La(t).getByRole("button",{name:a.label});x.tab(),await x.click(Wa),Ma(a.onClick).toHaveBeenCalledTimes(1),Pa(Ea),Na||await za(()=>x.tab())})},i={name:"Primary",play:async({args:t,canvasElement:n,step:a})=>{await r({canvasElement:n,step:a})({args:t,actionName:"Button Primary",hoverState:!1})}},c={name:"Primary, Disabled",args:{isDisabled:!0,label:"Add crew",variant:"primary"}},l={name:"Secondary",args:{label:"Add crew",variant:"secondary"},play:async({args:t,canvasElement:n,step:a})=>{await r({canvasElement:n,step:a})({args:t,actionName:"Button Secondary",hoverState:!1})}},m={name:"Secondary, Disabled",args:{isDisabled:!0,label:"Add crew",variant:"secondary"}},d={name:"Danger",args:{label:"Add crew",variant:"danger"},play:async({args:t,canvasElement:n,step:a})=>{await r({canvasElement:n,step:a})({args:t,actionName:"Button Danger",hoverState:!1})}},p={name:"Danger Secondary",args:{label:"Add crew",variant:"dangerSecondary"}},u={name:"Danger, Disabled",args:{label:"Add crew",isDisabled:!0,variant:"danger"}},y={name:"Floating",args:{label:"Add crew",variant:"floating"},play:async({args:t,canvasElement:n,step:a})=>{await r({canvasElement:n,step:a})({args:t,actionName:"Button Floating",hoverState:!1})}},g={name:"Floating Action",args:{label:"Add crew",variant:"floatingAction"},play:async({args:t,canvasElement:n,step:a})=>{await r({canvasElement:n,step:a})({args:t,actionName:"Button Floating Action",hoverState:!1})}},b={name:"Floating, Disabled",args:{label:"Add crew",isDisabled:!0,variant:"floating"}},v={name:"Button as a link",args:{label:"Visit okta.com",variant:"floatingAction",href:"https://okta.com",onClick:void 0}},h={name:"Small",args:{label:"Add crew",size:"small"},play:async({args:t,canvasElement:n,step:a})=>{await r({canvasElement:n,step:a})({args:t,actionName:"Button Small",hoverState:!0})}},B={name:"Medium",args:{label:"Add crew",size:"medium",variant:"secondary"},play:async({args:t,canvasElement:n,step:a})=>{await r({canvasElement:n,step:a})({args:t,actionName:"Button Medium",hoverState:!0})}},w={name:"Large",args:{label:"Add crew",size:"large",variant:"danger"},play:async({args:t,canvasElement:n,step:a})=>{await r({canvasElement:n,step:a})({args:t,actionName:"Button Large",hoverState:!0})}},S={name:"Full-width",args:{label:"Add crew",isFullWidth:!0},play:async({args:t,canvasElement:n,step:a})=>{await r({canvasElement:n,step:a})({args:t,actionName:"Button Fullwidth",hoverState:!0})}},f={name:"Icon",args:{label:"Add crew",startIcon:e.jsx(I,{})},play:async({args:t,canvasElement:n,step:a})=>{await r({canvasElement:n,step:a})({args:t,actionName:"Button with Icon",hoverState:!1})}},A={name:"Icon-only",parameters:{docs:{description:{story:"Icon-only buttons should be paired with a Tooltip to provide additional context. A tooltip can be added by setting the `tooltipText` prop on the button to a string."}}},args:{startIcon:e.jsx(I,{}),ariaLabel:"Add crew",label:void 0,tooltipText:"Add crew"}},D={name:"Kitchen sink",render:()=>e.jsxs(Oa,{sx:{display:"flex",flexWrap:"wrap",rowGap:2},children:[e.jsx(o,{label:"Primary",variant:"primary"}),e.jsx(o,{label:"Secondary",variant:"secondary"}),e.jsx(o,{label:"Danger Secondary",variant:"dangerSecondary"}),e.jsx(o,{label:"Danger",variant:"danger"}),e.jsx(o,{label:"Floating",variant:"floating"}),e.jsx(o,{label:"Floating Action",variant:"floatingAction"}),e.jsx(o,{ariaLabel:"Add",startIcon:e.jsx(I,{}),variant:"primary"})]})};var E,N,W;i.parameters={...i.parameters,docs:{...(E=i.parameters)==null?void 0:E.docs,source:{originalSource:`{
2
2
  name: "Primary",
3
3
  play: async ({
4
4
  args,
@@ -268,4 +268,4 @@ import{j as e}from"./jsx-runtime-CnH95YSl.js";import{f as ja,w as La,u as x,e as
268
268
  <Button label="Floating Action" variant="floatingAction" />
269
269
  <Button ariaLabel="Add" startIcon={<AddIcon />} variant="primary" />
270
270
  </Box>
271
- }`,...(Ta=(ka=D.parameters)==null?void 0:ka.docs)==null?void 0:Ta.source}}};const Ut=["ButtonPrimary","ButtonPrimaryDisabled","ButtonSecondary","ButtonSecondaryDisabled","ButtonDanger","ButtonDangerSecondary","ButtonDangerDisabled","ButtonFloating","ButtonFloatingAction","ButtonFloatingDisabled","ButtonSecondaryAsLink","ButtonSmall","ButtonMedium","ButtonLarge","ButtonFullWidth","ButtonWithIcon","IconOnly","KitchenSink"];export{d as ButtonDanger,u as ButtonDangerDisabled,p as ButtonDangerSecondary,y as ButtonFloating,g as ButtonFloatingAction,b as ButtonFloatingDisabled,S as ButtonFullWidth,w as ButtonLarge,B as ButtonMedium,i as ButtonPrimary,c as ButtonPrimaryDisabled,l as ButtonSecondary,v as ButtonSecondaryAsLink,m as ButtonSecondaryDisabled,h as ButtonSmall,f as ButtonWithIcon,A as IconOnly,D as KitchenSink,Ut as __namedExportsOrder,Qt as default};
271
+ }`,...(Ta=(ka=D.parameters)==null?void 0:ka.docs)==null?void 0:Ta.source}}};const an=["ButtonPrimary","ButtonPrimaryDisabled","ButtonSecondary","ButtonSecondaryDisabled","ButtonDanger","ButtonDangerSecondary","ButtonDangerDisabled","ButtonFloating","ButtonFloatingAction","ButtonFloatingDisabled","ButtonSecondaryAsLink","ButtonSmall","ButtonMedium","ButtonLarge","ButtonFullWidth","ButtonWithIcon","IconOnly","KitchenSink"];export{d as ButtonDanger,u as ButtonDangerDisabled,p as ButtonDangerSecondary,y as ButtonFloating,g as ButtonFloatingAction,b as ButtonFloatingDisabled,S as ButtonFullWidth,w as ButtonLarge,B as ButtonMedium,i as ButtonPrimary,c as ButtonPrimaryDisabled,l as ButtonSecondary,v as ButtonSecondaryAsLink,m as ButtonSecondaryDisabled,h as ButtonSmall,f as ButtonWithIcon,A as IconOnly,D as KitchenSink,an as __namedExportsOrder,$t as default};
@@ -0,0 +1,74 @@
1
+ import{b as A,_ as ee,d as E,W as $e,c as me,s as te,aj as ne,f as Ie,aD as _e,aE as Ue}from"./OdysseyThemeProvider-Bh0Bu-2o.js";import{r as a,e as Y}from"./index-NdkWRN8K.js";import{j as N}from"./jsx-runtime-CnH95YSl.js";import{a as ze,u as ue,b as Oe}from"./useIsFocusVisible-DH0qxT5e.js";import{_ as Ke}from"./assertThisInitialized-B9jnkVVz.js";import{_ as Ae,u as H}from"./inheritsLoose-CJ6Ie9dp.js";import{T as ce}from"./TransitionGroupContext-DAL84N7p.js";function oe(t,s){var r=function(e){return s&&a.isValidElement(e)?s(e):e},l=Object.create(null);return t&&a.Children.map(t,function(n){return n}).forEach(function(n){l[n.key]=r(n)}),l}function We(t,s){t=t||{},s=s||{};function r(f){return f in s?s[f]:t[f]}var l=Object.create(null),n=[];for(var e in t)e in s?n.length&&(l[e]=n,n=[]):n.push(e);var o,c={};for(var u in s){if(l[u])for(o=0;o<l[u].length;o++){var p=l[u][o];c[l[u][o]]=r(p)}c[u]=r(u)}for(o=0;o<n.length;o++)c[n[o]]=r(n[o]);return c}function F(t,s,r){return r[s]!=null?r[s]:t.props[s]}function Xe(t,s){return oe(t.children,function(r){return a.cloneElement(r,{onExited:s.bind(null,r),in:!0,appear:F(r,"appear",t),enter:F(r,"enter",t),exit:F(r,"exit",t)})})}function Ye(t,s,r){var l=oe(t.children),n=We(s,l);return Object.keys(n).forEach(function(e){var o=n[e];if(a.isValidElement(o)){var c=e in s,u=e in l,p=s[e],f=a.isValidElement(p)&&!p.props.in;u&&(!c||f)?n[e]=a.cloneElement(o,{onExited:r.bind(null,o),in:!0,exit:F(o,"exit",t),enter:F(o,"enter",t)}):!u&&c&&!f?n[e]=a.cloneElement(o,{in:!1}):u&&c&&a.isValidElement(p)&&(n[e]=a.cloneElement(o,{onExited:r.bind(null,o),in:p.props.in,exit:F(o,"exit",t),enter:F(o,"enter",t)}))}}),n}var He=Object.values||function(t){return Object.keys(t).map(function(s){return t[s]})},Ge={component:"div",childFactory:function(s){return s}},ie=function(t){Ae(s,t);function s(l,n){var e;e=t.call(this,l,n)||this;var o=e.handleExited.bind(Ke(e));return e.state={contextValue:{isMounting:!0},handleExited:o,firstRender:!0},e}var r=s.prototype;return r.componentDidMount=function(){this.mounted=!0,this.setState({contextValue:{isMounting:!1}})},r.componentWillUnmount=function(){this.mounted=!1},s.getDerivedStateFromProps=function(n,e){var o=e.children,c=e.handleExited,u=e.firstRender;return{children:u?Xe(n,c):Ye(n,o,c),firstRender:!1}},r.handleExited=function(n,e){var o=oe(this.props.children);n.key in o||(n.props.onExited&&n.props.onExited(e),this.mounted&&this.setState(function(c){var u=A({},c.children);return delete u[n.key],{children:u}}))},r.render=function(){var n=this.props,e=n.component,o=n.childFactory,c=ee(n,["component","childFactory"]),u=this.state.contextValue,p=He(this.state.children).map(o);return delete c.appear,delete c.enter,delete c.exit,e===null?Y.createElement(ce.Provider,{value:u},p):Y.createElement(ce.Provider,{value:u},Y.createElement(e,c,p))},s}(Y.Component);ie.propTypes={};ie.defaultProps=Ge;function qe(t){const{className:s,classes:r,pulsate:l=!1,rippleX:n,rippleY:e,rippleSize:o,in:c,onExited:u,timeout:p}=t,[f,g]=a.useState(!1),b=E(s,r.ripple,r.rippleVisible,l&&r.ripplePulsate),C={width:o,height:o,top:-(o/2)+e,left:-(o/2)+n},h=E(r.child,f&&r.childLeaving,l&&r.childPulsate);return!c&&!f&&g(!0),a.useEffect(()=>{if(!c&&u!=null){const R=setTimeout(u,p);return()=>{clearTimeout(R)}}},[u,c,p]),N.jsx("span",{className:b,style:C,children:N.jsx("span",{className:h})})}const m=$e("MuiTouchRipple",["root","ripple","rippleVisible","ripplePulsate","child","childLeaving","childPulsate"]),Je=["center","classes","className"];let G=t=>t,pe,de,fe,he;const Z=550,Qe=80,Ze=ne(pe||(pe=G`
2
+ 0% {
3
+ transform: scale(0);
4
+ opacity: 0.1;
5
+ }
6
+
7
+ 100% {
8
+ transform: scale(1);
9
+ opacity: 0.3;
10
+ }
11
+ `)),et=ne(de||(de=G`
12
+ 0% {
13
+ opacity: 1;
14
+ }
15
+
16
+ 100% {
17
+ opacity: 0;
18
+ }
19
+ `)),tt=ne(fe||(fe=G`
20
+ 0% {
21
+ transform: scale(1);
22
+ }
23
+
24
+ 50% {
25
+ transform: scale(0.92);
26
+ }
27
+
28
+ 100% {
29
+ transform: scale(1);
30
+ }
31
+ `)),nt=te("span",{name:"MuiTouchRipple",slot:"Root"})({overflow:"hidden",pointerEvents:"none",position:"absolute",zIndex:0,top:0,right:0,bottom:0,left:0,borderRadius:"inherit"}),ot=te(qe,{name:"MuiTouchRipple",slot:"Ripple"})(he||(he=G`
32
+ opacity: 0;
33
+ position: absolute;
34
+
35
+ &.${0} {
36
+ opacity: 0.3;
37
+ transform: scale(1);
38
+ animation-name: ${0};
39
+ animation-duration: ${0}ms;
40
+ animation-timing-function: ${0};
41
+ }
42
+
43
+ &.${0} {
44
+ animation-duration: ${0}ms;
45
+ }
46
+
47
+ & .${0} {
48
+ opacity: 1;
49
+ display: block;
50
+ width: 100%;
51
+ height: 100%;
52
+ border-radius: 50%;
53
+ background-color: currentColor;
54
+ }
55
+
56
+ & .${0} {
57
+ opacity: 0;
58
+ animation-name: ${0};
59
+ animation-duration: ${0}ms;
60
+ animation-timing-function: ${0};
61
+ }
62
+
63
+ & .${0} {
64
+ position: absolute;
65
+ /* @noflip */
66
+ left: 0px;
67
+ top: 0;
68
+ animation-name: ${0};
69
+ animation-duration: 2500ms;
70
+ animation-timing-function: ${0};
71
+ animation-iteration-count: infinite;
72
+ animation-delay: 200ms;
73
+ }
74
+ `),m.rippleVisible,Ze,Z,({theme:t})=>t.transitions.easing.easeInOut,m.ripplePulsate,({theme:t})=>t.transitions.duration.shorter,m.child,m.childLeaving,et,Z,({theme:t})=>t.transitions.easing.easeInOut,m.childPulsate,tt,({theme:t})=>t.transitions.easing.easeInOut),it=a.forwardRef(function(s,r){const l=me({props:s,name:"MuiTouchRipple"}),{center:n=!1,classes:e={},className:o}=l,c=ee(l,Je),[u,p]=a.useState([]),f=a.useRef(0),g=a.useRef(null);a.useEffect(()=>{g.current&&(g.current(),g.current=null)},[u]);const b=a.useRef(!1),C=ze(),h=a.useRef(null),R=a.useRef(null),_=a.useCallback(d=>{const{pulsate:M,rippleX:x,rippleY:S,rippleSize:I,cb:z}=d;p(y=>[...y,N.jsx(ot,{classes:{ripple:E(e.ripple,m.ripple),rippleVisible:E(e.rippleVisible,m.rippleVisible),ripplePulsate:E(e.ripplePulsate,m.ripplePulsate),child:E(e.child,m.child),childLeaving:E(e.childLeaving,m.childLeaving),childPulsate:E(e.childPulsate,m.childPulsate)},timeout:Z,pulsate:M,rippleX:x,rippleY:S,rippleSize:I},f.current)]),f.current+=1,g.current=z},[e]),j=a.useCallback((d={},M={},x=()=>{})=>{const{pulsate:S=!1,center:I=n||M.pulsate,fakeElement:z=!1}=M;if((d==null?void 0:d.type)==="mousedown"&&b.current){b.current=!1;return}(d==null?void 0:d.type)==="touchstart"&&(b.current=!0);const y=z?null:R.current,D=y?y.getBoundingClientRect():{width:0,height:0,left:0,top:0};let v,B,L;if(I||d===void 0||d.clientX===0&&d.clientY===0||!d.clientX&&!d.touches)v=Math.round(D.width/2),B=Math.round(D.height/2);else{const{clientX:k,clientY:V}=d.touches&&d.touches.length>0?d.touches[0]:d;v=Math.round(k-D.left),B=Math.round(V-D.top)}if(I)L=Math.sqrt((2*D.width**2+D.height**2)/3),L%2===0&&(L+=1);else{const k=Math.max(Math.abs((y?y.clientWidth:0)-v),v)*2+2,V=Math.max(Math.abs((y?y.clientHeight:0)-B),B)*2+2;L=Math.sqrt(k**2+V**2)}d!=null&&d.touches?h.current===null&&(h.current=()=>{_({pulsate:S,rippleX:v,rippleY:B,rippleSize:L,cb:x})},C.start(Qe,()=>{h.current&&(h.current(),h.current=null)})):_({pulsate:S,rippleX:v,rippleY:B,rippleSize:L,cb:x})},[n,_,C]),U=a.useCallback(()=>{j({},{pulsate:!0})},[j]),$=a.useCallback((d,M)=>{if(C.clear(),(d==null?void 0:d.type)==="touchend"&&h.current){h.current(),h.current=null,C.start(0,()=>{$(d,M)});return}h.current=null,p(x=>x.length>0?x.slice(1):x),g.current=M},[C]);return a.useImperativeHandle(r,()=>({pulsate:U,start:j,stop:$}),[U,j,$]),N.jsx(nt,A({className:E(m.root,e.root,o),ref:R},c,{children:N.jsx(ie,{component:null,exit:!0,children:u})}))}),st=["action","centerRipple","children","className","component","disabled","disableRipple","disableTouchRipple","focusRipple","focusVisibleClassName","LinkComponent","onBlur","onClick","onContextMenu","onDragLeave","onFocus","onFocusVisible","onKeyDown","onKeyUp","onMouseDown","onMouseLeave","onMouseUp","onTouchEnd","onTouchMove","onTouchStart","tabIndex","TouchRippleProps","touchRippleRef","type"],rt=t=>{const{disabled:s,focusVisible:r,focusVisibleClassName:l,classes:n}=t,o=Ie({root:["root",s&&"disabled",r&&"focusVisible"]},_e,n);return r&&l&&(o.root+=` ${l}`),o},at=te("button",{name:"MuiButtonBase",slot:"Root",overridesResolver:(t,s)=>s.root})({display:"inline-flex",alignItems:"center",justifyContent:"center",position:"relative",boxSizing:"border-box",WebkitTapHighlightColor:"transparent",backgroundColor:"transparent",outline:0,border:0,margin:0,borderRadius:0,padding:0,cursor:"pointer",userSelect:"none",verticalAlign:"middle",MozAppearance:"none",WebkitAppearance:"none",textDecoration:"none",color:"inherit","&::-moz-focus-inner":{borderStyle:"none"},[`&.${Ue.disabled}`]:{pointerEvents:"none",cursor:"default"},"@media print":{colorAdjust:"exact"}}),bt=a.forwardRef(function(s,r){const l=me({props:s,name:"MuiButtonBase"}),{action:n,centerRipple:e=!1,children:o,className:c,component:u="button",disabled:p=!1,disableRipple:f=!1,disableTouchRipple:g=!1,focusRipple:b=!1,LinkComponent:C="a",onBlur:h,onClick:R,onContextMenu:_,onDragLeave:j,onFocus:U,onFocusVisible:$,onKeyDown:d,onKeyUp:M,onMouseDown:x,onMouseLeave:S,onMouseUp:I,onTouchEnd:z,onTouchMove:y,onTouchStart:D,tabIndex:v=0,TouchRippleProps:B,touchRippleRef:L,type:k}=l,V=ee(l,st),O=a.useRef(null),T=a.useRef(null),be=ue(T,L),{isFocusVisibleRef:se,onFocus:ge,onBlur:Re,ref:Me}=Oe(),[w,W]=a.useState(!1);p&&w&&W(!1),a.useImperativeHandle(n,()=>({focusVisible:()=>{W(!0),O.current.focus()}}),[]);const[q,xe]=a.useState(!1);a.useEffect(()=>{xe(!0)},[]);const ye=q&&!f&&!p;a.useEffect(()=>{w&&b&&!f&&q&&T.current.pulsate()},[f,b,w,q]);function P(i,ae,je=g){return H(le=>(ae&&ae(le),!je&&T.current&&T.current[i](le),!0))}const Te=P("start",x),Ee=P("stop",_),Ce=P("stop",j),ve=P("stop",I),Ve=P("stop",i=>{w&&i.preventDefault(),S&&S(i)}),Pe=P("start",D),De=P("stop",z),Be=P("stop",y),Le=P("stop",i=>{Re(i),se.current===!1&&W(!1),h&&h(i)},!1),Se=H(i=>{O.current||(O.current=i.currentTarget),ge(i),se.current===!0&&(W(!0),$&&$(i)),U&&U(i)}),J=()=>{const i=O.current;return u&&u!=="button"&&!(i.tagName==="A"&&i.href)},Q=a.useRef(!1),ke=H(i=>{b&&!Q.current&&w&&T.current&&i.key===" "&&(Q.current=!0,T.current.stop(i,()=>{T.current.start(i)})),i.target===i.currentTarget&&J()&&i.key===" "&&i.preventDefault(),d&&d(i),i.target===i.currentTarget&&J()&&i.key==="Enter"&&!p&&(i.preventDefault(),R&&R(i))}),we=H(i=>{b&&i.key===" "&&T.current&&w&&!i.defaultPrevented&&(Q.current=!1,T.current.stop(i,()=>{T.current.pulsate(i)})),M&&M(i),R&&i.target===i.currentTarget&&J()&&i.key===" "&&!i.defaultPrevented&&R(i)});let X=u;X==="button"&&(V.href||V.to)&&(X=C);const K={};X==="button"?(K.type=k===void 0?"button":k,K.disabled=p):(!V.href&&!V.to&&(K.role="button"),p&&(K["aria-disabled"]=p));const Fe=ue(r,Me,O),re=A({},l,{centerRipple:e,component:u,disabled:p,disableRipple:f,disableTouchRipple:g,focusRipple:b,tabIndex:v,focusVisible:w}),Ne=rt(re);return N.jsxs(at,A({as:X,className:E(Ne.root,c),ownerState:re,onBlur:Le,onClick:R,onContextMenu:Ee,onFocus:Se,onKeyDown:ke,onKeyUp:we,onMouseDown:Te,onMouseLeave:Ve,onMouseUp:ve,onDragLeave:Ce,onTouchEnd:De,onTouchMove:Be,onTouchStart:Pe,ref:Fe,tabIndex:p?-1:v,type:k},K,V,{children:[o,ye?N.jsx(it,A({ref:be,center:e},B)):null]}))});export{bt as B,ie as T};
@@ -1 +1 @@
1
- import{r as e}from"./index-NdkWRN8K.js";import{j as r}from"./jsx-runtime-CnH95YSl.js";import{S as n}from"./OdysseyThemeProvider-BBwjgzn2.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
+ import{r as e}from"./index-NdkWRN8K.js";import{j as r}from"./jsx-runtime-CnH95YSl.js";import{S as n}from"./OdysseyThemeProvider-Bh0Bu-2o.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 +1 @@
1
- import{J as x,u as f,s as g}from"./OdysseyThemeProvider-BBwjgzn2.js";import{r as j}from"./index-NdkWRN8K.js";import{M as v}from"./Link-DI6v1ROk.js";import{a as T}from"./Typography-DfSdXC7o.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-BbBpDTwd.js";import{B as i}from"./Box-CWTB5xfE.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
+ import{K as x,u as f,h as g}from"./OdysseyThemeProvider-Bh0Bu-2o.js";import{r as j}from"./index-NdkWRN8K.js";import{M as v}from"./Link-BDoLypER.js";import{a as T}from"./Typography-Cz6D417Y.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-q6ff_Zkl.js";import{B as i}from"./Box-BcMTQ_R2.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};
@@ -0,0 +1,105 @@
1
+ import{j as e}from"./jsx-runtime-CnH95YSl.js";import{e as H}from"./index-BJMTVygn.js";import{O as z}from"./OdysseyStorybookThemeDecorator-BuDiOG2V.js";import{c as p,a as d,M as F}from"./Callout-FZxPpigF.js";import{q as G}from"./queryOdysseySelector-CwauhQve.js";import"./index-NdkWRN8K.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./OdysseyThemeProvider-Bh0Bu-2o.js";import"./index-BJTM6NaI.js";import"./OdysseyProvider-qIn9QVYS.js";import"./Link-BDoLypER.js";import"./Link-DNIf0luC.js";import"./useIsFocusVisible-DH0qxT5e.js";import"./Typography-ClQ35Rr-.js";import"./ExternalLink-D0l1c5Cz.js";import"./Typography-Cz6D417Y.js";import"./useUniqueId-Bsgqe1tm.js";import"./createUniqueId-ByTaVY63.js";import"./AlertTitle-q6ff_Zkl.js";import"./useSlot-CvpE2t6D.js";import"./resolveComponentProps-DXQ8X87i.js";import"./isHostComponent-DVu5iVWx.js";import"./createSvgIcon-ClUWwDzL.js";import"./Close-OXBt1nIe.js";import"./IconButton-5qShmnSr.js";import"./ButtonBase-BNqa2TMD.js";import"./assertThisInitialized-B9jnkVVz.js";import"./inheritsLoose-CJ6Ie9dp.js";import"./TransitionGroupContext-DAL84N7p.js";import"./Paper-D-_O-EjU.js";import"./Box-BcMTQ_R2.js";import"./createBox-Dxawkfow.js";import"./test-utils-H9lH7T5D.js";import"./index-DieBXP3Z.js";import"./index-B5xazMy1.js";import"./client-ByW5HbEz.js";const We={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 je=["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,je as __namedExportsOrder,We as default};