npm - @fluentui/react-card - Versions diffs - 9.0.84 → 9.0.85 - Mend

@fluentui/react-card 9.0.84 → 9.0.85

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (18) hide show

package/CHANGELOG.md CHANGED Viewed

@@ -1,12 +1,24 @@
 # Change Log - @fluentui/react-card
-This log was last generated on Mon, 17 Jun 2024 07:31:08 GMT and should not be manually modified.
+This log was last generated on Mon, 01 Jul 2024 20:25:57 GMT and should not be manually modified.
 <!-- Start content -->
+## [9.0.85](https://github.com/microsoft/fluentui/tree/@fluentui/react-card_v9.0.85)
+Mon, 01 Jul 2024 20:25:57 GMT
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-card_v9.0.84..@fluentui/react-card_v9.0.85)
+### Patches
+- chore: add eslint react-compiler ([PR #31457](https://github.com/microsoft/fluentui/pull/31457) by seanmonahan@microsoft.com)
+- Bump @fluentui/react-tabster to v9.22.1 ([PR #31861](https://github.com/microsoft/fluentui/pull/31861) by beachball)
+- Bump @fluentui/react-utilities to v9.18.11 ([PR #31861](https://github.com/microsoft/fluentui/pull/31861) by beachball)
+- Bump @fluentui/react-jsx-runtime to v9.0.40 ([PR #31861](https://github.com/microsoft/fluentui/pull/31861) by beachball)
 ## [9.0.84](https://github.com/microsoft/fluentui/tree/@fluentui/react-card_v9.0.84)
-Mon, 17 Jun 2024 07:31:08 GMT
+Mon, 17 Jun 2024 07:34:17 GMT
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-card_v9.0.83..@fluentui/react-card_v9.0.84)
 ### Patches

package/lib/components/Card/useCardStyles.styles.js CHANGED Viewed

@@ -403,6 +403,8 @@ const useStyles = /*#__PURE__*/__styles({
  * Apply styling to the Card slots based on the state.
  */
 export const useCardStyles_unstable = state => {
+  'use no memo';
   const styles = useStyles();
   const orientationMap = {
     horizontal: styles.orientationHorizontal,

package/lib/components/Card/useCardStyles.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["shorthands","__styles","mergeClasses","tokens","createFocusOutlineStyle","cardPreviewClassNames","cardHeaderClassNames","cardFooterClassNames","React","cardClassNames","root","floatingAction","checkbox","cardCSSVars","cardSizeVar","cardBorderRadiusVar","focusOutlineStyle","outlineRadius","outlineWidth","strokeWidthThick","outlineOffset","useStyles","B68tc82","Bmxbyg5","Bpg54ce","Beyfa6y","Bbmb7ep","Btl43ni","B7oj6ja","Dimara","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","i8kkvl","Belr9w4","rmohyg","mc9l5x","qhf8xq","B7ck84d","sj55zd","E3zdtr","bn5sak","Eqx8gd","B1piin3","By385i5","Bsft5z2","B80jsxd","Bm2nyyq","Barhvk9","Bw17bha","vfts7","xrcqlc","Ihftqj","Bcgy8vk","Bhxzhr1","d9w3h3","B3778ie","B4j8arr","Bl18szs","Blrzh8d","Bwr1qzv","focused","Brovlpu","B486eqv","B8q5s1w","Bci5o5g","n8qw10","Bdrgwmp","Bb7d1vk","zhwhgb","dhy2o1","Gfyso","Bm4h7ae","B7ys5i9","Busjfv9","Bhk32uz","f6g5ot","Boxcth7","Bhdgwq3","hgwjuy","Bshpdp8","Bsom6fd","Blkhhs4","Bonggc9","Ddfuxk","i03rao","kclons","clg4pj","Bpqj9nj","B6dhp37","Bf4ptjt","Bqtpl0w","i4rwgc","Dah5zi","B1tsrr9","qqdqy8","Bkh64rk","e3fwne","J0r882","Bule8hv","Bjwuhne","Ghsupd","selectableFocused","Bssx7fj","uh7if5","clntm0","Dlk2r6","Bm3wd5j","Bbrhkcr","f1oku","aywvf2","B2j2mmj","wigs8","pbfy6t","B0v4ure","Byrf0fs","Bsiemmq","Bwckmig","skfxo0","Iidy0u","B98u21t","Bvwlmkc","jo1ztg","Ba1iezr","Blmvk6g","B24cy0v","Bil7v7r","Br3gin4","nr063g","ghq09","Bbgo44z","Bseh09z","az1dzo","Ba3ybja","B6352mv","vppk2z","Biaj6j7","B2pnrqr","B29w5g4","Bhhzhcn","Bec0n69","orientationHorizontal","Beiy3e4","Bt984gj","Binpb3b","qrt8p2","k6ws3r","Btcwela","Fer9m8","orientationVertical","B5nvv7i","Baxg94k","tn21ii","B0ud6bj","Bgdo4j","sizeSmall","B7balbw","B1h88n7","sizeMedium","sizeLarge","filled","De3pzq","E5pizo","B0n5ga8","s924m2","B1q35kw","Gp14am","filledInteractive","Bceei9c","Jwef8y","Bvxd0ez","ecr2s2","filledInteractiveSelected","filledAlternative","filledAlternativeInteractive","filledAlternativeInteractiveSelected","outline","outlineInteractive","Be0v6ae","B5kxglz","B3pwyw6","Bymgtzf","dmfk","B4ofi8","jgq6uv","Baxewws","outlineInteractiveSelected","subtle","subtleInteractive","subtleInteractiveSelected","highContrastSelected","ycbfsm","Bsw6fvg","Bbusuzp","xgfqdd","Bmmdzwq","zkpvhj","B20bydw","Bwwwggl","highContrastInteractive","h1vhog","kslmdy","Baaf6ca","x9zz3d","select","Bhzewxz","j35jbq","Bj3rh1h","hiddenCheckbox","a9b677","Bqenvij","Bh84pgu","Bgl5zvf","Huce71","d","p","f","i","m","h","a","useCardStyles_unstable","state","styles","orientationMap","horizontal","vertical","sizeMap","small","medium","large","appearanceMap","selectedMap","interactiveMap","isSelectableOrInteractive","interactive","selectable","focusedClassName","useMemo","selectFocused","className","orientation","size","appearance","selected"],"sources":["useCardStyles.styles.js"],"sourcesContent":["import { shorthands, makeStyles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport { createFocusOutlineStyle } from '@fluentui/react-tabster';\nimport { cardPreviewClassNames } from '../CardPreview/useCardPreviewStyles.styles';\nimport { cardHeaderClassNames } from '../CardHeader/useCardHeaderStyles.styles';\nimport { cardFooterClassNames } from '../CardFooter/useCardFooterStyles.styles';\nimport * as React from 'react';\n/*\n Static CSS class names used internally for the component slots.\n / export const cardClassNames = {\n root: 'fui-Card',\n floatingAction: 'fui-Card__floatingAction',\n checkbox: 'fui-Card__checkbox'\n};\n/\n CSS variable names used internally for uniform styling in Card.\n / export const cardCSSVars = {\n cardSizeVar: '--fui-Card--size',\n cardBorderRadiusVar: '--fui-Card--border-radius'\n};\nconst focusOutlineStyle = {\n outlineRadius: `var(${cardCSSVars.cardBorderRadiusVar})`,\n outlineWidth: tokens.strokeWidthThick,\n outlineOffset: '-2px'\n};\nconst useStyles = makeStyles({\n root: {\n overflow: 'hidden',\n borderRadius: `var(${cardCSSVars.cardBorderRadiusVar})`,\n padding: `var(${cardCSSVars.cardSizeVar})`,\n gap: `var(${cardCSSVars.cardSizeVar})`,\n display: 'flex',\n position: 'relative',\n boxSizing: 'border-box',\n color: tokens.colorNeutralForeground1,\n // Border setting using after pseudo element to allow CardPreview to render behind it.\n '::after': {\n position: 'absolute',\n top: 0,\n left: 0,\n right: 0,\n bottom: 0,\n content: '\"\"',\n pointerEvents: 'none',\n ...shorthands.borderStyle('solid'),\n ...shorthands.borderWidth(tokens.strokeWidthThin),\n borderRadius: `var(${cardCSSVars.cardBorderRadiusVar})`\n },\n // Prevents CardHeader and CardFooter from shrinking.\n [`> .${cardHeaderClassNames.root}, > .${cardFooterClassNames.root}`]: {\n flexShrink: 0\n }\n },\n focused: {\n ...createFocusOutlineStyle({\n style: focusOutlineStyle,\n selector: 'focus'\n })\n },\n selectableFocused: createFocusOutlineStyle({\n style: focusOutlineStyle,\n selector: 'focus-within'\n }),\n orientationHorizontal: {\n flexDirection: 'row',\n alignItems: 'center',\n // Remove vertical padding to keep CardPreview content flush with Card's borders.\n [`> .${cardPreviewClassNames.root}`]: {\n marginTop: `calc(var(${cardCSSVars.cardSizeVar}) -1)`,\n marginBottom: `calc(var(${cardCSSVars.cardSizeVar}) * -1)`\n },\n // Due to Tabster's \"Groupper\" focus functionality, hidden elements are injected before and after Card's content.\n // As such, the code below targets a CardPreview, when it's the first element.\n // Since this is on horizontal cards, the left padding is removed to keep the content flush with the border.\n [`> :not([aria-hidden=\"true\"]).${cardPreviewClassNames.root}:first-of-type`]: {\n marginLeft: `calc(var(${cardCSSVars.cardSizeVar}) * -1)`\n },\n // Due to Tabster's \"Groupper\" focus functionality, hidden elements are injected before and after Card's content.\n // As such, the code below targets a CardPreview, when it's the last element.\n // Since this is on horizontal cards, the right padding is removed to keep the content flush with the border.\n [`> :not([aria-hidden=\"true\"]).${cardPreviewClassNames.root}:last-of-type`]: {\n marginRight: `calc(var(${cardCSSVars.cardSizeVar}) * -1)`\n },\n // If the last child is a CardHeader or CardFooter, allow it to grow to fill the available space.\n [`> .${cardHeaderClassNames.root}:last-of-type, > .${cardFooterClassNames.root}:last-of-type`]: {\n flexGrow: 1\n }\n },\n orientationVertical: {\n flexDirection: 'column',\n // Remove lateral padding to keep CardPreview content flush with Card's borders.\n [`> .${cardPreviewClassNames.root}`]: {\n marginLeft: `calc(var(${cardCSSVars.cardSizeVar}) * -1)`,\n marginRight: `calc(var(${cardCSSVars.cardSizeVar}) * -1)`\n },\n // Due to Tabster's \"Groupper\" focus functionality, hidden elements are injected before and after Card's content.\n // As such, the code below targets a CardPreview, when it's the first element.\n // Since this is on vertical cards, the top padding is removed to keep the content flush with the border.\n [`> :not([aria-hidden=\"true\"]).${cardPreviewClassNames.root}:first-of-type`]: {\n marginTop: `calc(var(${cardCSSVars.cardSizeVar}) * -1)`\n },\n [`> .${cardClassNames.floatingAction} + .${cardPreviewClassNames.root}`]: {\n marginTop: `calc(var(${cardCSSVars.cardSizeVar}) * -1)`\n },\n // Due to Tabster's \"Groupper\" focus functionality, hidden elements are injected before and after Card's content.\n // As such, the code below targets a CardPreview, when it's the first element.\n // Since this is on vertical cards, the bottom padding is removed to keep the content flush with the border.\n [`> :not([aria-hidden=\"true\"]).${cardPreviewClassNames.root}:last-of-type`]: {\n marginBottom: `calc(var(${cardCSSVars.cardSizeVar}) * -1)`\n }\n },\n sizeSmall: {\n [cardCSSVars.cardSizeVar]: '8px',\n [cardCSSVars.cardBorderRadiusVar]: tokens.borderRadiusSmall\n },\n sizeMedium: {\n [cardCSSVars.cardSizeVar]: '12px',\n [cardCSSVars.cardBorderRadiusVar]: tokens.borderRadiusMedium\n },\n sizeLarge: {\n [cardCSSVars.cardSizeVar]: '16px',\n [cardCSSVars.cardBorderRadiusVar]: tokens.borderRadiusLarge\n },\n filled: {\n backgroundColor: tokens.colorNeutralBackground1,\n boxShadow: tokens.shadow4,\n '::after': {\n ...shorthands.borderColor(tokens.colorTransparentStroke)\n }\n },\n filledInteractive: {\n cursor: 'pointer',\n backgroundColor: tokens.colorNeutralBackground1,\n boxShadow: tokens.shadow4,\n '::after': {\n ...shorthands.borderColor(tokens.colorTransparentStroke)\n },\n ':hover': {\n backgroundColor: tokens.colorNeutralBackground1Hover,\n boxShadow: tokens.shadow8\n },\n ':active': {\n backgroundColor: tokens.colorNeutralBackground1Pressed\n }\n },\n filledInteractiveSelected: {\n backgroundColor: tokens.colorNeutralBackground1Selected,\n '::after': {\n ...shorthands.borderColor(tokens.colorNeutralStroke1Selected)\n },\n ':hover': {\n backgroundColor: tokens.colorNeutralBackground1Selected\n }\n },\n filledAlternative: {\n backgroundColor: tokens.colorNeutralBackground2,\n boxShadow: tokens.shadow4,\n '::after': {\n ...shorthands.borderColor(tokens.colorTransparentStroke)\n }\n },\n filledAlternativeInteractive: {\n cursor: 'pointer',\n backgroundColor: tokens.colorNeutralBackground2,\n boxShadow: tokens.shadow4,\n '::after': {\n ...shorthands.borderColor(tokens.colorTransparentStroke)\n },\n ':hover': {\n backgroundColor: tokens.colorNeutralBackground2Hover,\n boxShadow: tokens.shadow8\n },\n ':active': {\n backgroundColor: tokens.colorNeutralBackground2Pressed\n }\n },\n filledAlternativeInteractiveSelected: {\n backgroundColor: tokens.colorNeutralBackground2Selected,\n '::after': {\n ...shorthands.borderColor(tokens.colorNeutralStroke1Selected)\n },\n ':hover': {\n backgroundColor: tokens.colorNeutralBackground2Selected\n }\n },\n outline: {\n backgroundColor: tokens.colorTransparentBackground,\n boxShadow: 'none',\n '::after': {\n ...shorthands.borderColor(tokens.colorNeutralStroke1)\n }\n },\n outlineInteractive: {\n cursor: 'pointer',\n backgroundColor: tokens.colorTransparentBackground,\n boxShadow: 'none',\n '::after': {\n ...shorthands.borderColor(tokens.colorNeutralStroke1)\n },\n ':hover': {\n backgroundColor: tokens.colorTransparentBackgroundHover,\n '::after': {\n ...shorthands.borderColor(tokens.colorNeutralStroke1Hover)\n }\n },\n ':active': {\n backgroundColor: tokens.colorTransparentBackgroundPressed,\n '::after': {\n ...shorthands.borderColor(tokens.colorNeutralStroke1Pressed)\n }\n }\n },\n outlineInteractiveSelected: {\n backgroundColor: tokens.colorTransparentBackgroundSelected,\n '::after': {\n ...shorthands.borderColor(tokens.colorNeutralStroke1Selected)\n },\n ':hover': {\n backgroundColor: tokens.colorTransparentBackgroundSelected\n }\n },\n subtle: {\n backgroundColor: tokens.colorSubtleBackground,\n boxShadow: 'none',\n '::after': {\n ...shorthands.borderColor(tokens.colorTransparentStroke)\n }\n },\n subtleInteractive: {\n cursor: 'pointer',\n backgroundColor: tokens.colorSubtleBackground,\n boxShadow: 'none',\n '::after': {\n ...shorthands.borderColor(tokens.colorTransparentStroke)\n },\n ':hover': {\n backgroundColor: tokens.colorSubtleBackgroundHover\n },\n ':active': {\n backgroundColor: tokens.colorSubtleBackgroundPressed\n }\n },\n subtleInteractiveSelected: {\n backgroundColor: tokens.colorSubtleBackgroundSelected,\n '::after': {\n ...shorthands.borderColor(tokens.colorNeutralStroke1Selected)\n },\n ':hover': {\n backgroundColor: tokens.colorSubtleBackgroundSelected\n }\n },\n highContrastSelected: {\n '@media (forced-colors: active)': {\n forcedColorAdjust: 'none',\n backgroundColor: 'Highlight',\n color: 'HighlightText',\n [`& .${cardPreviewClassNames.root}, & .${cardFooterClassNames.root}`]: {\n forcedColorAdjust: 'auto'\n },\n '::after': {\n ...shorthands.borderColor('Highlight')\n }\n }\n },\n highContrastInteractive: {\n '@media (forced-colors: active)': {\n ':hover, :active': {\n forcedColorAdjust: 'none',\n backgroundColor: 'Highlight',\n color: 'HighlightText',\n [`& .${cardPreviewClassNames.root}, & .${cardFooterClassNames.root}`]: {\n forcedColorAdjust: 'auto'\n }\n },\n '::after': {\n ...shorthands.borderColor('Highlight')\n }\n }\n },\n select: {\n position: 'absolute',\n top: '4px',\n right: '4px',\n zIndex: 1\n },\n hiddenCheckbox: {\n overflow: 'hidden',\n width: '1px',\n height: '1px',\n position: 'absolute',\n clip: 'rect(0 0 0 0)',\n clipPath: 'inset(50%)',\n whiteSpace: 'nowrap'\n }\n});\n/*\n Apply styling to the Card slots based on the state.\n */ export const useCardStyles_unstable = (state)=>{\n const styles = useStyles();\n const orientationMap = {\n horizontal: styles.orientationHorizontal,\n vertical: styles.orientationVertical\n };\n const sizeMap = {\n small: styles.sizeSmall,\n medium: styles.sizeMedium,\n large: styles.sizeLarge\n };\n const appearanceMap = {\n filled: styles.filled,\n 'filled-alternative': styles.filledAlternative,\n outline: styles.outline,\n subtle: styles.subtle\n };\n const selectedMap = {\n filled: styles.filledInteractiveSelected,\n 'filled-alternative': styles.filledAlternativeInteractiveSelected,\n outline: styles.outlineInteractiveSelected,\n subtle: styles.subtleInteractiveSelected\n };\n const interactiveMap = {\n filled: styles.filledInteractive,\n 'filled-alternative': styles.filledAlternativeInteractive,\n outline: styles.outlineInteractive,\n subtle: styles.subtleInteractive\n };\n const isSelectableOrInteractive = state.interactive \|\| state.selectable;\n const focusedClassName = React.useMemo(()=>{\n if (state.selectable) {\n if (state.selectFocused) {\n return styles.selectableFocused;\n }\n return '';\n }\n return styles.focused;\n }, [\n state.selectFocused,\n state.selectable,\n styles.focused,\n styles.selectableFocused\n ]);\n state.root.className = mergeClasses(cardClassNames.root, styles.root, orientationMap[state.orientation], sizeMap[state.size], appearanceMap[state.appearance], isSelectableOrInteractive && interactiveMap[state.appearance], state.selected && selectedMap[state.appearance], // Focus overrides\n focusedClassName, // High contrast overrides\n isSelectableOrInteractive && styles.highContrastInteractive, state.selected && styles.highContrastSelected, state.root.className);\n if (state.floatingAction) {\n state.floatingAction.className = mergeClasses(cardClassNames.floatingAction, styles.select, state.floatingAction.className);\n }\n if (state.checkbox) {\n state.checkbox.className = mergeClasses(cardClassNames.checkbox, styles.hiddenCheckbox, state.checkbox.className);\n }\n return state;\n};\n"],"mappings":"AAAA,SAASA,UAAU,EAAAC,QAAA,EAAcC,YAAY,QAAQ,gBAAgB;AACrE,SAASC,MAAM,QAAQ,uBAAuB;AAC9C,SAASC,uBAAuB,QAAQ,yBAAyB;AACjE,SAASC,qBAAqB,QAAQ,4CAA4C;AAClF,SAASC,oBAAoB,QAAQ,0CAA0C;AAC/E,SAASC,oBAAoB,QAAQ,0CAA0C;AAC/E,OAAO,KAAKC,KAAK,MAAM,OAAO;AAC9B;AACA;AACA;AAAI,OAAO,MAAMC,cAAc,GAAG;EAC9BC,IAAI,EAAE,UAAU;EAChBC,cAAc,EAAE,0BAA0B;EAC1CC,QAAQ,EAAE;AACd,CAAC;AACD;AACA;AACA;AAAI,OAAO,MAAMC,WAAW,GAAG;EAC3BC,WAAW,EAAE,kBAAkB;EAC/BC,mBAAmB,EAAE;AACzB,CAAC;AACD,MAAMC,iBAAiB,GAAG;EACtBC,aAAa,EAAE,OAAOJ,WAAW,CAACE,mBAAmB,GAAG;EACxDG,YAAY,EAAEf,MAAM,CAACgB,gBAAgB;EACrCC,aAAa,EAAE;AACnB,CAAC;AACD,MAAMC,SAAS,gBAAGpB,QAAA;EAAAS,IAAA;IAAAY,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,KAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;EAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,KAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAC,iBAAA;IAAAxC,OAAA;IAAAC,OAAA;IAAAwC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,KAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,KAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,KAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;EAAAC,qBAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAC,mBAAA;IAAAP,OAAA;IAAAQ,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAC,SAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;EAAAC,UAAA;IAAAF,OAAA;IAAAC,OAAA;EAAA;EAAAE,SAAA;IAAAH,OAAA;IAAAC,OAAA;EAAA;EAAAG,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAC,iBAAA;IAAAC,OAAA;IAAAP,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAG,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAC,yBAAA;IAAAX,MAAA;IAAAE,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAG,MAAA;EAAA;EAAAI,iBAAA;IAAAZ,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAQ,4BAAA;IAAAN,OAAA;IAAAP,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAG,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAI,oCAAA;IAAAd,MAAA;IAAAE,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAG,MAAA;EAAA;EAAAO,OAAA;IAAAf,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAW,kBAAA;IAAAT,OAAA;IAAAP,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAG,MAAA;IAAAS,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAV,MAAA;IAAAW,IAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;EAAA;EAAAC,0BAAA;IAAAzB,MAAA;IAAAE,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAG,MAAA;EAAA;EAAAkB,MAAA;IAAA1B,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAsB,iBAAA;IAAApB,OAAA;IAAAP,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAG,MAAA;IAAAE,MAAA;EAAA;EAAAkB,yBAAA;IAAA5B,MAAA;IAAAE,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAG,MAAA;EAAA;EAAAqB,oBAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;EAAAC,uBAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAR,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;EAAAM,MAAA;IAAAvK,MAAA;IAAAwK,OAAA;IAAAC,MAAA;IAAAC,OAAA;EAAA;EAAAC,cAAA;IAAA5L,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAA2L,MAAA;IAAAC,OAAA;IAAA7K,MAAA;IAAA8K,OAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;AAAA;EAAAC,CAAA;IAAAC,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;EAAAC,CAAA;EAAAC,CAAA;EAAAC,CAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;EAAAC,CAAA;EAAAC,CAAA;AAAA,CA6QjB,CAAC;AACF;AACA;AACA;AAAI,OAAO,MAAMC,sBAAsB,GAAIC,KAAK,IAAG;EAC/C,MAAMC,MAAM,GAAG5M,SAAS,CAAC,CAAC;EAC1B,MAAM6M,cAAc,GAAG;IACnBC,UAAU,EAAEF,MAAM,CAAClF,qBAAqB;IACxCqF,QAAQ,EAAEH,MAAM,CAAC1E;EACrB,CAAC;EACD,MAAM8E,OAAO,GAAG;IACZC,KAAK,EAAEL,MAAM,CAACpE,SAAS;IACvB0E,MAAM,EAAEN,MAAM,CAACjE,UAAU;IACzBwE,KAAK,EAAEP,MAAM,CAAChE;EAClB,CAAC;EACD,MAAMwE,aAAa,GAAG;IAClBvE,MAAM,EAAE+D,MAAM,CAAC/D,MAAM;IACrB,oBAAoB,EAAE+D,MAAM,CAAClD,iBAAiB;IAC9CG,OAAO,EAAE+C,MAAM,CAAC/C,OAAO;IACvBW,MAAM,EAAEoC,MAAM,CAACpC;EACnB,CAAC;EACD,MAAM6C,WAAW,GAAG;IAChBxE,MAAM,EAAE+D,MAAM,CAACnD,yBAAyB;IACxC,oBAAoB,EAAEmD,MAAM,CAAChD,oCAAoC;IACjEC,OAAO,EAAE+C,MAAM,CAACrC,0BAA0B;IAC1CC,MAAM,EAAEoC,MAAM,CAAClC;EACnB,CAAC;EACD,MAAM4C,cAAc,GAAG;IACnBzE,MAAM,EAAE+D,MAAM,CAACxD,iBAAiB;IAChC,oBAAoB,EAAEwD,MAAM,CAACjD,4BAA4B;IACzDE,OAAO,EAAE+C,MAAM,CAAC9C,kBAAkB;IAClCU,MAAM,EAAEoC,MAAM,CAACnC;EACnB,CAAC;EACD,MAAM8C,yBAAyB,GAAGZ,KAAK,CAACa,WAAW,IAAIb,KAAK,CAACc,UAAU;EACvE,MAAMC,gBAAgB,GAAGvO,KAAK,CAACwO,OAAO,CAAC,MAAI;IACvC,IAAIhB,KAAK,CAACc,UAAU,EAAE;MAClB,IAAId,KAAK,CAACiB,aAAa,EAAE;QACrB,OAAOhB,MAAM,CAACzH,iBAAiB;MACnC;MACA,OAAO,EAAE;IACb;IACA,OAAOyH,MAAM,CAAClK,OAAO;EACzB,CAAC,EAAE,CACCiK,KAAK,CAACiB,aAAa,EACnBjB,KAAK,CAACc,UAAU,EAChBb,MAAM,CAAClK,OAAO,EACdkK,MAAM,CAACzH,iBAAiB,CAC3B,CAAC;EACFwH,KAAK,CAACtN,IAAI,CAACwO,SAAS,GAAGhP,YAAY,CAACO,cAAc,CAACC,IAAI,EAAEuN,MAAM,CAACvN,IAAI,EAAEwN,cAAc,CAACF,KAAK,CAACmB,WAAW,CAAC,EAAEd,OAAO,CAACL,KAAK,CAACoB,IAAI,CAAC,EAAEX,aAAa,CAACT,KAAK,CAACqB,UAAU,CAAC,EAAET,yBAAyB,IAAID,cAAc,CAACX,KAAK,CAACqB,UAAU,CAAC,EAAErB,KAAK,CAACsB,QAAQ,IAAIZ,WAAW,CAACV,KAAK,CAACqB,UAAU,CAAC;EAAE;EAC/QN,gBAAgB;EAAE;EAClBH,yBAAyB,IAAIX,MAAM,CAACxB,uBAAuB,EAAEuB,KAAK,CAACsB,QAAQ,IAAIrB,MAAM,CAACjC,oBAAoB,EAAEgC,KAAK,CAACtN,IAAI,CAACwO,SAAS,CAAC;EACjI,IAAIlB,KAAK,CAACrN,cAAc,EAAE;IACtBqN,KAAK,CAACrN,cAAc,CAACuO,SAAS,GAAGhP,YAAY,CAACO,cAAc,CAACE,cAAc,EAAEsN,MAAM,CAACnB,MAAM,EAAEkB,KAAK,CAACrN,cAAc,CAACuO,SAAS,CAAC;EAC/H;EACA,IAAIlB,KAAK,CAACpN,QAAQ,EAAE;IAChBoN,KAAK,CAACpN,QAAQ,CAACsO,SAAS,GAAGhP,YAAY,CAACO,cAAc,CAACG,QAAQ,EAAEqN,MAAM,CAACf,cAAc,EAAEc,KAAK,CAACpN,QAAQ,CAACsO,SAAS,CAAC;EACrH;EACA,OAAOlB,KAAK;AAChB,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["shorthands","__styles","mergeClasses","tokens","createFocusOutlineStyle","cardPreviewClassNames","cardHeaderClassNames","cardFooterClassNames","React","cardClassNames","root","floatingAction","checkbox","cardCSSVars","cardSizeVar","cardBorderRadiusVar","focusOutlineStyle","outlineRadius","outlineWidth","strokeWidthThick","outlineOffset","useStyles","B68tc82","Bmxbyg5","Bpg54ce","Beyfa6y","Bbmb7ep","Btl43ni","B7oj6ja","Dimara","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","i8kkvl","Belr9w4","rmohyg","mc9l5x","qhf8xq","B7ck84d","sj55zd","E3zdtr","bn5sak","Eqx8gd","B1piin3","By385i5","Bsft5z2","B80jsxd","Bm2nyyq","Barhvk9","Bw17bha","vfts7","xrcqlc","Ihftqj","Bcgy8vk","Bhxzhr1","d9w3h3","B3778ie","B4j8arr","Bl18szs","Blrzh8d","Bwr1qzv","focused","Brovlpu","B486eqv","B8q5s1w","Bci5o5g","n8qw10","Bdrgwmp","Bb7d1vk","zhwhgb","dhy2o1","Gfyso","Bm4h7ae","B7ys5i9","Busjfv9","Bhk32uz","f6g5ot","Boxcth7","Bhdgwq3","hgwjuy","Bshpdp8","Bsom6fd","Blkhhs4","Bonggc9","Ddfuxk","i03rao","kclons","clg4pj","Bpqj9nj","B6dhp37","Bf4ptjt","Bqtpl0w","i4rwgc","Dah5zi","B1tsrr9","qqdqy8","Bkh64rk","e3fwne","J0r882","Bule8hv","Bjwuhne","Ghsupd","selectableFocused","Bssx7fj","uh7if5","clntm0","Dlk2r6","Bm3wd5j","Bbrhkcr","f1oku","aywvf2","B2j2mmj","wigs8","pbfy6t","B0v4ure","Byrf0fs","Bsiemmq","Bwckmig","skfxo0","Iidy0u","B98u21t","Bvwlmkc","jo1ztg","Ba1iezr","Blmvk6g","B24cy0v","Bil7v7r","Br3gin4","nr063g","ghq09","Bbgo44z","Bseh09z","az1dzo","Ba3ybja","B6352mv","vppk2z","Biaj6j7","B2pnrqr","B29w5g4","Bhhzhcn","Bec0n69","orientationHorizontal","Beiy3e4","Bt984gj","Binpb3b","qrt8p2","k6ws3r","Btcwela","Fer9m8","orientationVertical","B5nvv7i","Baxg94k","tn21ii","B0ud6bj","Bgdo4j","sizeSmall","B7balbw","B1h88n7","sizeMedium","sizeLarge","filled","De3pzq","E5pizo","B0n5ga8","s924m2","B1q35kw","Gp14am","filledInteractive","Bceei9c","Jwef8y","Bvxd0ez","ecr2s2","filledInteractiveSelected","filledAlternative","filledAlternativeInteractive","filledAlternativeInteractiveSelected","outline","outlineInteractive","Be0v6ae","B5kxglz","B3pwyw6","Bymgtzf","dmfk","B4ofi8","jgq6uv","Baxewws","outlineInteractiveSelected","subtle","subtleInteractive","subtleInteractiveSelected","highContrastSelected","ycbfsm","Bsw6fvg","Bbusuzp","xgfqdd","Bmmdzwq","zkpvhj","B20bydw","Bwwwggl","highContrastInteractive","h1vhog","kslmdy","Baaf6ca","x9zz3d","select","Bhzewxz","j35jbq","Bj3rh1h","hiddenCheckbox","a9b677","Bqenvij","Bh84pgu","Bgl5zvf","Huce71","d","p","f","i","m","h","a","useCardStyles_unstable","state","styles","orientationMap","horizontal","vertical","sizeMap","small","medium","large","appearanceMap","selectedMap","interactiveMap","isSelectableOrInteractive","interactive","selectable","focusedClassName","useMemo","selectFocused","className","orientation","size","appearance","selected"],"sources":["useCardStyles.styles.js"],"sourcesContent":["import { shorthands, makeStyles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport { createFocusOutlineStyle } from '@fluentui/react-tabster';\nimport { cardPreviewClassNames } from '../CardPreview/useCardPreviewStyles.styles';\nimport { cardHeaderClassNames } from '../CardHeader/useCardHeaderStyles.styles';\nimport { cardFooterClassNames } from '../CardFooter/useCardFooterStyles.styles';\nimport * as React from 'react';\n/*\n Static CSS class names used internally for the component slots.\n / export const cardClassNames = {\n root: 'fui-Card',\n floatingAction: 'fui-Card__floatingAction',\n checkbox: 'fui-Card__checkbox'\n};\n/\n CSS variable names used internally for uniform styling in Card.\n / export const cardCSSVars = {\n cardSizeVar: '--fui-Card--size',\n cardBorderRadiusVar: '--fui-Card--border-radius'\n};\nconst focusOutlineStyle = {\n outlineRadius: `var(${cardCSSVars.cardBorderRadiusVar})`,\n outlineWidth: tokens.strokeWidthThick,\n outlineOffset: '-2px'\n};\nconst useStyles = makeStyles({\n root: {\n overflow: 'hidden',\n borderRadius: `var(${cardCSSVars.cardBorderRadiusVar})`,\n padding: `var(${cardCSSVars.cardSizeVar})`,\n gap: `var(${cardCSSVars.cardSizeVar})`,\n display: 'flex',\n position: 'relative',\n boxSizing: 'border-box',\n color: tokens.colorNeutralForeground1,\n // Border setting using after pseudo element to allow CardPreview to render behind it.\n '::after': {\n position: 'absolute',\n top: 0,\n left: 0,\n right: 0,\n bottom: 0,\n content: '\"\"',\n pointerEvents: 'none',\n ...shorthands.borderStyle('solid'),\n ...shorthands.borderWidth(tokens.strokeWidthThin),\n borderRadius: `var(${cardCSSVars.cardBorderRadiusVar})`\n },\n // Prevents CardHeader and CardFooter from shrinking.\n [`> .${cardHeaderClassNames.root}, > .${cardFooterClassNames.root}`]: {\n flexShrink: 0\n }\n },\n focused: {\n ...createFocusOutlineStyle({\n style: focusOutlineStyle,\n selector: 'focus'\n })\n },\n selectableFocused: createFocusOutlineStyle({\n style: focusOutlineStyle,\n selector: 'focus-within'\n }),\n orientationHorizontal: {\n flexDirection: 'row',\n alignItems: 'center',\n // Remove vertical padding to keep CardPreview content flush with Card's borders.\n [`> .${cardPreviewClassNames.root}`]: {\n marginTop: `calc(var(${cardCSSVars.cardSizeVar}) -1)`,\n marginBottom: `calc(var(${cardCSSVars.cardSizeVar}) * -1)`\n },\n // Due to Tabster's \"Groupper\" focus functionality, hidden elements are injected before and after Card's content.\n // As such, the code below targets a CardPreview, when it's the first element.\n // Since this is on horizontal cards, the left padding is removed to keep the content flush with the border.\n [`> :not([aria-hidden=\"true\"]).${cardPreviewClassNames.root}:first-of-type`]: {\n marginLeft: `calc(var(${cardCSSVars.cardSizeVar}) * -1)`\n },\n // Due to Tabster's \"Groupper\" focus functionality, hidden elements are injected before and after Card's content.\n // As such, the code below targets a CardPreview, when it's the last element.\n // Since this is on horizontal cards, the right padding is removed to keep the content flush with the border.\n [`> :not([aria-hidden=\"true\"]).${cardPreviewClassNames.root}:last-of-type`]: {\n marginRight: `calc(var(${cardCSSVars.cardSizeVar}) * -1)`\n },\n // If the last child is a CardHeader or CardFooter, allow it to grow to fill the available space.\n [`> .${cardHeaderClassNames.root}:last-of-type, > .${cardFooterClassNames.root}:last-of-type`]: {\n flexGrow: 1\n }\n },\n orientationVertical: {\n flexDirection: 'column',\n // Remove lateral padding to keep CardPreview content flush with Card's borders.\n [`> .${cardPreviewClassNames.root}`]: {\n marginLeft: `calc(var(${cardCSSVars.cardSizeVar}) * -1)`,\n marginRight: `calc(var(${cardCSSVars.cardSizeVar}) * -1)`\n },\n // Due to Tabster's \"Groupper\" focus functionality, hidden elements are injected before and after Card's content.\n // As such, the code below targets a CardPreview, when it's the first element.\n // Since this is on vertical cards, the top padding is removed to keep the content flush with the border.\n [`> :not([aria-hidden=\"true\"]).${cardPreviewClassNames.root}:first-of-type`]: {\n marginTop: `calc(var(${cardCSSVars.cardSizeVar}) * -1)`\n },\n [`> .${cardClassNames.floatingAction} + .${cardPreviewClassNames.root}`]: {\n marginTop: `calc(var(${cardCSSVars.cardSizeVar}) * -1)`\n },\n // Due to Tabster's \"Groupper\" focus functionality, hidden elements are injected before and after Card's content.\n // As such, the code below targets a CardPreview, when it's the first element.\n // Since this is on vertical cards, the bottom padding is removed to keep the content flush with the border.\n [`> :not([aria-hidden=\"true\"]).${cardPreviewClassNames.root}:last-of-type`]: {\n marginBottom: `calc(var(${cardCSSVars.cardSizeVar}) * -1)`\n }\n },\n sizeSmall: {\n [cardCSSVars.cardSizeVar]: '8px',\n [cardCSSVars.cardBorderRadiusVar]: tokens.borderRadiusSmall\n },\n sizeMedium: {\n [cardCSSVars.cardSizeVar]: '12px',\n [cardCSSVars.cardBorderRadiusVar]: tokens.borderRadiusMedium\n },\n sizeLarge: {\n [cardCSSVars.cardSizeVar]: '16px',\n [cardCSSVars.cardBorderRadiusVar]: tokens.borderRadiusLarge\n },\n filled: {\n backgroundColor: tokens.colorNeutralBackground1,\n boxShadow: tokens.shadow4,\n '::after': {\n ...shorthands.borderColor(tokens.colorTransparentStroke)\n }\n },\n filledInteractive: {\n cursor: 'pointer',\n backgroundColor: tokens.colorNeutralBackground1,\n boxShadow: tokens.shadow4,\n '::after': {\n ...shorthands.borderColor(tokens.colorTransparentStroke)\n },\n ':hover': {\n backgroundColor: tokens.colorNeutralBackground1Hover,\n boxShadow: tokens.shadow8\n },\n ':active': {\n backgroundColor: tokens.colorNeutralBackground1Pressed\n }\n },\n filledInteractiveSelected: {\n backgroundColor: tokens.colorNeutralBackground1Selected,\n '::after': {\n ...shorthands.borderColor(tokens.colorNeutralStroke1Selected)\n },\n ':hover': {\n backgroundColor: tokens.colorNeutralBackground1Selected\n }\n },\n filledAlternative: {\n backgroundColor: tokens.colorNeutralBackground2,\n boxShadow: tokens.shadow4,\n '::after': {\n ...shorthands.borderColor(tokens.colorTransparentStroke)\n }\n },\n filledAlternativeInteractive: {\n cursor: 'pointer',\n backgroundColor: tokens.colorNeutralBackground2,\n boxShadow: tokens.shadow4,\n '::after': {\n ...shorthands.borderColor(tokens.colorTransparentStroke)\n },\n ':hover': {\n backgroundColor: tokens.colorNeutralBackground2Hover,\n boxShadow: tokens.shadow8\n },\n ':active': {\n backgroundColor: tokens.colorNeutralBackground2Pressed\n }\n },\n filledAlternativeInteractiveSelected: {\n backgroundColor: tokens.colorNeutralBackground2Selected,\n '::after': {\n ...shorthands.borderColor(tokens.colorNeutralStroke1Selected)\n },\n ':hover': {\n backgroundColor: tokens.colorNeutralBackground2Selected\n }\n },\n outline: {\n backgroundColor: tokens.colorTransparentBackground,\n boxShadow: 'none',\n '::after': {\n ...shorthands.borderColor(tokens.colorNeutralStroke1)\n }\n },\n outlineInteractive: {\n cursor: 'pointer',\n backgroundColor: tokens.colorTransparentBackground,\n boxShadow: 'none',\n '::after': {\n ...shorthands.borderColor(tokens.colorNeutralStroke1)\n },\n ':hover': {\n backgroundColor: tokens.colorTransparentBackgroundHover,\n '::after': {\n ...shorthands.borderColor(tokens.colorNeutralStroke1Hover)\n }\n },\n ':active': {\n backgroundColor: tokens.colorTransparentBackgroundPressed,\n '::after': {\n ...shorthands.borderColor(tokens.colorNeutralStroke1Pressed)\n }\n }\n },\n outlineInteractiveSelected: {\n backgroundColor: tokens.colorTransparentBackgroundSelected,\n '::after': {\n ...shorthands.borderColor(tokens.colorNeutralStroke1Selected)\n },\n ':hover': {\n backgroundColor: tokens.colorTransparentBackgroundSelected\n }\n },\n subtle: {\n backgroundColor: tokens.colorSubtleBackground,\n boxShadow: 'none',\n '::after': {\n ...shorthands.borderColor(tokens.colorTransparentStroke)\n }\n },\n subtleInteractive: {\n cursor: 'pointer',\n backgroundColor: tokens.colorSubtleBackground,\n boxShadow: 'none',\n '::after': {\n ...shorthands.borderColor(tokens.colorTransparentStroke)\n },\n ':hover': {\n backgroundColor: tokens.colorSubtleBackgroundHover\n },\n ':active': {\n backgroundColor: tokens.colorSubtleBackgroundPressed\n }\n },\n subtleInteractiveSelected: {\n backgroundColor: tokens.colorSubtleBackgroundSelected,\n '::after': {\n ...shorthands.borderColor(tokens.colorNeutralStroke1Selected)\n },\n ':hover': {\n backgroundColor: tokens.colorSubtleBackgroundSelected\n }\n },\n highContrastSelected: {\n '@media (forced-colors: active)': {\n forcedColorAdjust: 'none',\n backgroundColor: 'Highlight',\n color: 'HighlightText',\n [`& .${cardPreviewClassNames.root}, & .${cardFooterClassNames.root}`]: {\n forcedColorAdjust: 'auto'\n },\n '::after': {\n ...shorthands.borderColor('Highlight')\n }\n }\n },\n highContrastInteractive: {\n '@media (forced-colors: active)': {\n ':hover, :active': {\n forcedColorAdjust: 'none',\n backgroundColor: 'Highlight',\n color: 'HighlightText',\n [`& .${cardPreviewClassNames.root}, & .${cardFooterClassNames.root}`]: {\n forcedColorAdjust: 'auto'\n }\n },\n '::after': {\n ...shorthands.borderColor('Highlight')\n }\n }\n },\n select: {\n position: 'absolute',\n top: '4px',\n right: '4px',\n zIndex: 1\n },\n hiddenCheckbox: {\n overflow: 'hidden',\n width: '1px',\n height: '1px',\n position: 'absolute',\n clip: 'rect(0 0 0 0)',\n clipPath: 'inset(50%)',\n whiteSpace: 'nowrap'\n }\n});\n/*\n Apply styling to the Card slots based on the state.\n */ export const useCardStyles_unstable = (state)=>{\n 'use no memo';\n const styles = useStyles();\n const orientationMap = {\n horizontal: styles.orientationHorizontal,\n vertical: styles.orientationVertical\n };\n const sizeMap = {\n small: styles.sizeSmall,\n medium: styles.sizeMedium,\n large: styles.sizeLarge\n };\n const appearanceMap = {\n filled: styles.filled,\n 'filled-alternative': styles.filledAlternative,\n outline: styles.outline,\n subtle: styles.subtle\n };\n const selectedMap = {\n filled: styles.filledInteractiveSelected,\n 'filled-alternative': styles.filledAlternativeInteractiveSelected,\n outline: styles.outlineInteractiveSelected,\n subtle: styles.subtleInteractiveSelected\n };\n const interactiveMap = {\n filled: styles.filledInteractive,\n 'filled-alternative': styles.filledAlternativeInteractive,\n outline: styles.outlineInteractive,\n subtle: styles.subtleInteractive\n };\n const isSelectableOrInteractive = state.interactive \|\| state.selectable;\n const focusedClassName = React.useMemo(()=>{\n if (state.selectable) {\n if (state.selectFocused) {\n return styles.selectableFocused;\n }\n return '';\n }\n return styles.focused;\n }, [\n state.selectFocused,\n state.selectable,\n styles.focused,\n styles.selectableFocused\n ]);\n state.root.className = mergeClasses(cardClassNames.root, styles.root, orientationMap[state.orientation], sizeMap[state.size], appearanceMap[state.appearance], isSelectableOrInteractive && interactiveMap[state.appearance], state.selected && selectedMap[state.appearance], // Focus overrides\n focusedClassName, // High contrast overrides\n isSelectableOrInteractive && styles.highContrastInteractive, state.selected && styles.highContrastSelected, state.root.className);\n if (state.floatingAction) {\n state.floatingAction.className = mergeClasses(cardClassNames.floatingAction, styles.select, state.floatingAction.className);\n }\n if (state.checkbox) {\n state.checkbox.className = mergeClasses(cardClassNames.checkbox, styles.hiddenCheckbox, state.checkbox.className);\n }\n return state;\n};\n"],"mappings":"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","ignoreList":[]}

package/lib/components/CardFooter/useCardFooterStyles.styles.js CHANGED Viewed

@@ -43,6 +43,8 @@ const useStyles = /*#__PURE__*/__styles({
  * Apply styling to the CardFooter slots based on the state.
  */
 export const useCardFooterStyles_unstable = state => {
+  'use no memo';
   const styles = useStyles();
   state.root.className = mergeClasses(cardFooterClassNames.root, styles.root, state.root.className);
   if (state.action) {

package/lib/components/CardFooter/useCardFooterStyles.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["__styles","mergeClasses","shorthands","cardFooterClassNames","root","action","useStyles","mc9l5x","Beiy3e4","i8kkvl","Belr9w4","rmohyg","Frg6f3","B7frvx2","B06c7xf","B8uq84v","snkdo8","Bpf22ct","apjfyd","d","p","m","useCardFooterStyles_unstable","state","styles","className"],"sources":["useCardFooterStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses, shorthands } from '@griffel/react';\n/*\n Static CSS class names used internally for the component slots.\n / export const cardFooterClassNames = {\n root: 'fui-CardFooter',\n action: 'fui-CardFooter__action'\n};\nconst useStyles = makeStyles({\n root: {\n display: 'flex',\n flexDirection: 'row',\n gap: '12px'\n },\n action: {\n marginLeft: 'auto',\n // when the card is selected or hovered, it has custom high contrast color and background styles\n // setting this ensures action buttons adopt those colors and are still visible in forced-colors mode\n '@media (forced-colors: active)': {\n '& .fui-Button, & .fui-Link': {\n ...shorthands.borderColor('currentColor'),\n color: 'currentColor',\n outlineColor: 'currentColor'\n }\n }\n }\n});\n/\n Apply styling to the CardFooter slots based on the state.\n */ export const useCardFooterStyles_unstable = (state)=>{\n const styles = useStyles();\n state.root.className = mergeClasses(cardFooterClassNames.root, styles.root, state.root.className);\n if (state.action) {\n state.action.className = mergeClasses(cardFooterClassNames.action, styles.action, state.action.className);\n }\n return state;\n};\n"],"mappings":"AAAA,SAAAA,QAAA,EAAqBC,YAAY,EAAEC,UAAU,QAAQ,gBAAgB;AACrE;AACA;AACA;AAAI,OAAO,MAAMC,oBAAoB,GAAG;EACpCC,IAAI,EAAE,gBAAgB;EACtBC,MAAM,EAAE;AACZ,CAAC;AACD,MAAMC,SAAS,gBAAGN,QAAA;EAAAI,IAAA;IAAAG,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAN,MAAA;IAAAO,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;AAAA;EAAAC,CAAA;IAAAC,CAAA;EAAA;EAAAC,CAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;AAAA,CAkBjB,CAAC;AACF;AACA;AACA;AAAI,OAAO,MAAMC,4BAA4B,GAAIC,KAAK,IAAG;EACrD,MAAMC,MAAM,GAAGlB,SAAS,CAAC,CAAC;EAC1BiB,KAAK,CAACnB,IAAI,CAACqB,SAAS,GAAGxB,YAAY,CAACE,oBAAoB,CAACC,IAAI,EAAEoB,MAAM,CAACpB,IAAI,EAAEmB,KAAK,CAACnB,IAAI,CAACqB,SAAS,CAAC;EACjG,IAAIF,KAAK,CAAClB,MAAM,EAAE;IACdkB,KAAK,CAAClB,MAAM,CAACoB,SAAS,GAAGxB,YAAY,CAACE,oBAAoB,CAACE,MAAM,EAAEmB,MAAM,CAACnB,MAAM,EAAEkB,KAAK,CAAClB,MAAM,CAACoB,SAAS,CAAC;EAC7G;EACA,OAAOF,KAAK;AAChB,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["__styles","mergeClasses","shorthands","cardFooterClassNames","root","action","useStyles","mc9l5x","Beiy3e4","i8kkvl","Belr9w4","rmohyg","Frg6f3","B7frvx2","B06c7xf","B8uq84v","snkdo8","Bpf22ct","apjfyd","d","p","m","useCardFooterStyles_unstable","state","styles","className"],"sources":["useCardFooterStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses, shorthands } from '@griffel/react';\n/*\n Static CSS class names used internally for the component slots.\n / export const cardFooterClassNames = {\n root: 'fui-CardFooter',\n action: 'fui-CardFooter__action'\n};\nconst useStyles = makeStyles({\n root: {\n display: 'flex',\n flexDirection: 'row',\n gap: '12px'\n },\n action: {\n marginLeft: 'auto',\n // when the card is selected or hovered, it has custom high contrast color and background styles\n // setting this ensures action buttons adopt those colors and are still visible in forced-colors mode\n '@media (forced-colors: active)': {\n '& .fui-Button, & .fui-Link': {\n ...shorthands.borderColor('currentColor'),\n color: 'currentColor',\n outlineColor: 'currentColor'\n }\n }\n }\n});\n/\n Apply styling to the CardFooter slots based on the state.\n */ export const useCardFooterStyles_unstable = (state)=>{\n 'use no memo';\n const styles = useStyles();\n state.root.className = mergeClasses(cardFooterClassNames.root, styles.root, state.root.className);\n if (state.action) {\n state.action.className = mergeClasses(cardFooterClassNames.action, styles.action, state.action.className);\n }\n return state;\n};\n"],"mappings":"AAAA,SAAAA,QAAA,EAAqBC,YAAY,EAAEC,UAAU,QAAQ,gBAAgB;AACrE;AACA;AACA;AAAI,OAAO,MAAMC,oBAAoB,GAAG;EACpCC,IAAI,EAAE,gBAAgB;EACtBC,MAAM,EAAE;AACZ,CAAC;AACD,MAAMC,SAAS,gBAAGN,QAAA;EAAAI,IAAA;IAAAG,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAN,MAAA;IAAAO,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;AAAA;EAAAC,CAAA;IAAAC,CAAA;EAAA;EAAAC,CAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;AAAA,CAkBjB,CAAC;AACF;AACA;AACA;AAAI,OAAO,MAAMC,4BAA4B,GAAIC,KAAK,IAAG;EACrD,aAAa;;EACb,MAAMC,MAAM,GAAGlB,SAAS,CAAC,CAAC;EAC1BiB,KAAK,CAACnB,IAAI,CAACqB,SAAS,GAAGxB,YAAY,CAACE,oBAAoB,CAACC,IAAI,EAAEoB,MAAM,CAACpB,IAAI,EAAEmB,KAAK,CAACnB,IAAI,CAACqB,SAAS,CAAC;EACjG,IAAIF,KAAK,CAAClB,MAAM,EAAE;IACdkB,KAAK,CAAClB,MAAM,CAACoB,SAAS,GAAGxB,YAAY,CAACE,oBAAoB,CAACE,MAAM,EAAEmB,MAAM,CAACnB,MAAM,EAAEkB,KAAK,CAAClB,MAAM,CAACoB,SAAS,CAAC;EAC7G;EACA,OAAOF,KAAK;AAChB,CAAC","ignoreList":[]}

package/lib/components/CardHeader/useCardHeaderStyles.styles.js CHANGED Viewed

@@ -94,6 +94,8 @@ const useStylesFlex = /*#__PURE__*/__styles({
  * Apply styling to the CardHeader slots based on the state.
  */
 export const useCardHeaderStyles_unstable = state => {
+  'use no memo';
   const styles = useStyles();
   const stylesGrid = useStylesGrid();
   const stylesFlex = useStylesFlex();

package/lib/components/CardHeader/useCardHeaderStyles.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["__styles","mergeClasses","shorthands","cardHeaderClassNames","root","image","header","description","action","cardHeaderCSSVars","cardHeaderGapVar","useStyles","Bkc6ea2","Bt984gj","mc9l5x","t21cq0","Frg6f3","B7frvx2","B06c7xf","B8uq84v","snkdo8","Bpf22ct","apjfyd","d","m","useStylesGrid","t4k1zu","Br312pm","Ijaq50","useStylesFlex","Bh6795r","useCardHeaderStyles_unstable","state","styles","stylesGrid","stylesFlex","boxModelStyles","getSlotStyles","slotName","_state_slotName","className"],"sources":["useCardHeaderStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses, shorthands } from '@griffel/react';\n/*\n Static CSS class names used internally for the component slots.\n / export const cardHeaderClassNames = {\n root: 'fui-CardHeader',\n image: 'fui-CardHeader__image',\n header: 'fui-CardHeader__header',\n description: 'fui-CardHeader__description',\n action: 'fui-CardHeader__action'\n};\n/\n CSS variable names used internally for uniform styling in CardHeader.\n / export const cardHeaderCSSVars = {\n cardHeaderGapVar: '--fui-CardHeader--gap'\n};\nconst useStyles = makeStyles({\n root: {\n [cardHeaderCSSVars.cardHeaderGapVar]: '12px',\n alignItems: 'center'\n },\n image: {\n display: 'inline-flex',\n marginRight: `var(${cardHeaderCSSVars.cardHeaderGapVar})`\n },\n header: {\n display: 'flex'\n },\n description: {\n display: 'flex'\n },\n action: {\n marginLeft: `var(${cardHeaderCSSVars.cardHeaderGapVar})`,\n // when the card is selected or hovered, it has custom high contrast color and background styles\n // setting this ensures action buttons adopt those colors and are still visible in forced-colors mode\n '@media (forced-colors: active)': {\n '& .fui-Button, & .fui-Link': {\n ...shorthands.borderColor('currentColor'),\n color: 'currentColor',\n outlineColor: 'currentColor'\n }\n }\n }\n});\nconst useStylesGrid = makeStyles({\n root: {\n display: 'grid',\n gridAutoColumns: 'min-content 1fr min-content'\n },\n image: {\n gridColumnStart: '1',\n gridRowStart: 'span 2'\n },\n header: {\n gridColumnStart: '2',\n gridRowStart: '1'\n },\n description: {\n gridColumnStart: '2',\n gridRowStart: '2'\n },\n action: {\n gridColumnStart: '3',\n gridRowStart: 'span 2'\n }\n});\nconst useStylesFlex = makeStyles({\n root: {\n display: 'flex'\n },\n header: {\n flexGrow: 1\n },\n image: {},\n description: {},\n action: {}\n});\n/\n Apply styling to the CardHeader slots based on the state.\n */ export const useCardHeaderStyles_unstable = (state)=>{\n const styles = useStyles();\n const stylesGrid = useStylesGrid();\n const stylesFlex = useStylesFlex();\n const boxModelStyles = state.description ? stylesGrid : stylesFlex;\n const getSlotStyles = (slotName)=>{\n var _state_slotName;\n return mergeClasses(cardHeaderClassNames[slotName], styles[slotName], boxModelStyles[slotName], (_state_slotName = state[slotName]) === null \|\| _state_slotName === void 0 ? void 0 : _state_slotName.className);\n };\n state.root.className = getSlotStyles('root');\n if (state.image) {\n state.image.className = getSlotStyles('image');\n }\n if (state.header) {\n state.header.className = getSlotStyles('header');\n }\n if (state.description) {\n state.description.className = getSlotStyles('description');\n }\n if (state.action) {\n state.action.className = getSlotStyles('action');\n }\n return state;\n};\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["__styles","mergeClasses","shorthands","cardHeaderClassNames","root","image","header","description","action","cardHeaderCSSVars","cardHeaderGapVar","useStyles","Bkc6ea2","Bt984gj","mc9l5x","t21cq0","Frg6f3","B7frvx2","B06c7xf","B8uq84v","snkdo8","Bpf22ct","apjfyd","d","m","useStylesGrid","t4k1zu","Br312pm","Ijaq50","useStylesFlex","Bh6795r","useCardHeaderStyles_unstable","state","styles","stylesGrid","stylesFlex","boxModelStyles","getSlotStyles","slotName","_state_slotName","className"],"sources":["useCardHeaderStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses, shorthands } from '@griffel/react';\n/*\n Static CSS class names used internally for the component slots.\n / export const cardHeaderClassNames = {\n root: 'fui-CardHeader',\n image: 'fui-CardHeader__image',\n header: 'fui-CardHeader__header',\n description: 'fui-CardHeader__description',\n action: 'fui-CardHeader__action'\n};\n/\n CSS variable names used internally for uniform styling in CardHeader.\n / export const cardHeaderCSSVars = {\n cardHeaderGapVar: '--fui-CardHeader--gap'\n};\nconst useStyles = makeStyles({\n root: {\n [cardHeaderCSSVars.cardHeaderGapVar]: '12px',\n alignItems: 'center'\n },\n image: {\n display: 'inline-flex',\n marginRight: `var(${cardHeaderCSSVars.cardHeaderGapVar})`\n },\n header: {\n display: 'flex'\n },\n description: {\n display: 'flex'\n },\n action: {\n marginLeft: `var(${cardHeaderCSSVars.cardHeaderGapVar})`,\n // when the card is selected or hovered, it has custom high contrast color and background styles\n // setting this ensures action buttons adopt those colors and are still visible in forced-colors mode\n '@media (forced-colors: active)': {\n '& .fui-Button, & .fui-Link': {\n ...shorthands.borderColor('currentColor'),\n color: 'currentColor',\n outlineColor: 'currentColor'\n }\n }\n }\n});\nconst useStylesGrid = makeStyles({\n root: {\n display: 'grid',\n gridAutoColumns: 'min-content 1fr min-content'\n },\n image: {\n gridColumnStart: '1',\n gridRowStart: 'span 2'\n },\n header: {\n gridColumnStart: '2',\n gridRowStart: '1'\n },\n description: {\n gridColumnStart: '2',\n gridRowStart: '2'\n },\n action: {\n gridColumnStart: '3',\n gridRowStart: 'span 2'\n }\n});\nconst useStylesFlex = makeStyles({\n root: {\n display: 'flex'\n },\n header: {\n flexGrow: 1\n },\n image: {},\n description: {},\n action: {}\n});\n/\n Apply styling to the CardHeader slots based on the state.\n */ export const useCardHeaderStyles_unstable = (state)=>{\n 'use no memo';\n const styles = useStyles();\n const stylesGrid = useStylesGrid();\n const stylesFlex = useStylesFlex();\n const boxModelStyles = state.description ? stylesGrid : stylesFlex;\n const getSlotStyles = (slotName)=>{\n var _state_slotName;\n return mergeClasses(cardHeaderClassNames[slotName], styles[slotName], boxModelStyles[slotName], (_state_slotName = state[slotName]) === null \|\| _state_slotName === void 0 ? void 0 : _state_slotName.className);\n };\n state.root.className = getSlotStyles('root');\n if (state.image) {\n state.image.className = getSlotStyles('image');\n }\n if (state.header) {\n state.header.className = getSlotStyles('header');\n }\n if (state.description) {\n state.description.className = getSlotStyles('description');\n }\n if (state.action) {\n state.action.className = getSlotStyles('action');\n }\n return state;\n};\n"],"mappings":"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","ignoreList":[]}

package/lib/components/CardPreview/useCardPreviewStyles.styles.js CHANGED Viewed

@@ -27,6 +27,8 @@ const useStyles = /*#__PURE__*/__styles({
  * Apply styling to the CardPreview slots based on the state.
  */
 export const useCardPreviewStyles_unstable = state => {
+  'use no memo';
   const styles = useStyles();
   state.root.className = mergeClasses(cardPreviewClassNames.root, styles.root, state.root.className);
   if (state.logo) {

package/lib/components/CardPreview/useCardPreviewStyles.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["__styles","mergeClasses","cardPreviewClassNames","root","logo","useStyles","qhf8xq","Byfpedg","Btj6oj6","B1m4t4s","B5kzvoi","oyh7mz","a9b677","Bqenvij","d","useCardPreviewStyles_unstable","state","styles","className"],"sources":["useCardPreviewStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\n/*\n Static CSS class names used internally for the component slots.\n / export const cardPreviewClassNames = {\n root: 'fui-CardPreview',\n logo: 'fui-CardPreview__logo'\n};\nconst useStyles = makeStyles({\n root: {\n position: 'relative',\n [`> :not(.${cardPreviewClassNames.logo})`]: {\n display: 'block',\n height: '100%',\n width: '100%'\n }\n },\n logo: {\n position: 'absolute',\n bottom: '12px',\n left: '12px',\n width: '32px',\n height: '32px'\n }\n});\n/\n Apply styling to the CardPreview slots based on the state.\n */ export const useCardPreviewStyles_unstable = (state)=>{\n const styles = useStyles();\n state.root.className = mergeClasses(cardPreviewClassNames.root, styles.root, state.root.className);\n if (state.logo) {\n state.logo.className = mergeClasses(cardPreviewClassNames.logo, styles.logo, state.logo.className);\n }\n return state;\n};\n"],"mappings":"AAAA,SAAAA,QAAA,EAAqBC,YAAY,QAAQ,gBAAgB;AACzD;AACA;AACA;AAAI,OAAO,MAAMC,qBAAqB,GAAG;EACrCC,IAAI,EAAE,iBAAiB;EACvBC,IAAI,EAAE;AACV,CAAC;AACD,MAAMC,SAAS,gBAAGL,QAAA;EAAAG,IAAA;IAAAG,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;EAAAL,IAAA;IAAAE,MAAA;IAAAI,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,CAgBjB,CAAC;AACF;AACA;AACA;AAAI,OAAO,MAAMC,6BAA6B,GAAIC,KAAK,IAAG;EACtD,MAAMC,MAAM,GAAGZ,SAAS,CAAC,CAAC;EAC1BW,KAAK,CAACb,IAAI,CAACe,SAAS,GAAGjB,YAAY,CAACC,qBAAqB,CAACC,IAAI,EAAEc,MAAM,CAACd,IAAI,EAAEa,KAAK,CAACb,IAAI,CAACe,SAAS,CAAC;EAClG,IAAIF,KAAK,CAACZ,IAAI,EAAE;IACZY,KAAK,CAACZ,IAAI,CAACc,SAAS,GAAGjB,YAAY,CAACC,qBAAqB,CAACE,IAAI,EAAEa,MAAM,CAACb,IAAI,EAAEY,KAAK,CAACZ,IAAI,CAACc,SAAS,CAAC;EACtG;EACA,OAAOF,KAAK;AAChB,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["__styles","mergeClasses","cardPreviewClassNames","root","logo","useStyles","qhf8xq","Byfpedg","Btj6oj6","B1m4t4s","B5kzvoi","oyh7mz","a9b677","Bqenvij","d","useCardPreviewStyles_unstable","state","styles","className"],"sources":["useCardPreviewStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\n/*\n Static CSS class names used internally for the component slots.\n / export const cardPreviewClassNames = {\n root: 'fui-CardPreview',\n logo: 'fui-CardPreview__logo'\n};\nconst useStyles = makeStyles({\n root: {\n position: 'relative',\n [`> :not(.${cardPreviewClassNames.logo})`]: {\n display: 'block',\n height: '100%',\n width: '100%'\n }\n },\n logo: {\n position: 'absolute',\n bottom: '12px',\n left: '12px',\n width: '32px',\n height: '32px'\n }\n});\n/\n Apply styling to the CardPreview slots based on the state.\n */ export const useCardPreviewStyles_unstable = (state)=>{\n 'use no memo';\n const styles = useStyles();\n state.root.className = mergeClasses(cardPreviewClassNames.root, styles.root, state.root.className);\n if (state.logo) {\n state.logo.className = mergeClasses(cardPreviewClassNames.logo, styles.logo, state.logo.className);\n }\n return state;\n};\n"],"mappings":"AAAA,SAAAA,QAAA,EAAqBC,YAAY,QAAQ,gBAAgB;AACzD;AACA;AACA;AAAI,OAAO,MAAMC,qBAAqB,GAAG;EACrCC,IAAI,EAAE,iBAAiB;EACvBC,IAAI,EAAE;AACV,CAAC;AACD,MAAMC,SAAS,gBAAGL,QAAA;EAAAG,IAAA;IAAAG,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;EAAAL,IAAA;IAAAE,MAAA;IAAAI,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,CAgBjB,CAAC;AACF;AACA;AACA;AAAI,OAAO,MAAMC,6BAA6B,GAAIC,KAAK,IAAG;EACtD,aAAa;;EACb,MAAMC,MAAM,GAAGZ,SAAS,CAAC,CAAC;EAC1BW,KAAK,CAACb,IAAI,CAACe,SAAS,GAAGjB,YAAY,CAACC,qBAAqB,CAACC,IAAI,EAAEc,MAAM,CAACd,IAAI,EAAEa,KAAK,CAACb,IAAI,CAACe,SAAS,CAAC;EAClG,IAAIF,KAAK,CAACZ,IAAI,EAAE;IACZY,KAAK,CAACZ,IAAI,CAACc,SAAS,GAAGjB,YAAY,CAACC,qBAAqB,CAACE,IAAI,EAAEa,MAAM,CAACb,IAAI,EAAEY,KAAK,CAACZ,IAAI,CAACc,SAAS,CAAC;EACtG;EACA,OAAOF,KAAK;AAChB,CAAC","ignoreList":[]}

package/lib-commonjs/components/Card/useCardStyles.styles.js CHANGED Viewed

@@ -812,6 +812,7 @@ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
     ]
 });
 const useCardStyles_unstable = (state)=>{
+    'use no memo';
     const styles = useStyles();
     const orientationMap = {
         horizontal: styles.orientationHorizontal,

package/lib-commonjs/components/Card/useCardStyles.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["useCardStyles.styles.js"],"sourcesContent":["import { shorthands, __styles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport { createFocusOutlineStyle } from '@fluentui/react-tabster';\nimport { cardPreviewClassNames } from '../CardPreview/useCardPreviewStyles.styles';\nimport { cardHeaderClassNames } from '../CardHeader/useCardHeaderStyles.styles';\nimport { cardFooterClassNames } from '../CardFooter/useCardFooterStyles.styles';\nimport * as React from 'react';\n/*\n Static CSS class names used internally for the component slots.\n /\nexport const cardClassNames = {\n root: 'fui-Card',\n floatingAction: 'fui-Card__floatingAction',\n checkbox: 'fui-Card__checkbox'\n};\n/\n CSS variable names used internally for uniform styling in Card.\n /\nexport const cardCSSVars = {\n cardSizeVar: '--fui-Card--size',\n cardBorderRadiusVar: '--fui-Card--border-radius'\n};\nconst focusOutlineStyle = {\n outlineRadius: `var(${cardCSSVars.cardBorderRadiusVar})`,\n outlineWidth: tokens.strokeWidthThick,\n outlineOffset: '-2px'\n};\nconst useStyles = /#__PURE__/__styles({\n root: {\n B68tc82: 0,\n Bmxbyg5: 0,\n Bpg54ce: \"f1a3p1vp\",\n Beyfa6y: 0,\n Bbmb7ep: 0,\n Btl43ni: 0,\n B7oj6ja: 0,\n Dimara: \"flpxrij\",\n Byoj8tv: 0,\n uwmqm3: 0,\n z189sj: 0,\n z8tnut: 0,\n B0ocmuz: \"fi54ll6\",\n i8kkvl: 0,\n Belr9w4: 0,\n rmohyg: \"fs0zar4\",\n mc9l5x: \"f22iagw\",\n qhf8xq: \"f10pi13n\",\n B7ck84d: \"f1ewtqcl\",\n sj55zd: \"f19n0e5\",\n E3zdtr: \"f1mdlcz9\",\n bn5sak: \"frwkxtg\",\n Eqx8gd: [\"f1n6gb5g\", \"f15yvnhg\"],\n B1piin3: [\"f15yvnhg\", \"f1n6gb5g\"],\n By385i5: \"fo72kxq\",\n Bsft5z2: \"f13zj6fq\",\n B80jsxd: \"f1nwj1ja\",\n Bm2nyyq: \"f8rth92\",\n Barhvk9: [\"flthirb\", \"ftkbnf5\"],\n Bw17bha: \"f1lh990p\",\n vfts7: [\"ftkbnf5\", \"flthirb\"],\n xrcqlc: \"f6czdpx\",\n Ihftqj: [\"f13hvwk3\", \"f1en4csx\"],\n Bcgy8vk: \"f1i1u9k0\",\n Bhxzhr1: [\"f1en4csx\", \"f13hvwk3\"],\n d9w3h3: 0,\n B3778ie: 0,\n B4j8arr: 0,\n Bl18szs: 0,\n Blrzh8d: \"fw3u9gn\",\n Bwr1qzv: \"fnk4z59\"\n },\n focused: {\n Brovlpu: \"ftqa4ok\",\n B486eqv: \"f2hkw1w\",\n B8q5s1w: \"f8hki3x\",\n Bci5o5g: [\"f1d2448m\", \"ffh67wi\"],\n n8qw10: \"f1bjia2o\",\n Bdrgwmp: [\"ffh67wi\", \"f1d2448m\"],\n Bb7d1vk: \"f226i61\",\n zhwhgb: [\"f13kzufm\", \"fsx75g8\"],\n dhy2o1: \"flujwa2\",\n Gfyso: [\"fsx75g8\", \"f13kzufm\"],\n Bm4h7ae: \"f15bsgw9\",\n B7ys5i9: \"f14e48fq\",\n Busjfv9: \"f18yb2kv\",\n Bhk32uz: \"fd6o370\",\n f6g5ot: 0,\n Boxcth7: 0,\n Bhdgwq3: 0,\n hgwjuy: 0,\n Bshpdp8: 0,\n Bsom6fd: 0,\n Blkhhs4: 0,\n Bonggc9: 0,\n Ddfuxk: 0,\n i03rao: 0,\n kclons: 0,\n clg4pj: 0,\n Bpqj9nj: 0,\n B6dhp37: 0,\n Bf4ptjt: 0,\n Bqtpl0w: 0,\n i4rwgc: \"fpqizxz\",\n Dah5zi: 0,\n B1tsrr9: 0,\n qqdqy8: 0,\n Bkh64rk: 0,\n e3fwne: \"fnd8nzh\",\n J0r882: \"f15fr7a0\",\n Bule8hv: [\"fwsq40z\", \"fy0y4wt\"],\n Bjwuhne: \"f34ld9f\",\n Ghsupd: [\"fy0y4wt\", \"fwsq40z\"]\n },\n selectableFocused: {\n Brovlpu: \"ftqa4ok\",\n B486eqv: \"f2hkw1w\",\n Bssx7fj: \"f1b1k54r\",\n uh7if5: [\"f4ne723\", \"fqqcjud\"],\n clntm0: \"fh7aioi\",\n Dlk2r6: [\"fqqcjud\", \"f4ne723\"],\n Bm3wd5j: \"f1k55ka9\",\n Bbrhkcr: [\"fgclinu\", \"f16pcs8n\"],\n f1oku: \"fycbxed\",\n aywvf2: [\"f16pcs8n\", \"fgclinu\"],\n B2j2mmj: \"ffht0p2\",\n wigs8: \"f1p0ul1q\",\n pbfy6t: \"f1c901ms\",\n B0v4ure: \"f1alokd7\",\n Byrf0fs: 0,\n Bsiemmq: 0,\n Bwckmig: 0,\n skfxo0: 0,\n Iidy0u: 0,\n B98u21t: 0,\n Bvwlmkc: 0,\n jo1ztg: 0,\n Ba1iezr: 0,\n Blmvk6g: 0,\n B24cy0v: 0,\n Bil7v7r: 0,\n Br3gin4: 0,\n nr063g: 0,\n ghq09: 0,\n Bbgo44z: 0,\n Bseh09z: \"f1i978nd\",\n az1dzo: 0,\n Ba3ybja: 0,\n B6352mv: 0,\n vppk2z: 0,\n Biaj6j7: \"f1nh8hsq\",\n B2pnrqr: \"f1amxum7\",\n B29w5g4: [\"f1cec8w7\", \"f554mv0\"],\n Bhhzhcn: \"f1sj6kbr\",\n Bec0n69: [\"f554mv0\", \"f1cec8w7\"]\n },\n orientationHorizontal: {\n Beiy3e4: \"f1063pyq\",\n Bt984gj: \"f122n59\",\n Binpb3b: \"ftrw7vg\",\n qrt8p2: \"f18opajm\",\n k6ws3r: [\"f13002it\", \"fqo182t\"],\n Btcwela: [\"f18yna97\", \"f1kd6wh7\"],\n Fer9m8: \"f4i4759\"\n },\n orientationVertical: {\n Beiy3e4: \"f1vx9l62\",\n B5nvv7i: [\"f14k419y\", \"f1fgo9fz\"],\n Baxg94k: [\"f1fgo9fz\", \"f14k419y\"],\n tn21ii: \"fvqmfsm\",\n B0ud6bj: \"f3am6yf\",\n Bgdo4j: \"f1r5wgso\"\n },\n sizeSmall: {\n B7balbw: \"f1pi9uxy\",\n B1h88n7: \"f1h1zgly\"\n },\n sizeMedium: {\n B7balbw: \"frsmuga\",\n B1h88n7: \"fuldkky\"\n },\n sizeLarge: {\n B7balbw: \"f1qua4xo\",\n B1h88n7: \"fimkt6v\"\n },\n filled: {\n De3pzq: \"fxugw4r\",\n E5pizo: \"f1whvlc6\",\n B0n5ga8: \"f16gxe2i\",\n s924m2: [\"fpgykix\", \"fzybk4o\"],\n B1q35kw: \"f1osi826\",\n Gp14am: [\"fzybk4o\", \"fpgykix\"]\n },\n filledInteractive: {\n Bceei9c: \"f1k6fduh\",\n De3pzq: \"fxugw4r\",\n E5pizo: \"f1whvlc6\",\n B0n5ga8: \"f16gxe2i\",\n s924m2: [\"fpgykix\", \"fzybk4o\"],\n B1q35kw: \"f1osi826\",\n Gp14am: [\"fzybk4o\", \"fpgykix\"],\n Jwef8y: \"f1knas48\",\n Bvxd0ez: \"f1m145df\",\n ecr2s2: \"fb40n2d\"\n },\n filledInteractiveSelected: {\n De3pzq: \"f1nfm20t\",\n B0n5ga8: \"f16eln5f\",\n s924m2: [\"fa2okxs\", \"fg4zq3l\"],\n B1q35kw: \"ff6932p\",\n Gp14am: [\"fg4zq3l\", \"fa2okxs\"],\n Jwef8y: \"f1kz6goq\"\n },\n filledAlternative: {\n De3pzq: \"f1dmdbja\",\n E5pizo: \"f1whvlc6\",\n B0n5ga8: \"f16gxe2i\",\n s924m2: [\"fpgykix\", \"fzybk4o\"],\n B1q35kw: \"f1osi826\",\n Gp14am: [\"fzybk4o\", \"fpgykix\"]\n },\n filledAlternativeInteractive: {\n Bceei9c: \"f1k6fduh\",\n De3pzq: \"f1dmdbja\",\n E5pizo: \"f1whvlc6\",\n B0n5ga8: \"f16gxe2i\",\n s924m2: [\"fpgykix\", \"fzybk4o\"],\n B1q35kw: \"f1osi826\",\n Gp14am: [\"fzybk4o\", \"fpgykix\"],\n Jwef8y: \"f1uvynv3\",\n Bvxd0ez: \"f1m145df\",\n ecr2s2: \"f1yhgkbh\"\n },\n filledAlternativeInteractiveSelected: {\n De3pzq: \"fjxa0vh\",\n B0n5ga8: \"f16eln5f\",\n s924m2: [\"fa2okxs\", \"fg4zq3l\"],\n B1q35kw: \"ff6932p\",\n Gp14am: [\"fg4zq3l\", \"fa2okxs\"],\n Jwef8y: \"fehi0vp\"\n },\n outline: {\n De3pzq: \"f1c21dwh\",\n E5pizo: \"f1couhl3\",\n B0n5ga8: \"ft83z1f\",\n s924m2: [\"f1g4150c\", \"f192dr6e\"],\n B1q35kw: \"f1qnawh6\",\n Gp14am: [\"f192dr6e\", \"f1g4150c\"]\n },\n outlineInteractive: {\n Bceei9c: \"f1k6fduh\",\n De3pzq: \"f1c21dwh\",\n E5pizo: \"f1couhl3\",\n B0n5ga8: \"ft83z1f\",\n s924m2: [\"f1g4150c\", \"f192dr6e\"],\n B1q35kw: \"f1qnawh6\",\n Gp14am: [\"f192dr6e\", \"f1g4150c\"],\n Jwef8y: \"fjxutwb\",\n Be0v6ae: \"f1llr77y\",\n B5kxglz: [\"fzk0khw\", \"fjj8tog\"],\n B3pwyw6: \"fb1u8ub\",\n Bymgtzf: [\"fjj8tog\", \"fzk0khw\"],\n ecr2s2: \"fophhak\",\n dmfk: \"f1uohb70\",\n B4ofi8: [\"f1jm7v1n\", \"f1bus3rq\"],\n jgq6uv: \"f1fbu7rr\",\n Baxewws: [\"f1bus3rq\", \"f1jm7v1n\"]\n },\n outlineInteractiveSelected: {\n De3pzq: \"f1q9pm1r\",\n B0n5ga8: \"f16eln5f\",\n s924m2: [\"fa2okxs\", \"fg4zq3l\"],\n B1q35kw: \"ff6932p\",\n Gp14am: [\"fg4zq3l\", \"fa2okxs\"],\n Jwef8y: \"fg59vm4\"\n },\n subtle: {\n De3pzq: \"fhovq9v\",\n E5pizo: \"f1couhl3\",\n B0n5ga8: \"f16gxe2i\",\n s924m2: [\"fpgykix\", \"fzybk4o\"],\n B1q35kw: \"f1osi826\",\n Gp14am: [\"fzybk4o\", \"fpgykix\"]\n },\n subtleInteractive: {\n Bceei9c: \"f1k6fduh\",\n De3pzq: \"fhovq9v\",\n E5pizo: \"f1couhl3\",\n B0n5ga8: \"f16gxe2i\",\n s924m2: [\"fpgykix\", \"fzybk4o\"],\n B1q35kw: \"f1osi826\",\n Gp14am: [\"fzybk4o\", \"fpgykix\"],\n Jwef8y: \"f1t94bn6\",\n ecr2s2: \"f1wfn5kd\"\n },\n subtleInteractiveSelected: {\n De3pzq: \"fq5gl1p\",\n B0n5ga8: \"f16eln5f\",\n s924m2: [\"fa2okxs\", \"fg4zq3l\"],\n B1q35kw: \"ff6932p\",\n Gp14am: [\"fg4zq3l\", \"fa2okxs\"],\n Jwef8y: \"f1uqaxdt\"\n },\n highContrastSelected: {\n ycbfsm: \"fkc42ay\",\n Bsw6fvg: \"f1rirnrt\",\n Bbusuzp: \"f1lkg8j3\",\n xgfqdd: \"f1nkj0oa\",\n Bmmdzwq: \"fey3rwa\",\n zkpvhj: [\"f5jhx11\", \"fff9uym\"],\n B20bydw: \"fm7n0jy\",\n Bwwwggl: [\"fff9uym\", \"f5jhx11\"]\n },\n highContrastInteractive: {\n h1vhog: \"fpfvv3l\",\n kslmdy: \"f1oamsm6\",\n Baaf6ca: \"f1il21bs\",\n x9zz3d: \"fnn5dk0\",\n Bmmdzwq: \"fey3rwa\",\n zkpvhj: [\"f5jhx11\", \"fff9uym\"],\n B20bydw: \"fm7n0jy\",\n Bwwwggl: [\"fff9uym\", \"f5jhx11\"]\n },\n select: {\n qhf8xq: \"f1euv43f\",\n Bhzewxz: \"fqclxi7\",\n j35jbq: [\"fiv86kb\", \"f36uhnt\"],\n Bj3rh1h: \"f19g0ac\"\n },\n hiddenCheckbox: {\n B68tc82: 0,\n Bmxbyg5: 0,\n Bpg54ce: \"f1a3p1vp\",\n a9b677: \"frkrog8\",\n Bqenvij: \"f1mpe4l3\",\n qhf8xq: \"f1euv43f\",\n Bh84pgu: \"fmf1zke\",\n Bgl5zvf: \"f1wch0ki\",\n Huce71: \"fz5stix\"\n }\n}, {\n d: [[\".f1a3p1vp{overflow:hidden;}\", {\n p: -1\n }], [\".flpxrij{border-radius:var(--fui-Card--border-radius);}\", {\n p: -1\n }], [\".fi54ll6{padding:var(--fui-Card--size);}\", {\n p: -1\n }], [\".fs0zar4{gap:var(--fui-Card--size);}\", {\n p: -1\n }], \".f22iagw{display:flex;}\", \".f10pi13n{position:relative;}\", \".f1ewtqcl{box-sizing:border-box;}\", \".f19n0e5{color:var(--colorNeutralForeground1);}\", \".f1mdlcz9::after{position:absolute;}\", \".frwkxtg::after{top:0;}\", \".f1n6gb5g::after{left:0;}\", \".f15yvnhg::after{right:0;}\", \".fo72kxq::after{bottom:0;}\", \".f13zj6fq::after{content:\\\"\\\";}\", \".f1nwj1ja::after{pointer-events:none;}\", \".f8rth92::after{border-top-style:solid;}\", \".flthirb::after{border-right-style:solid;}\", \".ftkbnf5::after{border-left-style:solid;}\", \".f1lh990p::after{border-bottom-style:solid;}\", \".f6czdpx::after{border-top-width:var(--strokeWidthThin);}\", \".f13hvwk3::after{border-right-width:var(--strokeWidthThin);}\", \".f1en4csx::after{border-left-width:var(--strokeWidthThin);}\", \".f1i1u9k0::after{border-bottom-width:var(--strokeWidthThin);}\", [\".fw3u9gn::after{border-radius:var(--fui-Card--border-radius);}\", {\n p: -1\n }], \".fnk4z59>.fui-CardHeader,.fnk4z59>.fui-CardFooter{flex-shrink:0;}\", \".f8hki3x[data-fui-focus-visible]{border-top-color:transparent;}\", \".f1d2448m[data-fui-focus-visible]{border-right-color:transparent;}\", \".ffh67wi[data-fui-focus-visible]{border-left-color:transparent;}\", \".f1bjia2o[data-fui-focus-visible]{border-bottom-color:transparent;}\", \".f15bsgw9[data-fui-focus-visible]::after{content:\\\"\\\";}\", \".f14e48fq[data-fui-focus-visible]::after{position:absolute;}\", \".f18yb2kv[data-fui-focus-visible]::after{pointer-events:none;}\", \".fd6o370[data-fui-focus-visible]::after{z-index:1;}\", [\".fpqizxz[data-fui-focus-visible]::after{border:var(--strokeWidthThick) solid var(--colorStrokeFocus2);}\", {\n p: -2\n }], [\".fnd8nzh[data-fui-focus-visible]::after{border-radius:var(--fui-Card--border-radius);}\", {\n p: -1\n }], \".f15fr7a0[data-fui-focus-visible]::after{top:calc(0px - var(--strokeWidthThick) - -2px);}\", \".fwsq40z[data-fui-focus-visible]::after{right:calc(0px - var(--strokeWidthThick) - -2px);}\", \".fy0y4wt[data-fui-focus-visible]::after{left:calc(0px - var(--strokeWidthThick) - -2px);}\", \".f34ld9f[data-fui-focus-visible]::after{bottom:calc(0px - var(--strokeWidthThick) - -2px);}\", \".f1b1k54r[data-fui-focus-within]:focus-within{border-top-color:transparent;}\", \".f4ne723[data-fui-focus-within]:focus-within{border-right-color:transparent;}\", \".fqqcjud[data-fui-focus-within]:focus-within{border-left-color:transparent;}\", \".fh7aioi[data-fui-focus-within]:focus-within{border-bottom-color:transparent;}\", \".ffht0p2[data-fui-focus-within]:focus-within::after{content:\\\"\\\";}\", \".f1p0ul1q[data-fui-focus-within]:focus-within::after{position:absolute;}\", \".f1c901ms[data-fui-focus-within]:focus-within::after{pointer-events:none;}\", \".f1alokd7[data-fui-focus-within]:focus-within::after{z-index:1;}\", [\".f1i978nd[data-fui-focus-within]:focus-within::after{border:var(--strokeWidthThick) solid var(--colorStrokeFocus2);}\", {\n p: -2\n }], [\".f1nh8hsq[data-fui-focus-within]:focus-within::after{border-radius:var(--fui-Card--border-radius);}\", {\n p: -1\n }], \".f1amxum7[data-fui-focus-within]:focus-within::after{top:calc(0px - var(--strokeWidthThick) - -2px);}\", \".f1cec8w7[data-fui-focus-within]:focus-within::after{right:calc(0px - var(--strokeWidthThick) - -2px);}\", \".f554mv0[data-fui-focus-within]:focus-within::after{left:calc(0px - var(--strokeWidthThick) - -2px);}\", \".f1sj6kbr[data-fui-focus-within]:focus-within::after{bottom:calc(0px - var(--strokeWidthThick) - -2px);}\", \".f1063pyq{flex-direction:row;}\", \".f122n59{align-items:center;}\", \".ftrw7vg>.fui-CardPreview{margin-top:calc(var(--fui-Card--size) -1);}\", \".f18opajm>.fui-CardPreview{margin-bottom:calc(var(--fui-Card--size) * -1);}\", \".f13002it>:not([aria-hidden=\\\"true\\\"]).fui-CardPreview:first-of-type{margin-left:calc(var(--fui-Card--size) * -1);}\", \".fqo182t>:not([aria-hidden=\\\"true\\\"]).fui-CardPreview:first-of-type{margin-right:calc(var(--fui-Card--size) * -1);}\", \".f18yna97>:not([aria-hidden=\\\"true\\\"]).fui-CardPreview:last-of-type{margin-right:calc(var(--fui-Card--size) * -1);}\", \".f1kd6wh7>:not([aria-hidden=\\\"true\\\"]).fui-CardPreview:last-of-type{margin-left:calc(var(--fui-Card--size) * -1);}\", \".f4i4759>.fui-CardHeader:last-of-type,.f4i4759>.fui-CardFooter:last-of-type{flex-grow:1;}\", \".f1vx9l62{flex-direction:column;}\", \".f14k419y>.fui-CardPreview{margin-left:calc(var(--fui-Card--size) * -1);}\", \".f1fgo9fz>.fui-CardPreview{margin-right:calc(var(--fui-Card--size) * -1);}\", \".fvqmfsm>:not([aria-hidden=\\\"true\\\"]).fui-CardPreview:first-of-type{margin-top:calc(var(--fui-Card--size) * -1);}\", \".f3am6yf>.fui-Card__floatingAction+.fui-CardPreview{margin-top:calc(var(--fui-Card--size) * -1);}\", \".f1r5wgso>:not([aria-hidden=\\\"true\\\"]).fui-CardPreview:last-of-type{margin-bottom:calc(var(--fui-Card--size) * -1);}\", \".f1pi9uxy{--fui-Card--size:8px;}\", \".f1h1zgly{--fui-Card--border-radius:var(--borderRadiusSmall);}\", \".frsmuga{--fui-Card--size:12px;}\", \".fuldkky{--fui-Card--border-radius:var(--borderRadiusMedium);}\", \".f1qua4xo{--fui-Card--size:16px;}\", \".fimkt6v{--fui-Card--border-radius:var(--borderRadiusLarge);}\", \".fxugw4r{background-color:var(--colorNeutralBackground1);}\", \".f1whvlc6{box-shadow:var(--shadow4);}\", \".f16gxe2i::after{border-top-color:var(--colorTransparentStroke);}\", \".fpgykix::after{border-right-color:var(--colorTransparentStroke);}\", \".fzybk4o::after{border-left-color:var(--colorTransparentStroke);}\", \".f1osi826::after{border-bottom-color:var(--colorTransparentStroke);}\", \".f1k6fduh{cursor:pointer;}\", \".f1nfm20t{background-color:var(--colorNeutralBackground1Selected);}\", \".f16eln5f::after{border-top-color:var(--colorNeutralStroke1Selected);}\", \".fa2okxs::after{border-right-color:var(--colorNeutralStroke1Selected);}\", \".fg4zq3l::after{border-left-color:var(--colorNeutralStroke1Selected);}\", \".ff6932p::after{border-bottom-color:var(--colorNeutralStroke1Selected);}\", \".f1dmdbja{background-color:var(--colorNeutralBackground2);}\", \".fjxa0vh{background-color:var(--colorNeutralBackground2Selected);}\", \".f1c21dwh{background-color:var(--colorTransparentBackground);}\", \".f1couhl3{box-shadow:none;}\", \".ft83z1f::after{border-top-color:var(--colorNeutralStroke1);}\", \".f1g4150c::after{border-right-color:var(--colorNeutralStroke1);}\", \".f192dr6e::after{border-left-color:var(--colorNeutralStroke1);}\", \".f1qnawh6::after{border-bottom-color:var(--colorNeutralStroke1);}\", \".f1q9pm1r{background-color:var(--colorTransparentBackgroundSelected);}\", \".fhovq9v{background-color:var(--colorSubtleBackground);}\", \".fq5gl1p{background-color:var(--colorSubtleBackgroundSelected);}\", \".f1euv43f{position:absolute;}\", \".fqclxi7{top:4px;}\", \".fiv86kb{right:4px;}\", \".f36uhnt{left:4px;}\", \".f19g0ac{z-index:1;}\", [\".f1a3p1vp{overflow:hidden;}\", {\n p: -1\n }], \".frkrog8{width:1px;}\", \".f1mpe4l3{height:1px;}\", \".fmf1zke{clip:rect(0 0 0 0);}\", \".f1wch0ki{clip-path:inset(50%);}\", \".fz5stix{white-space:nowrap;}\"],\n f: [\".ftqa4ok:focus{outline-style:none;}\"],\n i: [\".f2hkw1w:focus-visible{outline-style:none;}\"],\n m: [[\"@media (forced-colors: active){.f226i61[data-fui-focus-visible]::after{border-top-color:Highlight;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f13kzufm[data-fui-focus-visible]::after{border-right-color:Highlight;}.fsx75g8[data-fui-focus-visible]::after{border-left-color:Highlight;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.flujwa2[data-fui-focus-visible]::after{border-bottom-color:Highlight;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f1k55ka9[data-fui-focus-within]:focus-within::after{border-top-color:Highlight;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f16pcs8n[data-fui-focus-within]:focus-within::after{border-left-color:Highlight;}.fgclinu[data-fui-focus-within]:focus-within::after{border-right-color:Highlight;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.fycbxed[data-fui-focus-within]:focus-within::after{border-bottom-color:Highlight;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.fkc42ay{forced-color-adjust:none;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f1rirnrt{background-color:Highlight;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f1lkg8j3{color:HighlightText;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f1nkj0oa .fui-CardPreview,.f1nkj0oa .fui-CardFooter{forced-color-adjust:auto;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.fey3rwa::after{border-top-color:Highlight;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f5jhx11::after{border-right-color:Highlight;}.fff9uym::after{border-left-color:Highlight;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.fm7n0jy::after{border-bottom-color:Highlight;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.fpfvv3l:hover,.fpfvv3l :active{forced-color-adjust:none;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f1oamsm6:hover,.f1oamsm6 :active{background-color:Highlight;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f1il21bs:hover,.f1il21bs :active{color:HighlightText;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.fnn5dk0:hover .fui-CardPreview,.fnn5dk0 :active .fui-CardPreview,.fnn5dk0:hover .fui-CardFooter,.fnn5dk0 :active .fui-CardFooter{forced-color-adjust:auto;}}\", {\n m: \"(forced-colors: active)\"\n }]],\n h: [\".f1knas48:hover{background-color:var(--colorNeutralBackground1Hover);}\", \".f1m145df:hover{box-shadow:var(--shadow8);}\", \".f1kz6goq:hover{background-color:var(--colorNeutralBackground1Selected);}\", \".f1uvynv3:hover{background-color:var(--colorNeutralBackground2Hover);}\", \".fehi0vp:hover{background-color:var(--colorNeutralBackground2Selected);}\", \".fjxutwb:hover{background-color:var(--colorTransparentBackgroundHover);}\", \".f1llr77y:hover::after{border-top-color:var(--colorNeutralStroke1Hover);}\", \".fzk0khw:hover::after{border-right-color:var(--colorNeutralStroke1Hover);}\", \".fjj8tog:hover::after{border-left-color:var(--colorNeutralStroke1Hover);}\", \".fb1u8ub:hover::after{border-bottom-color:var(--colorNeutralStroke1Hover);}\", \".fg59vm4:hover{background-color:var(--colorTransparentBackgroundSelected);}\", \".f1t94bn6:hover{background-color:var(--colorSubtleBackgroundHover);}\", \".f1uqaxdt:hover{background-color:var(--colorSubtleBackgroundSelected);}\"],\n a: [\".fb40n2d:active{background-color:var(--colorNeutralBackground1Pressed);}\", \".f1yhgkbh:active{background-color:var(--colorNeutralBackground2Pressed);}\", \".fophhak:active{background-color:var(--colorTransparentBackgroundPressed);}\", \".f1uohb70:active::after{border-top-color:var(--colorNeutralStroke1Pressed);}\", \".f1jm7v1n:active::after{border-right-color:var(--colorNeutralStroke1Pressed);}\", \".f1bus3rq:active::after{border-left-color:var(--colorNeutralStroke1Pressed);}\", \".f1fbu7rr:active::after{border-bottom-color:var(--colorNeutralStroke1Pressed);}\", \".f1wfn5kd:active{background-color:var(--colorSubtleBackgroundPressed);}\"]\n});\n/*\n Apply styling to the Card slots based on the state.\n */\nexport const useCardStyles_unstable = state => {\n const styles = useStyles();\n const orientationMap = {\n horizontal: styles.orientationHorizontal,\n vertical: styles.orientationVertical\n };\n const sizeMap = {\n small: styles.sizeSmall,\n medium: styles.sizeMedium,\n large: styles.sizeLarge\n };\n const appearanceMap = {\n filled: styles.filled,\n 'filled-alternative': styles.filledAlternative,\n outline: styles.outline,\n subtle: styles.subtle\n };\n const selectedMap = {\n filled: styles.filledInteractiveSelected,\n 'filled-alternative': styles.filledAlternativeInteractiveSelected,\n outline: styles.outlineInteractiveSelected,\n subtle: styles.subtleInteractiveSelected\n };\n const interactiveMap = {\n filled: styles.filledInteractive,\n 'filled-alternative': styles.filledAlternativeInteractive,\n outline: styles.outlineInteractive,\n subtle: styles.subtleInteractive\n };\n const isSelectableOrInteractive = state.interactive \|\| state.selectable;\n const focusedClassName = React.useMemo(() => {\n if (state.selectable) {\n if (state.selectFocused) {\n return styles.selectableFocused;\n }\n return '';\n }\n return styles.focused;\n }, [state.selectFocused, state.selectable, styles.focused, styles.selectableFocused]);\n state.root.className = mergeClasses(cardClassNames.root, styles.root, orientationMap[state.orientation], sizeMap[state.size], appearanceMap[state.appearance], isSelectableOrInteractive && interactiveMap[state.appearance], state.selected && selectedMap[state.appearance],\n // Focus overrides\n focusedClassName,\n // High contrast overrides\n isSelectableOrInteractive && styles.highContrastInteractive, state.selected && styles.highContrastSelected, state.root.className);\n if (state.floatingAction) {\n state.floatingAction.className = mergeClasses(cardClassNames.floatingAction, styles.select, state.floatingAction.className);\n }\n if (state.checkbox) {\n state.checkbox.className = mergeClasses(cardClassNames.checkbox, styles.hiddenCheckbox, state.checkbox.className);\n }\n return state;\n};\n//# sourceMappingURL=useCardStyles.styles.js.map"],"names":["cardClassNames","cardCSSVars","useCardStyles_unstable","root","floatingAction","checkbox","cardSizeVar","cardBorderRadiusVar","focusOutlineStyle","outlineRadius","outlineWidth","tokens","strokeWidthThick","outlineOffset","useStyles","__styles","B68tc82","Bmxbyg5","Bpg54ce","Beyfa6y","Bbmb7ep","Btl43ni","B7oj6ja","Dimara","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","i8kkvl","Belr9w4","rmohyg","mc9l5x","qhf8xq","B7ck84d","sj55zd","E3zdtr","bn5sak","Eqx8gd","B1piin3","By385i5","Bsft5z2","B80jsxd","Bm2nyyq","Barhvk9","Bw17bha","vfts7","xrcqlc","Ihftqj","Bcgy8vk","Bhxzhr1","d9w3h3","B3778ie","B4j8arr","Bl18szs","Blrzh8d","Bwr1qzv","focused","Brovlpu","B486eqv","B8q5s1w","Bci5o5g","n8qw10","Bdrgwmp","Bb7d1vk","zhwhgb","dhy2o1","Gfyso","Bm4h7ae","B7ys5i9","Busjfv9","Bhk32uz","f6g5ot","Boxcth7","Bhdgwq3","hgwjuy","Bshpdp8","Bsom6fd","Blkhhs4","Bonggc9","Ddfuxk","i03rao","kclons","clg4pj","Bpqj9nj","B6dhp37","Bf4ptjt","Bqtpl0w","i4rwgc","Dah5zi","B1tsrr9","qqdqy8","Bkh64rk","e3fwne","J0r882","Bule8hv","Bjwuhne","Ghsupd","selectableFocused","Bssx7fj","uh7if5","clntm0","Dlk2r6","Bm3wd5j","Bbrhkcr","f1oku","aywvf2","B2j2mmj","wigs8","pbfy6t","B0v4ure","Byrf0fs","Bsiemmq","Bwckmig","skfxo0","Iidy0u","B98u21t","Bvwlmkc","jo1ztg","Ba1iezr","Blmvk6g","B24cy0v","Bil7v7r","Br3gin4","nr063g","ghq09","Bbgo44z","Bseh09z","az1dzo","Ba3ybja","B6352mv","vppk2z","Biaj6j7","B2pnrqr","B29w5g4","Bhhzhcn","Bec0n69","orientationHorizontal","Beiy3e4","Bt984gj","Binpb3b","qrt8p2","k6ws3r","Btcwela","Fer9m8","orientationVertical","B5nvv7i","Baxg94k","tn21ii","B0ud6bj","Bgdo4j","sizeSmall","B7balbw","B1h88n7","sizeMedium","sizeLarge","filled","De3pzq","E5pizo","B0n5ga8","s924m2","B1q35kw","Gp14am","filledInteractive","Bceei9c","Jwef8y","Bvxd0ez","ecr2s2","filledInteractiveSelected","filledAlternative","filledAlternativeInteractive","filledAlternativeInteractiveSelected","outline","outlineInteractive","Be0v6ae","B5kxglz","B3pwyw6","Bymgtzf","dmfk","B4ofi8","jgq6uv","Baxewws","outlineInteractiveSelected","subtle","subtleInteractive","subtleInteractiveSelected","highContrastSelected","ycbfsm","Bsw6fvg","Bbusuzp","xgfqdd","Bmmdzwq","zkpvhj","B20bydw","Bwwwggl","highContrastInteractive","h1vhog","kslmdy","Baaf6ca","x9zz3d","select","Bhzewxz","j35jbq","Bj3rh1h","hiddenCheckbox","a9b677","Bqenvij","Bh84pgu","Bgl5zvf","Huce71","d","p","f","i","m","h","a","state","styles","orientationMap","horizontal","vertical","sizeMap","small","medium","large","appearanceMap","selectedMap","interactiveMap","isSelectableOrInteractive","interactive","selectable","focusedClassName","React","useMemo","selectFocused","className","mergeClasses","orientation","size","appearance","selected"],"mappings":"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"}
1	+ {"version":3,"sources":["useCardStyles.styles.js"],"sourcesContent":["import { shorthands, __styles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport { createFocusOutlineStyle } from '@fluentui/react-tabster';\nimport { cardPreviewClassNames } from '../CardPreview/useCardPreviewStyles.styles';\nimport { cardHeaderClassNames } from '../CardHeader/useCardHeaderStyles.styles';\nimport { cardFooterClassNames } from '../CardFooter/useCardFooterStyles.styles';\nimport * as React from 'react';\n/*\n Static CSS class names used internally for the component slots.\n /\nexport const cardClassNames = {\n root: 'fui-Card',\n floatingAction: 'fui-Card__floatingAction',\n checkbox: 'fui-Card__checkbox'\n};\n/\n CSS variable names used internally for uniform styling in Card.\n /\nexport const cardCSSVars = {\n cardSizeVar: '--fui-Card--size',\n cardBorderRadiusVar: '--fui-Card--border-radius'\n};\nconst focusOutlineStyle = {\n outlineRadius: `var(${cardCSSVars.cardBorderRadiusVar})`,\n outlineWidth: tokens.strokeWidthThick,\n outlineOffset: '-2px'\n};\nconst useStyles = /#__PURE__/__styles({\n root: {\n B68tc82: 0,\n Bmxbyg5: 0,\n Bpg54ce: \"f1a3p1vp\",\n Beyfa6y: 0,\n Bbmb7ep: 0,\n Btl43ni: 0,\n B7oj6ja: 0,\n Dimara: \"flpxrij\",\n Byoj8tv: 0,\n uwmqm3: 0,\n z189sj: 0,\n z8tnut: 0,\n B0ocmuz: \"fi54ll6\",\n i8kkvl: 0,\n Belr9w4: 0,\n rmohyg: \"fs0zar4\",\n mc9l5x: \"f22iagw\",\n qhf8xq: \"f10pi13n\",\n B7ck84d: \"f1ewtqcl\",\n sj55zd: \"f19n0e5\",\n E3zdtr: \"f1mdlcz9\",\n bn5sak: \"frwkxtg\",\n Eqx8gd: [\"f1n6gb5g\", \"f15yvnhg\"],\n B1piin3: [\"f15yvnhg\", \"f1n6gb5g\"],\n By385i5: \"fo72kxq\",\n Bsft5z2: \"f13zj6fq\",\n B80jsxd: \"f1nwj1ja\",\n Bm2nyyq: \"f8rth92\",\n Barhvk9: [\"flthirb\", \"ftkbnf5\"],\n Bw17bha: \"f1lh990p\",\n vfts7: [\"ftkbnf5\", \"flthirb\"],\n xrcqlc: \"f6czdpx\",\n Ihftqj: [\"f13hvwk3\", \"f1en4csx\"],\n Bcgy8vk: \"f1i1u9k0\",\n Bhxzhr1: [\"f1en4csx\", \"f13hvwk3\"],\n d9w3h3: 0,\n B3778ie: 0,\n B4j8arr: 0,\n Bl18szs: 0,\n Blrzh8d: \"fw3u9gn\",\n Bwr1qzv: \"fnk4z59\"\n },\n focused: {\n Brovlpu: \"ftqa4ok\",\n B486eqv: \"f2hkw1w\",\n B8q5s1w: \"f8hki3x\",\n Bci5o5g: [\"f1d2448m\", \"ffh67wi\"],\n n8qw10: \"f1bjia2o\",\n Bdrgwmp: [\"ffh67wi\", \"f1d2448m\"],\n Bb7d1vk: \"f226i61\",\n zhwhgb: [\"f13kzufm\", \"fsx75g8\"],\n dhy2o1: \"flujwa2\",\n Gfyso: [\"fsx75g8\", \"f13kzufm\"],\n Bm4h7ae: \"f15bsgw9\",\n B7ys5i9: \"f14e48fq\",\n Busjfv9: \"f18yb2kv\",\n Bhk32uz: \"fd6o370\",\n f6g5ot: 0,\n Boxcth7: 0,\n Bhdgwq3: 0,\n hgwjuy: 0,\n Bshpdp8: 0,\n Bsom6fd: 0,\n Blkhhs4: 0,\n Bonggc9: 0,\n Ddfuxk: 0,\n i03rao: 0,\n kclons: 0,\n clg4pj: 0,\n Bpqj9nj: 0,\n B6dhp37: 0,\n Bf4ptjt: 0,\n Bqtpl0w: 0,\n i4rwgc: \"fpqizxz\",\n Dah5zi: 0,\n B1tsrr9: 0,\n qqdqy8: 0,\n Bkh64rk: 0,\n e3fwne: \"fnd8nzh\",\n J0r882: \"f15fr7a0\",\n Bule8hv: [\"fwsq40z\", \"fy0y4wt\"],\n Bjwuhne: \"f34ld9f\",\n Ghsupd: [\"fy0y4wt\", \"fwsq40z\"]\n },\n selectableFocused: {\n Brovlpu: \"ftqa4ok\",\n B486eqv: \"f2hkw1w\",\n Bssx7fj: \"f1b1k54r\",\n uh7if5: [\"f4ne723\", \"fqqcjud\"],\n clntm0: \"fh7aioi\",\n Dlk2r6: [\"fqqcjud\", \"f4ne723\"],\n Bm3wd5j: \"f1k55ka9\",\n Bbrhkcr: [\"fgclinu\", \"f16pcs8n\"],\n f1oku: \"fycbxed\",\n aywvf2: [\"f16pcs8n\", \"fgclinu\"],\n B2j2mmj: \"ffht0p2\",\n wigs8: \"f1p0ul1q\",\n pbfy6t: \"f1c901ms\",\n B0v4ure: \"f1alokd7\",\n Byrf0fs: 0,\n Bsiemmq: 0,\n Bwckmig: 0,\n skfxo0: 0,\n Iidy0u: 0,\n B98u21t: 0,\n Bvwlmkc: 0,\n jo1ztg: 0,\n Ba1iezr: 0,\n Blmvk6g: 0,\n B24cy0v: 0,\n Bil7v7r: 0,\n Br3gin4: 0,\n nr063g: 0,\n ghq09: 0,\n Bbgo44z: 0,\n Bseh09z: \"f1i978nd\",\n az1dzo: 0,\n Ba3ybja: 0,\n B6352mv: 0,\n vppk2z: 0,\n Biaj6j7: \"f1nh8hsq\",\n B2pnrqr: \"f1amxum7\",\n B29w5g4: [\"f1cec8w7\", \"f554mv0\"],\n Bhhzhcn: \"f1sj6kbr\",\n Bec0n69: [\"f554mv0\", \"f1cec8w7\"]\n },\n orientationHorizontal: {\n Beiy3e4: \"f1063pyq\",\n Bt984gj: \"f122n59\",\n Binpb3b: \"ftrw7vg\",\n qrt8p2: \"f18opajm\",\n k6ws3r: [\"f13002it\", \"fqo182t\"],\n Btcwela: [\"f18yna97\", \"f1kd6wh7\"],\n Fer9m8: \"f4i4759\"\n },\n orientationVertical: {\n Beiy3e4: \"f1vx9l62\",\n B5nvv7i: [\"f14k419y\", \"f1fgo9fz\"],\n Baxg94k: [\"f1fgo9fz\", \"f14k419y\"],\n tn21ii: \"fvqmfsm\",\n B0ud6bj: \"f3am6yf\",\n Bgdo4j: \"f1r5wgso\"\n },\n sizeSmall: {\n B7balbw: \"f1pi9uxy\",\n B1h88n7: \"f1h1zgly\"\n },\n sizeMedium: {\n B7balbw: \"frsmuga\",\n B1h88n7: \"fuldkky\"\n },\n sizeLarge: {\n B7balbw: \"f1qua4xo\",\n B1h88n7: \"fimkt6v\"\n },\n filled: {\n De3pzq: \"fxugw4r\",\n E5pizo: \"f1whvlc6\",\n B0n5ga8: \"f16gxe2i\",\n s924m2: [\"fpgykix\", \"fzybk4o\"],\n B1q35kw: \"f1osi826\",\n Gp14am: [\"fzybk4o\", \"fpgykix\"]\n },\n filledInteractive: {\n Bceei9c: \"f1k6fduh\",\n De3pzq: \"fxugw4r\",\n E5pizo: \"f1whvlc6\",\n B0n5ga8: \"f16gxe2i\",\n s924m2: [\"fpgykix\", \"fzybk4o\"],\n B1q35kw: \"f1osi826\",\n Gp14am: [\"fzybk4o\", \"fpgykix\"],\n Jwef8y: \"f1knas48\",\n Bvxd0ez: \"f1m145df\",\n ecr2s2: \"fb40n2d\"\n },\n filledInteractiveSelected: {\n De3pzq: \"f1nfm20t\",\n B0n5ga8: \"f16eln5f\",\n s924m2: [\"fa2okxs\", \"fg4zq3l\"],\n B1q35kw: \"ff6932p\",\n Gp14am: [\"fg4zq3l\", \"fa2okxs\"],\n Jwef8y: \"f1kz6goq\"\n },\n filledAlternative: {\n De3pzq: \"f1dmdbja\",\n E5pizo: \"f1whvlc6\",\n B0n5ga8: \"f16gxe2i\",\n s924m2: [\"fpgykix\", \"fzybk4o\"],\n B1q35kw: \"f1osi826\",\n Gp14am: [\"fzybk4o\", \"fpgykix\"]\n },\n filledAlternativeInteractive: {\n Bceei9c: \"f1k6fduh\",\n De3pzq: \"f1dmdbja\",\n E5pizo: \"f1whvlc6\",\n B0n5ga8: \"f16gxe2i\",\n s924m2: [\"fpgykix\", \"fzybk4o\"],\n B1q35kw: \"f1osi826\",\n Gp14am: [\"fzybk4o\", \"fpgykix\"],\n Jwef8y: \"f1uvynv3\",\n Bvxd0ez: \"f1m145df\",\n ecr2s2: \"f1yhgkbh\"\n },\n filledAlternativeInteractiveSelected: {\n De3pzq: \"fjxa0vh\",\n B0n5ga8: \"f16eln5f\",\n s924m2: [\"fa2okxs\", \"fg4zq3l\"],\n B1q35kw: \"ff6932p\",\n Gp14am: [\"fg4zq3l\", \"fa2okxs\"],\n Jwef8y: \"fehi0vp\"\n },\n outline: {\n De3pzq: \"f1c21dwh\",\n E5pizo: \"f1couhl3\",\n B0n5ga8: \"ft83z1f\",\n s924m2: [\"f1g4150c\", \"f192dr6e\"],\n B1q35kw: \"f1qnawh6\",\n Gp14am: [\"f192dr6e\", \"f1g4150c\"]\n },\n outlineInteractive: {\n Bceei9c: \"f1k6fduh\",\n De3pzq: \"f1c21dwh\",\n E5pizo: \"f1couhl3\",\n B0n5ga8: \"ft83z1f\",\n s924m2: [\"f1g4150c\", \"f192dr6e\"],\n B1q35kw: \"f1qnawh6\",\n Gp14am: [\"f192dr6e\", \"f1g4150c\"],\n Jwef8y: \"fjxutwb\",\n Be0v6ae: \"f1llr77y\",\n B5kxglz: [\"fzk0khw\", \"fjj8tog\"],\n B3pwyw6: \"fb1u8ub\",\n Bymgtzf: [\"fjj8tog\", \"fzk0khw\"],\n ecr2s2: \"fophhak\",\n dmfk: \"f1uohb70\",\n B4ofi8: [\"f1jm7v1n\", \"f1bus3rq\"],\n jgq6uv: \"f1fbu7rr\",\n Baxewws: [\"f1bus3rq\", \"f1jm7v1n\"]\n },\n outlineInteractiveSelected: {\n De3pzq: \"f1q9pm1r\",\n B0n5ga8: \"f16eln5f\",\n s924m2: [\"fa2okxs\", \"fg4zq3l\"],\n B1q35kw: \"ff6932p\",\n Gp14am: [\"fg4zq3l\", \"fa2okxs\"],\n Jwef8y: \"fg59vm4\"\n },\n subtle: {\n De3pzq: \"fhovq9v\",\n E5pizo: \"f1couhl3\",\n B0n5ga8: \"f16gxe2i\",\n s924m2: [\"fpgykix\", \"fzybk4o\"],\n B1q35kw: \"f1osi826\",\n Gp14am: [\"fzybk4o\", \"fpgykix\"]\n },\n subtleInteractive: {\n Bceei9c: \"f1k6fduh\",\n De3pzq: \"fhovq9v\",\n E5pizo: \"f1couhl3\",\n B0n5ga8: \"f16gxe2i\",\n s924m2: [\"fpgykix\", \"fzybk4o\"],\n B1q35kw: \"f1osi826\",\n Gp14am: [\"fzybk4o\", \"fpgykix\"],\n Jwef8y: \"f1t94bn6\",\n ecr2s2: \"f1wfn5kd\"\n },\n subtleInteractiveSelected: {\n De3pzq: \"fq5gl1p\",\n B0n5ga8: \"f16eln5f\",\n s924m2: [\"fa2okxs\", \"fg4zq3l\"],\n B1q35kw: \"ff6932p\",\n Gp14am: [\"fg4zq3l\", \"fa2okxs\"],\n Jwef8y: \"f1uqaxdt\"\n },\n highContrastSelected: {\n ycbfsm: \"fkc42ay\",\n Bsw6fvg: \"f1rirnrt\",\n Bbusuzp: \"f1lkg8j3\",\n xgfqdd: \"f1nkj0oa\",\n Bmmdzwq: \"fey3rwa\",\n zkpvhj: [\"f5jhx11\", \"fff9uym\"],\n B20bydw: \"fm7n0jy\",\n Bwwwggl: [\"fff9uym\", \"f5jhx11\"]\n },\n highContrastInteractive: {\n h1vhog: \"fpfvv3l\",\n kslmdy: \"f1oamsm6\",\n Baaf6ca: \"f1il21bs\",\n x9zz3d: \"fnn5dk0\",\n Bmmdzwq: \"fey3rwa\",\n zkpvhj: [\"f5jhx11\", \"fff9uym\"],\n B20bydw: \"fm7n0jy\",\n Bwwwggl: [\"fff9uym\", \"f5jhx11\"]\n },\n select: {\n qhf8xq: \"f1euv43f\",\n Bhzewxz: \"fqclxi7\",\n j35jbq: [\"fiv86kb\", \"f36uhnt\"],\n Bj3rh1h: \"f19g0ac\"\n },\n hiddenCheckbox: {\n B68tc82: 0,\n Bmxbyg5: 0,\n Bpg54ce: \"f1a3p1vp\",\n a9b677: \"frkrog8\",\n Bqenvij: \"f1mpe4l3\",\n qhf8xq: \"f1euv43f\",\n Bh84pgu: \"fmf1zke\",\n Bgl5zvf: \"f1wch0ki\",\n Huce71: \"fz5stix\"\n }\n}, {\n d: [[\".f1a3p1vp{overflow:hidden;}\", {\n p: -1\n }], [\".flpxrij{border-radius:var(--fui-Card--border-radius);}\", {\n p: -1\n }], [\".fi54ll6{padding:var(--fui-Card--size);}\", {\n p: -1\n }], [\".fs0zar4{gap:var(--fui-Card--size);}\", {\n p: -1\n }], \".f22iagw{display:flex;}\", \".f10pi13n{position:relative;}\", \".f1ewtqcl{box-sizing:border-box;}\", \".f19n0e5{color:var(--colorNeutralForeground1);}\", \".f1mdlcz9::after{position:absolute;}\", \".frwkxtg::after{top:0;}\", \".f1n6gb5g::after{left:0;}\", \".f15yvnhg::after{right:0;}\", \".fo72kxq::after{bottom:0;}\", \".f13zj6fq::after{content:\\\"\\\";}\", \".f1nwj1ja::after{pointer-events:none;}\", \".f8rth92::after{border-top-style:solid;}\", \".flthirb::after{border-right-style:solid;}\", \".ftkbnf5::after{border-left-style:solid;}\", \".f1lh990p::after{border-bottom-style:solid;}\", \".f6czdpx::after{border-top-width:var(--strokeWidthThin);}\", \".f13hvwk3::after{border-right-width:var(--strokeWidthThin);}\", \".f1en4csx::after{border-left-width:var(--strokeWidthThin);}\", \".f1i1u9k0::after{border-bottom-width:var(--strokeWidthThin);}\", [\".fw3u9gn::after{border-radius:var(--fui-Card--border-radius);}\", {\n p: -1\n }], \".fnk4z59>.fui-CardHeader,.fnk4z59>.fui-CardFooter{flex-shrink:0;}\", \".f8hki3x[data-fui-focus-visible]{border-top-color:transparent;}\", \".f1d2448m[data-fui-focus-visible]{border-right-color:transparent;}\", \".ffh67wi[data-fui-focus-visible]{border-left-color:transparent;}\", \".f1bjia2o[data-fui-focus-visible]{border-bottom-color:transparent;}\", \".f15bsgw9[data-fui-focus-visible]::after{content:\\\"\\\";}\", \".f14e48fq[data-fui-focus-visible]::after{position:absolute;}\", \".f18yb2kv[data-fui-focus-visible]::after{pointer-events:none;}\", \".fd6o370[data-fui-focus-visible]::after{z-index:1;}\", [\".fpqizxz[data-fui-focus-visible]::after{border:var(--strokeWidthThick) solid var(--colorStrokeFocus2);}\", {\n p: -2\n }], [\".fnd8nzh[data-fui-focus-visible]::after{border-radius:var(--fui-Card--border-radius);}\", {\n p: -1\n }], \".f15fr7a0[data-fui-focus-visible]::after{top:calc(0px - var(--strokeWidthThick) - -2px);}\", \".fwsq40z[data-fui-focus-visible]::after{right:calc(0px - var(--strokeWidthThick) - -2px);}\", \".fy0y4wt[data-fui-focus-visible]::after{left:calc(0px - var(--strokeWidthThick) - -2px);}\", \".f34ld9f[data-fui-focus-visible]::after{bottom:calc(0px - var(--strokeWidthThick) - -2px);}\", \".f1b1k54r[data-fui-focus-within]:focus-within{border-top-color:transparent;}\", \".f4ne723[data-fui-focus-within]:focus-within{border-right-color:transparent;}\", \".fqqcjud[data-fui-focus-within]:focus-within{border-left-color:transparent;}\", \".fh7aioi[data-fui-focus-within]:focus-within{border-bottom-color:transparent;}\", \".ffht0p2[data-fui-focus-within]:focus-within::after{content:\\\"\\\";}\", \".f1p0ul1q[data-fui-focus-within]:focus-within::after{position:absolute;}\", \".f1c901ms[data-fui-focus-within]:focus-within::after{pointer-events:none;}\", \".f1alokd7[data-fui-focus-within]:focus-within::after{z-index:1;}\", [\".f1i978nd[data-fui-focus-within]:focus-within::after{border:var(--strokeWidthThick) solid var(--colorStrokeFocus2);}\", {\n p: -2\n }], [\".f1nh8hsq[data-fui-focus-within]:focus-within::after{border-radius:var(--fui-Card--border-radius);}\", {\n p: -1\n }], \".f1amxum7[data-fui-focus-within]:focus-within::after{top:calc(0px - var(--strokeWidthThick) - -2px);}\", \".f1cec8w7[data-fui-focus-within]:focus-within::after{right:calc(0px - var(--strokeWidthThick) - -2px);}\", \".f554mv0[data-fui-focus-within]:focus-within::after{left:calc(0px - var(--strokeWidthThick) - -2px);}\", \".f1sj6kbr[data-fui-focus-within]:focus-within::after{bottom:calc(0px - var(--strokeWidthThick) - -2px);}\", \".f1063pyq{flex-direction:row;}\", \".f122n59{align-items:center;}\", \".ftrw7vg>.fui-CardPreview{margin-top:calc(var(--fui-Card--size) -1);}\", \".f18opajm>.fui-CardPreview{margin-bottom:calc(var(--fui-Card--size) * -1);}\", \".f13002it>:not([aria-hidden=\\\"true\\\"]).fui-CardPreview:first-of-type{margin-left:calc(var(--fui-Card--size) * -1);}\", \".fqo182t>:not([aria-hidden=\\\"true\\\"]).fui-CardPreview:first-of-type{margin-right:calc(var(--fui-Card--size) * -1);}\", \".f18yna97>:not([aria-hidden=\\\"true\\\"]).fui-CardPreview:last-of-type{margin-right:calc(var(--fui-Card--size) * -1);}\", \".f1kd6wh7>:not([aria-hidden=\\\"true\\\"]).fui-CardPreview:last-of-type{margin-left:calc(var(--fui-Card--size) * -1);}\", \".f4i4759>.fui-CardHeader:last-of-type,.f4i4759>.fui-CardFooter:last-of-type{flex-grow:1;}\", \".f1vx9l62{flex-direction:column;}\", \".f14k419y>.fui-CardPreview{margin-left:calc(var(--fui-Card--size) * -1);}\", \".f1fgo9fz>.fui-CardPreview{margin-right:calc(var(--fui-Card--size) * -1);}\", \".fvqmfsm>:not([aria-hidden=\\\"true\\\"]).fui-CardPreview:first-of-type{margin-top:calc(var(--fui-Card--size) * -1);}\", \".f3am6yf>.fui-Card__floatingAction+.fui-CardPreview{margin-top:calc(var(--fui-Card--size) * -1);}\", \".f1r5wgso>:not([aria-hidden=\\\"true\\\"]).fui-CardPreview:last-of-type{margin-bottom:calc(var(--fui-Card--size) * -1);}\", \".f1pi9uxy{--fui-Card--size:8px;}\", \".f1h1zgly{--fui-Card--border-radius:var(--borderRadiusSmall);}\", \".frsmuga{--fui-Card--size:12px;}\", \".fuldkky{--fui-Card--border-radius:var(--borderRadiusMedium);}\", \".f1qua4xo{--fui-Card--size:16px;}\", \".fimkt6v{--fui-Card--border-radius:var(--borderRadiusLarge);}\", \".fxugw4r{background-color:var(--colorNeutralBackground1);}\", \".f1whvlc6{box-shadow:var(--shadow4);}\", \".f16gxe2i::after{border-top-color:var(--colorTransparentStroke);}\", \".fpgykix::after{border-right-color:var(--colorTransparentStroke);}\", \".fzybk4o::after{border-left-color:var(--colorTransparentStroke);}\", \".f1osi826::after{border-bottom-color:var(--colorTransparentStroke);}\", \".f1k6fduh{cursor:pointer;}\", \".f1nfm20t{background-color:var(--colorNeutralBackground1Selected);}\", \".f16eln5f::after{border-top-color:var(--colorNeutralStroke1Selected);}\", \".fa2okxs::after{border-right-color:var(--colorNeutralStroke1Selected);}\", \".fg4zq3l::after{border-left-color:var(--colorNeutralStroke1Selected);}\", \".ff6932p::after{border-bottom-color:var(--colorNeutralStroke1Selected);}\", \".f1dmdbja{background-color:var(--colorNeutralBackground2);}\", \".fjxa0vh{background-color:var(--colorNeutralBackground2Selected);}\", \".f1c21dwh{background-color:var(--colorTransparentBackground);}\", \".f1couhl3{box-shadow:none;}\", \".ft83z1f::after{border-top-color:var(--colorNeutralStroke1);}\", \".f1g4150c::after{border-right-color:var(--colorNeutralStroke1);}\", \".f192dr6e::after{border-left-color:var(--colorNeutralStroke1);}\", \".f1qnawh6::after{border-bottom-color:var(--colorNeutralStroke1);}\", \".f1q9pm1r{background-color:var(--colorTransparentBackgroundSelected);}\", \".fhovq9v{background-color:var(--colorSubtleBackground);}\", \".fq5gl1p{background-color:var(--colorSubtleBackgroundSelected);}\", \".f1euv43f{position:absolute;}\", \".fqclxi7{top:4px;}\", \".fiv86kb{right:4px;}\", \".f36uhnt{left:4px;}\", \".f19g0ac{z-index:1;}\", [\".f1a3p1vp{overflow:hidden;}\", {\n p: -1\n }], \".frkrog8{width:1px;}\", \".f1mpe4l3{height:1px;}\", \".fmf1zke{clip:rect(0 0 0 0);}\", \".f1wch0ki{clip-path:inset(50%);}\", \".fz5stix{white-space:nowrap;}\"],\n f: [\".ftqa4ok:focus{outline-style:none;}\"],\n i: [\".f2hkw1w:focus-visible{outline-style:none;}\"],\n m: [[\"@media (forced-colors: active){.f226i61[data-fui-focus-visible]::after{border-top-color:Highlight;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f13kzufm[data-fui-focus-visible]::after{border-right-color:Highlight;}.fsx75g8[data-fui-focus-visible]::after{border-left-color:Highlight;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.flujwa2[data-fui-focus-visible]::after{border-bottom-color:Highlight;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f1k55ka9[data-fui-focus-within]:focus-within::after{border-top-color:Highlight;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f16pcs8n[data-fui-focus-within]:focus-within::after{border-left-color:Highlight;}.fgclinu[data-fui-focus-within]:focus-within::after{border-right-color:Highlight;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.fycbxed[data-fui-focus-within]:focus-within::after{border-bottom-color:Highlight;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.fkc42ay{forced-color-adjust:none;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f1rirnrt{background-color:Highlight;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f1lkg8j3{color:HighlightText;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f1nkj0oa .fui-CardPreview,.f1nkj0oa .fui-CardFooter{forced-color-adjust:auto;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.fey3rwa::after{border-top-color:Highlight;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f5jhx11::after{border-right-color:Highlight;}.fff9uym::after{border-left-color:Highlight;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.fm7n0jy::after{border-bottom-color:Highlight;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.fpfvv3l:hover,.fpfvv3l :active{forced-color-adjust:none;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f1oamsm6:hover,.f1oamsm6 :active{background-color:Highlight;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f1il21bs:hover,.f1il21bs :active{color:HighlightText;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.fnn5dk0:hover .fui-CardPreview,.fnn5dk0 :active .fui-CardPreview,.fnn5dk0:hover .fui-CardFooter,.fnn5dk0 :active .fui-CardFooter{forced-color-adjust:auto;}}\", {\n m: \"(forced-colors: active)\"\n }]],\n h: [\".f1knas48:hover{background-color:var(--colorNeutralBackground1Hover);}\", \".f1m145df:hover{box-shadow:var(--shadow8);}\", \".f1kz6goq:hover{background-color:var(--colorNeutralBackground1Selected);}\", \".f1uvynv3:hover{background-color:var(--colorNeutralBackground2Hover);}\", \".fehi0vp:hover{background-color:var(--colorNeutralBackground2Selected);}\", \".fjxutwb:hover{background-color:var(--colorTransparentBackgroundHover);}\", \".f1llr77y:hover::after{border-top-color:var(--colorNeutralStroke1Hover);}\", \".fzk0khw:hover::after{border-right-color:var(--colorNeutralStroke1Hover);}\", \".fjj8tog:hover::after{border-left-color:var(--colorNeutralStroke1Hover);}\", \".fb1u8ub:hover::after{border-bottom-color:var(--colorNeutralStroke1Hover);}\", \".fg59vm4:hover{background-color:var(--colorTransparentBackgroundSelected);}\", \".f1t94bn6:hover{background-color:var(--colorSubtleBackgroundHover);}\", \".f1uqaxdt:hover{background-color:var(--colorSubtleBackgroundSelected);}\"],\n a: [\".fb40n2d:active{background-color:var(--colorNeutralBackground1Pressed);}\", \".f1yhgkbh:active{background-color:var(--colorNeutralBackground2Pressed);}\", \".fophhak:active{background-color:var(--colorTransparentBackgroundPressed);}\", \".f1uohb70:active::after{border-top-color:var(--colorNeutralStroke1Pressed);}\", \".f1jm7v1n:active::after{border-right-color:var(--colorNeutralStroke1Pressed);}\", \".f1bus3rq:active::after{border-left-color:var(--colorNeutralStroke1Pressed);}\", \".f1fbu7rr:active::after{border-bottom-color:var(--colorNeutralStroke1Pressed);}\", \".f1wfn5kd:active{background-color:var(--colorSubtleBackgroundPressed);}\"]\n});\n/*\n Apply styling to the Card slots based on the state.\n */\nexport const useCardStyles_unstable = state => {\n 'use no memo';\n\n const styles = useStyles();\n const orientationMap = {\n horizontal: styles.orientationHorizontal,\n vertical: styles.orientationVertical\n };\n const sizeMap = {\n small: styles.sizeSmall,\n medium: styles.sizeMedium,\n large: styles.sizeLarge\n };\n const appearanceMap = {\n filled: styles.filled,\n 'filled-alternative': styles.filledAlternative,\n outline: styles.outline,\n subtle: styles.subtle\n };\n const selectedMap = {\n filled: styles.filledInteractiveSelected,\n 'filled-alternative': styles.filledAlternativeInteractiveSelected,\n outline: styles.outlineInteractiveSelected,\n subtle: styles.subtleInteractiveSelected\n };\n const interactiveMap = {\n filled: styles.filledInteractive,\n 'filled-alternative': styles.filledAlternativeInteractive,\n outline: styles.outlineInteractive,\n subtle: styles.subtleInteractive\n };\n const isSelectableOrInteractive = state.interactive \|\| state.selectable;\n const focusedClassName = React.useMemo(() => {\n if (state.selectable) {\n if (state.selectFocused) {\n return styles.selectableFocused;\n }\n return '';\n }\n return styles.focused;\n }, [state.selectFocused, state.selectable, styles.focused, styles.selectableFocused]);\n state.root.className = mergeClasses(cardClassNames.root, styles.root, orientationMap[state.orientation], sizeMap[state.size], appearanceMap[state.appearance], isSelectableOrInteractive && interactiveMap[state.appearance], state.selected && selectedMap[state.appearance],\n // Focus overrides\n focusedClassName,\n // High contrast overrides\n isSelectableOrInteractive && styles.highContrastInteractive, state.selected && styles.highContrastSelected, state.root.className);\n if (state.floatingAction) {\n state.floatingAction.className = mergeClasses(cardClassNames.floatingAction, styles.select, state.floatingAction.className);\n }\n if (state.checkbox) {\n state.checkbox.className = mergeClasses(cardClassNames.checkbox, styles.hiddenCheckbox, state.checkbox.className);\n }\n return state;\n};\n//# sourceMappingURL=useCardStyles.styles.js.map"],"names":["cardClassNames","cardCSSVars","useCardStyles_unstable","root","floatingAction","checkbox","cardSizeVar","cardBorderRadiusVar","focusOutlineStyle","outlineRadius","outlineWidth","tokens","strokeWidthThick","outlineOffset","useStyles","__styles","B68tc82","Bmxbyg5","Bpg54ce","Beyfa6y","Bbmb7ep","Btl43ni","B7oj6ja","Dimara","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","i8kkvl","Belr9w4","rmohyg","mc9l5x","qhf8xq","B7ck84d","sj55zd","E3zdtr","bn5sak","Eqx8gd","B1piin3","By385i5","Bsft5z2","B80jsxd","Bm2nyyq","Barhvk9","Bw17bha","vfts7","xrcqlc","Ihftqj","Bcgy8vk","Bhxzhr1","d9w3h3","B3778ie","B4j8arr","Bl18szs","Blrzh8d","Bwr1qzv","focused","Brovlpu","B486eqv","B8q5s1w","Bci5o5g","n8qw10","Bdrgwmp","Bb7d1vk","zhwhgb","dhy2o1","Gfyso","Bm4h7ae","B7ys5i9","Busjfv9","Bhk32uz","f6g5ot","Boxcth7","Bhdgwq3","hgwjuy","Bshpdp8","Bsom6fd","Blkhhs4","Bonggc9","Ddfuxk","i03rao","kclons","clg4pj","Bpqj9nj","B6dhp37","Bf4ptjt","Bqtpl0w","i4rwgc","Dah5zi","B1tsrr9","qqdqy8","Bkh64rk","e3fwne","J0r882","Bule8hv","Bjwuhne","Ghsupd","selectableFocused","Bssx7fj","uh7if5","clntm0","Dlk2r6","Bm3wd5j","Bbrhkcr","f1oku","aywvf2","B2j2mmj","wigs8","pbfy6t","B0v4ure","Byrf0fs","Bsiemmq","Bwckmig","skfxo0","Iidy0u","B98u21t","Bvwlmkc","jo1ztg","Ba1iezr","Blmvk6g","B24cy0v","Bil7v7r","Br3gin4","nr063g","ghq09","Bbgo44z","Bseh09z","az1dzo","Ba3ybja","B6352mv","vppk2z","Biaj6j7","B2pnrqr","B29w5g4","Bhhzhcn","Bec0n69","orientationHorizontal","Beiy3e4","Bt984gj","Binpb3b","qrt8p2","k6ws3r","Btcwela","Fer9m8","orientationVertical","B5nvv7i","Baxg94k","tn21ii","B0ud6bj","Bgdo4j","sizeSmall","B7balbw","B1h88n7","sizeMedium","sizeLarge","filled","De3pzq","E5pizo","B0n5ga8","s924m2","B1q35kw","Gp14am","filledInteractive","Bceei9c","Jwef8y","Bvxd0ez","ecr2s2","filledInteractiveSelected","filledAlternative","filledAlternativeInteractive","filledAlternativeInteractiveSelected","outline","outlineInteractive","Be0v6ae","B5kxglz","B3pwyw6","Bymgtzf","dmfk","B4ofi8","jgq6uv","Baxewws","outlineInteractiveSelected","subtle","subtleInteractive","subtleInteractiveSelected","highContrastSelected","ycbfsm","Bsw6fvg","Bbusuzp","xgfqdd","Bmmdzwq","zkpvhj","B20bydw","Bwwwggl","highContrastInteractive","h1vhog","kslmdy","Baaf6ca","x9zz3d","select","Bhzewxz","j35jbq","Bj3rh1h","hiddenCheckbox","a9b677","Bqenvij","Bh84pgu","Bgl5zvf","Huce71","d","p","f","i","m","h","a","state","styles","orientationMap","horizontal","vertical","sizeMap","small","medium","large","appearanceMap","selectedMap","interactiveMap","isSelectableOrInteractive","interactive","selectable","focusedClassName","React","useMemo","selectFocused","className","mergeClasses","orientation","size","appearance","selected"],"mappings":";;;;;;;;;;;IAUaA,cAAc;eAAdA;;IAQAC,WAAW;eAAXA;;IAkYAC,sBAAsB;eAAtBA;;;;uBApZsC;4BAC5B;kEAKA;AAIhB,MAAMF,iBAAiB;IAC5BG,MAAM;IACNC,gBAAgB;IAChBC,UAAU;AACZ;AAIO,MAAMJ,cAAc;IACzBK,aAAa;IACbC,qBAAqB;AACvB;AACA,MAAMC,oBAAoB;IACxBC,eAAe,CAAC,IAAI,EAAER,YAAYM,mBAAmB,CAAC,CAAC,CAAC;IACxDG,cAAcC,kBAAM,CAACC,gBAAgB;IACrCC,eAAe;AACjB;AACA,MAAMC,YAAY,WAAW,GAAEC,IAAAA,eAAQ,EAAC;IACtCZ,MAAM;QACJa,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,QAAQ;QACRC,SAAS;QACTC,QAAQ;QACRC,QAAQ;QACRC,QAAQ;QACRC,SAAS;QACTC,QAAQ;QACRC,SAAS;QACTC,QAAQ;QACRC,QAAQ;QACRC,QAAQ;QACRC,SAAS;QACTC,QAAQ;QACRC,QAAQ;QACRC,QAAQ;QACRC,QAAQ;YAAC;YAAY;SAAW;QAChCC,SAAS;YAAC;YAAY;SAAW;QACjCC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,SAAS;YAAC;YAAW;SAAU;QAC/BC,SAAS;QACTC,OAAO;YAAC;YAAW;SAAU;QAC7BC,QAAQ;QACRC,QAAQ;YAAC;YAAY;SAAW;QAChCC,SAAS;QACTC,SAAS;YAAC;YAAY;SAAW;QACjCC,QAAQ;QACRC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,SAAS;IACX;IACAC,SAAS;QACPC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,SAAS;YAAC;YAAY;SAAU;QAChCC,QAAQ;QACRC,SAAS;YAAC;YAAW;SAAW;QAChCC,SAAS;QACTC,QAAQ;YAAC;YAAY;SAAU;QAC/BC,QAAQ;QACRC,OAAO;YAAC;YAAW;SAAW;QAC9BC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,QAAQ;QACRC,SAAS;QACTC,SAAS;QACTC,QAAQ;QACRC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,QAAQ;QACRC,QAAQ;QACRC,QAAQ;QACRC,QAAQ;QACRC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,QAAQ;QACRC,QAAQ;QACRC,SAAS;QACTC,QAAQ;QACRC,SAAS;QACTC,QAAQ;QACRC,QAAQ;QACRC,SAAS;YAAC;YAAW;SAAU;QAC/BC,SAAS;QACTC,QAAQ;YAAC;YAAW;SAAU;IAChC;IACAC,mBAAmB;QACjBxC,SAAS;QACTC,SAAS;QACTwC,SAAS;QACTC,QAAQ;YAAC;YAAW;SAAU;QAC9BC,QAAQ;QACRC,QAAQ;YAAC;YAAW;SAAU;QAC9BC,SAAS;QACTC,SAAS;YAAC;YAAW;SAAW;QAChCC,OAAO;QACPC,QAAQ;YAAC;YAAY;SAAU;QAC/BC,SAAS;QACTC,OAAO;QACPC,QAAQ;QACRC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,QAAQ;QACRC,QAAQ;QACRC,SAAS;QACTC,SAAS;QACTC,QAAQ;QACRC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,QAAQ;QACRC,OAAO;QACPC,SAAS;QACTC,SAAS;QACTC,QAAQ;QACRC,SAAS;QACTC,SAAS;QACTC,QAAQ;QACRC,SAAS;QACTC,SAAS;QACTC,SAAS;YAAC;YAAY;SAAU;QAChCC,SAAS;QACTC,SAAS;YAAC;YAAW;SAAW;IAClC;IACAC,uBAAuB;QACrBC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,QAAQ;QACRC,QAAQ;YAAC;YAAY;SAAU;QAC/BC,SAAS;YAAC;YAAY;SAAW;QACjCC,QAAQ;IACV;IACAC,qBAAqB;QACnBP,SAAS;QACTQ,SAAS;YAAC;YAAY;SAAW;QACjCC,SAAS;YAAC;YAAY;SAAW;QACjCC,QAAQ;QACRC,SAAS;QACTC,QAAQ;IACV;IACAC,WAAW;QACTC,SAAS;QACTC,SAAS;IACX;IACAC,YAAY;QACVF,SAAS;QACTC,SAAS;IACX;IACAE,WAAW;QACTH,SAAS;QACTC,SAAS;IACX;IACAG,QAAQ;QACNC,QAAQ;QACRC,QAAQ;QACRC,SAAS;QACTC,QAAQ;YAAC;YAAW;SAAU;QAC9BC,SAAS;QACTC,QAAQ;YAAC;YAAW;SAAU;IAChC;IACAC,mBAAmB;QACjBC,SAAS;QACTP,QAAQ;QACRC,QAAQ;QACRC,SAAS;QACTC,QAAQ;YAAC;YAAW;SAAU;QAC9BC,SAAS;QACTC,QAAQ;YAAC;YAAW;SAAU;QAC9BG,QAAQ;QACRC,SAAS;QACTC,QAAQ;IACV;IACAC,2BAA2B;QACzBX,QAAQ;QACRE,SAAS;QACTC,QAAQ;YAAC;YAAW;SAAU;QAC9BC,SAAS;QACTC,QAAQ;YAAC;YAAW;SAAU;QAC9BG,QAAQ;IACV;IACAI,mBAAmB;QACjBZ,QAAQ;QACRC,QAAQ;QACRC,SAAS;QACTC,QAAQ;YAAC;YAAW;SAAU;QAC9BC,SAAS;QACTC,QAAQ;YAAC;YAAW;SAAU;IAChC;IACAQ,8BAA8B;QAC5BN,SAAS;QACTP,QAAQ;QACRC,QAAQ;QACRC,SAAS;QACTC,QAAQ;YAAC;YAAW;SAAU;QAC9BC,SAAS;QACTC,QAAQ;YAAC;YAAW;SAAU;QAC9BG,QAAQ;QACRC,SAAS;QACTC,QAAQ;IACV;IACAI,sCAAsC;QACpCd,QAAQ;QACRE,SAAS;QACTC,QAAQ;YAAC;YAAW;SAAU;QAC9BC,SAAS;QACTC,QAAQ;YAAC;YAAW;SAAU;QAC9BG,QAAQ;IACV;IACAO,SAAS;QACPf,QAAQ;QACRC,QAAQ;QACRC,SAAS;QACTC,QAAQ;YAAC;YAAY;SAAW;QAChCC,SAAS;QACTC,QAAQ;YAAC;YAAY;SAAW;IAClC;IACAW,oBAAoB;QAClBT,SAAS;QACTP,QAAQ;QACRC,QAAQ;QACRC,SAAS;QACTC,QAAQ;YAAC;YAAY;SAAW;QAChCC,SAAS;QACTC,QAAQ;YAAC;YAAY;SAAW;QAChCG,QAAQ;QACRS,SAAS;QACTC,SAAS;YAAC;YAAW;SAAU;QAC/BC,SAAS;QACTC,SAAS;YAAC;YAAW;SAAU;QAC/BV,QAAQ;QACRW,MAAM;QACNC,QAAQ;YAAC;YAAY;SAAW;QAChCC,QAAQ;QACRC,SAAS;YAAC;YAAY;SAAW;IACnC;IACAC,4BAA4B;QAC1BzB,QAAQ;QACRE,SAAS;QACTC,QAAQ;YAAC;YAAW;SAAU;QAC9BC,SAAS;QACTC,QAAQ;YAAC;YAAW;SAAU;QAC9BG,QAAQ;IACV;IACAkB,QAAQ;QACN1B,QAAQ;QACRC,QAAQ;QACRC,SAAS;QACTC,QAAQ;YAAC;YAAW;SAAU;QAC9BC,SAAS;QACTC,QAAQ;YAAC;YAAW;SAAU;IAChC;IACAsB,mBAAmB;QACjBpB,SAAS;QACTP,QAAQ;QACRC,QAAQ;QACRC,SAAS;QACTC,QAAQ;YAAC;YAAW;SAAU;QAC9BC,SAAS;QACTC,QAAQ;YAAC;YAAW;SAAU;QAC9BG,QAAQ;QACRE,QAAQ;IACV;IACAkB,2BAA2B;QACzB5B,QAAQ;QACRE,SAAS;QACTC,QAAQ;YAAC;YAAW;SAAU;QAC9BC,SAAS;QACTC,QAAQ;YAAC;YAAW;SAAU;QAC9BG,QAAQ;IACV;IACAqB,sBAAsB;QACpBC,QAAQ;QACRC,SAAS;QACTC,SAAS;QACTC,QAAQ;QACRC,SAAS;QACTC,QAAQ;YAAC;YAAW;SAAU;QAC9BC,SAAS;QACTC,SAAS;YAAC;YAAW;SAAU;IACjC;IACAC,yBAAyB;QACvBC,QAAQ;QACRC,QAAQ;QACRC,SAAS;QACTC,QAAQ;QACRR,SAAS;QACTC,QAAQ;YAAC;YAAW;SAAU;QAC9BC,SAAS;QACTC,SAAS;YAAC;YAAW;SAAU;IACjC;IACAM,QAAQ;QACNvK,QAAQ;QACRwK,SAAS;QACTC,QAAQ;YAAC;YAAW;SAAU;QAC9BC,SAAS;IACX;IACAC,gBAAgB;QACd5L,SAAS;QACTC,SAAS;QACTC,SAAS;QACT2L,QAAQ;QACRC,SAAS;QACT7K,QAAQ;QACR8K,SAAS;QACTC,SAAS;QACTC,QAAQ;IACV;AACF,GAAG;IACDC,GAAG;QAAC;YAAC;YAA+B;gBAClCC,GAAG,CAAC;YACN;SAAE;QAAE;YAAC;YAA2D;gBAC9DA,GAAG,CAAC;YACN;SAAE;QAAE;YAAC;YAA4C;gBAC/CA,GAAG,CAAC;YACN;SAAE;QAAE;YAAC;YAAwC;gBAC3CA,GAAG,CAAC;YACN;SAAE;QAAE;QAA2B;QAAiC;QAAqC;QAAmD;QAAwC;QAA2B;QAA6B;QAA8B;QAA8B;QAAmC;QAA0C;QAA4C;QAA8C;QAA6C;QAAgD;QAA6D;QAAgE;QAA+D;QAAiE;YAAC;YAAkE;gBACt3BA,GAAG,CAAC;YACN;SAAE;QAAE;QAAqE;QAAmE;QAAsE;QAAoE;QAAuE;QAA2D;QAAgE;QAAkE;QAAuD;YAAC;YAA2G;gBAC3rBA,GAAG,CAAC;YACN;SAAE;QAAE;YAAC;YAA0F;gBAC7FA,GAAG,CAAC;YACN;SAAE;QAAE;QAA6F;QAA8F;QAA6F;QAA+F;QAAgF;QAAiF;QAAgF;QAAkF;QAAsE;QAA4E;QAA8E;QAAoE;YAAC;YAAwH;gBACzlCA,GAAG,CAAC;YACN;SAAE;QAAE;YAAC;YAAuG;gBAC1GA,GAAG,CAAC;YACN;SAAE;QAAE;QAAyG;QAA2G;QAAyG;QAA4G;QAAkC;QAAiC;QAA2E;QAA+E;QAAuH;QAAuH;QAAuH;QAAsH;QAA6F;QAAqC;QAA6E;QAA8E;QAAqH;QAAqG;QAAwH;QAAoC;QAAkE;QAAoC;QAAkE;QAAqC;QAAiE;QAA8D;QAAyC;QAAqE;QAAsE;QAAqE;QAAwE;QAA8B;QAAuE;QAA0E;QAA2E;QAA0E;QAA4E;QAA+D;QAAsE;QAAkE;QAA+B;QAAiE;QAAoE;QAAmE;QAAqE;QAA0E;QAA4D;QAAoE;QAAiC;QAAsB;QAAwB;QAAuB;QAAwB;YAAC;YAA+B;gBAC9mHA,GAAG,CAAC;YACN;SAAE;QAAE;QAAwB;QAA0B;QAAiC;QAAoC;KAAgC;IAC3JC,GAAG;QAAC;KAAsC;IAC1CC,GAAG;QAAC;KAA8C;IAClDC,GAAG;QAAC;YAAC;YAAwG;gBAC3GA,GAAG;YACL;SAAE;QAAE;YAAC;YAAgL;gBACnLA,GAAG;YACL;SAAE;QAAE;YAAC;YAA2G;gBAC9GA,GAAG;YACL;SAAE;QAAE;YAAC;YAAqH;gBACxHA,GAAG;YACL;SAAE;QAAE;YAAC;YAAwM;gBAC3MA,GAAG;YACL;SAAE;QAAE;YAAC;YAAuH;gBAC1HA,GAAG;YACL;SAAE;QAAE;YAAC;YAAuE;gBAC1EA,GAAG;YACL;SAAE;QAAE;YAAC;YAA0E;gBAC7EA,GAAG;YACL;SAAE;QAAE;YAAC;YAAmE;gBACtEA,GAAG;YACL;SAAE;QAAE;YAAC;YAAmH;gBACtHA,GAAG;YACL;SAAE;QAAE;YAAC;YAAgF;gBACnFA,GAAG;YACL;SAAE;QAAE;YAAC;YAA+H;gBAClIA,GAAG;YACL;SAAE;QAAE;YAAC;YAAmF;gBACtFA,GAAG;YACL;SAAE;QAAE;YAAC;YAA8F;gBACjGA,GAAG;YACL;SAAE;QAAE;YAAC;YAAkG;gBACrGA,GAAG;YACL;SAAE;QAAE;YAAC;YAA2F;gBAC9FA,GAAG;YACL;SAAE;QAAE;YAAC;YAAgM;gBACnMA,GAAG;YACL;SAAE;KAAC;IACHC,GAAG;QAAC;QAA0E;QAA+C;QAA6E;QAA0E;QAA4E;QAA4E;QAA6E;QAA8E;QAA6E;QAA+E;QAA+E;QAAwE;KAA0E;IACp8BC,GAAG;QAAC;QAA4E;QAA6E;QAA+E;QAAgF;QAAkF;QAAiF;QAAmF;KAA0E;AAC9nB;AAIO,MAAMtN,yBAAyBuN,CAAAA;IACpC;IAEA,MAAMC,SAAS5M;IACf,MAAM6M,iBAAiB;QACrBC,YAAYF,OAAOjF,qBAAqB;QACxCoF,UAAUH,OAAOzE,mBAAmB;IACtC;IACA,MAAM6E,UAAU;QACdC,OAAOL,OAAOnE,SAAS;QACvByE,QAAQN,OAAOhE,UAAU;QACzBuE,OAAOP,OAAO/D,SAAS;IACzB;IACA,MAAMuE,gBAAgB;QACpBtE,QAAQ8D,OAAO9D,MAAM;QACrB,sBAAsB8D,OAAOjD,iBAAiB;QAC9CG,SAAS8C,OAAO9C,OAAO;QACvBW,QAAQmC,OAAOnC,MAAM;IACvB;IACA,MAAM4C,cAAc;QAClBvE,QAAQ8D,OAAOlD,yBAAyB;QACxC,sBAAsBkD,OAAO/C,oCAAoC;QACjEC,SAAS8C,OAAOpC,0BAA0B;QAC1CC,QAAQmC,OAAOjC,yBAAyB;IAC1C;IACA,MAAM2C,iBAAiB;QACrBxE,QAAQ8D,OAAOvD,iBAAiB;QAChC,sBAAsBuD,OAAOhD,4BAA4B;QACzDE,SAAS8C,OAAO7C,kBAAkB;QAClCU,QAAQmC,OAAOlC,iBAAiB;IAClC;IACA,MAAM6C,4BAA4BZ,MAAMa,WAAW,IAAIb,MAAMc,UAAU;IACvE,MAAMC,mBAAmBC,QAAMC,OAAO,CAAC;QACrC,IAAIjB,MAAMc,UAAU,EAAE;YACpB,IAAId,MAAMkB,aAAa,EAAE;gBACvB,OAAOjB,OAAOxH,iBAAiB;YACjC;YACA,OAAO;QACT;QACA,OAAOwH,OAAOjK,OAAO;IACvB,GAAG;QAACgK,MAAMkB,aAAa;QAAElB,MAAMc,UAAU;QAAEb,OAAOjK,OAAO;QAAEiK,OAAOxH,iBAAiB;KAAC;IACpFuH,MAAMtN,IAAI,CAACyO,SAAS,GAAGC,IAAAA,mBAAY,EAAC7O,eAAeG,IAAI,EAAEuN,OAAOvN,IAAI,EAAEwN,cAAc,CAACF,MAAMqB,WAAW,CAAC,EAAEhB,OAAO,CAACL,MAAMsB,IAAI,CAAC,EAAEb,aAAa,CAACT,MAAMuB,UAAU,CAAC,EAAEX,6BAA6BD,cAAc,CAACX,MAAMuB,UAAU,CAAC,EAAEvB,MAAMwB,QAAQ,IAAId,WAAW,CAACV,MAAMuB,UAAU,CAAC,EAC7Q,kBAAkB;IAClBR,kBACA,0BAA0B;IAC1BH,6BAA6BX,OAAOvB,uBAAuB,EAAEsB,MAAMwB,QAAQ,IAAIvB,OAAOhC,oBAAoB,EAAE+B,MAAMtN,IAAI,CAACyO,SAAS;IAChI,IAAInB,MAAMrN,cAAc,EAAE;QACxBqN,MAAMrN,cAAc,CAACwO,SAAS,GAAGC,IAAAA,mBAAY,EAAC7O,eAAeI,cAAc,EAAEsN,OAAOlB,MAAM,EAAEiB,MAAMrN,cAAc,CAACwO,SAAS;IAC5H;IACA,IAAInB,MAAMpN,QAAQ,EAAE;QAClBoN,MAAMpN,QAAQ,CAACuO,SAAS,GAAGC,IAAAA,mBAAY,EAAC7O,eAAeK,QAAQ,EAAEqN,OAAOd,cAAc,EAAEa,MAAMpN,QAAQ,CAACuO,SAAS;IAClH;IACA,OAAOnB;AACT,GACA,gDAAgD"}

package/lib-commonjs/components/CardFooter/useCardFooterStyles.styles.js CHANGED Viewed

@@ -94,6 +94,7 @@ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
     ]
 });
 const useCardFooterStyles_unstable = (state)=>{
+    'use no memo';
     const styles = useStyles();
     state.root.className = (0, _react.mergeClasses)(cardFooterClassNames.root, styles.root, state.root.className);
     if (state.action) {

package/lib-commonjs/components/CardFooter/useCardFooterStyles.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["useCardFooterStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses, shorthands } from '@griffel/react';\n/*\n Static CSS class names used internally for the component slots.\n /\nexport const cardFooterClassNames = {\n root: 'fui-CardFooter',\n action: 'fui-CardFooter__action'\n};\nconst useStyles = /#__PURE__/__styles({\n root: {\n mc9l5x: \"f22iagw\",\n Beiy3e4: \"f1063pyq\",\n i8kkvl: 0,\n Belr9w4: 0,\n rmohyg: \"fsbu5mz\"\n },\n action: {\n Frg6f3: [\"fcgxt0o\", \"f1ujusj6\"],\n B7frvx2: \"f1ndzpm5\",\n B06c7xf: [\"f1fkeggc\", \"f1u45u6i\"],\n B8uq84v: \"f16eyofs\",\n snkdo8: [\"f1u45u6i\", \"f1fkeggc\"],\n Bpf22ct: \"f1wkmkig\",\n apjfyd: \"f18alut9\"\n }\n}, {\n d: [\".f22iagw{display:flex;}\", \".f1063pyq{flex-direction:row;}\", [\".fsbu5mz{gap:12px;}\", {\n p: -1\n }], \".fcgxt0o{margin-left:auto;}\", \".f1ujusj6{margin-right:auto;}\"],\n m: [[\"@media (forced-colors: active){.f1ndzpm5 .fui-Button,.f1ndzpm5 .fui-Link{border-top-color:currentColor;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f1fkeggc .fui-Button,.f1fkeggc .fui-Link{border-right-color:currentColor;}.f1u45u6i .fui-Button,.f1u45u6i .fui-Link{border-left-color:currentColor;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f16eyofs .fui-Button,.f16eyofs .fui-Link{border-bottom-color:currentColor;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f1wkmkig .fui-Button,.f1wkmkig .fui-Link{color:currentColor;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f18alut9 .fui-Button,.f18alut9 .fui-Link{outline-color:currentColor;}}\", {\n m: \"(forced-colors: active)\"\n }]]\n});\n/\n Apply styling to the CardFooter slots based on the state.\n */\nexport const useCardFooterStyles_unstable = state => {\n const styles = useStyles();\n state.root.className = mergeClasses(cardFooterClassNames.root, styles.root, state.root.className);\n if (state.action) {\n state.action.className = mergeClasses(cardFooterClassNames.action, styles.action, state.action.className);\n }\n return state;\n};\n//# sourceMappingURL=useCardFooterStyles.styles.js.map"],"names":["cardFooterClassNames","useCardFooterStyles_unstable","root","action","useStyles","__styles","mc9l5x","Beiy3e4","i8kkvl","Belr9w4","rmohyg","Frg6f3","B7frvx2","B06c7xf","B8uq84v","snkdo8","Bpf22ct","apjfyd","d","p","m","state","styles","className","mergeClasses"],"mappings":";;;;;;;;;;;IAIaA,oBAAoB;eAApBA;;IAwCAC,4BAA4B;eAA5BA;;;uBA5CsC;AAI5C,MAAMD,uBAAuB;IAClCE,MAAM;IACNC,QAAQ;AACV;AACA,MAAMC,YAAY,WAAW,GAAEC,IAAAA,eAAQ,EAAC;IACtCH,MAAM;QACJI,QAAQ;QACRC,SAAS;QACTC,QAAQ;QACRC,SAAS;QACTC,QAAQ;IACV;IACAP,QAAQ;QACNQ,QAAQ;YAAC;YAAW;SAAW;QAC/BC,SAAS;QACTC,SAAS;YAAC;YAAY;SAAW;QACjCC,SAAS;QACTC,QAAQ;YAAC;YAAY;SAAW;QAChCC,SAAS;QACTC,QAAQ;IACV;AACF,GAAG;IACDC,GAAG;QAAC;QAA2B;QAAkC;YAAC;YAAuB;gBACvFC,GAAG,CAAC;YACN;SAAE;QAAE;QAA+B;KAAgC;IACnEC,GAAG;QAAC;YAAC;YAA6G;gBAChHA,GAAG;YACL;SAAE;QAAE;YAAC;YAAyL;gBAC5LA,GAAG;YACL;SAAE;QAAE;YAAC;YAAgH;gBACnHA,GAAG;YACL;SAAE;QAAE;YAAC;YAAkG;gBACrGA,GAAG;YACL;SAAE;QAAE;YAAC;YAA0G;gBAC7GA,GAAG;YACL;SAAE;KAAC;AACL;AAIO,MAAMnB,+BAA+BoB,CAAAA;IAC1C,MAAMC,SAASlB;IACfiB,MAAMnB,IAAI,CAACqB,SAAS,GAAGC,IAAAA,mBAAY,EAACxB,qBAAqBE,IAAI,EAAEoB,OAAOpB,IAAI,EAAEmB,MAAMnB,IAAI,CAACqB,SAAS;IAChG,IAAIF,MAAMlB,MAAM,EAAE;QAChBkB,MAAMlB,MAAM,CAACoB,SAAS,GAAGC,IAAAA,mBAAY,EAACxB,qBAAqBG,MAAM,EAAEmB,OAAOnB,MAAM,EAAEkB,MAAMlB,MAAM,CAACoB,SAAS;IAC1G;IACA,OAAOF;AACT,GACA,sDAAsD"}
1	+ {"version":3,"sources":["useCardFooterStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses, shorthands } from '@griffel/react';\n/*\n Static CSS class names used internally for the component slots.\n /\nexport const cardFooterClassNames = {\n root: 'fui-CardFooter',\n action: 'fui-CardFooter__action'\n};\nconst useStyles = /#__PURE__/__styles({\n root: {\n mc9l5x: \"f22iagw\",\n Beiy3e4: \"f1063pyq\",\n i8kkvl: 0,\n Belr9w4: 0,\n rmohyg: \"fsbu5mz\"\n },\n action: {\n Frg6f3: [\"fcgxt0o\", \"f1ujusj6\"],\n B7frvx2: \"f1ndzpm5\",\n B06c7xf: [\"f1fkeggc\", \"f1u45u6i\"],\n B8uq84v: \"f16eyofs\",\n snkdo8: [\"f1u45u6i\", \"f1fkeggc\"],\n Bpf22ct: \"f1wkmkig\",\n apjfyd: \"f18alut9\"\n }\n}, {\n d: [\".f22iagw{display:flex;}\", \".f1063pyq{flex-direction:row;}\", [\".fsbu5mz{gap:12px;}\", {\n p: -1\n }], \".fcgxt0o{margin-left:auto;}\", \".f1ujusj6{margin-right:auto;}\"],\n m: [[\"@media (forced-colors: active){.f1ndzpm5 .fui-Button,.f1ndzpm5 .fui-Link{border-top-color:currentColor;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f1fkeggc .fui-Button,.f1fkeggc .fui-Link{border-right-color:currentColor;}.f1u45u6i .fui-Button,.f1u45u6i .fui-Link{border-left-color:currentColor;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f16eyofs .fui-Button,.f16eyofs .fui-Link{border-bottom-color:currentColor;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f1wkmkig .fui-Button,.f1wkmkig .fui-Link{color:currentColor;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f18alut9 .fui-Button,.f18alut9 .fui-Link{outline-color:currentColor;}}\", {\n m: \"(forced-colors: active)\"\n }]]\n});\n/\n Apply styling to the CardFooter slots based on the state.\n */\nexport const useCardFooterStyles_unstable = state => {\n 'use no memo';\n\n const styles = useStyles();\n state.root.className = mergeClasses(cardFooterClassNames.root, styles.root, state.root.className);\n if (state.action) {\n state.action.className = mergeClasses(cardFooterClassNames.action, styles.action, state.action.className);\n }\n return state;\n};\n//# sourceMappingURL=useCardFooterStyles.styles.js.map"],"names":["cardFooterClassNames","useCardFooterStyles_unstable","root","action","useStyles","__styles","mc9l5x","Beiy3e4","i8kkvl","Belr9w4","rmohyg","Frg6f3","B7frvx2","B06c7xf","B8uq84v","snkdo8","Bpf22ct","apjfyd","d","p","m","state","styles","className","mergeClasses"],"mappings":";;;;;;;;;;;IAIaA,oBAAoB;eAApBA;;IAwCAC,4BAA4B;eAA5BA;;;uBA5CsC;AAI5C,MAAMD,uBAAuB;IAClCE,MAAM;IACNC,QAAQ;AACV;AACA,MAAMC,YAAY,WAAW,GAAEC,IAAAA,eAAQ,EAAC;IACtCH,MAAM;QACJI,QAAQ;QACRC,SAAS;QACTC,QAAQ;QACRC,SAAS;QACTC,QAAQ;IACV;IACAP,QAAQ;QACNQ,QAAQ;YAAC;YAAW;SAAW;QAC/BC,SAAS;QACTC,SAAS;YAAC;YAAY;SAAW;QACjCC,SAAS;QACTC,QAAQ;YAAC;YAAY;SAAW;QAChCC,SAAS;QACTC,QAAQ;IACV;AACF,GAAG;IACDC,GAAG;QAAC;QAA2B;QAAkC;YAAC;YAAuB;gBACvFC,GAAG,CAAC;YACN;SAAE;QAAE;QAA+B;KAAgC;IACnEC,GAAG;QAAC;YAAC;YAA6G;gBAChHA,GAAG;YACL;SAAE;QAAE;YAAC;YAAyL;gBAC5LA,GAAG;YACL;SAAE;QAAE;YAAC;YAAgH;gBACnHA,GAAG;YACL;SAAE;QAAE;YAAC;YAAkG;gBACrGA,GAAG;YACL;SAAE;QAAE;YAAC;YAA0G;gBAC7GA,GAAG;YACL;SAAE;KAAC;AACL;AAIO,MAAMnB,+BAA+BoB,CAAAA;IAC1C;IAEA,MAAMC,SAASlB;IACfiB,MAAMnB,IAAI,CAACqB,SAAS,GAAGC,IAAAA,mBAAY,EAACxB,qBAAqBE,IAAI,EAAEoB,OAAOpB,IAAI,EAAEmB,MAAMnB,IAAI,CAACqB,SAAS;IAChG,IAAIF,MAAMlB,MAAM,EAAE;QAChBkB,MAAMlB,MAAM,CAACoB,SAAS,GAAGC,IAAAA,mBAAY,EAACxB,qBAAqBG,MAAM,EAAEmB,OAAOnB,MAAM,EAAEkB,MAAMlB,MAAM,CAACoB,SAAS;IAC1G;IACA,OAAOF;AACT,GACA,sDAAsD"}

package/lib-commonjs/components/CardHeader/useCardHeaderStyles.styles.js CHANGED Viewed

@@ -158,6 +158,7 @@ const useStylesFlex = /*#__PURE__*/ (0, _react.__styles)({
     ]
 });
 const useCardHeaderStyles_unstable = (state)=>{
+    'use no memo';
     const styles = useStyles();
     const stylesGrid = useStylesGrid();
     const stylesFlex = useStylesFlex();

package/lib-commonjs/components/CardHeader/useCardHeaderStyles.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["useCardHeaderStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses, shorthands } from '@griffel/react';\n/*\n Static CSS class names used internally for the component slots.\n /\nexport const cardHeaderClassNames = {\n root: 'fui-CardHeader',\n image: 'fui-CardHeader__image',\n header: 'fui-CardHeader__header',\n description: 'fui-CardHeader__description',\n action: 'fui-CardHeader__action'\n};\n/\n CSS variable names used internally for uniform styling in CardHeader.\n /\nexport const cardHeaderCSSVars = {\n cardHeaderGapVar: '--fui-CardHeader--gap'\n};\nconst useStyles = /#__PURE__/__styles({\n root: {\n Bkc6ea2: \"fkufhic\",\n Bt984gj: \"f122n59\"\n },\n image: {\n mc9l5x: \"ftuwxu6\",\n t21cq0: [\"fql5097\", \"f6yss9k\"]\n },\n header: {\n mc9l5x: \"f22iagw\"\n },\n description: {\n mc9l5x: \"f22iagw\"\n },\n action: {\n Frg6f3: [\"f6yss9k\", \"fql5097\"],\n B7frvx2: \"f1ndzpm5\",\n B06c7xf: [\"f1fkeggc\", \"f1u45u6i\"],\n B8uq84v: \"f16eyofs\",\n snkdo8: [\"f1u45u6i\", \"f1fkeggc\"],\n Bpf22ct: \"f1wkmkig\",\n apjfyd: \"f18alut9\"\n }\n}, {\n d: [\".fkufhic{--fui-CardHeader--gap:12px;}\", \".f122n59{align-items:center;}\", \".ftuwxu6{display:inline-flex;}\", \".fql5097{margin-right:var(--fui-CardHeader--gap);}\", \".f6yss9k{margin-left:var(--fui-CardHeader--gap);}\", \".f22iagw{display:flex;}\"],\n m: [[\"@media (forced-colors: active){.f1ndzpm5 .fui-Button,.f1ndzpm5 .fui-Link{border-top-color:currentColor;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f1fkeggc .fui-Button,.f1fkeggc .fui-Link{border-right-color:currentColor;}.f1u45u6i .fui-Button,.f1u45u6i .fui-Link{border-left-color:currentColor;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f16eyofs .fui-Button,.f16eyofs .fui-Link{border-bottom-color:currentColor;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f1wkmkig .fui-Button,.f1wkmkig .fui-Link{color:currentColor;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f18alut9 .fui-Button,.f18alut9 .fui-Link{outline-color:currentColor;}}\", {\n m: \"(forced-colors: active)\"\n }]]\n});\nconst useStylesGrid = /#__PURE__/__styles({\n root: {\n mc9l5x: \"f13qh94s\",\n t4k1zu: \"f8a668j\"\n },\n image: {\n Br312pm: \"fwpfdsa\",\n Ijaq50: \"fldnz9j\"\n },\n header: {\n Br312pm: \"fd46tj4\",\n Ijaq50: \"f16hsg94\"\n },\n description: {\n Br312pm: \"fd46tj4\",\n Ijaq50: \"faunodf\"\n },\n action: {\n Br312pm: \"fis13di\",\n Ijaq50: \"fldnz9j\"\n }\n}, {\n d: [\".f13qh94s{display:grid;}\", \".f8a668j{grid-auto-columns:min-content 1fr min-content;}\", \".fwpfdsa{grid-column-start:1;}\", \".fldnz9j{grid-row-start:span 2;}\", \".fd46tj4{grid-column-start:2;}\", \".f16hsg94{grid-row-start:1;}\", \".faunodf{grid-row-start:2;}\", \".fis13di{grid-column-start:3;}\"]\n});\nconst useStylesFlex = /#__PURE__/__styles({\n root: {\n mc9l5x: \"f22iagw\"\n },\n header: {\n Bh6795r: \"fqerorx\"\n },\n image: {},\n description: {},\n action: {}\n}, {\n d: [\".f22iagw{display:flex;}\", \".fqerorx{flex-grow:1;}\"]\n});\n/\n Apply styling to the CardHeader slots based on the state.\n */\nexport const useCardHeaderStyles_unstable = state => {\n const styles = useStyles();\n const stylesGrid = useStylesGrid();\n const stylesFlex = useStylesFlex();\n const boxModelStyles = state.description ? stylesGrid : stylesFlex;\n const getSlotStyles = slotName => {\n var _state_slotName;\n return mergeClasses(cardHeaderClassNames[slotName], styles[slotName], boxModelStyles[slotName], (_state_slotName = state[slotName]) === null \|\| _state_slotName === void 0 ? void 0 : _state_slotName.className);\n };\n state.root.className = getSlotStyles('root');\n if (state.image) {\n state.image.className = getSlotStyles('image');\n }\n if (state.header) {\n state.header.className = getSlotStyles('header');\n }\n if (state.description) {\n state.description.className = getSlotStyles('description');\n }\n if (state.action) {\n state.action.className = getSlotStyles('action');\n }\n return state;\n};\n//# sourceMappingURL=useCardHeaderStyles.styles.js.map"],"names":["cardHeaderClassNames","cardHeaderCSSVars","useCardHeaderStyles_unstable","root","image","header","description","action","cardHeaderGapVar","useStyles","__styles","Bkc6ea2","Bt984gj","mc9l5x","t21cq0","Frg6f3","B7frvx2","B06c7xf","B8uq84v","snkdo8","Bpf22ct","apjfyd","d","m","useStylesGrid","t4k1zu","Br312pm","Ijaq50","useStylesFlex","Bh6795r","state","styles","stylesGrid","stylesFlex","boxModelStyles","getSlotStyles","slotName","_state_slotName","mergeClasses","className"],"mappings":"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"}
1	+ {"version":3,"sources":["useCardHeaderStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses, shorthands } from '@griffel/react';\n/*\n Static CSS class names used internally for the component slots.\n /\nexport const cardHeaderClassNames = {\n root: 'fui-CardHeader',\n image: 'fui-CardHeader__image',\n header: 'fui-CardHeader__header',\n description: 'fui-CardHeader__description',\n action: 'fui-CardHeader__action'\n};\n/\n CSS variable names used internally for uniform styling in CardHeader.\n /\nexport const cardHeaderCSSVars = {\n cardHeaderGapVar: '--fui-CardHeader--gap'\n};\nconst useStyles = /#__PURE__/__styles({\n root: {\n Bkc6ea2: \"fkufhic\",\n Bt984gj: \"f122n59\"\n },\n image: {\n mc9l5x: \"ftuwxu6\",\n t21cq0: [\"fql5097\", \"f6yss9k\"]\n },\n header: {\n mc9l5x: \"f22iagw\"\n },\n description: {\n mc9l5x: \"f22iagw\"\n },\n action: {\n Frg6f3: [\"f6yss9k\", \"fql5097\"],\n B7frvx2: \"f1ndzpm5\",\n B06c7xf: [\"f1fkeggc\", \"f1u45u6i\"],\n B8uq84v: \"f16eyofs\",\n snkdo8: [\"f1u45u6i\", \"f1fkeggc\"],\n Bpf22ct: \"f1wkmkig\",\n apjfyd: \"f18alut9\"\n }\n}, {\n d: [\".fkufhic{--fui-CardHeader--gap:12px;}\", \".f122n59{align-items:center;}\", \".ftuwxu6{display:inline-flex;}\", \".fql5097{margin-right:var(--fui-CardHeader--gap);}\", \".f6yss9k{margin-left:var(--fui-CardHeader--gap);}\", \".f22iagw{display:flex;}\"],\n m: [[\"@media (forced-colors: active){.f1ndzpm5 .fui-Button,.f1ndzpm5 .fui-Link{border-top-color:currentColor;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f1fkeggc .fui-Button,.f1fkeggc .fui-Link{border-right-color:currentColor;}.f1u45u6i .fui-Button,.f1u45u6i .fui-Link{border-left-color:currentColor;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f16eyofs .fui-Button,.f16eyofs .fui-Link{border-bottom-color:currentColor;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f1wkmkig .fui-Button,.f1wkmkig .fui-Link{color:currentColor;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f18alut9 .fui-Button,.f18alut9 .fui-Link{outline-color:currentColor;}}\", {\n m: \"(forced-colors: active)\"\n }]]\n});\nconst useStylesGrid = /#__PURE__/__styles({\n root: {\n mc9l5x: \"f13qh94s\",\n t4k1zu: \"f8a668j\"\n },\n image: {\n Br312pm: \"fwpfdsa\",\n Ijaq50: \"fldnz9j\"\n },\n header: {\n Br312pm: \"fd46tj4\",\n Ijaq50: \"f16hsg94\"\n },\n description: {\n Br312pm: \"fd46tj4\",\n Ijaq50: \"faunodf\"\n },\n action: {\n Br312pm: \"fis13di\",\n Ijaq50: \"fldnz9j\"\n }\n}, {\n d: [\".f13qh94s{display:grid;}\", \".f8a668j{grid-auto-columns:min-content 1fr min-content;}\", \".fwpfdsa{grid-column-start:1;}\", \".fldnz9j{grid-row-start:span 2;}\", \".fd46tj4{grid-column-start:2;}\", \".f16hsg94{grid-row-start:1;}\", \".faunodf{grid-row-start:2;}\", \".fis13di{grid-column-start:3;}\"]\n});\nconst useStylesFlex = /#__PURE__/__styles({\n root: {\n mc9l5x: \"f22iagw\"\n },\n header: {\n Bh6795r: \"fqerorx\"\n },\n image: {},\n description: {},\n action: {}\n}, {\n d: [\".f22iagw{display:flex;}\", \".fqerorx{flex-grow:1;}\"]\n});\n/\n Apply styling to the CardHeader slots based on the state.\n */\nexport const useCardHeaderStyles_unstable = state => {\n 'use no memo';\n\n const styles = useStyles();\n const stylesGrid = useStylesGrid();\n const stylesFlex = useStylesFlex();\n const boxModelStyles = state.description ? stylesGrid : stylesFlex;\n const getSlotStyles = slotName => {\n var _state_slotName;\n return mergeClasses(cardHeaderClassNames[slotName], styles[slotName], boxModelStyles[slotName], (_state_slotName = state[slotName]) === null \|\| _state_slotName === void 0 ? void 0 : _state_slotName.className);\n };\n state.root.className = getSlotStyles('root');\n if (state.image) {\n state.image.className = getSlotStyles('image');\n }\n if (state.header) {\n state.header.className = getSlotStyles('header');\n }\n if (state.description) {\n state.description.className = getSlotStyles('description');\n }\n if (state.action) {\n state.action.className = getSlotStyles('action');\n }\n return state;\n};\n//# sourceMappingURL=useCardHeaderStyles.styles.js.map"],"names":["cardHeaderClassNames","cardHeaderCSSVars","useCardHeaderStyles_unstable","root","image","header","description","action","cardHeaderGapVar","useStyles","__styles","Bkc6ea2","Bt984gj","mc9l5x","t21cq0","Frg6f3","B7frvx2","B06c7xf","B8uq84v","snkdo8","Bpf22ct","apjfyd","d","m","useStylesGrid","t4k1zu","Br312pm","Ijaq50","useStylesFlex","Bh6795r","state","styles","stylesGrid","stylesFlex","boxModelStyles","getSlotStyles","slotName","_state_slotName","mergeClasses","className"],"mappings":"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"}

package/lib-commonjs/components/CardPreview/useCardPreviewStyles.styles.js CHANGED Viewed

@@ -53,6 +53,7 @@ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
     ]
 });
 const useCardPreviewStyles_unstable = (state)=>{
+    'use no memo';
     const styles = useStyles();
     state.root.className = (0, _react.mergeClasses)(cardPreviewClassNames.root, styles.root, state.root.className);
     if (state.logo) {

package/lib-commonjs/components/CardPreview/useCardPreviewStyles.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["useCardPreviewStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses } from '@griffel/react';\n/*\n Static CSS class names used internally for the component slots.\n /\nexport const cardPreviewClassNames = {\n root: 'fui-CardPreview',\n logo: 'fui-CardPreview__logo'\n};\nconst useStyles = /#__PURE__/__styles({\n root: {\n qhf8xq: \"f10pi13n\",\n Byfpedg: \"fgourly\",\n Btj6oj6: \"f1vui7lx\",\n B1m4t4s: \"fda5zwx\"\n },\n logo: {\n qhf8xq: \"f1euv43f\",\n B5kzvoi: \"f1gcvs1y\",\n oyh7mz: [\"f1t6tvco\", \"ffrfxm3\"],\n a9b677: \"f1szoe96\",\n Bqenvij: \"f1d2rq10\"\n }\n}, {\n d: [\".f10pi13n{position:relative;}\", \".fgourly>:not(.fui-CardPreview__logo){display:block;}\", \".f1vui7lx>:not(.fui-CardPreview__logo){height:100%;}\", \".fda5zwx>:not(.fui-CardPreview__logo){width:100%;}\", \".f1euv43f{position:absolute;}\", \".f1gcvs1y{bottom:12px;}\", \".f1t6tvco{left:12px;}\", \".ffrfxm3{right:12px;}\", \".f1szoe96{width:32px;}\", \".f1d2rq10{height:32px;}\"]\n});\n/\n Apply styling to the CardPreview slots based on the state.\n */\nexport const useCardPreviewStyles_unstable = state => {\n const styles = useStyles();\n state.root.className = mergeClasses(cardPreviewClassNames.root, styles.root, state.root.className);\n if (state.logo) {\n state.logo.className = mergeClasses(cardPreviewClassNames.logo, styles.logo, state.logo.className);\n }\n return state;\n};\n//# sourceMappingURL=useCardPreviewStyles.styles.js.map"],"names":["cardPreviewClassNames","useCardPreviewStyles_unstable","root","logo","useStyles","__styles","qhf8xq","Byfpedg","Btj6oj6","B1m4t4s","B5kzvoi","oyh7mz","a9b677","Bqenvij","d","state","styles","className","mergeClasses"],"mappings":";;;;;;;;;;;IAIaA,qBAAqB;eAArBA;;IAwBAC,6BAA6B;eAA7BA;;;uBA5B0B;AAIhC,MAAMD,wBAAwB;IACnCE,MAAM;IACNC,MAAM;AACR;AACA,MAAMC,YAAY,WAAW,GAAEC,IAAAA,eAAQ,EAAC;IACtCH,MAAM;QACJI,QAAQ;QACRC,SAAS;QACTC,SAAS;QACTC,SAAS;IACX;IACAN,MAAM;QACJG,QAAQ;QACRI,SAAS;QACTC,QAAQ;YAAC;YAAY;SAAU;QAC/BC,QAAQ;QACRC,SAAS;IACX;AACF,GAAG;IACDC,GAAG;QAAC;QAAiC;QAAyD;QAAwD;QAAsD;QAAiC;QAA2B;QAAyB;QAAyB;QAA0B;KAA0B;AAChX;AAIO,MAAMb,gCAAgCc,CAAAA;IAC3C,MAAMC,SAASZ;IACfW,MAAMb,IAAI,CAACe,SAAS,GAAGC,IAAAA,mBAAY,EAAClB,sBAAsBE,IAAI,EAAEc,OAAOd,IAAI,EAAEa,MAAMb,IAAI,CAACe,SAAS;IACjG,IAAIF,MAAMZ,IAAI,EAAE;QACdY,MAAMZ,IAAI,CAACc,SAAS,GAAGC,IAAAA,mBAAY,EAAClB,sBAAsBG,IAAI,EAAEa,OAAOb,IAAI,EAAEY,MAAMZ,IAAI,CAACc,SAAS;IACnG;IACA,OAAOF;AACT,GACA,uDAAuD"}
1	+ {"version":3,"sources":["useCardPreviewStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses } from '@griffel/react';\n/*\n Static CSS class names used internally for the component slots.\n /\nexport const cardPreviewClassNames = {\n root: 'fui-CardPreview',\n logo: 'fui-CardPreview__logo'\n};\nconst useStyles = /#__PURE__/__styles({\n root: {\n qhf8xq: \"f10pi13n\",\n Byfpedg: \"fgourly\",\n Btj6oj6: \"f1vui7lx\",\n B1m4t4s: \"fda5zwx\"\n },\n logo: {\n qhf8xq: \"f1euv43f\",\n B5kzvoi: \"f1gcvs1y\",\n oyh7mz: [\"f1t6tvco\", \"ffrfxm3\"],\n a9b677: \"f1szoe96\",\n Bqenvij: \"f1d2rq10\"\n }\n}, {\n d: [\".f10pi13n{position:relative;}\", \".fgourly>:not(.fui-CardPreview__logo){display:block;}\", \".f1vui7lx>:not(.fui-CardPreview__logo){height:100%;}\", \".fda5zwx>:not(.fui-CardPreview__logo){width:100%;}\", \".f1euv43f{position:absolute;}\", \".f1gcvs1y{bottom:12px;}\", \".f1t6tvco{left:12px;}\", \".ffrfxm3{right:12px;}\", \".f1szoe96{width:32px;}\", \".f1d2rq10{height:32px;}\"]\n});\n/\n Apply styling to the CardPreview slots based on the state.\n */\nexport const useCardPreviewStyles_unstable = state => {\n 'use no memo';\n\n const styles = useStyles();\n state.root.className = mergeClasses(cardPreviewClassNames.root, styles.root, state.root.className);\n if (state.logo) {\n state.logo.className = mergeClasses(cardPreviewClassNames.logo, styles.logo, state.logo.className);\n }\n return state;\n};\n//# sourceMappingURL=useCardPreviewStyles.styles.js.map"],"names":["cardPreviewClassNames","useCardPreviewStyles_unstable","root","logo","useStyles","__styles","qhf8xq","Byfpedg","Btj6oj6","B1m4t4s","B5kzvoi","oyh7mz","a9b677","Bqenvij","d","state","styles","className","mergeClasses"],"mappings":";;;;;;;;;;;IAIaA,qBAAqB;eAArBA;;IAwBAC,6BAA6B;eAA7BA;;;uBA5B0B;AAIhC,MAAMD,wBAAwB;IACnCE,MAAM;IACNC,MAAM;AACR;AACA,MAAMC,YAAY,WAAW,GAAEC,IAAAA,eAAQ,EAAC;IACtCH,MAAM;QACJI,QAAQ;QACRC,SAAS;QACTC,SAAS;QACTC,SAAS;IACX;IACAN,MAAM;QACJG,QAAQ;QACRI,SAAS;QACTC,QAAQ;YAAC;YAAY;SAAU;QAC/BC,QAAQ;QACRC,SAAS;IACX;AACF,GAAG;IACDC,GAAG;QAAC;QAAiC;QAAyD;QAAwD;QAAsD;QAAiC;QAA2B;QAAyB;QAAyB;QAA0B;KAA0B;AAChX;AAIO,MAAMb,gCAAgCc,CAAAA;IAC3C;IAEA,MAAMC,SAASZ;IACfW,MAAMb,IAAI,CAACe,SAAS,GAAGC,IAAAA,mBAAY,EAAClB,sBAAsBE,IAAI,EAAEc,OAAOd,IAAI,EAAEa,MAAMb,IAAI,CAACe,SAAS;IACjG,IAAIF,MAAMZ,IAAI,EAAE;QACdY,MAAMZ,IAAI,CAACc,SAAS,GAAGC,IAAAA,mBAAY,EAAClB,sBAAsBG,IAAI,EAAEa,OAAOb,IAAI,EAAEY,MAAMZ,IAAI,CAACc,SAAS;IACnG;IACA,OAAOF;AACT,GACA,uDAAuD"}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-card",
-  "version": "9.0.84",
+  "version": "9.0.85",
   "private": false,
   "description": "Card container components for Fluent UI React.",
   "main": "lib-commonjs/index.js",
@@ -39,10 +39,10 @@
   },
   "dependencies": {
     "@fluentui/keyboard-keys": "^9.0.7",
-    "@fluentui/react-tabster": "^9.22.0",
+    "@fluentui/react-tabster": "^9.22.1",
     "@fluentui/react-theme": "^9.1.19",
-    "@fluentui/react-utilities": "^9.18.10",
-    "@fluentui/react-jsx-runtime": "^9.0.39",
+    "@fluentui/react-utilities": "^9.18.11",
+    "@fluentui/react-jsx-runtime": "^9.0.40",
     "@griffel/react": "^1.5.22",
     "@swc/helpers": "^0.5.1"
   },