@okta/odyssey-react-mui 1.52.1 → 1.53.0

package/dist/assets/Hint-BXue9c6p.js

@@ -0,0 +1,11 @@
+import{s as t}from"./tableRowClasses-Bk1uFtwh.js";import{f as a}from"./FormHelperText-CVc1kPQJ.js";/*!
+ * Copyright (c) 2025-present, Okta, Inc. and/or its affiliates. All rights reserved.
+ * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
+ *
+ * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+ * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *
+ * See the License for the specific language governing permissions and limitations under the License.
+ */const p=t.div(({odysseyDesignTokens:r})=>({paddingInlineStart:`calc(${r.TypographyLineHeightUi}em + ${r.Spacing2})`,marginBlockEnd:r.Spacing2,[`.${a.root}.${a.error}`]:{color:r.TypographyColorSubordinate}}));export{p as H};

package/dist/assets/HintLink.stories-FqiBpDGQ.js

@@ -0,0 +1,44 @@
+import{O as y}from"./OdysseyStorybookThemeDecorator-CHlNoX17.js";import{r as g,j as h}from"./iframe-CQjT1fxh.js";import{M as k}from"./Link-Cg_KakDo.js";import"./OdysseyThemeProvider-BA0_xP7N.js";import"./tableRowClasses-Bk1uFtwh.js";import"./WarningFilled-DOHs-JmZ.js";import"./index-C77ZwfYm.js";import"./OdysseyProvider-rboSNY26.js";import"./ScopedCssBaseline-BOa6kM98.js";import"./preload-helper-Dp1pzeXC.js";import"./Link-thynTosX.js";import"./useIsFocusVisible-D1xCTBdT.js";import"./Typography-Jr4Brrb5.js";import"./ExternalLink-3_gWbh_U.js";/*!
+ * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.
+ * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
+ *
+ * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+ * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *
+ * See the License for the specific language governing permissions and limitations under the License.
+ */const b=a=>h.jsx(k,{...a,variant:"monochrome"}),d=g.memo(b);d.displayName="HintLink";/*!
+ * Copyright (c) 2025-present, Okta, Inc. and/or its affiliates. All rights reserved.
+ * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
+ *
+ * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+ * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *
+ * See the License for the specific language governing permissions and limitations under the License.
+ */const{expect:o,within:f}=__STORYBOOK_MODULE_TEST__,j={component:d,decorators:[y],tags:["autodocs"],parameters:{docs:{description:{component:"HintLink pairs with other Odyssey field components to add additional guidance links. It is not intended to be rendered on its own."}}},argTypes:{children:{control:"text",description:"Content rendered inside the link component",table:{category:"Visual",type:{summary:"ReactNode"}}},href:{control:"text",description:"Destination URL applied to the underlying `<a href>` attribute",table:{category:"Functional",type:{summary:"string"}}},onClick:{action:!0,control:!1,description:"Callback fired when the link is clicked",table:{category:"Functional",type:{summary:"(event: MouseEvent<HTMLAnchorElement, MouseEvent>) => void"}}},rel:{control:"text",description:'Relationship hints passed to the browser (for example `"noopener"` when using `target="_blank"`',table:{category:"Functional",type:{summary:"string"}}},target:{control:"text",description:"If set to `_blank`, the Link will display an external icon",table:{category:"Functional",type:{summary:"string"}}},testId:{control:"text",description:"Adds a `data-se` attribute for integration tests and analytics hooks",table:{category:"Functional",type:{summary:"string"}}}},args:{children:"Learn more",href:"#learn-more"}},e={},n={args:{href:"https://www.okta.com",rel:"noopener",target:"_blank",children:"Read documentation"},play:async({canvasElement:a,step:u})=>{await u("Verify external attributes",async({args:t})=>{const r=f(a).getByRole("link",{name:t.children});await o(r).toHaveAttribute("href",t.href),await o(r).toHaveAttribute("target",t.target??""),await o(r).toHaveAttribute("rel",t.rel??"")})}};var i,s,c;e.parameters={...e.parameters,docs:{...(i=e.parameters)==null?void 0:i.docs,source:{originalSource:"{}",...(c=(s=e.parameters)==null?void 0:s.docs)==null?void 0:c.source}}};var l,p,m;n.parameters={...n.parameters,docs:{...(l=n.parameters)==null?void 0:l.docs,source:{originalSource:`{
+  args: {
+    href: "https://www.okta.com",
+    rel: "noopener",
+    target: "_blank",
+    children: "Read documentation"
+  },
+  play: async ({
+    canvasElement,
+    step
+  }) => {
+    await step("Verify external attributes", async ({
+      args
+    }) => {
+      const canvas = within(canvasElement);
+      const link = canvas.getByRole("link", {
+        name: args.children as string
+      });
+      await expect(link).toHaveAttribute("href", args.href);
+      await expect(link).toHaveAttribute("target", args.target ?? "");
+      await expect(link).toHaveAttribute("rel", args.rel ?? "");
+    });
+  }
+}`,...(m=(p=n.parameters)==null?void 0:p.docs)==null?void 0:m.source}}};const B=["Default","External"];export{e as Default,n as External,B as __namedExportsOrder,j as default};

package/dist/assets/Home-D8RWt2JU.js

@@ -0,0 +1 @@
+import{r as e,j as o}from"./iframe-CQjT1fxh.js";import{S as l}from"./tableRowClasses-Bk1uFtwh.js";const a=e.forwardRef((r,n)=>o.jsx(l,{fill:"none",ref:n,viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg",...r,children:o.jsx(o.Fragment,{children:o.jsx("path",{clipRule:"evenodd",d:"m8 .436.446.402 6.667 6 .22.198v6.297a2 2 0 0 1-2 2H10v-4.666a2 2 0 1 0-4 0v4.666H2.667a2 2 0 0 1-2-2V7.036l.22-.198 6.667-6L8 .436ZM2 7.63v5.703c0 .368.298.667.667.667h2v-3.333a3.333 3.333 0 1 1 6.666 0V14h2a.667.667 0 0 0 .667-.667V7.63l-6-5.4-6 5.4Z",fill:"currentColor",fillRule:"evenodd"})})})),m=e.memo(a);m.displayName="HomeIcon";export{m as M};

package/dist/assets/Icon.stories-CB1sFVG5.js

@@ -0,0 +1,16 @@
+import{j as a,r as s}from"./iframe-CQjT1fxh.js";import{i as t}from"./index-Vzl5wUDu.js";import{O as c}from"./OdysseyStorybookThemeDecorator-CHlNoX17.js";import{M as p}from"./DataTable-B5iX_c6m.js";import"./preload-helper-Dp1pzeXC.js";import"./tableRowClasses-Bk1uFtwh.js";import"./AddCircle-zDqHIKbQ.js";import"./Server-1eTAy_EZ.js";import"./List-CZ2bN2bA.js";import"./ArrowRight-C5USrGY5.js";import"./Bug-BnGJL5iO.js";import"./Calendar-Do4wfihU.js";import"./Call-CZmd0zlk.js";import"./WarningFilled-DOHs-JmZ.js";import"./ChevronRight-QYu5EQHS.js";import"./ChevronUp-D226bAv0.js";import"./Clock-CRMbzsTS.js";import"./Upload-nb-hV6Ym.js";import"./Documentation-nAJnZGCK.js";import"./Download-CA8gZ8xE.js";import"./ExternalLink-3_gWbh_U.js";import"./Filter-XcwxIcdg.js";import"./Folder-CVKRyg4P.js";import"./Globe-C0SMdL8H.js";import"./Grid-DnpTJXeB.js";import"./Group-BJr9nAnt.js";import"./Hide-C2jA-JOQ.js";import"./Home-D8RWt2JU.js";import"./InformationCircle-DRZkRWne.js";import"./Link-BKNciOfr.js";import"./More-BAN0OFVF.js";import"./Notification-CqbysXIb.js";import"./Refresh-ZZ_nNcXg.js";import"./Search-0744_rm_.js";import"./Settings-CnuBvsmb.js";import"./Show-C6ORd-wr.js";import"./Sync-Bo0k4rYZ.js";import"./User-BEFwQRGi.js";import"./Video-DHeibuka.js";import"./OdysseyThemeProvider-BA0_xP7N.js";import"./index-C77ZwfYm.js";import"./OdysseyProvider-rboSNY26.js";import"./ScopedCssBaseline-BOa6kM98.js";import"./index.esm-Bohtd3OQ.js";import"./createSvgIcon-CaWcxZng.js";import"./createChainedFunction-BO_9K8Jh.js";import"./debounce-Be36O1Ab.js";import"./ListItem-BNz1zv6N.js";import"./FormHelperText-CVc1kPQJ.js";import"./FormLabel-CWWbs_c2.js";import"./List-D0N4Xybp.js";import"./useIsFocusVisible-D1xCTBdT.js";import"./isHostComponent-DVu5iVWx.js";import"./ButtonBase-Rz8p08Xo.js";import"./TransitionGroupContext-yBqGXZYI.js";import"./ownerDocument-DW-IO8s5.js";import"./ownerWindow-HkKU3E4x.js";import"./useControlled-BUhC7uWK.js";import"./index-5Qx3hCfP.js";import"./utils-D-QCjykO.js";import"./Stack-Duw-TXBf.js";import"./createStyled-BKWdp2xc.js";import"./useThemeProps-BCUqwy59.js";import"./Tooltip-yxN-KFjL.js";import"./Grow-DvH-Xu1P.js";import"./Portal-DeJFqeW-.js";import"./resolveComponentProps-DGxe9oED.js";import"./Popper-CISS1LuJ.js";import"./Paper-vUVrw-QB.js";import"./Box-CnVllI1S.js";import"./CircularProgress-D6L1y9kt.js";import"./DialogContent-C6DlqjnA.js";import"./Fade-ZBabHGDm.js";import"./Modal-C5P7v6Gt.js";import"./getScrollbarSize-Bqq2hMjQ.js";import"./dialogActionsClasses-J0iu7jYO.js";import"./DialogTitle-B_QxN4PO.js";import"./Typography-Jr4Brrb5.js";import"./Menu-DB2s3Jn0.js";import"./MenuList-D3GSt85L.js";import"./colorManipulator-BYcVMQmD.js";import"./IconButton-BPR_sq0F.js";import"./Radio-C5-GzJtb.js";import"./SwitchBase-C_6ALR3v.js";import"./Checkbox-mRntsWEy.js";import"./useMobilePicker-DJQJ3D8W.js";import"./Select-DE0mojaE.js";import"./ArrowDropDown-BbLKA4fg.js";import"./InputBase-BYnzr12H.js";import"./useThemeProps-Bc2iWdri.js";import"./InputAdornment-Clfg5IS6.js";import"./visuallyHidden-Dan1xhjv.js";import"./Button-Dug4qNr3.js";import"./Chip-BgPaZbUf.js";import"./MenuItem-CpMFWgaz.js";import"./Collapse-DULszxZp.js";import"./AlertTitle-UQV7DT5q.js";import"./useSlot-BMAKysxJ.js";import"./Close-CELHOmN_.js";import"./LinearProgress-Z53mwHnp.js";import"./Skeleton-DxFSebyW.js";import"./Divider-C7lvc1xB.js";import"./Autocomplete-BajR4gNT.js";import"./ListSubheader-Dwx7m0BA.js";import"./tableSortLabelClasses-i_d6KGQQ.js";import"./FormControlLabel-BG9mNqQc.js";import"./DateTimePicker-ByepBMwy.js";import"./Tabs-BPWnyCAU.js";import"./DatePicker-vZfA4IWy.js";import"./Box-B3rdnavX.js";import"./Button-0PI4ljbj.js";import"./BaseButton-C9tiChQu.js";import"./MuiPropsContext-D6i6qZME.js";import"./Tooltip-B-PXZNTK.js";import"./MenuButton-BffESdH9.js";import"./BaseMenuButton-BXkyi9Y-.js";import"./useUniqueId-DG6rB8dI.js";import"./createUniqueId-BHjR7HQF.js";import"./MenuContext-UsOwIWpO.js";import"./Callout-WJN7MCgu.js";import"./Link-Cg_KakDo.js";import"./Link-thynTosX.js";import"./Typography-CjpHjc10.js";import"./EmptyState-B1EvR4rn.js";import"./DataFilters-4og6bOFS.js";import"./Autocomplete-BwSwXNq_.js";import"./useAutocomplete-DG_kuhWb.js";import"./index.esm-Dvk_qjX0.js";import"./Field-CqIOaZfg.js";import"./ScreenReaderText-toqV93JE.js";import"./FieldHint-Cs73lQge.js";import"./inputUtils-BBH9ADKa.js";import"./Checkbox-3Yu84dfy.js";import"./Hint-BXue9c6p.js";import"./CheckboxGroup-Bris2fCF.js";import"./FormGroup-D8ZDwdpx.js";import"./Radio-BlxlCYZY.js";import"./RadioGroup-sL620ofZ.js";import"./RadioGroup-BcwUBGJo.js";import"./SearchField-DmDpB-Sd.js";import"./Tag-CYK8pNzu.js";import"./TagList-CunLkaIS.js";import"./TextField-DF5R_omM.js";import"./useScrollIndication-BGw7dgC5.js";import"./MenuItem-Cmq8TfUJ.js";const Yo={component:()=>null,decorators:[c],tags:["icons-export"]},u=[{name:"AddCircleIcon",use:"To add"},{name:"AddIcon",use:"To add"},{name:"AppsIcon",use:""},{name:"AppsSelectedIcon",use:""},{name:"ArrowBottomIcon",use:""},{name:"ArrowDownIcon",use:""},{name:"ArrowLeftIcon",use:""},{name:"ArrowLowerLeftIcon",use:""},{name:"ArrowLowerRightIcon",use:""},{name:"ArrowRightIcon",use:""},{name:"ArrowTopIcon",use:""},{name:"ArrowUnsortedIcon",use:""},{name:"ArrowUpIcon",use:""},{name:"ArrowUpperLeftIcon",use:""},{name:"ArrowUpperRightIcon",use:""},{name:"BugIcon",use:""},{name:"CalendarIcon",use:""},{name:"CallIcon",use:""},{name:"ChatIcon",use:""},{name:"CheckCircleFilledIcon",use:""},{name:"CheckIcon",use:"To show a completed process"},{name:"ChevronDownIcon",use:"UI indicator - element triggers open"},{name:"ChevronLeftIcon",use:""},{name:"ChevronRightIcon",use:""},{name:"ChevronUpIcon",use:"UI indicator - element triggers close"},{name:"ClockIcon",use:""},{name:"CloseCircleFilledIcon",use:""},{name:"CloseIcon",use:"To close a modal or other UI"},{name:"CollapseLeftIcon",use:""},{name:"CollapseRightIcon",use:""},{name:"CopyIcon",use:"To copy text"},{name:"CustomizationsIcon",use:""},{name:"CustomizationsSelectedIcon",use:""},{name:"DangerDiamondFilledIcon",use:""},{name:"DangerDiamondIcon",use:""},{name:"DeleteIcon",use:"To delete something"},{name:"DenyIcon",use:""},{name:"DevicesIcon",use:""},{name:"DirectoryIcon",use:""},{name:"DirectorySelectedIcon",use:""},{name:"DocumentationIcon",use:""},{name:"DownloadIcon",use:"To download"},{name:"DragIndicatorIcon",use:""},{name:"EditIcon",use:"To edit something"},{name:"ExpandLeftIcon",use:""},{name:"ExpandRightIcon",use:""},{name:"ExternalLinkIcon",use:"UI indicator - external link"},{name:"FilterIcon",use:"To filter results"},{name:"FolderIcon",use:""},{name:"GlobeIcon",use:""},{name:"GridIcon",use:""},{name:"GroupIcon",use:""},{name:"HideIcon",use:"To hide something"},{name:"HomeIcon",use:""},{name:"HomeSelectedIcon",use:""},{name:"IdentityGovernanceIcon",use:""},{name:"IdentityGovernanceSelectedIcon",use:""},{name:"InformationCircleFilledIcon",use:"To get information"},{name:"InformationCircleIcon",use:"To get information"},{name:"LinkIcon",use:""},{name:"ListIcon",use:""},{name:"LockIcon",use:""},{name:"MoreIcon",use:""},{name:"NotificationIcon",use:"To notify the user of something"},{name:"PauseIcon",use:""},{name:"QuestionCircleFilledIcon",use:"To provide clarification"},{name:"QuestionCircleIcon",use:"To provide clarification"},{name:"RefreshIcon",use:""},{name:"ReportsIcon",use:""},{name:"ReportsSelectedIcon",use:""},{name:"ResetIcon",use:""},{name:"ResumeIcon",use:""},{name:"SearchIcon",use:"To search for something"},{name:"SecurityIcon",use:""},{name:"SecuritySelectedIcon",use:""},{name:"SendIcon",use:""},{name:"ServerIcon",use:""},{name:"SettingsIcon",use:"To edit user or app settings"},{name:"SettingsSelectedIcon",use:""},{name:"ShowIcon",use:"To show something"},{name:"SubtractIcon",use:"To subtract or remove"},{name:"SyncIcon",use:""},{name:"ThumbsDownIcon",use:""},{name:"ThumbsUpIcon",use:""},{name:"UnlockIcon",use:""},{name:"UploadIcon",use:""},{name:"UserIcon",use:"To support a user name"},{name:"VideoIcon",use:""},{name:"WarningFilledIcon",use:""},{name:"WarningIcon",use:""},{name:"WorkflowsIcon",use:""},{name:"WorkflowsSelectedIcon",use:""}],l=[{accessorKey:"icon",Cell:({row:e})=>s.createElement(t[e.original.name]),header:"Icon"},{accessorKey:"name",header:"Name"},{accessorKey:"className",Cell:({row:e})=>{var o;return((o=t[e.original.name])==null?void 0:o.displayName)??""},header:"Class Name"}],n={parameters:{docs:{description:{story:"Icons can be included as a component using the class name. For example, to include the add circle icon, use `<AddCircleIcon />`."}}},render:function(){return a.jsx(p,{columns:l,getData:()=>u,getRowId:o=>o.name,hasSorting:!1})}};var r,m,i;n.parameters={...n.parameters,docs:{...(r=n.parameters)==null?void 0:r.docs,source:{originalSource:`{
+  parameters: {
+    docs: {
+      description: {
+        story: "Icons can be included as a component using the class name. For example, to include the add circle icon, use \`<AddCircleIcon />\`."
+      }
+    }
+  },
+  render: function C() {
+    return <DataTable
+    // The \`as\` here shouldn't be required because \`DataTable\` should be inferring the type of \`columns\`, but it doesn't take a generic to know that. --Kevin Ghadyani
+    columns={columns as DataTableColumn<DataTableRowData>[]} getData={() => icons}
+    // The \`as\` here shouldn't be required because \`DataTable\` should know the return type of \`getData\` and infer the rest. It needs to ta generic to fix that. --Kevin Ghadyani
+    getRowId={originalRow => originalRow.name as keyof typeof iconDictionary} hasSorting={false} />;
+  }
+}`,...(i=(m=n.parameters)==null?void 0:m.docs)==null?void 0:i.source}}};const Zo=["Default"];export{n as Default,Zo as __namedExportsOrder,Yo as default};

package/dist/assets/IconButton-BPR_sq0F.js

@@ -0,0 +1 @@
+import{N as z,M as R,b as m,_ as x,a as s,c as y,d as C,e as t,f as B,l as u}from"./tableRowClasses-Bk1uFtwh.js";import{r as I,j as $}from"./iframe-CQjT1fxh.js";import{B as h}from"./ButtonBase-Rz8p08Xo.js";function M(o){return R("MuiIconButton",o)}const k=z("MuiIconButton",["root","disabled","colorInherit","colorPrimary","colorSecondary","colorError","colorInfo","colorSuccess","colorWarning","edgeStart","edgeEnd","sizeSmall","sizeMedium","sizeLarge"]),E=["edge","children","className","color","disabled","disableFocusRipple","size"],_=o=>{const{classes:a,disabled:e,color:r,edge:i,size:l}=o,n={root:["root",e&&"disabled",r!=="default"&&`color${t(r)}`,i&&`edge${t(i)}`,`size${t(l)}`]};return B(n,M,a)},j=y(h,{name:"MuiIconButton",slot:"Root",overridesResolver:(o,a)=>{const{ownerState:e}=o;return[a.root,e.color!=="default"&&a[`color${t(e.color)}`],e.edge&&a[`edge${t(e.edge)}`],a[`size${t(e.size)}`]]}})(({theme:o,ownerState:a})=>s({textAlign:"center",flex:"0 0 auto",fontSize:o.typography.pxToRem(24),padding:8,borderRadius:"50%",overflow:"visible",color:(o.vars||o).palette.action.active,transition:o.transitions.create("background-color",{duration:o.transitions.duration.shortest})},!a.disableRipple&&{"&:hover":{backgroundColor:o.vars?`rgba(${o.vars.palette.action.activeChannel} / ${o.vars.palette.action.hoverOpacity})`:u.alpha(o.palette.action.active,o.palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:"transparent"}}},a.edge==="start"&&{marginLeft:a.size==="small"?-3:-12},a.edge==="end"&&{marginRight:a.size==="small"?-3:-12}),({theme:o,ownerState:a})=>{var e;const r=(e=(o.vars||o).palette)==null?void 0:e[a.color];return s({},a.color==="inherit"&&{color:"inherit"},a.color!=="inherit"&&a.color!=="default"&&s({color:r==null?void 0:r.main},!a.disableRipple&&{"&:hover":s({},r&&{backgroundColor:o.vars?`rgba(${r.mainChannel} / ${o.vars.palette.action.hoverOpacity})`:u.alpha(r.main,o.palette.action.hoverOpacity)},{"@media (hover: none)":{backgroundColor:"transparent"}})}),a.size==="small"&&{padding:5,fontSize:o.typography.pxToRem(18)},a.size==="large"&&{padding:12,fontSize:o.typography.pxToRem(28)},{[`&.${k.disabled}`]:{backgroundColor:"transparent",color:(o.vars||o).palette.action.disabled}})}),L=I.forwardRef(function(a,e){const r=m({props:a,name:"MuiIconButton"}),{edge:i=!1,children:l,className:n,color:g="default",disabled:c=!1,disableFocusRipple:d=!1,size:v="medium"}=r,f=x(r,E),p=s({},r,{edge:i,color:g,disabled:c,disableFocusRipple:d,size:v}),b=_(p);return $.jsx(j,s({className:C(b.root,n),centerRipple:!0,focusRipple:!d,disabled:c,ref:e},f,{ownerState:p,children:l}))});export{L as I};

package/dist/assets/IconWithTooltip.stories-qhJ3BM2A.js

@@ -0,0 +1,19 @@
+import{r as x,j as n}from"./iframe-CQjT1fxh.js";import{a as T}from"./axeRun-w5CBCc9V.js";import{O as b}from"./OdysseyStorybookThemeDecorator-CHlNoX17.js";import{s as I}from"./tableRowClasses-Bk1uFtwh.js";import{u as w}from"./MuiPropsContext-D6i6qZME.js";import{u as O}from"./OdysseyThemeProvider-BA0_xP7N.js";import{T as v}from"./Tooltip-yxN-KFjL.js";import{M as C}from"./InformationCircle-DRZkRWne.js";import{M}from"./Group-BJr9nAnt.js";import"./preload-helper-Dp1pzeXC.js";import"./axe-9-4xvXvL.js";import"./index-C77ZwfYm.js";import"./OdysseyProvider-rboSNY26.js";import"./ScopedCssBaseline-BOa6kM98.js";import"./WarningFilled-DOHs-JmZ.js";import"./Grow-DvH-Xu1P.js";import"./utils-D-QCjykO.js";import"./TransitionGroupContext-yBqGXZYI.js";import"./index-5Qx3hCfP.js";import"./useIsFocusVisible-D1xCTBdT.js";import"./Portal-DeJFqeW-.js";import"./resolveComponentProps-DGxe9oED.js";import"./isHostComponent-DVu5iVWx.js";import"./useControlled-BUhC7uWK.js";import"./Popper-CISS1LuJ.js";import"./ownerDocument-DW-IO8s5.js";const E=I.span(({odysseyDesignTokens:t})=>({display:"inline-flex",transitionProperty:"border-color, box-shadow, outline",transitionDuration:t.TransitionDurationMain,border:"1px solid transparent","&:focus, &:focus-visible":{borderColor:t.FocusOutlineColorPrimary,boxShadow:`0 0 0 1px ${t.FocusOutlineColorPrimary}`,outline:`${t.FocusOutlineWidthMain} ${t.FocusOutlineStyle} transparent`,outlineOffset:t.FocusOutlineOffsetTight},svg:{display:"flex"}})),_=({IconComponent:t=n.jsx(C,{}),placement:o="right",testId:a,tooltipText:s,translate:e})=>{const f=w(),g=O();return n.jsx(v,{"data-se":a,describeChild:!0,placement:o,tabIndex:0,title:s,translate:e,children:n.jsx(E,{odysseyDesignTokens:g,...f,children:t})})},y=x.memo(_);y.displayName="IconWithTooltip";const{userEvent:p,within:S}=__STORYBOOK_MODULE_TEST__,rt={component:y,decorators:[b],argTypes:{IconComponent:{description:"The icon to render",table:{type:{summary:"ReactNode"},defaultValue:{summary:"<InformationCircleIcon />"}},type:{required:!0,name:"string"}},tooltipText:{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:"right"}}}},args:{testId:"tooltip"},tags:["icons-export"]},j=({canvasElement:t,step:o})=>async a=>{await o("show the tooltip on hover",async()=>{const e=S(t).getByTitle("Use the `i` icon to give details that might not be critical but are 'good to know'");await p.hover(e),await T(a),await p.unhover(e)})},r={args:{tooltipText:"Use the `i` icon to give details that might not be critical but are 'good to know'"},play:async({canvasElement:t,step:o})=>{await j({canvasElement:t,step:o})("IconWithTooltip")}},i={args:{IconComponent:n.jsx(M,{}),tooltipText:"This is a group of people"}};var c,m,l;r.parameters={...r.parameters,docs:{...(c=r.parameters)==null?void 0:c.docs,source:{originalSource:`{
+  args: {
+    tooltipText: "Use the \`i\` icon to give details that might not be critical but are 'good to know'"
+  },
+  play: async ({
+    canvasElement,
+    step
+  }) => {
+    await showTooltip({
+      canvasElement,
+      step
+    })("IconWithTooltip");
+  }
+}`,...(l=(m=r.parameters)==null?void 0:m.docs)==null?void 0:l.source}}};var u,d,h;i.parameters={...i.parameters,docs:{...(u=i.parameters)==null?void 0:u.docs,source:{originalSource:`{
+  args: {
+    IconComponent: <GroupIcon />,
+    tooltipText: "This is a group of people"
+  }
+}`,...(h=(d=i.parameters)==null?void 0:d.docs)==null?void 0:h.source}}};const it=["Default","AnyIcon"];export{i as AnyIcon,r as Default,it as __namedExportsOrder,rt as default};