{"version":3,"file":"Card.cjs","names":["_Typography","require","cardComponents","odysseyTokens","MuiCard","styleOverrides","root","theme","backgroundColor","HueNeutralWhite","borderRadius","BorderRadiusOuter","boxShadow","DepthMedium","padding","Spacing5","marginBlockEnd","position","transition","transitions","create","duration","TransitionDurationMain","easing","TransitionTimingMain","maxHeight","height","alignSelf","paddingLeft","Spacing4","DepthHigh","typographyClasses","h5","lineHeight","TypographyLineHeightHeading5","marginBottom","Spacing3","subtitle2","Spacing1","textTransform","fontWeight","TypographyWeightBodyBold","fontSize","TypographySizeOverline","TypographyLineHeightOverline","color","TypographyColorSubordinate","letterSpacing","body1","TypographySizeSubordinate","TypographyLineHeightBody","MuiCardActionArea","margin","width","display","MuiCardActions","marginBlockStart","exports"],"sources":["../../../../src/theme/components/Card.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2026-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport type { ThemeOptions } from \"@mui/material\";\n\nimport { typographyClasses } from \"@mui/material/Typography\";\n\nimport type { GetComponentsProps } from \"./types.js\";\n\nexport const cardComponents = ({\n  odysseyTokens,\n}: GetComponentsProps): Pick<\n  NonNullable<ThemeOptions[\"components\"]>,\n  \"MuiCard\" | \"MuiCardActionArea\" | \"MuiCardActions\"\n> => ({\n  MuiCard: {\n    styleOverrides: {\n      root: ({ theme }) => ({\n        backgroundColor: odysseyTokens.HueNeutralWhite,\n        borderRadius: odysseyTokens.BorderRadiusOuter,\n        boxShadow: odysseyTokens.DepthMedium,\n        padding: odysseyTokens.Spacing5,\n        marginBlockEnd: odysseyTokens.Spacing5,\n        position: \"relative\",\n        transition: theme.transitions.create(\"all\", {\n          duration: odysseyTokens.TransitionDurationMain,\n          easing: odysseyTokens.TransitionTimingMain,\n        }),\n\n        \"& img\": {\n          maxHeight: \"100%\",\n          height: \"auto\",\n          alignSelf: \"flex-start\",\n        },\n\n        \"&.hasAccessory\": {\n          paddingLeft: odysseyTokens.Spacing4,\n        },\n\n        \"&.isClickable:hover\": {\n          boxShadow: odysseyTokens.DepthHigh,\n        },\n\n        [`& .${typographyClasses.h5}`]: {\n          lineHeight: odysseyTokens.TypographyLineHeightHeading5,\n          marginBottom: odysseyTokens.Spacing3,\n        },\n\n        [`& .${typographyClasses.subtitle2}`]: {\n          marginBottom: odysseyTokens.Spacing1,\n          textTransform: \"uppercase\",\n          fontWeight: odysseyTokens.TypographyWeightBodyBold,\n          fontSize: odysseyTokens.TypographySizeOverline,\n          lineHeight: odysseyTokens.TypographyLineHeightOverline,\n          color: odysseyTokens.TypographyColorSubordinate,\n          letterSpacing: 1.3,\n        },\n\n        [`& .${typographyClasses.body1}`]: {\n          fontSize: odysseyTokens.TypographySizeSubordinate,\n          lineHeight: odysseyTokens.TypographyLineHeightBody,\n        },\n      }),\n    },\n  },\n  MuiCardActionArea: {\n    styleOverrides: {\n      root: () => ({\n        margin: `-${odysseyTokens.Spacing5}`,\n        padding: odysseyTokens.Spacing5,\n        width: `calc(100% + (${odysseyTokens.Spacing5} * 2))`,\n\n        \"&:hover\": {\n          \"& .MuiCardActionArea-focusHighlight\": {\n            display: \"none\",\n          },\n        },\n      }),\n    },\n  },\n  MuiCardActions: {\n    styleOverrides: {\n      root: () => ({\n        marginBlockStart: odysseyTokens.Spacing5,\n        padding: 0,\n      }),\n    },\n  },\n});\n"],"mappings":";;;;;;AAcA,IAAAA,WAAA,GAAAC,OAAA;AAdA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAQO,MAAMC,cAAc,GAAGA,CAAC;EAC7BC;AACkB,CAAC,MAGf;EACJC,OAAO,EAAE;IACPC,cAAc,EAAE;MACdC,IAAI,EAAEA,CAAC;QAAEC;MAAM,CAAC,MAAM;QACpBC,eAAe,EAAEL,aAAa,CAACM,eAAe;QAC9CC,YAAY,EAAEP,aAAa,CAACQ,iBAAiB;QAC7CC,SAAS,EAAET,aAAa,CAACU,WAAW;QACpCC,OAAO,EAAEX,aAAa,CAACY,QAAQ;QAC/BC,cAAc,EAAEb,aAAa,CAACY,QAAQ;QACtCE,QAAQ,EAAE,UAAU;QACpBC,UAAU,EAAEX,KAAK,CAACY,WAAW,CAACC,MAAM,CAAC,KAAK,EAAE;UAC1CC,QAAQ,EAAElB,aAAa,CAACmB,sBAAsB;UAC9CC,MAAM,EAAEpB,aAAa,CAACqB;QACxB,CAAC,CAAC;QAEF,OAAO,EAAE;UACPC,SAAS,EAAE,MAAM;UACjBC,MAAM,EAAE,MAAM;UACdC,SAAS,EAAE;QACb,CAAC;QAED,gBAAgB,EAAE;UAChBC,WAAW,EAAEzB,aAAa,CAAC0B;QAC7B,CAAC;QAED,qBAAqB,EAAE;UACrBjB,SAAS,EAAET,aAAa,CAAC2B;QAC3B,CAAC;QAED,CAAC,MAAMC,6BAAiB,CAACC,EAAE,EAAE,GAAG;UAC9BC,UAAU,EAAE9B,aAAa,CAAC+B,4BAA4B;UACtDC,YAAY,EAAEhC,aAAa,CAACiC;QAC9B,CAAC;QAED,CAAC,MAAML,6BAAiB,CAACM,SAAS,EAAE,GAAG;UACrCF,YAAY,EAAEhC,aAAa,CAACmC,QAAQ;UACpCC,aAAa,EAAE,WAAW;UAC1BC,UAAU,EAAErC,aAAa,CAACsC,wBAAwB;UAClDC,QAAQ,EAAEvC,aAAa,CAACwC,sBAAsB;UAC9CV,UAAU,EAAE9B,aAAa,CAACyC,4BAA4B;UACtDC,KAAK,EAAE1C,aAAa,CAAC2C,0BAA0B;UAC/CC,aAAa,EAAE;QACjB,CAAC;QAED,CAAC,MAAMhB,6BAAiB,CAACiB,KAAK,EAAE,GAAG;UACjCN,QAAQ,EAAEvC,aAAa,CAAC8C,yBAAyB;UACjDhB,UAAU,EAAE9B,aAAa,CAAC+C;QAC5B;MACF,CAAC;IACH;EACF,CAAC;EACDC,iBAAiB,EAAE;IACjB9C,cAAc,EAAE;MACdC,IAAI,EAAEA,CAAA,MAAO;QACX8C,MAAM,EAAE,IAAIjD,aAAa,CAACY,QAAQ,EAAE;QACpCD,OAAO,EAAEX,aAAa,CAACY,QAAQ;QAC/BsC,KAAK,EAAE,gBAAgBlD,aAAa,CAACY,QAAQ,QAAQ;QAErD,SAAS,EAAE;UACT,qCAAqC,EAAE;YACrCuC,OAAO,EAAE;UACX;QACF;MACF,CAAC;IACH;EACF,CAAC;EACDC,cAAc,EAAE;IACdlD,cAAc,EAAE;MACdC,IAAI,EAAEA,CAAA,MAAO;QACXkD,gBAAgB,EAAErD,aAAa,CAACY,QAAQ;QACxCD,OAAO,EAAE;MACX,CAAC;IACH;EACF;AACF,CAAC,CAAC;AAAC2C,OAAA,CAAAvD,cAAA,GAAAA,cAAA","ignoreList":[]}