@okta/odyssey-react-mui 1.53.0 → 1.55.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.
- package/CHANGELOG.md +59 -0
- package/dist/assets/{Accordion-CLdY3bef.js → Accordion-D8MMTGBC.js} +1 -1
- package/dist/assets/Accordion.stories-BPJnLVeE.js +85 -0
- package/dist/assets/{AccordionSummary-wkTP8_D6.js → AccordionSummary-BpjNF1hZ.js} +1 -1
- package/dist/assets/{AddCircle-zDqHIKbQ.js → AddCircle-DgNpvHvb.js} +1 -1
- package/dist/assets/{AlertTitle-UQV7DT5q.js → AlertTitle-41lhnhsR.js} +1 -1
- package/dist/assets/{AppSwitcher-Dgfa_AoU.js → AppSwitcher-BlMgsq7d.js} +1 -1
- package/dist/assets/AppSwitcher.stories-DK6TzLjN.js +100 -0
- package/dist/assets/AppTile.stories-D9NfZuTR.js +136 -0
- package/dist/assets/{ArrowDropDown-BbLKA4fg.js → ArrowDropDown-CMSB1a5F.js} +1 -1
- package/dist/assets/ArrowLeft-DKc-rln7.js +1 -0
- package/dist/assets/ArrowRight-CQpox1s-.js +1 -0
- package/dist/assets/{Autocomplete-BwSwXNq_.js → Autocomplete-CcFQPuHI.js} +1 -1
- package/dist/assets/{Autocomplete-BajR4gNT.js → Autocomplete-DxRs9Djj.js} +1 -1
- package/dist/assets/{Autocomplete.stories-C7T-kCUQ.js → Autocomplete.stories-DU9xY7GK.js} +3 -3
- package/dist/assets/{Badge-4k4qHpX4.js → Badge-C9-6xV6N.js} +1 -1
- package/dist/assets/{Banner-CfvXqDEI.js → Banner-BtTBJERs.js} +1 -1
- package/dist/assets/{Banner.stories-NnVFdOhp.js → Banner.stories-BZuwmjR1.js} +3 -3
- package/dist/assets/{BaseButton-C9tiChQu.js → BaseButton-BzcWVv73.js} +1 -1
- package/dist/assets/{BaseMenuButton-BXkyi9Y-.js → BaseMenuButton-B2CeKq3v.js} +1 -1
- package/dist/assets/{Box--NDTewyO.js → Box-B-6W36qW.js} +1 -1
- package/dist/assets/{Box-B3rdnavX.js → Box-BvtEwOZC.js} +1 -1
- package/dist/assets/Box-BzR7wZhO.js +11 -0
- package/dist/assets/{Box-CnVllI1S.js → Box-DduJOSF-.js} +1 -1
- package/dist/assets/{Box.stories-0iw_Ut4E.js → Box.stories-vV2di-KJ.js} +1 -1
- package/dist/assets/Breadcrumb.stories-J2cc8t0d.js +19 -0
- package/dist/assets/BreadcrumbList.stories-B6XEafPI.js +81 -0
- package/dist/assets/{Breadcrumbs-DlF1RjAJ.js → Breadcrumbs-CM2RJrtX.js} +1 -1
- package/dist/assets/{Bug-BnGJL5iO.js → Bug-DbpZDqwO.js} +1 -1
- package/dist/assets/{Button-Dug4qNr3.js → Button-AqSkJ6Nd.js} +1 -1
- package/dist/assets/{Button-0PI4ljbj.js → Button-BX9EXxBV.js} +1 -1
- package/dist/assets/{Button-CQAScxdp.js → Button-CZuGHFIJ.js} +1 -1
- package/dist/assets/{Button-BEdrRzeO.js → Button-ZPlYqHUi.js} +1 -1
- package/dist/assets/{Button.stories-CaESBfZW.js → Button.stories-Bl7P9tek.js} +2 -2
- package/dist/assets/{Button.stories-CNPwpgVA.js → Button.stories-vEg3PKz-.js} +3 -3
- package/dist/assets/{ButtonBase-Rz8p08Xo.js → ButtonBase-CYIo9Kvv.js} +1 -1
- package/dist/assets/{Calendar-Do4wfihU.js → Calendar-DV1h6Fc3.js} +1 -1
- package/dist/assets/{Call-CZmd0zlk.js → Call-2_fpBWhr.js} +1 -1
- package/dist/assets/{Callout-WJN7MCgu.js → Callout-BgusP-7-.js} +1 -1
- package/dist/assets/{Callout.stories-EyhGsZIg.js → Callout.stories-CtAYWft1.js} +3 -3
- package/dist/assets/Card-BosIFVQP.js +8 -0
- package/dist/assets/{Card-CYHxgfcj.js → Card-DSV0thOs.js} +1 -1
- package/dist/assets/{Card.stories-CB7itEof.js → Card.stories-ZHXa0-vk.js} +1 -1
- package/dist/assets/{CardActionArea-CjEHgWqq.js → CardActionArea-j218OlRR.js} +1 -1
- package/dist/assets/{CardActions-AjPk7ICQ.js → CardActions-DEkVEZOo.js} +1 -1
- package/dist/assets/Checkbox-CtLz3m2I.js +1 -0
- package/dist/assets/{Checkbox-mRntsWEy.js → Checkbox-RASNl40G.js} +1 -1
- package/dist/assets/{Checkbox-3Yu84dfy.js → Checkbox-_fXckuhm.js} +1 -1
- package/dist/assets/Checkbox.stories-Bvx8GqiS.js +113 -0
- package/dist/assets/Checkbox.stories-qCSW0Q2j.js +43 -0
- package/dist/assets/{CheckboxGroup-Bris2fCF.js → CheckboxGroup-zMSuzeZ6.js} +1 -1
- package/dist/assets/CheckboxGroup.stories-BHKIdZ7U.js +89 -0
- package/dist/assets/CheckboxGroup.stories-BSflT92t.js +64 -0
- package/dist/assets/{ChevronRight-QYu5EQHS.js → ChevronRight--b1mmNks.js} +1 -1
- package/dist/assets/{ChevronUp-D226bAv0.js → ChevronUp-DL24OTkX.js} +1 -1
- package/dist/assets/{Chip-BgPaZbUf.js → Chip-bDORJbkM.js} +1 -1
- package/dist/assets/{CircularProgress-D6L1y9kt.js → CircularProgress-BgZHFbQE.js} +1 -1
- package/dist/assets/{CircularProgress-B7sj16Me.js → CircularProgress-BoAO9U8M.js} +1 -1
- package/dist/assets/{CircularProgress.stories-CvfXEtcf.js → CircularProgress.stories-CbcXfcmH.js} +3 -3
- package/dist/assets/{Clock-CRMbzsTS.js → Clock-BQK6LLyZ.js} +1 -1
- package/dist/assets/Close-cbwEd5Sp.js +1 -0
- package/dist/assets/{Code Styling Guidelines-CstdJT8e.js → Code Styling Guidelines-CRc7Acxy.js } +1 -1
- package/dist/assets/{Collapse-DULszxZp.js → Collapse-1HAz0LZV.js} +1 -1
- package/dist/assets/{Color-ASIRERSW-D1UGGYVZ.js → Color-ASIRERSW-CzhPgsf8.js} +1 -1
- package/dist/assets/{CssBaseline-BxXlsiez.js → CssBaseline-CPKflVp5.js} +2 -2
- package/dist/assets/{CssBaseline.stories-DVe508J0.js → CssBaseline.stories-BVbDhIF6.js} +1 -1
- package/dist/assets/{Custom Theming-ccLDrBQS.js → Custom Theming-Dcj0M7qI.js } +2 -2
- package/dist/assets/Custom Theming.stories-UirQjvOB.js +95 -0
- package/dist/assets/{DataFilters-BkX84ZQL.js → DataFilters-Cf-ESeWE.js} +2 -2
- package/dist/assets/DataFilters-D5ALxX9D.js +1 -0
- package/dist/assets/{DataFilters.stories-DewPnjr_.js → DataFilters.stories-BEQSD0AZ.js} +1 -1
- package/dist/assets/DataTable-BRz_SDL5.js +41 -0
- package/dist/assets/{DataTable-019cW0Jq.js → DataTable-DrMdrIcq.js} +2 -2
- package/dist/assets/{DataTable-B5iX_c6m.js → DataTable-Duk3yrgE.js} +1 -1
- package/dist/assets/{DataTable.stories-Bn546tQH.js → DataTable.stories-BzrVvUtr.js} +1 -1
- package/dist/assets/{DataTable.stories-CZ38vjC1.js → DataTable.stories-CwDiJD8l.js} +2 -2
- package/dist/assets/{DataView-C1SHLIDp.js → DataView-B0q4EyNh.js} +2 -2
- package/dist/assets/{DataView-BS0E464o.js → DataView-CjTfaBGG.js} +1 -1
- package/dist/assets/{DataView.stories-CzFmgLtp.js → DataView.stories-B33BDgre.js} +1 -1
- package/dist/assets/{DataView.stories-E0Zxfc-o.js → DataView.stories-Dj1si9l-.js} +3 -3
- package/dist/assets/{DatePicker-DE3q9EuO.js → DatePicker-B5X7dx9Q.js} +1 -1
- package/dist/assets/{DatePicker-vZfA4IWy.js → DatePicker-BOqWHXdY.js} +1 -1
- package/dist/assets/DatePicker.stories-Dipl4bQY.js +133 -0
- package/dist/assets/{DateTimePicker-ByepBMwy.js → DateTimePicker-CIersydJ.js} +1 -1
- package/dist/assets/{DateTimePicker.stories-Cas4UCrt.js → DateTimePicker.stories-DjzZocUv.js} +3 -3
- package/dist/assets/DebugMenu-By3Vj_Nv.js +1 -0
- package/dist/assets/Design Tokens-C3WLUx-Q.js +4 -0
- package/dist/assets/Dialog-o5O78_b5.js +1 -0
- package/dist/assets/Dialog.stories-Dp36WpKI.js +352 -0
- package/dist/assets/Dialog.stories-MZqfLw6Z.js +207 -0
- package/dist/assets/{DialogContent-C6DlqjnA.js → DialogContent-BOYeFFEd.js} +1 -1
- package/dist/assets/DialogContentText-D0M3e4sQ.js +1 -0
- package/dist/assets/{DialogTitle-B_QxN4PO.js → DialogTitle-CIzT7Vz-.js} +1 -1
- package/dist/assets/{Divider-C7lvc1xB.js → Divider-6S-pAD7Z.js} +1 -1
- package/dist/assets/Divider.stories-CDGskHHm.js +5 -0
- package/dist/assets/{DocsRenderer-GHJI37HO-DFEQwt06.js → DocsRenderer-GHJI37HO-BX00v8ne.js} +2 -2
- package/dist/assets/{Documentation-nAJnZGCK.js → Documentation-C2_DeFFh.js} +1 -1
- package/dist/assets/{Download-CA8gZ8xE.js → Download-YawXz5G6.js} +1 -1
- package/dist/assets/{Drawer-CYAKZaWu.js → Drawer-DG7c2iM4.js} +1 -1
- package/dist/assets/Drawer.stories-C9ckJovc.js +95 -0
- package/dist/assets/{EmptyState-B1EvR4rn.js → EmptyState-Cw97nR9g.js} +1 -1
- package/dist/assets/EmptyState.stories-DXpOC1wF.js +127 -0
- package/dist/assets/EmptyState.stories-DhZwVE6F.js +11 -0
- package/dist/assets/{ExampleButton.stories-C3scpIjS.js → ExampleButton.stories-BfAyzgTg.js} +2 -2
- package/dist/assets/{Extending Translations-3H_cpfNQ.js → Extending Translations-DyrOgVYP.js } +1 -1
- package/dist/assets/{ExternalLink-3_gWbh_U.js → ExternalLink-DTGSbkQ2.js} +1 -1
- package/dist/assets/{Fade-ZBabHGDm.js → Fade-5EaFioT-.js} +1 -1
- package/dist/assets/{Field-CqIOaZfg.js → Field-4cI0KUzC.js} +1 -1
- package/dist/assets/Field-g_717qKv.js +11 -0
- package/dist/assets/{FieldHint-Cs73lQge.js → FieldHint-Bv45kUgg.js} +1 -1
- package/dist/assets/{Fieldset-emRDW8u7.js → Fieldset-Bu9pgqLo.js} +1 -1
- package/dist/assets/Fieldset.stories-DywDyipj.js +15 -0
- package/dist/assets/{FileUploader.stories-82Cob1aQ.js → FileUploader.stories-BGXUMzQV.js} +3 -3
- package/dist/assets/{Filter-XcwxIcdg.js → Filter-ColuOFTn.js} +1 -1
- package/dist/assets/{Folder-CVKRyg4P.js → Folder-DtBjBkxy.js} +1 -1
- package/dist/assets/{Form Field Accessibility-CZo064GW.js → Form Field Accessibility-4Q_qv-b6.js } +1 -1
- package/dist/assets/{Form-jEIBfmsN.js → Form-BxpHmQzB.js} +1 -1
- package/dist/assets/Form.stories-BIv3u1UC.js +69 -0
- package/dist/assets/{FormControlLabel-BG9mNqQc.js → FormControlLabel-CB3xJ6ut.js} +1 -1
- package/dist/assets/{FormGroup-D8ZDwdpx.js → FormGroup-BhjYepGC.js} +1 -1
- package/dist/assets/{FormHelperText-CVc1kPQJ.js → FormHelperText--Cp1ogV3.js} +1 -1
- package/dist/assets/{FormLabel-CWWbs_c2.js → FormLabel-DB_AmiE2.js} +1 -1
- package/dist/assets/{FullScreenOverlay-GJH3R5s4.js → FullScreenOverlay-BtuzG-CQ.js} +1 -1
- package/dist/assets/{Generating Icons-DzaDzJO9.js → Generating Icons-Dr_ZkyrY.js } +1 -1
- package/dist/assets/{Globe-C0SMdL8H.js → Globe-DhuLu1HO.js} +1 -1
- package/dist/assets/{Grid-DnpTJXeB.js → Grid-DT7vGlwm.js} +1 -1
- package/dist/assets/{Group-BJr9nAnt.js → Group-9XOIBtaE.js} +1 -1
- package/dist/assets/GroupPicker.stories-Bke7SA6x.js +33 -0
- package/dist/assets/{Grow-DvH-Xu1P.js → Grow-DG6yJWeA.js} +1 -1
- package/dist/assets/{Hide-C2jA-JOQ.js → Hide-4CfPQa-Q.js} +1 -1
- package/dist/assets/{Hint-BXue9c6p.js → Hint-BaHNFCSW.js} +1 -1
- package/dist/assets/{HintLink.stories-FqiBpDGQ.js → HintLink.stories-BZvK3msS.js} +3 -3
- package/dist/assets/{Home-D8RWt2JU.js → Home-BD0pfCzQ.js} +1 -1
- package/dist/assets/Icon.stories-BSXh7e2h.js +16 -0
- package/dist/assets/{IconButton-BPR_sq0F.js → IconButton-BJHIZjwd.js} +1 -1
- package/dist/assets/IconWithTooltip.stories-D8GpX4_O.js +19 -0
- package/dist/assets/{IgaComponentsOdysseyStorybookThemeDecorator-DdMym0aA.js → IgaComponentsOdysseyStorybookThemeDecorator-CVt9siFq.js} +1 -1
- package/dist/assets/{InformationCircle-DRZkRWne.js → InformationCircle-C_nheCFB.js} +1 -1
- package/dist/assets/{InputAdornment-Clfg5IS6.js → InputAdornment-CeCSVIa-.js} +1 -1
- package/dist/assets/{InputBase-BYnzr12H.js → InputBase-Bm1MB3pl.js} +1 -1
- package/dist/assets/{Installing odyssey-react-mui-C75NTz-Q.js → Installing odyssey-react-mui-ezN4Xob1.js } +1 -1
- package/dist/assets/{Introduction-DqVi6Ihy.js → Introduction-Vd2VsZIT.js} +1 -1
- package/dist/assets/{Layout-XY1MknZE.js → Layout-Bj5b-E-p.js} +1 -1
- package/dist/assets/{Layout.stories-CnOmeQ-W.js → Layout.stories-C7EVraBE.js} +3 -3
- package/dist/assets/{Legacy Migrations-D05TylMb.js → Legacy Migrations-D0Ct1uEl.js } +1 -1
- package/dist/assets/{LinearProgress-Z53mwHnp.js → LinearProgress-BcCo3aqG.js} +1 -1
- package/dist/assets/{Link-thynTosX.js → Link-4r_7nyI-.js} +1 -1
- package/dist/assets/{Link-Cg_KakDo.js → Link-BXZlWRMJ.js} +1 -1
- package/dist/assets/{Link-BKNciOfr.js → Link-C_gwYBxh.js} +1 -1
- package/dist/assets/Link-CqFkrdZX.js +11 -0
- package/dist/assets/{Link.stories-Clh1Bkzm.js → Link.stories-VkTe4JmO.js} +1 -1
- package/dist/assets/{List-D0N4Xybp.js → List-BcXvgzsa.js} +1 -1
- package/dist/assets/{List-CZ2bN2bA.js → List-CEPzEOaM.js} +1 -1
- package/dist/assets/{ListItem-BNz1zv6N.js → ListItem-B5ux02dQ.js} +1 -1
- package/dist/assets/{ListSubheader-Dwx7m0BA.js → ListSubheader-CB8GDLQK.js} +1 -1
- package/dist/assets/ListSubheader.stories-BrcTqTtL.js +5 -0
- package/dist/assets/{Menu-DB2s3Jn0.js → Menu-BCZiiIwc.js} +1 -1
- package/dist/assets/{MenuButton-BffESdH9.js → MenuButton-ChyskluM.js} +1 -1
- package/dist/assets/{MenuButton-BrxZ5EA2.js → MenuButton-CsX9_3Ov.js} +1 -1
- package/dist/assets/MenuButton.stories-BQzhE18z.js +246 -0
- package/dist/assets/{MenuButton.stories-l4pnLJBo.js → MenuButton.stories-ioM9q6o0.js} +1 -1
- package/dist/assets/{MenuContext-UsOwIWpO.js → MenuContext-BkYpsFtp.js} +1 -1
- package/dist/assets/{MenuItem-Cmq8TfUJ.js → MenuItem-C_SjZMbY.js} +1 -1
- package/dist/assets/{MenuItem-nncwAWHS.js → MenuItem-CbPgBBBa.js} +1 -1
- package/dist/assets/{MenuItem-CpMFWgaz.js → MenuItem-Cu1R78Nk.js} +1 -1
- package/dist/assets/{MenuItem.stories-76iDefqo.js → MenuItem.stories-C0Lk9sD8.js} +1 -1
- package/dist/assets/MenuItem.stories-DneQgCON.js +38 -0
- package/dist/assets/{MenuList-D3GSt85L.js → MenuList-BTp-5mcb.js} +1 -1
- package/dist/assets/{Modal-C5P7v6Gt.js → Modal-DHgQg0pV.js} +1 -1
- package/dist/assets/{More-BAN0OFVF.js → More-D0XSbzen.js} +1 -1
- package/dist/assets/{MuiPropsContext-D6i6qZME.js → MuiPropsContext-DICjNBkr.js} +1 -1
- package/dist/assets/{MuiPropsContext-Df02xyKB.js → MuiPropsContext-ppLtceHL.js} +1 -1
- package/dist/assets/NativeSelect.stories-D0uGEhNl.js +114 -0
- package/dist/assets/{Notification-CqbysXIb.js → Notification-Dv2xKTFA.js} +1 -1
- package/dist/assets/{OdysseyProvider-PxeTd-wx.js → OdysseyProvider-Czbz3dwH.js} +1 -1
- package/dist/assets/{OdysseyProvider-rboSNY26.js → OdysseyProvider-n2ocdJ7D.js} +9 -9
- package/dist/assets/{OdysseyStorybookThemeDecorator-CHlNoX17.js → OdysseyStorybookThemeDecorator-Bokwb0ot.js} +1 -1
- package/dist/assets/OdysseyThemeProvider-DOMFnSU0.js +167 -0
- package/dist/assets/PageHeader-W8g920aE.js +6 -0
- package/dist/assets/{PageHeader.stories-DzO4wv8w.js → PageHeader.stories-DawNc8la.js} +2 -2
- package/dist/assets/PageHeader.stories-DbD6NKau.js +17 -0
- package/dist/assets/{PageHeader.stories-xG6qoBox.js → PageHeader.stories-Feg52Fpw.js} +2 -2
- package/dist/assets/PageTemplate-Ca4rHowX.js +8 -0
- package/dist/assets/{PageTemplate-BUVvgcIj.js → PageTemplate-Dwh4Xczm.js} +1 -1
- package/dist/assets/{PageTemplate.stories-M6ewVPJx.js → PageTemplate.stories-4X4rSj0y.js} +3 -3
- package/dist/assets/{PageTemplate.stories-XizDmXOT.js → PageTemplate.stories-DGwPd5VL.js} +3 -3
- package/dist/assets/{PageTemplate.stories-mpYXgZT4.js → PageTemplate.stories-DgqdwkTB.js} +1 -1
- package/dist/assets/{PaginatedTable.stories-BGRIoKo4.js → PaginatedTable.stories-SgfUVlw_.js} +3 -3
- package/dist/assets/{Paper-vUVrw-QB.js → Paper-DIvrMKVz.js} +1 -1
- package/dist/assets/PasswordField.stories-PoPO1_-6.js +121 -0
- package/dist/assets/PasswordlessComponentsOdysseyStorybookThemeDecorator-DfT96M4p.js +13 -0
- package/dist/assets/Picker.stories-DDz4NbBK.js +44 -0
- package/dist/assets/{PickerWithOptionAdornment.stories-DC1J_qH3.js → PickerWithOptionAdornment.stories-B7mFcKou.js} +3 -3
- package/dist/assets/{PlaceholderLogo-SOqcoUNb.js → PlaceholderLogo-KL8h77Of.js} +1 -1
- package/dist/assets/{Popper-CISS1LuJ.js → Popper-B9cGJ5Ql.js} +1 -1
- package/dist/assets/{Portal-DeJFqeW-.js → Portal-CznYNzyC.js} +1 -1
- package/dist/assets/ProgressBar.stories-Zs6E95x7.js +20 -0
- package/dist/assets/Radio-B6p2YsBk.js +1 -0
- package/dist/assets/{Radio-C5-GzJtb.js → Radio-BI2zWqqk.js} +1 -1
- package/dist/assets/{Radio-BlxlCYZY.js → Radio-DRPDZwez.js} +1 -1
- package/dist/assets/{Radio.stories-BrGqWocJ.js → Radio.stories-CjKWmmfC.js} +3 -3
- package/dist/assets/Radio.stories-DR-V8UW2.js +38 -0
- package/dist/assets/{RadioGroup-BcwUBGJo.js → RadioGroup-BxX8JmFv.js} +1 -1
- package/dist/assets/{RadioGroup-sL620ofZ.js → RadioGroup-DDMlZ9Ib.js} +1 -1
- package/dist/assets/RadioGroup-DpcTcdEf.js +10 -0
- package/dist/assets/RadioGroup.stories-B-gDjvcs.js +88 -0
- package/dist/assets/{RadioGroup.stories-CBlRX0KY.js → RadioGroup.stories-CWqmr1JP.js} +1 -1
- package/dist/assets/{Refresh-ZZ_nNcXg.js → Refresh-4GRZURAB.js} +1 -1
- package/dist/assets/{ResourceAccessPolicyComponentsStorybookThemeDecorator-C-AyLafs.js → ResourceAccessPolicyComponentsStorybookThemeDecorator-Bp-cqzBg.js} +1 -1
- package/dist/assets/{Right-to-Left (RTL)-DMJ1RF_H.js → Right-to-Left (RTL)-BOiEzeMb.js } +1 -1
- package/dist/assets/{ScopedCssBaseline-BOa6kM98.js → ScopedCssBaseline-CbMqVD26.js} +1 -1
- package/dist/assets/{ScreenReaderText-toqV93JE.js → ScreenReaderText-B0JAp-xP.js} +1 -1
- package/dist/assets/{ScreenReaderText-BfpueyoK.js → ScreenReaderText-CEUjhx3k.js} +2 -2
- package/dist/assets/ScreenReaderText.stories-BozDnS6f.js +8 -0
- package/dist/assets/{Search-0744_rm_.js → Search-C3XUnqCP.js} +1 -1
- package/dist/assets/{SearchDropdown.stories-lpj_p0pn.js → SearchDropdown.stories-DhfVkXGL.js} +3 -3
- package/dist/assets/{SearchField-DmDpB-Sd.js → SearchField-CyY1AHVm.js} +1 -1
- package/dist/assets/SearchField.stories-BdFBCS4f.js +37 -0
- package/dist/assets/SecureSettingsIndicator.stories-DsTRCtQb.js +19 -0
- package/dist/assets/{Select-DE0mojaE.js → Select-DHIWx9ln.js} +1 -1
- package/dist/assets/Select-FP2lhUA8.js +15 -0
- package/dist/assets/Select.stories-jKzGOaKi.js +233 -0
- package/dist/assets/{Server-1eTAy_EZ.js → Server-CirxxKai.js} +1 -1
- package/dist/assets/{Settings-CnuBvsmb.js → Settings-DoysZs_u.js} +1 -1
- package/dist/assets/{Setup-CG2Lh3Ff.js → Setup-SFMR9PGx.js} +1 -1
- package/dist/assets/{Shadow DOM-D2Xm68lR.js → Shadow DOM-CNgotzSG.js } +1 -1
- package/dist/assets/{Show-C6ORd-wr.js → Show-8RSN9YQN.js} +1 -1
- package/dist/assets/{SideNav-WgViafRP.js → SideNav-DhFZrYzU.js} +1 -1
- package/dist/assets/SideNav-JzVY3dUV.js +85 -0
- package/dist/assets/{SideNav.stories-Crrw-ySP.js → SideNav.stories-BD_yZ_n7.js} +1 -1
- package/dist/assets/{Skeleton-DxFSebyW.js → Skeleton-CxK3bCNC.js} +1 -1
- package/dist/assets/{Snackbar-C2LtiN82.js → Snackbar-BecQgiI0.js} +1 -1
- package/dist/assets/{Stack-jxMWaEAU.js → Stack-B9cZmjdi.js} +1 -1
- package/dist/assets/{Stack-Duw-TXBf.js → Stack-Bgh4xems.js} +1 -1
- package/dist/assets/Stack.stories-C5_9i8Bj.js +1 -0
- package/dist/assets/{StaticTable.stories-D0R7o_xf.js → StaticTable.stories-GkTKmzDs.js} +3 -3
- package/dist/assets/{Status-DyDCzqET.js → Status-BDUUaZsQ.js} +1 -1
- package/dist/assets/{Status.stories-CT9I5C3E.js → Status.stories-C_QZmEqw.js} +2 -2
- package/dist/assets/{Stepper.stories-BGyCeC7L.js → Stepper.stories-x-eW3EPk.js} +3 -3
- package/dist/assets/{Surface-s9E2mDWU.js → Surface-DIfiwHrw.js} +1 -1
- package/dist/assets/{Switch.stories-CiNsUF_b.js → Switch.stories-DtS0A4PX.js} +3 -3
- package/dist/assets/{SwitchBase-C_6ALR3v.js → SwitchBase-fGL3z_gG.js} +1 -1
- package/dist/assets/{Sync-Bo0k4rYZ.js → Sync-DbBKVuQB.js} +1 -1
- package/dist/assets/{Tabs-BPWnyCAU.js → Tabs-By4ALAid.js} +1 -1
- package/dist/assets/{Tabs-BnDKqj9p.js → Tabs-C_TNnT1n.js} +3 -3
- package/dist/assets/{Tabs.stories-xaGU0YrM.js → Tabs.stories-Dpxwprx8.js} +1 -1
- package/dist/assets/{Tag-CYK8pNzu.js → Tag-Cam_AAJc.js} +1 -1
- package/dist/assets/Tag.stories-DHsdO_Ew.js +96 -0
- package/dist/assets/{TagList-CunLkaIS.js → TagList-BgRJrZj8.js} +1 -1
- package/dist/assets/{TextField-DF5R_omM.js → TextField-eTiyghxK.js} +1 -1
- package/dist/assets/TextField.stories-asnjmcPk.js +177 -0
- package/dist/assets/Toast.stories-Cwx6XwLn.js +164 -0
- package/dist/assets/{ToastManager.stories-C6VVt3In.js → ToastManager.stories-UZvhSatu.js} +3 -3
- package/dist/assets/{Tooltip-B-PXZNTK.js → Tooltip-BMTVRAEn.js} +1 -1
- package/dist/assets/{Tooltip-yxN-KFjL.js → Tooltip-DVPGLNQs.js} +1 -1
- package/dist/assets/Tooltip.stories-272_RBTH.js +68 -0
- package/dist/assets/{TopNav-CCO_Sukh.js → TopNav-DXz-GdZX.js} +1 -1
- package/dist/assets/TopNav.stories-BbNTTN-h.js +13 -0
- package/dist/assets/{TransitionGroupContext-yBqGXZYI.js → TransitionGroupContext-CTI9LvjA.js} +1 -1
- package/dist/assets/{Typography-CjpHjc10.js → Typography-B8ZKtxRi.js} +1 -1
- package/dist/assets/Typography-BcNOcPdV.js +1 -0
- package/dist/assets/{Typography-Jr4Brrb5.js → Typography-D4Laguzq.js} +1 -1
- package/dist/assets/{Typography-CP569bC2.js → Typography-DlDlPYOB.js} +1 -1
- package/dist/assets/Typography-DnTFPtdP.js +9 -0
- package/dist/assets/{Typography.stories-DjnTqZOD.js → Typography.stories-BLBo_W9U.js} +1 -1
- package/dist/assets/Typography.stories-BknEcNqq.js +73 -0
- package/dist/assets/Typography.stories-Cl9dtqr_.js +73 -0
- package/dist/assets/{OdysseyThemeProvider-BA0_xP7N.js → UDComponentsStorybookThemeDecorator-BXzQsObU.js} +82 -17
- package/dist/assets/{UiShell.stories-Cz9ZqBh6.js → UiShell.stories-eL8NYtFG.js} +19 -19
- package/dist/assets/{UiShellProvider-oDzwqt6Y.js → UiShellProvider-Cd_5esNt.js} +1 -1
- package/dist/assets/{Upload-nb-hV6Ym.js → Upload-Cy-cphyA.js} +1 -1
- package/dist/assets/{User-BEFwQRGi.js → User-DRi5hhiP.js} +1 -1
- package/dist/assets/{UserProfile-BM4I2P2Q.js → UserProfile-CwV_oL5l.js} +1 -1
- package/dist/assets/UserProfile.stories-DgRCwF_j.js +14 -0
- package/dist/assets/{UserProfileMenuButton.stories-PNsdwClg.js → UserProfileMenuButton.stories-B5zb3hp4.js} +3 -3
- package/dist/assets/{Video-DHeibuka.js → Video-DAMdjIe3.js} +1 -1
- package/dist/assets/{WarningFilled-DOHs-JmZ.js → WarningFilled-DJX60tUO.js} +1 -1
- package/dist/assets/{WithTooltip-IO6J4KBT-DQaUt46F.js → WithTooltip-IO6J4KBT-Ccs9TgLm.js} +2 -2
- package/dist/assets/WorkflowsComponentsStorybookThemeDecorator-BQlPPRvP.js +1 -0
- package/dist/assets/{WpComponentsStorybookThemeDecorator-Db3wSJC0.js → WpComponentsStorybookThemeDecorator-CJ_rgsix.js} +1 -1
- package/dist/assets/{axe-9-4xvXvL.js → axe-B0QS9Vy6.js} +1 -1
- package/dist/assets/{axeRun-w5CBCc9V.js → axeRun-C-zlWaxU.js} +1 -1
- package/dist/assets/{blocks-D521Uej3.js → blocks-BI5YpTSd.js} +6 -6
- package/dist/assets/{colorManipulator-BYcVMQmD.js → colorManipulator-BprDRxgx.js} +1 -1
- package/dist/assets/{createStyled-BKWdp2xc.js → createStyled-CNzidwe1.js} +1 -1
- package/dist/assets/{createSvgIcon-CaWcxZng.js → createSvgIcon-CoE7vjSC.js} +1 -1
- package/dist/assets/{dialogActionsClasses-J0iu7jYO.js → dialogActionsClasses-DejbXXRS.js} +1 -1
- package/dist/assets/formatter-QJ4M4OGQ-D0ewJSfL.js +1 -0
- package/dist/assets/{iconUtils-DmnxHGuV.js → iconUtils-CeRi1WMA.js} +1 -1
- package/dist/assets/{iframe-CQjT1fxh.js → iframe-Cav9rlxr.js} +132 -132
- package/dist/assets/{index-D5BUEpVX.js → index-BQ9nbbSk.js} +1 -1
- package/dist/assets/index-C5VVYn_U.js +1 -0
- package/dist/assets/{index-C77ZwfYm.js → index-CLFx8Kta.js} +1 -1
- package/dist/assets/index-Dui69PFe.js +1 -0
- package/dist/assets/index.es-0rJMfM0E.js +8 -0
- package/dist/assets/{index.esm-Bohtd3OQ.js → index.esm-C_XHPSqo.js} +1 -1
- package/dist/assets/{index.esm-Dvk_qjX0.js → index.esm-CsYcjPN9.js} +1 -1
- package/dist/assets/{index.modern-DX91rx7y.js → index.modern-DBSGWaP4.js} +1 -1
- package/dist/assets/{inputUtils-BBH9ADKa.js → inputUtils-BOLvDTmI.js} +1 -1
- package/dist/assets/{personData-CV-uVWcJ.js → personData-BPEVF-Qf.js} +1 -1
- package/dist/assets/{personData-Bi-Gg5yH.js → personData-BoHZtVJF.js} +1 -1
- package/dist/assets/{pickerComponentPropsMetaData-aBuTm1AZ.js → pickerComponentPropsMetaData-DZI7kYjo.js} +1 -1
- package/dist/assets/{react-18-DkaAwiRb.js → react-18-DjPF3SW_.js} +1 -1
- package/dist/assets/{renderUiShell.stories-R-ckgOdr.js → renderUiShell.stories-wVSloQJP.js} +23 -23
- package/dist/assets/{resolveComponentProps-DGxe9oED.js → resolveComponentProps-m1IywaLB.js} +1 -1
- package/dist/assets/{syntaxhighlighter-IQDEPFLK-CL1ROTuv.js → syntaxhighlighter-IQDEPFLK-Pv8RB4wM.js} +1 -1
- package/dist/assets/{tableRowClasses-Bk1uFtwh.js → tableRowClasses-DYosAqvx.js} +1 -1
- package/dist/assets/{tableSortLabelClasses-i_d6KGQQ.js → tableSortLabelClasses-BkDwo_43.js} +1 -1
- package/dist/assets/{useAutocomplete-DG_kuhWb.js → useAutocomplete-f6aTM-6O.js} +1 -1
- package/dist/assets/{useControlled-BUhC7uWK.js → useControlled-4m9Fbl4Y.js} +1 -1
- package/dist/assets/{useIsFocusVisible-D1xCTBdT.js → useIsFocusVisible-Cu721A7w.js} +1 -1
- package/dist/assets/{useMobilePicker-DJQJ3D8W.js → useMobilePicker-0Zj6ZxWR.js} +1 -1
- package/dist/assets/{useMountLifecycleEffect-BNByHT_g.js → useMountLifecycleEffect-C7Ycb3_3.js} +1 -1
- package/dist/assets/{useOdysseyDateFields-BVmmVg1G.js → useOdysseyDateFields-BbpeJekS.js} +3 -3
- package/dist/assets/{useScrollIndication-BGw7dgC5.js → useScrollIndication-4J4XfL4q.js} +4 -4
- package/dist/assets/{useSlot-BMAKysxJ.js → useSlot-CvipdriX.js} +1 -1
- package/dist/assets/{useThemeProps-BCUqwy59.js → useThemeProps-C9dAJTwo.js} +1 -1
- package/dist/assets/useThemeProps-CITViJJe.js +1 -0
- package/dist/assets/useTranslation-DjB2Li3Q.js +1 -0
- package/dist/assets/{useUniqueId-DG6rB8dI.js → useUniqueId-CXfTvpAs.js} +1 -1
- package/dist/assets/useUniqueId-MZzCNWze.js +11 -0
- package/dist/assets/{utilities.esm-D9akhJLQ.js → utilities.esm-CFtdCfoJ.js} +1 -1
- package/dist/assets/{utils-D-QCjykO.js → utils-fJIW_l91.js} +1 -1
- package/dist/cjs/FullScreenOverlayContext.cjs +8 -2
- package/dist/cjs/FullScreenOverlayContext.cjs.map +1 -1
- package/dist/cjs/OdysseyProvider.cjs +2 -0
- package/dist/cjs/OdysseyProvider.cjs.map +1 -1
- package/dist/cjs/Select.cjs +13 -15
- package/dist/cjs/Select.cjs.map +1 -1
- package/dist/cjs/__internal.cjs +22 -0
- package/dist/cjs/__internal.cjs.map +1 -1
- package/dist/cjs/i18n.generated/i18n.cjs +1 -1
- package/dist/cjs/i18n.generated/i18n.cjs.map +1 -1
- package/dist/cjs/i18n.generated/i18n.resources.cjs +1 -1
- package/dist/cjs/i18n.generated/i18n.resources.cjs.map +1 -1
- package/dist/cjs/i18n.generated/i18n.types.cjs +1 -1
- package/dist/cjs/i18n.generated/i18n.types.cjs.map +1 -1
- package/dist/cjs/labs/DataFilters.cjs +14 -11
- package/dist/cjs/labs/DataFilters.cjs.map +1 -1
- package/dist/cjs/properties/ts/odyssey-react-mui.cjs +2 -0
- package/dist/cjs/properties/ts/odyssey-react-mui.cjs.map +1 -1
- package/dist/cjs/properties/ts/odyssey-react-mui_ok_PL.cjs +2 -0
- package/dist/cjs/properties/ts/odyssey-react-mui_ok_PL.cjs.map +1 -1
- package/dist/cjs/properties/ts/odyssey-react-mui_ok_SK.cjs +2 -0
- package/dist/cjs/properties/ts/odyssey-react-mui_ok_SK.cjs.map +1 -1
- package/dist/cjs/ui-shell/NarrowUiShellContent.cjs +17 -0
- package/dist/cjs/ui-shell/NarrowUiShellContent.cjs.map +1 -1
- package/dist/cjs/ui-shell/UiShell.cjs +1 -0
- package/dist/cjs/ui-shell/UiShell.cjs.map +1 -1
- package/dist/cjs/web-component/odysseyWebComponentVersion.generated.cjs +1 -1
- package/dist/cjs/web-component/odysseyWebComponentVersion.generated.cjs.map +1 -1
- package/dist/esm/FullScreenOverlayContext.js +8 -2
- package/dist/esm/FullScreenOverlayContext.js.map +1 -1
- package/dist/esm/OdysseyProvider.js +2 -0
- package/dist/esm/OdysseyProvider.js.map +1 -1
- package/dist/esm/Select.js +13 -15
- package/dist/esm/Select.js.map +1 -1
- package/dist/esm/__internal.js +2 -0
- package/dist/esm/__internal.js.map +1 -1
- package/dist/esm/i18n.generated/i18n.js +1 -1
- package/dist/esm/i18n.generated/i18n.js.map +1 -1
- package/dist/esm/i18n.generated/i18n.resources.js +1 -1
- package/dist/esm/i18n.generated/i18n.resources.js.map +1 -1
- package/dist/esm/i18n.generated/i18n.types.js +1 -1
- package/dist/esm/i18n.generated/i18n.types.js.map +1 -1
- package/dist/esm/labs/DataFilters.js +14 -11
- package/dist/esm/labs/DataFilters.js.map +1 -1
- package/dist/esm/properties/ts/odyssey-react-mui.js +2 -0
- package/dist/esm/properties/ts/odyssey-react-mui.js.map +1 -1
- package/dist/esm/properties/ts/odyssey-react-mui_ok_PL.js +2 -0
- package/dist/esm/properties/ts/odyssey-react-mui_ok_PL.js.map +1 -1
- package/dist/esm/properties/ts/odyssey-react-mui_ok_SK.js +2 -0
- package/dist/esm/properties/ts/odyssey-react-mui_ok_SK.js.map +1 -1
- package/dist/esm/ui-shell/NarrowUiShellContent.js +17 -0
- package/dist/esm/ui-shell/NarrowUiShellContent.js.map +1 -1
- package/dist/esm/ui-shell/UiShell.js +1 -0
- package/dist/esm/ui-shell/UiShell.js.map +1 -1
- package/dist/esm/web-component/odysseyWebComponentVersion.generated.js +1 -1
- package/dist/esm/web-component/odysseyWebComponentVersion.generated.js.map +1 -1
- package/dist/iframe.html +1 -1
- package/dist/index.es.js +3173 -0
- package/dist/index.es.js.map +1 -0
- package/dist/index.iife.js +9 -0
- package/dist/index.iife.js.map +1 -0
- package/dist/index.json +1 -1
- package/dist/index.umd.cjs +9 -0
- package/dist/index.umd.cjs.map +1 -0
- package/dist/project.json +1 -1
- package/dist/sb-addons/storybook-6/manager-bundle.js +1 -1
- package/dist/tsconfig.production.tsbuildinfo +1 -1
- package/dist/types/FullScreenOverlayContext.d.ts +5 -1
- package/dist/types/FullScreenOverlayContext.d.ts.map +1 -1
- package/dist/types/OdysseyProvider.d.ts +1 -1
- package/dist/types/OdysseyProvider.d.ts.map +1 -1
- package/dist/types/Select.d.ts.map +1 -1
- package/dist/types/__internal.d.ts +2 -0
- package/dist/types/__internal.d.ts.map +1 -1
- package/dist/types/getTranslationServices.browser.test.d.ts +1 -0
- package/dist/types/getTranslationServices.browser.test.js +88 -0
- package/dist/types/getTranslationServices.browser.test.js.map +1 -0
- package/dist/types/getTranslationServices.d.ts +89 -0
- package/dist/types/getTranslationServices.js +77 -0
- package/dist/types/getTranslationServices.js.map +1 -0
- package/dist/types/getTypedObjectEntries.d.ts +1 -0
- package/dist/types/getTypedObjectEntries.js +2 -0
- package/dist/types/getTypedObjectEntries.js.map +1 -0
- package/dist/types/i18n.generated/i18n.d.ts +5 -1
- package/dist/types/i18n.generated/i18n.d.ts.map +1 -1
- package/dist/types/i18n.generated/i18n.resources.d.ts +7 -1
- package/dist/types/i18n.generated/i18n.resources.d.ts.map +1 -1
- package/dist/types/i18n.generated/i18n.types.d.ts +1 -1
- package/dist/types/index.js +3 -0
- package/dist/types/index.js.map +1 -0
- package/dist/types/labs/DataFilters.d.ts.map +1 -1
- package/dist/types/properties/ts/odyssey-react-mui.d.ts +2 -0
- package/dist/types/properties/ts/odyssey-react-mui.d.ts.map +1 -1
- package/dist/types/properties/ts/odyssey-react-mui_ok_PL.d.ts +2 -0
- package/dist/types/properties/ts/odyssey-react-mui_ok_PL.d.ts.map +1 -1
- package/dist/types/properties/ts/odyssey-react-mui_ok_SK.d.ts +2 -0
- package/dist/types/properties/ts/odyssey-react-mui_ok_SK.d.ts.map +1 -1
- package/dist/types/translationServices.types.d.ts +2 -0
- package/dist/types/translationServices.types.js +34 -0
- package/dist/types/translationServices.types.js.map +1 -0
- package/dist/types/tsconfig.tsbuildinfo +1 -0
- package/dist/types/ui-shell/NarrowUiShellContent.d.ts.map +1 -1
- package/dist/types/ui-shell/UiShell.d.ts.map +1 -1
- package/dist/types/web-component/odysseyWebComponentVersion.generated.d.ts +1 -1
- package/ok.yaml +1 -0
- package/package.json +7 -7
- package/src/getTranslationServices.browser.test.tsx +173 -0
- package/src/getTranslationServices.tsx +288 -0
- package/src/getTypedObjectEntries.ts +3 -0
- package/src/index.ts +2 -0
- package/src/translationServices.types.ts +36 -0
- package/src/tsconfig.json +7 -0
- package/tsconfig.json +41 -0
- package/vite.config.project.ts +61 -0
- package/vite.config.ts +21 -0
- package/vite.config.ts.bak +33 -0
- package/vitest-browser-setup.ts +14 -0
- package/vitest-jsdom-setup.ts +13 -0
- package/vitest-node-setup.ts +13 -0
- package/vitest.config.project.ts +16 -0
- package/vitest.config.ts +27 -0
- package/vitest.config.ts.bak +27 -0
- package/dist/assets/Accordion.stories-X3jwsTUf.js +0 -85
- package/dist/assets/AppSwitcher.stories-CwjWKK9x.js +0 -100
- package/dist/assets/AppTile.stories-BfdQQaCS.js +0 -136
- package/dist/assets/ArrowRight-C5USrGY5.js +0 -1
- package/dist/assets/Box-Dieb6jd6.js +0 -11
- package/dist/assets/Breadcrumb.stories-BOG-nvIn.js +0 -19
- package/dist/assets/BreadcrumbList.stories-BjYldubq.js +0 -81
- package/dist/assets/Card-BejcE3ak.js +0 -8
- package/dist/assets/Checkbox.stories-CnAqBzmf.js +0 -113
- package/dist/assets/CheckboxGroup.stories-CIRolYTR.js +0 -89
- package/dist/assets/Close-CELHOmN_.js +0 -1
- package/dist/assets/Custom Theming.stories-CWCReKRB.js +0 -95
- package/dist/assets/DataFilters-4og6bOFS.js +0 -1
- package/dist/assets/DataTable-DV-P1c62.js +0 -41
- package/dist/assets/DatePicker.stories-DWhZFsWV.js +0 -133
- package/dist/assets/DebugMenu-3nsw5Xt7.js +0 -1
- package/dist/assets/Design Tokens-OxRvZCcK.js +0 -4
- package/dist/assets/Dialog-DiU8nQnH.js +0 -1
- package/dist/assets/Dialog.stories-Cl9r8_yI.js +0 -207
- package/dist/assets/Divider.stories-BEuF_CK6.js +0 -5
- package/dist/assets/Drawer.stories-we3mu0fd.js +0 -95
- package/dist/assets/EmptyState.stories-BoZoxyTs.js +0 -11
- package/dist/assets/Fieldset.stories-B_r0XFjE.js +0 -15
- package/dist/assets/Form.stories-Bge8Frr0.js +0 -69
- package/dist/assets/GroupPicker.stories-Oc5zKcw1.js +0 -33
- package/dist/assets/Icon.stories-CB1sFVG5.js +0 -16
- package/dist/assets/IconWithTooltip.stories-qhJ3BM2A.js +0 -19
- package/dist/assets/Link-Djl4opNm.js +0 -11
- package/dist/assets/ListSubheader.stories-nA_TcAiG.js +0 -5
- package/dist/assets/MenuButton.stories-CtQrmY2o.js +0 -246
- package/dist/assets/MenuItem.stories-CQ-735qG.js +0 -38
- package/dist/assets/NativeSelect.stories-D2Ob7KE5.js +0 -114
- package/dist/assets/PageHeader-DHtVYyb-.js +0 -6
- package/dist/assets/PageHeader.stories-CCvS30-w.js +0 -17
- package/dist/assets/PageTemplate-Dfm2PU1P.js +0 -8
- package/dist/assets/PasswordField.stories-T70RtAAe.js +0 -121
- package/dist/assets/Picker.stories-DHQ88s15.js +0 -44
- package/dist/assets/ProgressBar.stories-Cyam9OIf.js +0 -258
- package/dist/assets/RadioGroup-D8i98nDO.js +0 -10
- package/dist/assets/ScreenReaderText.stories-C1dE1n7A.js +0 -8
- package/dist/assets/SearchField.stories-LT1ewC26.js +0 -37
- package/dist/assets/Select-CQoJvuLM.js +0 -15
- package/dist/assets/Select.stories-B8cWbr6v.js +0 -233
- package/dist/assets/SideNav-tldrZCp2.js +0 -85
- package/dist/assets/Stack.stories-B9W1XlQs.js +0 -1
- package/dist/assets/Tag.stories-CFd40qf5.js +0 -96
- package/dist/assets/TextField.stories-julPXfI1.js +0 -177
- package/dist/assets/Toast.stories-BuX-cdk6.js +0 -164
- package/dist/assets/Tooltip.stories-BXjrRGGM.js +0 -68
- package/dist/assets/TopNav.stories-C3X2SUf9.js +0 -13
- package/dist/assets/Typography-Dy2bDiU6.js +0 -9
- package/dist/assets/Typography.stories-CBkQTJR8.js +0 -73
- package/dist/assets/Typography.stories-dzvvlIBm.js +0 -73
- package/dist/assets/UserProfile.stories-BOMOuxsL.js +0 -14
- package/dist/assets/WorkflowsComponentsStorybookThemeDecorator-DrWk22II.js +0 -1
- package/dist/assets/formatter-QJ4M4OGQ-BVt8pa2h.js +0 -1
- package/dist/assets/index-5Qx3hCfP.js +0 -1
- package/dist/assets/index-Vzl5wUDu.js +0 -1
- package/dist/assets/useThemeProps-Bc2iWdri.js +0 -1
- package/dist/index.d.ts +0 -22
- package/dist/index.d.ts.map +0 -1
- package/dist/index.js +0 -25
- package/dist/tsconfig.tsbuildinfo +0 -1
|
@@ -0,0 +1,68 @@
|
|
|
1
|
+
import{j as t}from"./iframe-Cav9rlxr.js";import{a as m}from"./axeRun-C-zlWaxU.js";import{O as I}from"./OdysseyStorybookThemeDecorator-Bokwb0ot.js";import{M as o}from"./Tooltip-BMTVRAEn.js";import{M as D}from"./Button-BX9EXxBV.js";import{M}from"./Download-YawXz5G6.js";import{M as L}from"./Status-BDUUaZsQ.js";import{M as r}from"./Tag-Cam_AAJc.js";import"./preload-helper-Dp1pzeXC.js";import"./axe-B0QS9Vy6.js";import"./OdysseyThemeProvider-DOMFnSU0.js";import"./index.es-0rJMfM0E.js";import"./tableRowClasses-DYosAqvx.js";import"./WarningFilled-DJX60tUO.js";import"./index-CLFx8Kta.js";import"./OdysseyProvider-n2ocdJ7D.js";import"./ScopedCssBaseline-CbMqVD26.js";import"./MuiPropsContext-ppLtceHL.js";import"./Tooltip-DVPGLNQs.js";import"./Grow-DG6yJWeA.js";import"./utils-fJIW_l91.js";import"./TransitionGroupContext-CTI9LvjA.js";import"./index-C5VVYn_U.js";import"./useIsFocusVisible-Cu721A7w.js";import"./Portal-CznYNzyC.js";import"./resolveComponentProps-m1IywaLB.js";import"./isHostComponent-DVu5iVWx.js";import"./useControlled-4m9Fbl4Y.js";import"./Popper-B9cGJ5Ql.js";import"./ownerDocument-DW-IO8s5.js";import"./BaseButton-BzcWVv73.js";import"./Button-AqSkJ6Nd.js";import"./ButtonBase-CYIo9Kvv.js";import"./Chip-bDORJbkM.js";import"./createSvgIcon-CoE7vjSC.js";const{userEvent:u,within:d}=__STORYBOOK_MODULE_TEST__,yt={component:o,decorators:[I],tags:["autodocs"],argTypes:{children:{control:"object",description:"The content that will trigger the tooltip",table:{type:{summary:"ReactElement"}},type:{required:!0,name:"other",value:"ReactElement"}},ariaType:{options:["description","label"],control:{type:"radio"},description:"The type of ARIA attribute to use",table:{type:{summary:"description | label"}},type:{required:!0,name:"other",value:"radio"}},text:{control:"text",description:"The text to display in the tooltip",table:{type:{summary:"string"}},type:{required:!0,name:"string"}},placement:{options:["top","right","bottom","left"],control:{type:"radio"},description:"The placement of the tooltip",table:{type:{summary:"top | right | bottom | left"},defaultValue:{summary:"top"}}}},args:{ariaType:"label"}},y={args:{},render:function(e){return t.jsx(o,{ariaType:e.ariaType,placement:e.placement,text:e.text,children:e.children})}},_=a=>({canvasElement:e,step:c})=>c("show the tooltip on hover",async()=>{const R=d(e).getByText("Launch");await u.hover(R),await m(a)}),i={...y,args:{children:t.jsx(D,{label:"Launch",variant:"primary"}),ariaType:"description",placement:"top",text:"This will begin a 10-second countdown"},play:_("Tooltip Default")},l={...y,args:{children:t.jsx(D,{ariaLabel:"Download logs",startIcon:t.jsx(M,{}),variant:"secondary"}),ariaType:"label",placement:"top",text:"Download logs"},play:async({canvasElement:a,step:e})=>{await e("tooltip text",async()=>{const n=d(a).getByRole("button");await u.hover(n),await m("Tooltip Icon Button")})}},p={...y,args:{children:t.jsx(L,{label:"Warp drive online",severity:"success"}),ariaType:"label",placement:"top",text:"The warp drive is currently online."},play:async({canvasElement:a,step:e})=>{await e("tooltip text",async()=>{const n=d(a).getByLabelText("The warp drive is currently online.");await u.hover(n),await m("Tooltip Icon Button")})}},s={args:{},render:()=>t.jsxs(t.Fragment,{children:[t.jsx(o,{ariaType:"label",placement:"top",text:"Top",children:t.jsx(r,{label:"Bow"})}),t.jsx(o,{ariaType:"label",placement:"left",text:"Left",children:t.jsx(r,{label:"Stern"})}),t.jsx(o,{ariaType:"label",placement:"bottom",text:"Bottom",children:t.jsx(r,{label:"Port"})}),t.jsx(o,{ariaType:"label",placement:"right",text:"Right",children:t.jsx(r,{label:"Starboard"})})]})};var T,b,h;i.parameters={...i.parameters,docs:{...(T=i.parameters)==null?void 0:T.docs,source:{originalSource:`{
|
|
2
|
+
...Template,
|
|
3
|
+
args: {
|
|
4
|
+
children: <Button label="Launch" variant="primary" />,
|
|
5
|
+
ariaType: "description",
|
|
6
|
+
placement: "top",
|
|
7
|
+
text: "This will begin a 10-second countdown"
|
|
8
|
+
},
|
|
9
|
+
play: showTooltip("Tooltip Default")
|
|
10
|
+
}`,...(h=(b=i.parameters)==null?void 0:b.docs)==null?void 0:h.source}}};var x,g,v;l.parameters={...l.parameters,docs:{...(x=l.parameters)==null?void 0:x.docs,source:{originalSource:`{
|
|
11
|
+
...Template,
|
|
12
|
+
args: {
|
|
13
|
+
children: <Button ariaLabel="Download logs" startIcon={<DownloadIcon />} variant="secondary" />,
|
|
14
|
+
ariaType: "label",
|
|
15
|
+
placement: "top",
|
|
16
|
+
text: "Download logs"
|
|
17
|
+
},
|
|
18
|
+
play: async ({
|
|
19
|
+
canvasElement,
|
|
20
|
+
step
|
|
21
|
+
}) => {
|
|
22
|
+
await step("tooltip text", async () => {
|
|
23
|
+
const canvas = within(canvasElement);
|
|
24
|
+
const button = canvas.getByRole("button");
|
|
25
|
+
await userEvent.hover(button);
|
|
26
|
+
await axeRun("Tooltip Icon Button");
|
|
27
|
+
});
|
|
28
|
+
}
|
|
29
|
+
}`,...(v=(g=l.parameters)==null?void 0:g.docs)==null?void 0:v.source}}};var w,f,B;p.parameters={...p.parameters,docs:{...(w=p.parameters)==null?void 0:w.docs,source:{originalSource:`{
|
|
30
|
+
...Template,
|
|
31
|
+
args: {
|
|
32
|
+
children: <Status label="Warp drive online" severity="success" />,
|
|
33
|
+
ariaType: "label",
|
|
34
|
+
placement: "top",
|
|
35
|
+
text: "The warp drive is currently online."
|
|
36
|
+
},
|
|
37
|
+
play: async ({
|
|
38
|
+
canvasElement,
|
|
39
|
+
step
|
|
40
|
+
}) => {
|
|
41
|
+
await step("tooltip text", async () => {
|
|
42
|
+
const canvas = within(canvasElement);
|
|
43
|
+
const button = canvas.getByLabelText("The warp drive is currently online.");
|
|
44
|
+
await userEvent.hover(button);
|
|
45
|
+
await axeRun("Tooltip Icon Button");
|
|
46
|
+
});
|
|
47
|
+
}
|
|
48
|
+
}`,...(B=(f=p.parameters)==null?void 0:f.docs)==null?void 0:B.source}}};var j,S,E;s.parameters={...s.parameters,docs:{...(j=s.parameters)==null?void 0:j.docs,source:{originalSource:`{
|
|
49
|
+
args: {} as TooltipProps,
|
|
50
|
+
// This is a hack.
|
|
51
|
+
render: () => <>
|
|
52
|
+
<Tooltip ariaType="label" placement="top" text="Top">
|
|
53
|
+
<Tag label="Bow" />
|
|
54
|
+
</Tooltip>
|
|
55
|
+
|
|
56
|
+
<Tooltip ariaType="label" placement="left" text="Left">
|
|
57
|
+
<Tag label="Stern" />
|
|
58
|
+
</Tooltip>
|
|
59
|
+
|
|
60
|
+
<Tooltip ariaType="label" placement="bottom" text="Bottom">
|
|
61
|
+
<Tag label="Port" />
|
|
62
|
+
</Tooltip>
|
|
63
|
+
|
|
64
|
+
<Tooltip ariaType="label" placement="right" text="Right">
|
|
65
|
+
<Tag label="Starboard" />
|
|
66
|
+
</Tooltip>
|
|
67
|
+
</>
|
|
68
|
+
}`,...(E=(S=s.parameters)==null?void 0:S.docs)==null?void 0:E.source}}};const Tt=["Default","IconButton","StatusWrapper","Placement"];export{i as Default,l as IconButton,s as Placement,p as StatusWrapper,Tt as __namedExportsOrder,yt as default};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{s as a}from"./tableRowClasses-
|
|
1
|
+
import{s as a}from"./tableRowClasses-DYosAqvx.js";import{r as d,j as i}from"./iframe-Cav9rlxr.js";import{u as l}from"./OdysseyThemeProvider-DOMFnSU0.js";import{u as p}from"./UiShellProvider-Cd_5esNt.js";import{U as s,T as n}from"./uiShellSharedConstants-CvCey4L_.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
|
*
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import{j as o}from"./iframe-Cav9rlxr.js";import{S as m}from"./OdysseyThemeProvider-DOMFnSU0.js";import{O as p}from"./OdysseyStorybookThemeDecorator-Bokwb0ot.js";import{M as a}from"./TopNav-DXz-GdZX.js";import{M as s}from"./Button-BX9EXxBV.js";import{M as n}from"./UserProfile-CwV_oL5l.js";import{M as l}from"./SearchField-CyY1AHVm.js";import{M as d}from"./User-DRi5hhiP.js";import"./preload-helper-Dp1pzeXC.js";import"./index.es-0rJMfM0E.js";import"./tableRowClasses-DYosAqvx.js";import"./WarningFilled-DJX60tUO.js";import"./index-CLFx8Kta.js";import"./OdysseyProvider-n2ocdJ7D.js";import"./ScopedCssBaseline-CbMqVD26.js";import"./UiShellProvider-Cd_5esNt.js";import"./uiShellSharedConstants-CvCey4L_.js";import"./BaseButton-BzcWVv73.js";import"./MuiPropsContext-ppLtceHL.js";import"./Tooltip-BMTVRAEn.js";import"./Tooltip-DVPGLNQs.js";import"./Grow-DG6yJWeA.js";import"./utils-fJIW_l91.js";import"./TransitionGroupContext-CTI9LvjA.js";import"./index-C5VVYn_U.js";import"./useIsFocusVisible-Cu721A7w.js";import"./Portal-CznYNzyC.js";import"./resolveComponentProps-m1IywaLB.js";import"./isHostComponent-DVu5iVWx.js";import"./useControlled-4m9Fbl4Y.js";import"./Popper-B9cGJ5Ql.js";import"./ownerDocument-DW-IO8s5.js";import"./Button-AqSkJ6Nd.js";import"./ButtonBase-CYIo9Kvv.js";import"./Box-B-6W36qW.js";import"./Box-DduJOSF-.js";import"./Typography-B8ZKtxRi.js";import"./Typography-D4Laguzq.js";import"./Field-4cI0KUzC.js";import"./List-BcXvgzsa.js";import"./ListItem-B5ux02dQ.js";import"./FormHelperText--Cp1ogV3.js";import"./FormLabel-DB_AmiE2.js";import"./ScreenReaderText-B0JAp-xP.js";import"./visuallyHidden-Dan1xhjv.js";import"./FieldHint-Bv45kUgg.js";import"./useUniqueId-CXfTvpAs.js";import"./createUniqueId-BHjR7HQF.js";import"./inputUtils-BOLvDTmI.js";import"./InputBase-Bm1MB3pl.js";import"./ownerWindow-HkKU3E4x.js";import"./debounce-Be36O1Ab.js";import"./InputAdornment-CeCSVIa-.js";import"./Search-C3XUnqCP.js";import"./IconButton-BJHIZjwd.js";const uo={component:a,decorators:[p],parameters:{layout:"fullscreen"},tags:["autodocs"],argTypes:{leftSideComponent:{control:void 0,description:"Display global search field",table:{type:{summary:"ReactElement"}}},rightSideComponent:{description:"Additional element to be displayed at the end of the top nav",table:{type:{summary:"ReactElement"}}}}},r={args:{leftSideComponent:o.jsx(l,{label:"Search",placeholder:"Search..."}),rightSideComponent:o.jsxs("div",{style:{display:"flex",gap:m},children:[o.jsx(s,{label:"Connect Builder",variant:"secondary"}),o.jsx(n,{orgName:"ORG123",profileIcon:o.jsx(d,{}),userName:"test.user@test.com"})]})}};var e,t,i;r.parameters={...r.parameters,docs:{...(e=r.parameters)==null?void 0:e.docs,source:{originalSource:`{
|
|
2
|
+
args: {
|
|
3
|
+
leftSideComponent: <SearchField label="Search" placeholder="Search..." />,
|
|
4
|
+
rightSideComponent: <div style={{
|
|
5
|
+
display: "flex",
|
|
6
|
+
gap: odysseyDesignTokens.Spacing5
|
|
7
|
+
}}>
|
|
8
|
+
<Button label="Connect Builder" variant="secondary" />
|
|
9
|
+
|
|
10
|
+
<UserProfile orgName="ORG123" profileIcon={<UserIcon />} userName="test.user@test.com" />
|
|
11
|
+
</div>
|
|
12
|
+
}
|
|
13
|
+
}`,...(i=(t=r.parameters)==null?void 0:t.docs)==null?void 0:i.source}}};const yo=["Default"];export{r as Default,yo as __namedExportsOrder,uo as default};
|
package/dist/assets/{TransitionGroupContext-yBqGXZYI.js → TransitionGroupContext-CTI9LvjA.js}
RENAMED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as n,R as s}from"./iframe-
|
|
1
|
+
import{r as n,R as s}from"./iframe-Cav9rlxr.js";import{u}from"./tableRowClasses-DYosAqvx.js";function f(t){const e=n.useRef(t);return u(()=>{e.current=t}),n.useRef((...r)=>(0,e.current)(...r)).current}function o(t,e){return o=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(r,c){return r.__proto__=c,r},o(t,e)}function i(t,e){t.prototype=Object.create(e.prototype),t.prototype.constructor=t,o(t,e)}const _=s.createContext(null);export{_ as T,i as _,f as u};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as c,j as m}from"./iframe-
|
|
1
|
+
import{r as c,j as m}from"./iframe-Cav9rlxr.js";import{T as B}from"./Typography-D4Laguzq.js";const x={h1:"h1",h2:"h2",h3:"h3",h4:"h4",h5:"h5",h6:"h6",body:"body1",legend:"legend",overline:"overline",subordinate:"subtitle1",support:"subtitle2"},K=["primary","textPrimary","secondary","textSecondary","error"],p=({ariaCurrent:a,ariaDescribedBy:r,ariaLabel:i,ariaLabelledBy:n,children:t,color:o,component:e,id:d,isPresentational:s,testId:l,translate:b,typographyRef:g,variant:y="body"})=>{const L=c.useMemo(()=>e||(y==="body"||y==="subordinate"||y==="support"||y==="overline"?"p":y),[e,y]),h=c.useRef(null);return c.useImperativeHandle(g,()=>({focus:()=>{var u;(u=h.current)==null||u.focus()}}),[]),m.jsx(B,{"aria-current":a,"aria-describedby":r,"aria-label":i,"aria-labelledby":n,children:t,color:o,component:L,"data-se":l,id:d,ref:h,role:s?"presentation":void 0,tabIndex:-1,translate:b,variant:x[y]})},H=c.memo(p);H.displayName="Typography";const j=({ariaCurrent:a,ariaDescribedBy:r,ariaLabel:i,ariaLabelledBy:n,children:t,color:o,component:e,id:d,isPresentational:s,testId:l,translate:b})=>m.jsx(p,{ariaCurrent:a,ariaDescribedBy:r,ariaLabel:i,ariaLabelledBy:n,children:t,color:o,component:e,id:d,isPresentational:s,testId:l,translate:b,variant:"h1"}),M=c.memo(j);M.displayName="Heading1";const v=({ariaCurrent:a,ariaDescribedBy:r,ariaLabel:i,ariaLabelledBy:n,children:t,color:o,component:e,id:d,testId:s,translate:l})=>m.jsx(p,{ariaCurrent:a,ariaDescribedBy:r,ariaLabel:i,ariaLabelledBy:n,children:t,color:o,component:e,id:d,testId:s,translate:l,variant:"h2"}),I=c.memo(v);I.displayName="Heading2";const z=({ariaCurrent:a,ariaDescribedBy:r,ariaLabel:i,ariaLabelledBy:n,children:t,color:o,component:e,id:d,testId:s,translate:l})=>m.jsx(p,{ariaCurrent:a,ariaDescribedBy:r,ariaLabel:i,ariaLabelledBy:n,children:t,color:o,component:e,id:d,testId:s,translate:l,variant:"h3"}),N=c.memo(z);N.displayName="Heading3";const f=({ariaCurrent:a,ariaDescribedBy:r,ariaLabel:i,ariaLabelledBy:n,children:t,color:o,component:e,id:d,testId:s,translate:l})=>m.jsx(p,{ariaCurrent:a,ariaDescribedBy:r,ariaLabel:i,ariaLabelledBy:n,children:t,color:o,component:e,id:d,testId:s,translate:l,variant:"h4"}),D=c.memo(f);D.displayName="Heading4";const C=({ariaCurrent:a,ariaDescribedBy:r,ariaLabel:i,ariaLabelledBy:n,children:t,color:o,component:e,id:d,testId:s,translate:l})=>m.jsx(p,{ariaCurrent:a,ariaDescribedBy:r,ariaLabel:i,ariaLabelledBy:n,children:t,color:o,component:e,id:d,testId:s,translate:l,variant:"h5"}),S=c.memo(C);S.displayName="Heading5";const T=({ariaCurrent:a,ariaDescribedBy:r,ariaLabel:i,ariaLabelledBy:n,children:t,color:o,component:e,id:d,testId:s,translate:l})=>m.jsx(p,{ariaCurrent:a,ariaDescribedBy:r,ariaLabel:i,ariaLabelledBy:n,children:t,color:o,component:e,id:d,testId:s,translate:l,variant:"h6"}),O=c.memo(T);O.displayName="Heading6";const P=({ariaCurrent:a,ariaDescribedBy:r,ariaLabel:i,ariaLabelledBy:n,children:t,color:o,component:e,id:d,testId:s,translate:l})=>m.jsx(p,{ariaCurrent:a,ariaDescribedBy:r,ariaLabel:i,ariaLabelledBy:n,children:t,color:o,component:e,id:d,testId:s,translate:l,variant:"body"}),R=c.memo(P);R.displayName="Paragraph";const E=({ariaCurrent:a,ariaDescribedBy:r,ariaLabel:i,ariaLabelledBy:n,children:t,color:o,component:e,id:d,testId:s,translate:l})=>m.jsx(p,{ariaCurrent:a,ariaDescribedBy:r,ariaLabel:i,ariaLabelledBy:n,children:t,color:o,component:e,id:d,testId:s,translate:l,variant:"subordinate"}),V=c.memo(E);V.displayName="Subordinate";const k=({ariaCurrent:a,ariaDescribedBy:r,ariaLabel:i,ariaLabelledBy:n,children:t,color:o,component:e,id:d,testId:s,translate:l})=>m.jsx(p,{ariaCurrent:a,ariaDescribedBy:r,ariaLabel:i,ariaLabelledBy:n,children:t,color:o,component:e,id:d,testId:s,translate:l,variant:"support"}),$=c.memo(k);$.displayName="Support";const q=({ariaDescribedBy:a,ariaLabel:r,ariaLabelledBy:i,children:n,color:t,component:o,id:e,testId:d,translate:s})=>m.jsx(p,{ariaDescribedBy:a,ariaLabel:r,ariaLabelledBy:i,children:n,color:t,component:o,id:e,testId:d,translate:s,variant:"legend"}),w=c.memo(q);w.displayName="Legend";const A=({ariaDescribedBy:a,ariaLabel:r,ariaLabelledBy:i,children:n,color:t,component:o,id:e,testId:d,translate:s})=>m.jsx(p,{ariaDescribedBy:a,ariaLabel:r,ariaLabelledBy:i,children:n,color:t,component:o,id:e,testId:d,translate:s,variant:"overline"}),F=c.memo(A);F.displayName="Overline";export{H as M,R as a,D as b,V as c,$ as d,w as e,S as f,N as g,x as h,F as i,O as j,I as k,M as l,K as t};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as c,j as m}from"./iframe-Cav9rlxr.js";import{T as B}from"./Typography-D4Laguzq.js";const H={h1:"h1",h2:"h2",h3:"h3",h4:"h4",h5:"h5",h6:"h6",body:"body1",legend:"legend",overline:"overline",subordinate:"subtitle1",support:"subtitle2"},p=({ariaCurrent:a,ariaDescribedBy:r,ariaLabel:i,ariaLabelledBy:n,children:t,color:o,component:e,id:d,isPresentational:s,testId:l,translate:y,typographyRef:g,variant:b="body"})=>{const L=c.useMemo(()=>e||(b==="body"||b==="subordinate"||b==="support"||b==="overline"?"p":b),[e,b]),h=c.useRef(null);return c.useImperativeHandle(g,()=>({focus:()=>{var u;(u=h.current)==null||u.focus()}}),[]),m.jsx(B,{"aria-current":a,"aria-describedby":r,"aria-label":i,"aria-labelledby":n,children:t,color:o,component:L,"data-se":l,id:d,ref:h,role:s?"presentation":void 0,tabIndex:-1,translate:y,variant:H[b]})},x=c.memo(p);x.displayName="Typography";const M=({ariaCurrent:a,ariaDescribedBy:r,ariaLabel:i,ariaLabelledBy:n,children:t,color:o,component:e,id:d,isPresentational:s,testId:l,translate:y})=>m.jsx(p,{ariaCurrent:a,ariaDescribedBy:r,ariaLabel:i,ariaLabelledBy:n,children:t,color:o,component:e,id:d,isPresentational:s,testId:l,translate:y,variant:"h1"}),j=c.memo(M);j.displayName="Heading1";const v=({ariaCurrent:a,ariaDescribedBy:r,ariaLabel:i,ariaLabelledBy:n,children:t,color:o,component:e,id:d,testId:s,translate:l})=>m.jsx(p,{ariaCurrent:a,ariaDescribedBy:r,ariaLabel:i,ariaLabelledBy:n,children:t,color:o,component:e,id:d,testId:s,translate:l,variant:"h2"}),I=c.memo(v);I.displayName="Heading2";const z=({ariaCurrent:a,ariaDescribedBy:r,ariaLabel:i,ariaLabelledBy:n,children:t,color:o,component:e,id:d,testId:s,translate:l})=>m.jsx(p,{ariaCurrent:a,ariaDescribedBy:r,ariaLabel:i,ariaLabelledBy:n,children:t,color:o,component:e,id:d,testId:s,translate:l,variant:"h3"}),N=c.memo(z);N.displayName="Heading3";const D=({ariaCurrent:a,ariaDescribedBy:r,ariaLabel:i,ariaLabelledBy:n,children:t,color:o,component:e,id:d,testId:s,translate:l})=>m.jsx(p,{ariaCurrent:a,ariaDescribedBy:r,ariaLabel:i,ariaLabelledBy:n,children:t,color:o,component:e,id:d,testId:s,translate:l,variant:"h4"}),f=c.memo(D);f.displayName="Heading4";const C=({ariaCurrent:a,ariaDescribedBy:r,ariaLabel:i,ariaLabelledBy:n,children:t,color:o,component:e,id:d,testId:s,translate:l})=>m.jsx(p,{ariaCurrent:a,ariaDescribedBy:r,ariaLabel:i,ariaLabelledBy:n,children:t,color:o,component:e,id:d,testId:s,translate:l,variant:"h5"}),S=c.memo(C);S.displayName="Heading5";const T=({ariaCurrent:a,ariaDescribedBy:r,ariaLabel:i,ariaLabelledBy:n,children:t,color:o,component:e,id:d,testId:s,translate:l})=>m.jsx(p,{ariaCurrent:a,ariaDescribedBy:r,ariaLabel:i,ariaLabelledBy:n,children:t,color:o,component:e,id:d,testId:s,translate:l,variant:"h6"}),O=c.memo(T);O.displayName="Heading6";const R=({ariaCurrent:a,ariaDescribedBy:r,ariaLabel:i,ariaLabelledBy:n,children:t,color:o,component:e,id:d,testId:s,translate:l})=>m.jsx(p,{ariaCurrent:a,ariaDescribedBy:r,ariaLabel:i,ariaLabelledBy:n,children:t,color:o,component:e,id:d,testId:s,translate:l,variant:"body"}),E=c.memo(R);E.displayName="Paragraph";const P=({ariaCurrent:a,ariaDescribedBy:r,ariaLabel:i,ariaLabelledBy:n,children:t,color:o,component:e,id:d,testId:s,translate:l})=>m.jsx(p,{ariaCurrent:a,ariaDescribedBy:r,ariaLabel:i,ariaLabelledBy:n,children:t,color:o,component:e,id:d,testId:s,translate:l,variant:"subordinate"}),V=c.memo(P);V.displayName="Subordinate";const $=({ariaCurrent:a,ariaDescribedBy:r,ariaLabel:i,ariaLabelledBy:n,children:t,color:o,component:e,id:d,testId:s,translate:l})=>m.jsx(p,{ariaCurrent:a,ariaDescribedBy:r,ariaLabel:i,ariaLabelledBy:n,children:t,color:o,component:e,id:d,testId:s,translate:l,variant:"support"}),k=c.memo($);k.displayName="Support";const q=({ariaDescribedBy:a,ariaLabel:r,ariaLabelledBy:i,children:n,color:t,component:o,id:e,testId:d,translate:s})=>m.jsx(p,{ariaDescribedBy:a,ariaLabel:r,ariaLabelledBy:i,children:n,color:t,component:o,id:e,testId:d,translate:s,variant:"legend"}),w=c.memo(q);w.displayName="Legend";const A=({ariaDescribedBy:a,ariaLabel:r,ariaLabelledBy:i,children:n,color:t,component:o,id:e,testId:d,translate:s})=>m.jsx(p,{ariaDescribedBy:a,ariaLabel:r,ariaLabelledBy:i,children:n,color:t,component:o,id:e,testId:d,translate:s,variant:"overline"}),F=c.memo(A);F.displayName="Overline";export{x as M,j as a,E as b,V as c};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{b as T,q as W,a as p,_ as b,c as C,d as M,e as y,f as P,t as R}from"./tableRowClasses-
|
|
1
|
+
import{b as T,q as W,a as p,_ as b,c as C,d as M,e as y,f as P,t as R}from"./tableRowClasses-DYosAqvx.js";import{r as j,j as _}from"./iframe-Cav9rlxr.js";const N=["align","className","component","gutterBottom","noWrap","paragraph","variant","variantMapping"],D=t=>{const{align:a,gutterBottom:r,noWrap:n,paragraph:s,variant:o,classes:e}=t,i={root:["root",o,t.align!=="inherit"&&`align${y(a)}`,r&&"gutterBottom",n&&"noWrap",s&&"paragraph"]};return P(i,R,e)},E=C("span",{name:"MuiTypography",slot:"Root",overridesResolver:(t,a)=>{const{ownerState:r}=t;return[a.root,r.variant&&a[r.variant],r.align!=="inherit"&&a[`align${y(r.align)}`],r.noWrap&&a.noWrap,r.gutterBottom&&a.gutterBottom,r.paragraph&&a.paragraph]}})(({theme:t,ownerState:a})=>p({margin:0},a.variant==="inherit"&&{font:"inherit"},a.variant!=="inherit"&&t.typography[a.variant],a.align!=="inherit"&&{textAlign:a.align},a.noWrap&&{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},a.gutterBottom&&{marginBottom:"0.35em"},a.paragraph&&{marginBottom:16})),u={h1:"h1",h2:"h2",h3:"h3",h4:"h4",h5:"h5",h6:"h6",subtitle1:"h6",subtitle2:"h6",body1:"p",body2:"p",inherit:"p"},U={primary:"primary.main",textPrimary:"text.primary",secondary:"secondary.main",textSecondary:"text.secondary",error:"error.main"},$=t=>U[t]||t,A=j.forwardRef(function(a,r){const n=T({props:a,name:"MuiTypography"}),s=$(n.color),o=W(p({},n,{color:s})),{align:e="inherit",className:i,component:c,gutterBottom:d=!1,noWrap:f=!1,paragraph:g=!1,variant:h="body1",variantMapping:l=u}=o,x=b(o,N),m=p({},o,{align:e,color:s,className:i,component:c,gutterBottom:d,noWrap:f,paragraph:g,variant:h,variantMapping:l}),v=c||(g?"p":l[h]||u[h])||"span",B=D(m);return _.jsx(E,p({as:v,ref:r,ownerState:m,className:M(B.root,i)},x))});export{A as T};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as c,
|
|
1
|
+
import{r as c,d as g}from"./iframe-Cav9rlxr.js";import{T as z}from"./Typography-D4Laguzq.js";const N={h1:"h1",h2:"h2",h3:"h3",h4:"h4",h5:"h5",h6:"h6",body:"body1",legend:"legend",overline:"overline",subordinate:"subtitle1",support:"subtitle2"},y=({ariaCurrent:o,ariaDescribedBy:n,ariaLabel:i,ariaLabelledBy:t,children:s,clampLines:e,color:d,component:a,id:r,isPresentational:m,testId:p,translate:l,typographyRef:b,variant:u="body",wordBreak:H})=>{const M=c.useMemo(()=>a||(u==="body"||u==="subordinate"||u==="support"||u==="overline"?"p":u),[a,u]),v=c.useRef(null);c.useImperativeHandle(b,()=>({focus:()=>{var h;(h=v.current)==null||h.focus()}}),[]);const f=c.useMemo(()=>{const h={};return H&&(h.wordBreak=H),e&&(h.display="-webkit-box",h.WebkitBoxOrient="vertical",h.WebkitLineClamp=e,h.overflow="hidden"),Object.keys(h).length>0?h:void 0},[H,e]);return g(z,{"aria-current":o,"aria-describedby":n,"aria-label":i,"aria-labelledby":t,children:s,color:d,component:M,"data-se":p,id:r,ref:v,role:m?"presentation":void 0,sx:f,tabIndex:-1,translate:l,variant:N[u]})},x=c.memo(y);x.displayName="Typography";const S=({ariaCurrent:o,ariaDescribedBy:n,ariaLabel:i,ariaLabelledBy:t,children:s,clampLines:e,color:d,component:a,id:r,isPresentational:m,testId:p,translate:l,wordBreak:b})=>g(y,{ariaCurrent:o,ariaDescribedBy:n,ariaLabel:i,ariaLabelledBy:t,children:s,clampLines:e,color:d,component:a,id:r,isPresentational:m,testId:p,translate:l,variant:"h1",wordBreak:b}),T=c.memo(S);T.displayName="Heading1";const O=({ariaCurrent:o,ariaDescribedBy:n,ariaLabel:i,ariaLabelledBy:t,children:s,clampLines:e,color:d,component:a,id:r,testId:m,translate:p,wordBreak:l})=>g(y,{ariaCurrent:o,ariaDescribedBy:n,ariaLabel:i,ariaLabelledBy:t,children:s,clampLines:e,color:d,component:a,id:r,testId:m,translate:p,variant:"h2",wordBreak:l}),k=c.memo(O);k.displayName="Heading2";const j=({ariaCurrent:o,ariaDescribedBy:n,ariaLabel:i,ariaLabelledBy:t,children:s,clampLines:e,color:d,component:a,id:r,testId:m,translate:p,wordBreak:l})=>g(y,{ariaCurrent:o,ariaDescribedBy:n,ariaLabel:i,ariaLabelledBy:t,children:s,clampLines:e,color:d,component:a,id:r,testId:m,translate:p,variant:"h3",wordBreak:l}),I=c.memo(j);I.displayName="Heading3";const L=({ariaCurrent:o,ariaDescribedBy:n,ariaLabel:i,ariaLabelledBy:t,children:s,clampLines:e,color:d,component:a,id:r,testId:m,translate:p,wordBreak:l})=>g(y,{ariaCurrent:o,ariaDescribedBy:n,ariaLabel:i,ariaLabelledBy:t,children:s,clampLines:e,color:d,component:a,id:r,testId:m,translate:p,variant:"h4",wordBreak:l}),R=c.memo(L);R.displayName="Heading4";const W=({ariaCurrent:o,ariaDescribedBy:n,ariaLabel:i,ariaLabelledBy:t,children:s,clampLines:e,color:d,component:a,id:r,testId:m,translate:p,wordBreak:l})=>g(y,{ariaCurrent:o,ariaDescribedBy:n,ariaLabel:i,ariaLabelledBy:t,children:s,clampLines:e,color:d,component:a,id:r,testId:m,translate:p,variant:"h5",wordBreak:l}),w=c.memo(W);w.displayName="Heading5";const C=({ariaCurrent:o,ariaDescribedBy:n,ariaLabel:i,ariaLabelledBy:t,children:s,clampLines:e,color:d,component:a,id:r,testId:m,translate:p,wordBreak:l})=>g(y,{ariaCurrent:o,ariaDescribedBy:n,ariaLabel:i,ariaLabelledBy:t,children:s,clampLines:e,color:d,component:a,id:r,testId:m,translate:p,variant:"h6",wordBreak:l}),E=c.memo(C);E.displayName="Heading6";const P=({ariaCurrent:o,ariaDescribedBy:n,ariaLabel:i,ariaLabelledBy:t,children:s,clampLines:e,color:d,component:a,id:r,testId:m,translate:p,wordBreak:l})=>g(y,{ariaCurrent:o,ariaDescribedBy:n,ariaLabel:i,ariaLabelledBy:t,children:s,clampLines:e,color:d,component:a,id:r,testId:m,translate:p,variant:"body",wordBreak:l}),V=c.memo(P);V.displayName="Paragraph";const $=({ariaCurrent:o,ariaDescribedBy:n,ariaLabel:i,ariaLabelledBy:t,children:s,clampLines:e,color:d,component:a,id:r,testId:m,translate:p,wordBreak:l})=>g(y,{ariaCurrent:o,ariaDescribedBy:n,ariaLabel:i,ariaLabelledBy:t,children:s,clampLines:e,color:d,component:a,id:r,testId:m,translate:p,variant:"subordinate",wordBreak:l}),q=c.memo($);q.displayName="Subordinate";const A=({ariaCurrent:o,ariaDescribedBy:n,ariaLabel:i,ariaLabelledBy:t,children:s,clampLines:e,color:d,component:a,id:r,testId:m,translate:p,wordBreak:l})=>g(y,{ariaCurrent:o,ariaDescribedBy:n,ariaLabel:i,ariaLabelledBy:t,children:s,clampLines:e,color:d,component:a,id:r,testId:m,translate:p,variant:"support",wordBreak:l}),B=c.memo(A);B.displayName="Support";const D=({ariaDescribedBy:o,ariaLabel:n,ariaLabelledBy:i,children:t,clampLines:s,color:e,component:d,id:a,testId:r,translate:m,wordBreak:p})=>g(y,{ariaDescribedBy:o,ariaLabel:n,ariaLabelledBy:i,children:t,clampLines:s,color:e,component:d,id:a,testId:r,translate:m,variant:"legend",wordBreak:p}),F=c.memo(D);F.displayName="Legend";const G=({ariaDescribedBy:o,ariaLabel:n,ariaLabelledBy:i,children:t,clampLines:s,color:e,component:d,id:a,testId:r,translate:m,wordBreak:p})=>g(y,{ariaDescribedBy:o,ariaLabel:n,ariaLabelledBy:i,children:t,clampLines:s,color:e,component:d,id:a,testId:r,translate:m,variant:"overline",wordBreak:p}),J=c.memo(G);J.displayName="Overline";export{x as M,k as a,V as b,J as c,I as d};
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import{j as o}from"./iframe-Cav9rlxr.js";import{useMDXComponents as i}from"./index-BQ9nbbSk.js";import{M as s,T as a,S as p,D as m,P as c,a as d,b as x}from"./blocks-BI5YpTSd.js";import{T as e}from"./Typography.stories-BLBo_W9U.js";import"./preload-helper-Dp1pzeXC.js";import"./index-CLFx8Kta.js";import"./index-C5VVYn_U.js";import"./axeRun-C-zlWaxU.js";import"./axe-B0QS9Vy6.js";import"./OdysseyStorybookThemeDecorator-Bokwb0ot.js";import"./OdysseyThemeProvider-DOMFnSU0.js";import"./index.es-0rJMfM0E.js";import"./tableRowClasses-DYosAqvx.js";import"./WarningFilled-DJX60tUO.js";import"./OdysseyProvider-n2ocdJ7D.js";import"./ScopedCssBaseline-CbMqVD26.js";import"./Typography-B8ZKtxRi.js";import"./Typography-D4Laguzq.js";function n(r){const t={code:"code",p:"p",...i(),...r.components};return o.jsxs(o.Fragment,{children:[o.jsx(s,{of:e}),`
|
|
2
|
+
`,o.jsx(a,{of:e}),`
|
|
3
|
+
`,o.jsx(p,{of:e}),`
|
|
4
|
+
`,o.jsx(m,{of:e}),`
|
|
5
|
+
`,o.jsx(c,{of:e}),`
|
|
6
|
+
`,o.jsxs(t.p,{children:["Typography can be rendered with the ",o.jsx(t.code,{children:"<Typography>"}),` component itself, or via one of its
|
|
7
|
+
semantic aliases (`,o.jsx(t.code,{children:"<Heading1>"}),", ",o.jsx(t.code,{children:"<Heading2>"}),", ",o.jsx(t.code,{children:"<Paragraph>"}),", ",o.jsx(t.code,{children:"<Caption>"}),", etc.)"]}),`
|
|
8
|
+
`,o.jsx(d,{}),`
|
|
9
|
+
`,o.jsx(x,{})]})}function v(r={}){const{wrapper:t}={...i(),...r.components};return t?o.jsx(t,{...r,children:o.jsx(n,{...r})}):n(r)}export{v as default};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as r,r as Te}from"./iframe-
|
|
1
|
+
import{j as r,r as Te}from"./iframe-Cav9rlxr.js";import{a}from"./axeRun-C-zlWaxU.js";import{O as Se}from"./OdysseyStorybookThemeDecorator-Bokwb0ot.js";import{t as T,M as be,h as S,d as oe,c as se,i as ie,e as ce,a as n,j as pe,f as de,b as ye,g as ge,k as le,l as he}from"./Typography-B8ZKtxRi.js";const xe={h1:he,h2:le,h3:ge,h4:ye,h5:de,h6:pe,body:n,legend:ce,overline:ie,subordinate:se,support:oe},b=["false","page","step","location","date","time","true"],ve={component:be,decorators:[Se],argTypes:{ariaCurrent:{control:{type:"select"},options:b,description:"Sets `aria-current` to indicate the active item within a related set (e.g. current step or page)",table:{category:"Functional",type:{summary:b.join(" | ")}}},ariaDescribedBy:{control:"text",description:"The ID of the element that describes the component",table:{category:"Functional",type:{summary:"string"}}},ariaLabel:{control:"text",description:"The ARIA label for the component",table:{category:"Functional",type:{summary:"string"}}},ariaLabelledBy:{control:"text",description:"The ID of the element that labels the component",table:{category:"Functional",type:{summary:"string"}}},children:{control:"text",description:"The text content of the component",table:{category:"Visual",type:{summary:"ReactNode"}},type:{required:!0,name:"other",value:"ReactNode"}},color:{options:T,control:{type:"select"},description:"The color of the text",table:{category:"Visual",type:{summary:T.join(" | ")}}},component:{description:"The HTML element the component should render, if different from the default",table:{category:"Functional",type:{summary:"ElementType"}}},id:{control:"text",description:"Sets the `id` attribute on the rendered element",table:{category:"Functional",type:{summary:"string"}}},isPresentational:{control:"boolean",description:'If `true`, renders with `role="presentation"` so screen readers ignore the content',table:{category:"Functional",type:{summary:"boolean"}}},testId:{control:"text",description:"Adds a legacy `data-se` attribute. Prefer semantic selectors in new tests",table:{category:"Functional",type:{summary:"string"}}},translate:{control:{type:"radio"},options:["yes","no"],description:"Sets the HTML `translate` attribute to opt the text in or out of machine translation",table:{category:"Functional",type:{summary:'"yes" | "no"'}}},variant:{options:Object.keys(S),control:{type:"select"},description:"The variant of Typography to render",table:{category:"Visual",type:{summary:Object.keys(S).join(" | ")}}}},args:{children:"Spice is vital for space travel."}},t={name:"Generic Typography",args:{children:"This is standard text.",variant:"body"},render:e=>{const{variant:me,...ue}=e;return Te.createElement(xe[me],ue)}},o={name:"Heading 1",args:{children:"Heading 1",variant:"h1"},render:e=>r.jsx(he,{...e})},s={name:"Heading 2",args:{children:"Heading 2",variant:"h2"},render:e=>r.jsx(le,{...e})},i={name:"Heading 3",args:{children:"Heading 3",variant:"h3"},render:e=>r.jsx(ge,{...e}),play:async()=>{await a("Typography h3")}},c={name:"Heading 4",args:{children:"Heading 4",variant:"h4"},render:e=>r.jsx(ye,{...e}),play:async()=>{await a("Typography h4")}},p={name:"Heading 5",args:{children:"Heading 5",variant:"h5"},render:e=>r.jsx(de,{...e}),play:async()=>{await a("Typography h5")}},d={name:"Heading 6",args:{children:"Heading 6",variant:"h6"},render:e=>r.jsx(pe,{...e}),play:async()=>{await a("Typography h6")}},y={name:"Paragraph",args:{children:"This is body copy.",variant:"body"},render:e=>r.jsx(n,{...e}),play:async()=>{await a("Typography body")}},g={name:"Legend",args:{children:"This is a legend",variant:"legend"},render:e=>r.jsx(ce,{...e}),play:async()=>{await a("Typography legend")}},l={name:"Overline",args:{children:"This is an Overline",variant:"overline"},render:e=>r.jsx(ie,{...e}),play:async()=>{await a("Typography Overline")}},h={name:"Subordinate",args:{children:"This is subordinate text.",variant:"subordinate"},render:e=>r.jsx(se,{...e}),play:async()=>{await a("Typography subordinate")}},m={name:"Support",args:{children:"This is support text.",variant:"support"},render:e=>r.jsx(oe,{...e}),play:async()=>{await a("Typography support")}},u={name:"Color",render:()=>r.jsxs(r.Fragment,{children:[r.jsx(n,{color:"primary",children:"This is a primary color."}),r.jsx(n,{color:"textPrimary",children:"This is a textPrimary color."}),r.jsx(n,{color:"secondary",children:"This is a secondary color."}),r.jsx(n,{color:"textSecondary",children:"This is a textSecondary color."}),r.jsx(n,{color:"error",children:"This is a error color."})]})};var x,v,H;t.parameters={...t.parameters,docs:{...(x=t.parameters)==null?void 0:x.docs,source:{originalSource:`{
|
|
2
2
|
name: "Generic Typography",
|
|
3
3
|
args: {
|
|
4
4
|
children: "This is standard text.",
|
|
@@ -0,0 +1,73 @@
|
|
|
1
|
+
import{j as e}from"./iframe-Cav9rlxr.js";import{W as T,M as s,a as L,b as B}from"./WpComponentsStorybookThemeDecorator-CJ_rgsix.js";import{O as W}from"./OdysseyStorybookThemeDecorator-Bokwb0ot.js";import"./preload-helper-Dp1pzeXC.js";import"./Typography-D4Laguzq.js";import"./tableRowClasses-DYosAqvx.js";import"./OdysseyProvider-Czbz3dwH.js";import"./i18next-7SyOfhCu.js";import"./ScopedCssBaseline-CbMqVD26.js";import"./OdysseyThemeProvider-DOMFnSU0.js";import"./index.es-0rJMfM0E.js";import"./WarningFilled-DJX60tUO.js";import"./index-CLFx8Kta.js";import"./OdysseyProvider-n2ocdJ7D.js";const o={maxWidth:"400px",border:"1px dashed #ccc",padding:"16px"},R={component:s,decorators:[W,T],tags:["autodocs"],argTypes:{children:{control:"text",description:"The text content of the component."},clampLines:{control:"number",description:"Limits the text to a specified number of lines, adding ellipsis when content overflows.",table:{type:{summary:"number"}}},wordBreak:{control:"select",options:["normal","break-all","keep-all","break-word"],description:"Controls how text should break within the element.",table:{type:{summary:"string"}}}},args:{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."},parameters:{docs:{description:{component:"Demonstrates the `wordBreak` and `clampLines` props for controlling text overflow behavior in Typography components."}}}},r={render:()=>e.jsx("div",{style:o,children:e.jsx(s,{wordBreak:"break-all",children:"ThisIsAVeryLongWordWithoutSpacesThatNeedsToBeHandledProperly_AnExampleOfURLOrIdentifier"})}),parameters:{docs:{description:{story:"Use `wordBreak` to control how long words or URLs should break within the container. Useful for preventing overflow from long unbroken strings."}}}},n={render:()=>e.jsx("div",{style:o,children:e.jsx(s,{clampLines:3,children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur."})}),parameters:{docs:{description:{story:"Use `clampLines` to limit the number of visible lines and add ellipsis when content overflows. Great for truncating long text in cards or lists."}}}},t={render:()=>e.jsx("div",{style:o,children:e.jsx(s,{clampLines:2,wordBreak:"break-word",children:"ThisIsAVeryLongWordWithoutSpaces_FollowedByMoreText_AndEvenMoreText_ThatWillDemonstrateHowBothPropsWorkTogether. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."})}),parameters:{docs:{description:{story:"Combine `wordBreak` and `clampLines` to handle long words while limiting the number of visible lines. This ensures content fits within the container both horizontally and vertically."}}}},i={render:()=>e.jsx("div",{style:o,children:e.jsx(L,{clampLines:2,children:"This Is A Very Long Heading That Should Be Clamped To Two Lines And Show Ellipsis When It Overflows The Container"})}),parameters:{docs:{description:{story:"Example of using `clampLines` with a heading component to prevent long titles from taking up too much space."}}}},a={render:()=>e.jsx("div",{style:o,children:e.jsx(B,{wordBreak:"break-all",children:"https://example.com/very-long-url-path/that-would-normally-overflow/the-container/without-proper-word-breaking"})}),parameters:{docs:{description:{story:"Example of using `wordBreak` with a paragraph to handle long URLs that would otherwise overflow the container."}}}};var d,l,p;r.parameters={...r.parameters,docs:{...(d=r.parameters)==null?void 0:d.docs,source:{originalSource:`{
|
|
2
|
+
render: () => <div style={containerStyle}>
|
|
3
|
+
<Typography wordBreak="break-all">
|
|
4
|
+
ThisIsAVeryLongWordWithoutSpacesThatNeedsToBeHandledProperly_AnExampleOfURLOrIdentifier
|
|
5
|
+
</Typography>
|
|
6
|
+
</div>,
|
|
7
|
+
parameters: {
|
|
8
|
+
docs: {
|
|
9
|
+
description: {
|
|
10
|
+
story: "Use \`wordBreak\` to control how long words or URLs should break within the container. Useful for preventing overflow from long unbroken strings."
|
|
11
|
+
}
|
|
12
|
+
}
|
|
13
|
+
}
|
|
14
|
+
}`,...(p=(l=r.parameters)==null?void 0:l.docs)==null?void 0:p.source}}};var c,m,h;n.parameters={...n.parameters,docs:{...(c=n.parameters)==null?void 0:c.docs,source:{originalSource:`{
|
|
15
|
+
render: () => <div style={containerStyle}>
|
|
16
|
+
<Typography clampLines={3}>
|
|
17
|
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod
|
|
18
|
+
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
|
|
19
|
+
veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
|
|
20
|
+
commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
|
|
21
|
+
velit esse cillum dolore eu fugiat nulla pariatur.
|
|
22
|
+
</Typography>
|
|
23
|
+
</div>,
|
|
24
|
+
parameters: {
|
|
25
|
+
docs: {
|
|
26
|
+
description: {
|
|
27
|
+
story: "Use \`clampLines\` to limit the number of visible lines and add ellipsis when content overflows. Great for truncating long text in cards or lists."
|
|
28
|
+
}
|
|
29
|
+
}
|
|
30
|
+
}
|
|
31
|
+
}`,...(h=(m=n.parameters)==null?void 0:m.docs)==null?void 0:h.source}}};var u,g,y;t.parameters={...t.parameters,docs:{...(u=t.parameters)==null?void 0:u.docs,source:{originalSource:`{
|
|
32
|
+
render: () => <div style={containerStyle}>
|
|
33
|
+
<Typography clampLines={2} wordBreak="break-word">
|
|
34
|
+
ThisIsAVeryLongWordWithoutSpaces_FollowedByMoreText_AndEvenMoreText_ThatWillDemonstrateHowBothPropsWorkTogether.
|
|
35
|
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod
|
|
36
|
+
tempor incididunt ut labore et dolore magna aliqua.
|
|
37
|
+
</Typography>
|
|
38
|
+
</div>,
|
|
39
|
+
parameters: {
|
|
40
|
+
docs: {
|
|
41
|
+
description: {
|
|
42
|
+
story: "Combine \`wordBreak\` and \`clampLines\` to handle long words while limiting the number of visible lines. This ensures content fits within the container both horizontally and vertically."
|
|
43
|
+
}
|
|
44
|
+
}
|
|
45
|
+
}
|
|
46
|
+
}`,...(y=(g=t.parameters)==null?void 0:g.docs)==null?void 0:y.source}}};var w,v,b;i.parameters={...i.parameters,docs:{...(w=i.parameters)==null?void 0:w.docs,source:{originalSource:`{
|
|
47
|
+
render: () => <div style={containerStyle}>
|
|
48
|
+
<Heading2 clampLines={2}>
|
|
49
|
+
This Is A Very Long Heading That Should Be Clamped To Two Lines And Show
|
|
50
|
+
Ellipsis When It Overflows The Container
|
|
51
|
+
</Heading2>
|
|
52
|
+
</div>,
|
|
53
|
+
parameters: {
|
|
54
|
+
docs: {
|
|
55
|
+
description: {
|
|
56
|
+
story: "Example of using \`clampLines\` with a heading component to prevent long titles from taking up too much space."
|
|
57
|
+
}
|
|
58
|
+
}
|
|
59
|
+
}
|
|
60
|
+
}`,...(b=(v=i.parameters)==null?void 0:v.docs)==null?void 0:b.source}}};var f,k,x;a.parameters={...a.parameters,docs:{...(f=a.parameters)==null?void 0:f.docs,source:{originalSource:`{
|
|
61
|
+
render: () => <div style={containerStyle}>
|
|
62
|
+
<Paragraph wordBreak="break-all">
|
|
63
|
+
https://example.com/very-long-url-path/that-would-normally-overflow/the-container/without-proper-word-breaking
|
|
64
|
+
</Paragraph>
|
|
65
|
+
</div>,
|
|
66
|
+
parameters: {
|
|
67
|
+
docs: {
|
|
68
|
+
description: {
|
|
69
|
+
story: "Example of using \`wordBreak\` with a paragraph to handle long URLs that would otherwise overflow the container."
|
|
70
|
+
}
|
|
71
|
+
}
|
|
72
|
+
}
|
|
73
|
+
}`,...(x=(k=a.parameters)==null?void 0:k.docs)==null?void 0:x.source}}};const V=["WordBreak","LineClamp","CombinedWordBreakAndClamp","HeadingWithClamp","ParagraphWithWordBreak"];export{t as CombinedWordBreakAndClamp,i as HeadingWithClamp,n as LineClamp,a as ParagraphWithWordBreak,r as WordBreak,V as __namedExportsOrder,R as default};
|
|
@@ -0,0 +1,73 @@
|
|
|
1
|
+
import{j as e}from"./iframe-Cav9rlxr.js";import{M as s,a as T,b as L}from"./Typography-DlDlPYOB.js";import{O as B}from"./OdysseyStorybookThemeDecorator-Bokwb0ot.js";import{W}from"./WorkflowsComponentsStorybookThemeDecorator-BQlPPRvP.js";import"./preload-helper-Dp1pzeXC.js";import"./Typography-D4Laguzq.js";import"./tableRowClasses-DYosAqvx.js";import"./OdysseyThemeProvider-DOMFnSU0.js";import"./index.es-0rJMfM0E.js";import"./WarningFilled-DJX60tUO.js";import"./index-CLFx8Kta.js";import"./OdysseyProvider-n2ocdJ7D.js";import"./ScopedCssBaseline-CbMqVD26.js";import"./OdysseyProvider-Czbz3dwH.js";import"./i18next-7SyOfhCu.js";const o={maxWidth:"400px",border:"1px dashed #ccc",padding:"16px"},V={component:s,decorators:[B,W],argTypes:{children:{control:"text",description:"The text content of the component."},clampLines:{control:"number",description:"Limits the text to a specified number of lines, adding ellipsis when content overflows.",table:{type:{summary:"number"}}},wordBreak:{control:"select",options:["normal","break-all","keep-all","break-word"],description:"Controls how text should break within the element.",table:{type:{summary:"string"}}}},args:{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."},parameters:{docs:{description:{component:"Demonstrates the `wordBreak` and `clampLines` props for controlling text overflow behavior in Typography components."}}}},r={render:()=>e.jsx("div",{style:o,children:e.jsx(s,{wordBreak:"break-all",children:"ThisIsAVeryLongWordWithoutSpacesThatNeedsToBeHandledProperly_AnExampleOfURLOrIdentifier"})}),parameters:{docs:{description:{story:"Use `wordBreak` to control how long words or URLs should break within the container. Useful for preventing overflow from long unbroken strings."}}}},n={render:()=>e.jsx("div",{style:o,children:e.jsx(s,{clampLines:3,children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur."})}),parameters:{docs:{description:{story:"Use `clampLines` to limit the number of visible lines and add ellipsis when content overflows. Great for truncating long text in cards or lists."}}}},t={render:()=>e.jsx("div",{style:o,children:e.jsx(s,{clampLines:2,wordBreak:"break-word",children:"ThisIsAVeryLongWordWithoutSpaces_FollowedByMoreText_AndEvenMoreText_ThatWillDemonstrateHowBothPropsWorkTogether. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."})}),parameters:{docs:{description:{story:"Combine `wordBreak` and `clampLines` to handle long words while limiting the number of visible lines. This ensures content fits within the container both horizontally and vertically."}}}},i={render:()=>e.jsx("div",{style:o,children:e.jsx(T,{clampLines:2,children:"This Is A Very Long Heading That Should Be Clamped To Two Lines And Show Ellipsis When It Overflows The Container"})}),parameters:{docs:{description:{story:"Example of using `clampLines` with a heading component to prevent long titles from taking up too much space."}}}},a={render:()=>e.jsx("div",{style:o,children:e.jsx(L,{wordBreak:"break-all",children:"https://example.com/very-long-url-path/that-would-normally-overflow/the-container/without-proper-word-breaking"})}),parameters:{docs:{description:{story:"Example of using `wordBreak` with a paragraph to handle long URLs that would otherwise overflow the container."}}}};var l,d,p;r.parameters={...r.parameters,docs:{...(l=r.parameters)==null?void 0:l.docs,source:{originalSource:`{
|
|
2
|
+
render: () => <div style={containerStyle}>
|
|
3
|
+
<Typography wordBreak="break-all">
|
|
4
|
+
ThisIsAVeryLongWordWithoutSpacesThatNeedsToBeHandledProperly_AnExampleOfURLOrIdentifier
|
|
5
|
+
</Typography>
|
|
6
|
+
</div>,
|
|
7
|
+
parameters: {
|
|
8
|
+
docs: {
|
|
9
|
+
description: {
|
|
10
|
+
story: "Use \`wordBreak\` to control how long words or URLs should break within the container. Useful for preventing overflow from long unbroken strings."
|
|
11
|
+
}
|
|
12
|
+
}
|
|
13
|
+
}
|
|
14
|
+
}`,...(p=(d=r.parameters)==null?void 0:d.docs)==null?void 0:p.source}}};var m,c,h;n.parameters={...n.parameters,docs:{...(m=n.parameters)==null?void 0:m.docs,source:{originalSource:`{
|
|
15
|
+
render: () => <div style={containerStyle}>
|
|
16
|
+
<Typography clampLines={3}>
|
|
17
|
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod
|
|
18
|
+
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
|
|
19
|
+
veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
|
|
20
|
+
commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
|
|
21
|
+
velit esse cillum dolore eu fugiat nulla pariatur.
|
|
22
|
+
</Typography>
|
|
23
|
+
</div>,
|
|
24
|
+
parameters: {
|
|
25
|
+
docs: {
|
|
26
|
+
description: {
|
|
27
|
+
story: "Use \`clampLines\` to limit the number of visible lines and add ellipsis when content overflows. Great for truncating long text in cards or lists."
|
|
28
|
+
}
|
|
29
|
+
}
|
|
30
|
+
}
|
|
31
|
+
}`,...(h=(c=n.parameters)==null?void 0:c.docs)==null?void 0:h.source}}};var u,g,w;t.parameters={...t.parameters,docs:{...(u=t.parameters)==null?void 0:u.docs,source:{originalSource:`{
|
|
32
|
+
render: () => <div style={containerStyle}>
|
|
33
|
+
<Typography clampLines={2} wordBreak="break-word">
|
|
34
|
+
ThisIsAVeryLongWordWithoutSpaces_FollowedByMoreText_AndEvenMoreText_ThatWillDemonstrateHowBothPropsWorkTogether.
|
|
35
|
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod
|
|
36
|
+
tempor incididunt ut labore et dolore magna aliqua.
|
|
37
|
+
</Typography>
|
|
38
|
+
</div>,
|
|
39
|
+
parameters: {
|
|
40
|
+
docs: {
|
|
41
|
+
description: {
|
|
42
|
+
story: "Combine \`wordBreak\` and \`clampLines\` to handle long words while limiting the number of visible lines. This ensures content fits within the container both horizontally and vertically."
|
|
43
|
+
}
|
|
44
|
+
}
|
|
45
|
+
}
|
|
46
|
+
}`,...(w=(g=t.parameters)==null?void 0:g.docs)==null?void 0:w.source}}};var y,f,v;i.parameters={...i.parameters,docs:{...(y=i.parameters)==null?void 0:y.docs,source:{originalSource:`{
|
|
47
|
+
render: () => <div style={containerStyle}>
|
|
48
|
+
<Heading2 clampLines={2}>
|
|
49
|
+
This Is A Very Long Heading That Should Be Clamped To Two Lines And Show
|
|
50
|
+
Ellipsis When It Overflows The Container
|
|
51
|
+
</Heading2>
|
|
52
|
+
</div>,
|
|
53
|
+
parameters: {
|
|
54
|
+
docs: {
|
|
55
|
+
description: {
|
|
56
|
+
story: "Example of using \`clampLines\` with a heading component to prevent long titles from taking up too much space."
|
|
57
|
+
}
|
|
58
|
+
}
|
|
59
|
+
}
|
|
60
|
+
}`,...(v=(f=i.parameters)==null?void 0:f.docs)==null?void 0:v.source}}};var b,k,x;a.parameters={...a.parameters,docs:{...(b=a.parameters)==null?void 0:b.docs,source:{originalSource:`{
|
|
61
|
+
render: () => <div style={containerStyle}>
|
|
62
|
+
<Paragraph wordBreak="break-all">
|
|
63
|
+
https://example.com/very-long-url-path/that-would-normally-overflow/the-container/without-proper-word-breaking
|
|
64
|
+
</Paragraph>
|
|
65
|
+
</div>,
|
|
66
|
+
parameters: {
|
|
67
|
+
docs: {
|
|
68
|
+
description: {
|
|
69
|
+
story: "Example of using \`wordBreak\` with a paragraph to handle long URLs that would otherwise overflow the container."
|
|
70
|
+
}
|
|
71
|
+
}
|
|
72
|
+
}
|
|
73
|
+
}`,...(x=(k=a.parameters)==null?void 0:k.docs)==null?void 0:x.source}}};const z=["WordBreak","LineClamp","CombinedWordBreakAndClamp","HeadingWithClamp","ParagraphWithWordBreak"];export{t as CombinedWordBreakAndClamp,i as HeadingWithClamp,n as LineClamp,a as ParagraphWithWordBreak,r as WordBreak,z as __namedExportsOrder,V as default};
|