@okta/odyssey-react-mui 1.45.0 → 1.47.1

package/dist/assets/{Typography-CiNRLenM.js → Typography-DfSdXC7o.js}

@@ -1 +1 @@
-import{r as c}from"./index-NdkWRN8K.js";import{j as m}from"./jsx-runtime-CnH95YSl.js";import{T as B}from"./Typography-D7-qxuiy.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"},Q=["primary","textPrimary","secondary","textSecondary","error"],p=({ariaCurrent:a,ariaDescribedBy:r,ariaLabel:i,ariaLabelledBy:n,children:o,color:t,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:o,color:t,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:o,color:t,component:e,id:d,isPresentational:s,testId:l,translate:b})=>m.jsx(p,{ariaCurrent:a,ariaDescribedBy:r,ariaLabel:i,ariaLabelledBy:n,children:o,color:t,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:o,color:t,component:e,id:d,testId:s,translate:l})=>m.jsx(p,{ariaCurrent:a,ariaDescribedBy:r,ariaLabel:i,ariaLabelledBy:n,children:o,color:t,component:e,id:d,testId:s,translate:l,variant:"h2"}),I=c.memo(v);I.displayName="Heading2";const f=({ariaCurrent:a,ariaDescribedBy:r,ariaLabel:i,ariaLabelledBy:n,children:o,color:t,component:e,id:d,testId:s,translate:l})=>m.jsx(p,{ariaCurrent:a,ariaDescribedBy:r,ariaLabel:i,ariaLabelledBy:n,children:o,color:t,component:e,id:d,testId:s,translate:l,variant:"h3"}),z=c.memo(f);z.displayName="Heading3";const N=({ariaCurrent:a,ariaDescribedBy:r,ariaLabel:i,ariaLabelledBy:n,children:o,color:t,component:e,id:d,testId:s,translate:l})=>m.jsx(p,{ariaCurrent:a,ariaDescribedBy:r,ariaLabel:i,ariaLabelledBy:n,children:o,color:t,component:e,id:d,testId:s,translate:l,variant:"h4"}),D=c.memo(N);D.displayName="Heading4";const C=({ariaCurrent:a,ariaDescribedBy:r,ariaLabel:i,ariaLabelledBy:n,children:o,color:t,component:e,id:d,testId:s,translate:l})=>m.jsx(p,{ariaCurrent:a,ariaDescribedBy:r,ariaLabel:i,ariaLabelledBy:n,children:o,color:t,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:o,color:t,component:e,id:d,testId:s,translate:l})=>m.jsx(p,{ariaCurrent:a,ariaDescribedBy:r,ariaLabel:i,ariaLabelledBy:n,children:o,color:t,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:o,color:t,component:e,id:d,testId:s,translate:l})=>m.jsx(p,{ariaCurrent:a,ariaDescribedBy:r,ariaLabel:i,ariaLabelledBy:n,children:o,color:t,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:o,color:t,component:e,id:d,testId:s,translate:l})=>m.jsx(p,{ariaCurrent:a,ariaDescribedBy:r,ariaLabel:i,ariaLabelledBy:n,children:o,color:t,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:o,color:t,component:e,id:d,testId:s,translate:l})=>m.jsx(p,{ariaCurrent:a,ariaDescribedBy:r,ariaLabel:i,ariaLabelledBy:n,children:o,color:t,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:o,component:t,id:e,testId:d,translate:s})=>m.jsx(p,{ariaDescribedBy:a,ariaLabel:r,ariaLabelledBy:i,children:n,color:o,component:t,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:o,component:t,id:e,testId:d,translate:s})=>m.jsx(p,{ariaDescribedBy:a,ariaLabel:r,ariaLabelledBy:i,children:n,color:o,component:t,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,z as g,x as h,F as i,O as j,I as k,M as l,Q as t};
+import{r as c}from"./index-NdkWRN8K.js";import{j as m}from"./jsx-runtime-CnH95YSl.js";import{T as B}from"./Typography-Yf1Zkad_.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"},Q=["primary","textPrimary","secondary","textSecondary","error"],p=({ariaCurrent:a,ariaDescribedBy:r,ariaLabel:i,ariaLabelledBy:n,children:o,color:t,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:o,color:t,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:o,color:t,component:e,id:d,isPresentational:s,testId:l,translate:b})=>m.jsx(p,{ariaCurrent:a,ariaDescribedBy:r,ariaLabel:i,ariaLabelledBy:n,children:o,color:t,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:o,color:t,component:e,id:d,testId:s,translate:l})=>m.jsx(p,{ariaCurrent:a,ariaDescribedBy:r,ariaLabel:i,ariaLabelledBy:n,children:o,color:t,component:e,id:d,testId:s,translate:l,variant:"h2"}),I=c.memo(v);I.displayName="Heading2";const f=({ariaCurrent:a,ariaDescribedBy:r,ariaLabel:i,ariaLabelledBy:n,children:o,color:t,component:e,id:d,testId:s,translate:l})=>m.jsx(p,{ariaCurrent:a,ariaDescribedBy:r,ariaLabel:i,ariaLabelledBy:n,children:o,color:t,component:e,id:d,testId:s,translate:l,variant:"h3"}),z=c.memo(f);z.displayName="Heading3";const N=({ariaCurrent:a,ariaDescribedBy:r,ariaLabel:i,ariaLabelledBy:n,children:o,color:t,component:e,id:d,testId:s,translate:l})=>m.jsx(p,{ariaCurrent:a,ariaDescribedBy:r,ariaLabel:i,ariaLabelledBy:n,children:o,color:t,component:e,id:d,testId:s,translate:l,variant:"h4"}),D=c.memo(N);D.displayName="Heading4";const C=({ariaCurrent:a,ariaDescribedBy:r,ariaLabel:i,ariaLabelledBy:n,children:o,color:t,component:e,id:d,testId:s,translate:l})=>m.jsx(p,{ariaCurrent:a,ariaDescribedBy:r,ariaLabel:i,ariaLabelledBy:n,children:o,color:t,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:o,color:t,component:e,id:d,testId:s,translate:l})=>m.jsx(p,{ariaCurrent:a,ariaDescribedBy:r,ariaLabel:i,ariaLabelledBy:n,children:o,color:t,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:o,color:t,component:e,id:d,testId:s,translate:l})=>m.jsx(p,{ariaCurrent:a,ariaDescribedBy:r,ariaLabel:i,ariaLabelledBy:n,children:o,color:t,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:o,color:t,component:e,id:d,testId:s,translate:l})=>m.jsx(p,{ariaCurrent:a,ariaDescribedBy:r,ariaLabel:i,ariaLabelledBy:n,children:o,color:t,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:o,color:t,component:e,id:d,testId:s,translate:l})=>m.jsx(p,{ariaCurrent:a,ariaDescribedBy:r,ariaLabel:i,ariaLabelledBy:n,children:o,color:t,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:o,component:t,id:e,testId:d,translate:s})=>m.jsx(p,{ariaDescribedBy:a,ariaLabel:r,ariaLabelledBy:i,children:n,color:o,component:t,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:o,component:t,id:e,testId:d,translate:s})=>m.jsx(p,{ariaDescribedBy:a,ariaLabel:r,ariaLabelledBy:i,children:n,color:o,component:t,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,S as e,w as f,z as g,x as h,F as i,O as j,I as k,M as l,Q as t};

package/dist/assets/Typography-Yf1Zkad_.js

@@ -0,0 +1 @@
+import{c as T,l as W,b as p,_ as b,d as C,e as M,f as y,g as P,n as R}from"./OdysseyThemeProvider-BBwjgzn2.js";import{r as j}from"./index-NdkWRN8K.js";import{j as _}from"./jsx-runtime-CnH95YSl.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,O=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:m=u}=o,x=b(o,N),l=p({},o,{align:e,color:s,className:i,component:c,gutterBottom:d,noWrap:f,paragraph:g,variant:h,variantMapping:m}),v=c||(g?"p":m[h]||u[h])||"span",B=D(l);return _.jsx(E,p({as:v,ref:r,ownerState:l,className:M(B.root,i)},x))});export{O as T};

package/dist/assets/Typography.stories-Cr7YbFxb.js

@@ -0,0 +1,73 @@
+import{j as e}from"./jsx-runtime-CnH95YSl.js";import{M as s,a as T,b as L}from"./Typography-D01yctPx.js";import"./index-NdkWRN8K.js";import{O as B}from"./OdysseyStorybookThemeDecorator-BRjYVaUu.js";import{W}from"./WorkflowsComponentsStorybookThemeDecorator-COYvO4K8.js";import"./AccordionSummary-0jrOTJTD.js";import"./OdysseyThemeProvider-BBwjgzn2.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./useSlot-CaOQD_17.js";import"./resolveComponentProps-BzfJewMt.js";import"./isHostComponent-DVu5iVWx.js";import"./useIsFocusVisible-DH0qxT5e.js";import"./useControlled-NQulfz4l.js";import"./Collapse-COoe3Qtd.js";import"./utils-DkZjDCLm.js";import"./TransitionGroupContext-DLI0IzWy.js";import"./index-B5xazMy1.js";import"./index-DieBXP3Z.js";import"./Paper-XsV8SWR9.js";import"./ButtonBase-BAQsCgRq.js";import"./AlertTitle-BbBpDTwd.js";import"./createSvgIcon-DsUj6UQo.js";import"./Close-ATS01D1v.js";import"./IconButton-OY9nJWpv.js";import"./Typography-Yf1Zkad_.js";import"./Breadcrumbs-6BEAV_iX.js";import"./Portal-GAJY6Au9.js";import"./Menu-CHod3UUY.js";import"./Grow-DacPmog-.js";import"./ownerDocument-DW-IO8s5.js";import"./ownerWindow-HkKU3E4x.js";import"./debounce-Be36O1Ab.js";import"./Modal-B1-40kNg.js";import"./getScrollbarSize-Bqq2hMjQ.js";import"./createChainedFunction-BO_9K8Jh.js";import"./Fade-CVbWKXvx.js";import"./MenuList-CW8ri5AI.js";import"./List-Be7fhh4_.js";import"./CardActionArea-BTMPt80M.js";import"./CardActions-X5bUcMdJ.js";import"./Skeleton-dfR0DjWP.js";import"./colorManipulator-CjGkpVfF.js";import"./CircularProgress-B5_VbcVt.js";import"./index.esm-CaIA2ztV.js";import"./ListItem-C8ebNPnP.js";import"./utils-iop7lDec.js";import"./useFormControl-BMISTZuX.js";import"./FormLabel-BLj3hKkg.js";import"./Stack-DKhviX3e.js";import"./createStyled-D0LG5-qz.js";import"./useThemeProps-D4857Xca.js";import"./Tooltip-D4AWrTBw.js";import"./Popper-DjhYeJJy.js";import"./Box-CWTB5xfE.js";import"./DialogContent-_oGbCJT8.js";import"./dialogActionsClasses-BWrWITLY.js";import"./DialogTitle-DyO9kr6R.js";import"./Radio-BimAm2in.js";import"./SwitchBase-D-uzeIbM.js";import"./Checkbox-BVTNXOF7.js";import"./useMobilePicker-5I3ooa1D.js";import"./Select-9yKLDVKS.js";import"./ArrowDropDown-LYMnJjPD.js";import"./InputBase-DSZ9ZgyW.js";import"./FormHelperText-qF3DX-zz.js";import"./useThemeProps-Bfa1XAV-.js";import"./InputAdornment-D4SsBOPe.js";import"./visuallyHidden-Dan1xhjv.js";import"./Button-CdPi1pZc.js";import"./Chip-DXaMeATb.js";import"./MenuItem-B0_vCuIq.js";import"./Divider-DsFAYUeD.js";import"./Autocomplete-CXy6JKKy.js";import"./ListSubheader-Bwc0JItn.js";import"./tableSortLabelClasses-DtOYtU1J.js";import"./FormControlLabel-BKhSSavj.js";import"./DateTimePicker-LSjVE-IM.js";import"./Tabs-DzeBYjfY.js";import"./DatePicker-txjKmLSi.js";import"./FormGroup-Cuk9jkbL.js";import"./RadioGroup-DRNCKA-f.js";import"./AdapterLuxon-0NB_ajTr.js";import"./index.esm-HelN6IAt.js";import"./DialogContentText-DU3-VV7L.js";import"./OdysseyProvider-2xjMTEu6.js";import"./Drawer-DEqB4KYp.js";import"./TabPanel-XF64c5rR.js";import"./Link-BnBknBcu.js";import"./Snackbar-Cn_gMSEK.js";import"./emotion-react-jsx-runtime.browser.esm-DcYOMKFp.js";import"./index-BJTM6NaI.js";import"./OdysseyProvider-CLb8psrs.js";const o={maxWidth:"400px",border:"1px dashed #ccc",padding:"16px"},co={title:"Resource Access Policy Components/Typography",component:s,decorators:[B,W],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."}}}},t={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."}}}},i={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."}}}},n={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 p,m,l;r.parameters={...r.parameters,docs:{...(p=r.parameters)==null?void 0:p.docs,source:{originalSource:`{
+  render: () => <div style={containerStyle}>
+      <Typography wordBreak="break-all">
+        ThisIsAVeryLongWordWithoutSpacesThatNeedsToBeHandledProperly_AnExampleOfURLOrIdentifier
+      </Typography>
+    </div>,
+  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."
+      }
+    }
+  }
+}`,...(l=(m=r.parameters)==null?void 0:m.docs)==null?void 0:l.source}}};var d,c,h;t.parameters={...t.parameters,docs:{...(d=t.parameters)==null?void 0:d.docs,source:{originalSource:`{
+  render: () => <div style={containerStyle}>
+      <Typography clampLines={3}>
+        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.
+      </Typography>
+    </div>,
+  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."
+      }
+    }
+  }
+}`,...(h=(c=t.parameters)==null?void 0:c.docs)==null?void 0:h.source}}};var u,g,y;i.parameters={...i.parameters,docs:{...(u=i.parameters)==null?void 0:u.docs,source:{originalSource:`{
+  render: () => <div style={containerStyle}>
+      <Typography clampLines={2} wordBreak="break-word">
+        ThisIsAVeryLongWordWithoutSpaces_FollowedByMoreText_AndEvenMoreText_ThatWillDemonstrateHowBothPropsWorkTogether.
+        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod
+        tempor incididunt ut labore et dolore magna aliqua.
+      </Typography>
+    </div>,
+  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."
+      }
+    }
+  }
+}`,...(y=(g=i.parameters)==null?void 0:g.docs)==null?void 0:y.source}}};var w,f,v;n.parameters={...n.parameters,docs:{...(w=n.parameters)==null?void 0:w.docs,source:{originalSource:`{
+  render: () => <div style={containerStyle}>
+      <Heading2 clampLines={2}>
+        This Is A Very Long Heading That Should Be Clamped To Two Lines And Show
+        Ellipsis When It Overflows The Container
+      </Heading2>
+    </div>,
+  parameters: {
+    docs: {
+      description: {
+        story: "Example of using \`clampLines\` with a heading component to prevent long titles from taking up too much space."
+      }
+    }
+  }
+}`,...(v=(f=n.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:`{
+  render: () => <div style={containerStyle}>
+      <Paragraph wordBreak="break-all">
+        https://example.com/very-long-url-path/that-would-normally-overflow/the-container/without-proper-word-breaking
+      </Paragraph>
+    </div>,
+  parameters: {
+    docs: {
+      description: {
+        story: "Example of using \`wordBreak\` with a paragraph to handle long URLs that would otherwise overflow the container."
+      }
+    }
+  }
+}`,...(x=(k=a.parameters)==null?void 0:k.docs)==null?void 0:x.source}}};const ho=["WordBreak","LineClamp","CombinedWordBreakAndClamp","HeadingWithClamp","ParagraphWithWordBreak"];export{i as CombinedWordBreakAndClamp,n as HeadingWithClamp,t as LineClamp,a as ParagraphWithWordBreak,r as WordBreak,ho as __namedExportsOrder,co as default};

package/dist/assets/{Typography.stories-DOm50jIe.js → Typography.stories-D-TscJaP.js}

@@ -1,4 +1,4 @@
-import{j as a}from"./jsx-runtime-CnH95YSl.js";import{r as ur}from"./index-NdkWRN8K.js";import{a as e}from"./axeRun-BfHtukUP.js";import{t as T,M as Tr,h as S,d as or,c as sr,i as tr,e as ir,a as n,j as pr,f as dr,b as cr,g as yr,k as gr,l as hr}from"./Typography-CiNRLenM.js";const Sr={h1:hr,h2:gr,h3:yr,h4:cr,h5:dr,h6:pr,body:n,legend:ir,overline:tr,subordinate:sr,support:or},xr={component:Tr,parameters:{docs:{description:""}},argTypes:{ariaDescribedBy:{description:"The ID of the element that describes the component.",table:{type:{summary:"string"}}},ariaLabel:{control:"text",description:"The ARIA label for the component.",table:{type:{summary:"string"}}},ariaLabelledBy:{description:"The ID of the element that labels the component.",table:{type:{summary:"string"}}},children:{control:"text",description:"The text content of the component.",table:{type:{summary:"ReactNode"}},type:{required:!0,name:"string"}},color:{options:T,control:{type:"select"},description:"The color of the text.",table:{type:{summary:T.join(" | ")}}},component:{description:"The HTML element the component should render, if different from the default",table:{type:{summary:"ElementType"}}},variant:{options:Object.keys(S),control:{type:"select"},description:"The variant of Typography to render.",table:{type:{summary:Object.keys(S).join(" | ")}}}},args:{children:"Spice is vital for space travel."}},o={name:"Generic Typography",args:{children:"This is standard text.",variant:"body"},render:r=>{const{variant:lr,...mr}=r;return ur.createElement(Sr[lr],mr)}},s={name:"Heading 1",args:{children:"Heading 1",variant:"h1"},render:r=>a.jsx(hr,{...r})},t={name:"Heading 2",args:{children:"Heading 2",variant:"h2"},render:r=>a.jsx(gr,{...r})},i={name:"Heading 3",args:{children:"Heading 3",variant:"h3"},render:r=>a.jsx(yr,{...r}),play:async()=>{await e("Typography h3")}},p={name:"Heading 4",args:{children:"Heading 4",variant:"h4"},render:r=>a.jsx(cr,{...r}),play:async()=>{await e("Typography h4")}},d={name:"Heading 5",args:{children:"Heading 5",variant:"h5"},render:r=>a.jsx(dr,{...r}),play:async()=>{await e("Typography h5")}},c={name:"Heading 6",args:{children:"Heading 6",variant:"h6"},render:r=>a.jsx(pr,{...r}),play:async()=>{await e("Typography h6")}},y={name:"Paragraph",args:{children:"This is body copy.",variant:"body"},render:r=>a.jsx(n,{...r}),play:async()=>{await e("Typography body")}},g={name:"Legend",args:{children:"This is a legend",variant:"legend"},render:r=>a.jsx(ir,{...r}),play:async()=>{await e("Typography legend")}},h={name:"Overline",args:{children:"This is an Overline",variant:"overline"},render:r=>a.jsx(tr,{...r}),play:async()=>{await e("Typography Overline")}},l={name:"Subordinate",args:{children:"This is subordinate text.",variant:"subordinate"},render:r=>a.jsx(sr,{...r}),play:async()=>{await e("Typography subordinate")}},m={name:"Support",args:{children:"This is support text.",variant:"support"},render:r=>a.jsx(or,{...r}),play:async()=>{await e("Typography support")}},u={name:"Color",render:()=>a.jsxs(a.Fragment,{children:[a.jsx(n,{color:"primary",children:"This is a primary color."}),a.jsx(n,{color:"textPrimary",children:"This is a textPrimary color."}),a.jsx(n,{color:"secondary",children:"This is a secondary color."}),a.jsx(n,{color:"textSecondary",children:"This is a textSecondary color."}),a.jsx(n,{color:"error",children:"This is a error color."})]})};var x,v,H;o.parameters={...o.parameters,docs:{...(x=o.parameters)==null?void 0:x.docs,source:{originalSource:`{
+import{j as a}from"./jsx-runtime-CnH95YSl.js";import{r as ur}from"./index-NdkWRN8K.js";import{a as e}from"./axeRun-B-LchFqf.js";import{O as Tr}from"./OdysseyStorybookThemeDecorator-BRjYVaUu.js";import{t as T,M as Sr,h as S,d as or,c as sr,i as tr,f as ir,a as n,j as pr,e as dr,b as cr,g as yr,k as gr,l as hr}from"./Typography-DfSdXC7o.js";const xr={h1:hr,h2:gr,h3:yr,h4:cr,h5:dr,h6:pr,body:n,legend:ir,overline:tr,subordinate:sr,support:or},vr={component:Sr,decorators:[Tr],parameters:{docs:{description:""}},argTypes:{ariaDescribedBy:{description:"The ID of the element that describes the component.",table:{type:{summary:"string"}}},ariaLabel:{control:"text",description:"The ARIA label for the component.",table:{type:{summary:"string"}}},ariaLabelledBy:{description:"The ID of the element that labels the component.",table:{type:{summary:"string"}}},children:{control:"text",description:"The text content of the component.",table:{type:{summary:"ReactNode"}},type:{required:!0,name:"string"}},color:{options:T,control:{type:"select"},description:"The color of the text.",table:{type:{summary:T.join(" | ")}}},component:{description:"The HTML element the component should render, if different from the default",table:{type:{summary:"ElementType"}}},variant:{options:Object.keys(S),control:{type:"select"},description:"The variant of Typography to render.",table:{type:{summary:Object.keys(S).join(" | ")}}}},args:{children:"Spice is vital for space travel."}},o={name:"Generic Typography",args:{children:"This is standard text.",variant:"body"},render:r=>{const{variant:lr,...mr}=r;return ur.createElement(xr[lr],mr)}},s={name:"Heading 1",args:{children:"Heading 1",variant:"h1"},render:r=>a.jsx(hr,{...r})},t={name:"Heading 2",args:{children:"Heading 2",variant:"h2"},render:r=>a.jsx(gr,{...r})},i={name:"Heading 3",args:{children:"Heading 3",variant:"h3"},render:r=>a.jsx(yr,{...r}),play:async()=>{await e("Typography h3")}},p={name:"Heading 4",args:{children:"Heading 4",variant:"h4"},render:r=>a.jsx(cr,{...r}),play:async()=>{await e("Typography h4")}},d={name:"Heading 5",args:{children:"Heading 5",variant:"h5"},render:r=>a.jsx(dr,{...r}),play:async()=>{await e("Typography h5")}},c={name:"Heading 6",args:{children:"Heading 6",variant:"h6"},render:r=>a.jsx(pr,{...r}),play:async()=>{await e("Typography h6")}},y={name:"Paragraph",args:{children:"This is body copy.",variant:"body"},render:r=>a.jsx(n,{...r}),play:async()=>{await e("Typography body")}},g={name:"Legend",args:{children:"This is a legend",variant:"legend"},render:r=>a.jsx(ir,{...r}),play:async()=>{await e("Typography legend")}},h={name:"Overline",args:{children:"This is an Overline",variant:"overline"},render:r=>a.jsx(tr,{...r}),play:async()=>{await e("Typography Overline")}},l={name:"Subordinate",args:{children:"This is subordinate text.",variant:"subordinate"},render:r=>a.jsx(sr,{...r}),play:async()=>{await e("Typography subordinate")}},m={name:"Support",args:{children:"This is support text.",variant:"support"},render:r=>a.jsx(or,{...r}),play:async()=>{await e("Typography support")}},u={name:"Color",render:()=>a.jsxs(a.Fragment,{children:[a.jsx(n,{color:"primary",children:"This is a primary color."}),a.jsx(n,{color:"textPrimary",children:"This is a textPrimary color."}),a.jsx(n,{color:"secondary",children:"This is a secondary color."}),a.jsx(n,{color:"textSecondary",children:"This is a textSecondary color."}),a.jsx(n,{color:"error",children:"This is a error color."})]})};var x,v,H;o.parameters={...o.parameters,docs:{...(x=o.parameters)==null?void 0:x.docs,source:{originalSource:`{
   name: "Generic Typography",
   args: {
     children: "This is standard text.",
@@ -53,7 +53,7 @@ import{j as a}from"./jsx-runtime-CnH95YSl.js";import{r as ur}from"./index-NdkWRN
   play: async () => {
     await axeRun("Typography h4");
   }
-}`,...(_=(E=p.parameters)==null?void 0:E.docs)==null?void 0:_.source}}};var C,k,B;d.parameters={...d.parameters,docs:{...(C=d.parameters)==null?void 0:C.docs,source:{originalSource:`{
+}`,...(_=(E=p.parameters)==null?void 0:E.docs)==null?void 0:_.source}}};var k,C,B;d.parameters={...d.parameters,docs:{...(k=d.parameters)==null?void 0:k.docs,source:{originalSource:`{
   name: "Heading 5",
   args: {
     children: "Heading 5",
@@ -63,7 +63,7 @@ import{j as a}from"./jsx-runtime-CnH95YSl.js";import{r as ur}from"./index-NdkWRN
   play: async () => {
     await axeRun("Typography h5");
   }
-}`,...(B=(k=d.parameters)==null?void 0:k.docs)==null?void 0:B.source}}};var I,V,D;c.parameters={...c.parameters,docs:{...(I=c.parameters)==null?void 0:I.docs,source:{originalSource:`{
+}`,...(B=(C=d.parameters)==null?void 0:C.docs)==null?void 0:B.source}}};var D,I,V;c.parameters={...c.parameters,docs:{...(D=c.parameters)==null?void 0:D.docs,source:{originalSource:`{
   name: "Heading 6",
   args: {
     children: "Heading 6",
@@ -73,7 +73,7 @@ import{j as a}from"./jsx-runtime-CnH95YSl.js";import{r as ur}from"./index-NdkWRN
   play: async () => {
     await axeRun("Typography h6");
   }
-}`,...(D=(V=c.parameters)==null?void 0:V.docs)==null?void 0:D.source}}};var A,G,q;y.parameters={...y.parameters,docs:{...(A=y.parameters)==null?void 0:A.docs,source:{originalSource:`{
+}`,...(V=(I=c.parameters)==null?void 0:I.docs)==null?void 0:V.source}}};var A,G,q;y.parameters={...y.parameters,docs:{...(A=y.parameters)==null?void 0:A.docs,source:{originalSource:`{
   name: "Paragraph",
   args: {
     children: "This is body copy.",
@@ -136,4 +136,4 @@ import{j as a}from"./jsx-runtime-CnH95YSl.js";import{r as ur}from"./index-NdkWRN
         <Paragraph color="error">This is a error color.</Paragraph>
       </>;
   }
-}`,...(nr=(er=u.parameters)==null?void 0:er.docs)==null?void 0:nr.source}}};const vr=["TypographyStory","Heading1Story","Heading2Story","Heading3Story","Heading4Story","Heading5Story","Heading6Story","BodyStory","LegendStory","OverlineStory","SubordinateStory","SupportStory","ColorStory"],fr=Object.freeze(Object.defineProperty({__proto__:null,BodyStory:y,ColorStory:u,Heading1Story:s,Heading2Story:t,Heading3Story:i,Heading4Story:p,Heading5Story:d,Heading6Story:c,LegendStory:g,OverlineStory:h,SubordinateStory:l,SupportStory:m,TypographyStory:o,__namedExportsOrder:vr,default:xr},Symbol.toStringTag,{value:"Module"}));export{fr as T};
+}`,...(nr=(er=u.parameters)==null?void 0:er.docs)==null?void 0:nr.source}}};const Hr=["TypographyStory","Heading1Story","Heading2Story","Heading3Story","Heading4Story","Heading5Story","Heading6Story","BodyStory","LegendStory","OverlineStory","SubordinateStory","SupportStory","ColorStory"],Mr=Object.freeze(Object.defineProperty({__proto__:null,BodyStory:y,ColorStory:u,Heading1Story:s,Heading2Story:t,Heading3Story:i,Heading4Story:p,Heading5Story:d,Heading6Story:c,LegendStory:g,OverlineStory:h,SubordinateStory:l,SupportStory:m,TypographyStory:o,__namedExportsOrder:Hr,default:vr},Symbol.toStringTag,{value:"Module"}));export{Mr as T};