npm - @fluentui/react-card - Versions diffs - 9.0.6 → 9.0.7 - Mend

@fluentui/react-card 9.0.6 → 9.0.7

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 (7) hide show

package/CHANGELOG.json +37 -4
package/CHANGELOG.md +17 -5
package/lib/components/Card/useCardStyles.js +58 -2
package/lib/components/Card/useCardStyles.js.map +1 -1
package/lib-commonjs/components/Card/useCardStyles.js +133 -1
package/lib-commonjs/components/Card/useCardStyles.js.map +1 -1
package/package.json +4 -4

package/CHANGELOG.json CHANGED Viewed

@@ -2,7 +2,40 @@
   "name": "@fluentui/react-card",
   "entries": [
     {
-      "date": "Wed, 12 Apr 2023 09:28:17 GMT",
+      "date": "Mon, 17 Apr 2023 17:49:56 GMT",
+      "tag": "@fluentui/react-card_v9.0.7",
+      "version": "9.0.7",
+      "comments": {
+        "patch": [
+          {
+            "author": "marcosvmmoura@gmail.com",
+            "package": "@fluentui/react-card",
+            "commit": "ea04a996fe1a9171f3cd4d0dd531fe06431edec0",
+            "comment": "fix: add support for Windows High Contrast Mode"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-card",
+            "comment": "Bump @fluentui/react-tabster to v9.6.5",
+            "commit": "35d247e0b6a8c2b22e69942afbabe18043e59585"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-card",
+            "comment": "Bump @fluentui/react-utilities to v9.8.0",
+            "commit": "35d247e0b6a8c2b22e69942afbabe18043e59585"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-card",
+            "comment": "Bump @fluentui/react-button to v9.3.9",
+            "commit": "35d247e0b6a8c2b22e69942afbabe18043e59585"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Wed, 12 Apr 2023 09:31:45 GMT",
       "tag": "@fluentui/react-card_v9.0.6",
       "version": "9.0.6",
       "comments": {
@@ -11,19 +44,19 @@
             "author": "beachball",
             "package": "@fluentui/react-card",
             "comment": "Bump @fluentui/react-tabster to v9.6.4",
-            "commit": "b48890859f5ce28fe12fd40f6bda26ed486c5e47"
+            "commit": "45cb6089b0f5f464ae0dd9e9cba7e199a9d67cd8"
           },
           {
             "author": "beachball",
             "package": "@fluentui/react-card",
             "comment": "Bump @fluentui/react-utilities to v9.7.4",
-            "commit": "b48890859f5ce28fe12fd40f6bda26ed486c5e47"
+            "commit": "45cb6089b0f5f464ae0dd9e9cba7e199a9d67cd8"
           },
           {
             "author": "beachball",
             "package": "@fluentui/react-card",
             "comment": "Bump @fluentui/react-button to v9.3.8",
-            "commit": "b48890859f5ce28fe12fd40f6bda26ed486c5e47"
+            "commit": "45cb6089b0f5f464ae0dd9e9cba7e199a9d67cd8"
           }
         ]
       }

package/CHANGELOG.md CHANGED Viewed

@@ -1,19 +1,31 @@
 # Change Log - @fluentui/react-card
-This log was last generated on Wed, 12 Apr 2023 09:28:17 GMT and should not be manually modified.
+This log was last generated on Mon, 17 Apr 2023 17:49:56 GMT and should not be manually modified.
 <!-- Start content -->
+## [9.0.7](https://github.com/microsoft/fluentui/tree/@fluentui/react-card_v9.0.7)
+Mon, 17 Apr 2023 17:49:56 GMT
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-card_v9.0.6..@fluentui/react-card_v9.0.7)
+### Patches
+- fix: add support for Windows High Contrast Mode ([PR #27556](https://github.com/microsoft/fluentui/pull/27556) by marcosvmmoura@gmail.com)
+- Bump @fluentui/react-tabster to v9.6.5 ([PR #27564](https://github.com/microsoft/fluentui/pull/27564) by beachball)
+- Bump @fluentui/react-utilities to v9.8.0 ([PR #27564](https://github.com/microsoft/fluentui/pull/27564) by beachball)
+- Bump @fluentui/react-button to v9.3.9 ([PR #27564](https://github.com/microsoft/fluentui/pull/27564) by beachball)
 ## [9.0.6](https://github.com/microsoft/fluentui/tree/@fluentui/react-card_v9.0.6)
-Wed, 12 Apr 2023 09:28:17 GMT
+Wed, 12 Apr 2023 09:31:45 GMT
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-card_v9.0.5..@fluentui/react-card_v9.0.6)
 ### Patches
-- Bump @fluentui/react-tabster to v9.6.4 ([commit](https://github.com/microsoft/fluentui/commit/b48890859f5ce28fe12fd40f6bda26ed486c5e47) by beachball)
-- Bump @fluentui/react-utilities to v9.7.4 ([commit](https://github.com/microsoft/fluentui/commit/b48890859f5ce28fe12fd40f6bda26ed486c5e47) by beachball)
-- Bump @fluentui/react-button to v9.3.8 ([commit](https://github.com/microsoft/fluentui/commit/b48890859f5ce28fe12fd40f6bda26ed486c5e47) by beachball)
+- Bump @fluentui/react-tabster to v9.6.4 ([PR #27274](https://github.com/microsoft/fluentui/pull/27274) by beachball)
+- Bump @fluentui/react-utilities to v9.7.4 ([PR #27274](https://github.com/microsoft/fluentui/pull/27274) by beachball)
+- Bump @fluentui/react-button to v9.3.8 ([PR #27274](https://github.com/microsoft/fluentui/pull/27274) by beachball)
 ## [9.0.5](https://github.com/microsoft/fluentui/tree/@fluentui/react-card_v9.0.5)

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

@@ -272,6 +272,26 @@ const useStyles = /*#__PURE__*/__styles({
     Gp14am: ["fg4zq3l", "fa2okxs"],
     Jwef8y: "f1uqaxdt"
   },
+  highContrastSelected: {
+    ycbfsm: "fkc42ay",
+    Bsw6fvg: "f1rirnrt",
+    Bbusuzp: "f1lkg8j3",
+    xgfqdd: "f1nkj0oa",
+    Bmmdzwq: "fey3rwa",
+    zkpvhj: ["f5jhx11", "fff9uym"],
+    B20bydw: "fm7n0jy",
+    Bwwwggl: ["fff9uym", "f5jhx11"]
+  },
+  highContrastInteractive: {
+    h1vhog: "fpfvv3l",
+    kslmdy: "f1oamsm6",
+    Baaf6ca: "f1il21bs",
+    x9zz3d: "fnn5dk0",
+    Bmmdzwq: "fey3rwa",
+    zkpvhj: ["f5jhx11", "fff9uym"],
+    B20bydw: "fm7n0jy",
+    Bwwwggl: ["fff9uym", "f5jhx11"]
+  },
   select: {
     qhf8xq: "f1euv43f",
     Bhzewxz: "fqclxi7",
@@ -293,7 +313,40 @@ const useStyles = /*#__PURE__*/__styles({
   f: [".ftqa4ok:focus{outline-style:none;}"],
   i: [".f2hkw1w:focus-visible{outline-style:none;}"],
   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);}"],
-  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);}"]
+  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);}"],
+  m: [["@media (forced-colors: active){.fkc42ay{forced-color-adjust:none;}}", {
+    m: "(forced-colors: active)"
+  }], ["@media (forced-colors: active){.f1rirnrt{background-color:Highlight;}}", {
+    m: "(forced-colors: active)"
+  }], ["@media (forced-colors: active){.f1lkg8j3{color:HighlightText;}}", {
+    m: "(forced-colors: active)"
+  }], ["@media (forced-colors: active){.f1nkj0oa .fui-CardPreview,.f1nkj0oa .fui-CardFooter{forced-color-adjust:auto;}}", {
+    m: "(forced-colors: active)"
+  }], ["@media (forced-colors: active){.fey3rwa::after{border-top-color:Highlight;}}", {
+    m: "(forced-colors: active)"
+  }], ["@media (forced-colors: active){.f5jhx11::after{border-right-color:Highlight;}.fff9uym::after{border-left-color:Highlight;}}", {
+    m: "(forced-colors: active)"
+  }], ["@media (forced-colors: active){.fm7n0jy::after{border-bottom-color:Highlight;}}", {
+    m: "(forced-colors: active)"
+  }], ["@media (forced-colors: active){.fff9uym::after{border-left-color:Highlight;}.f5jhx11::after{border-right-color:Highlight;}}", {
+    m: "(forced-colors: active)"
+  }], ["@media (forced-colors: active){.fpfvv3l:hover,.fpfvv3l :active{forced-color-adjust:none;}}", {
+    m: "(forced-colors: active)"
+  }], ["@media (forced-colors: active){.f1oamsm6:hover,.f1oamsm6 :active{background-color:Highlight;}}", {
+    m: "(forced-colors: active)"
+  }], ["@media (forced-colors: active){.f1il21bs:hover,.f1il21bs :active{color:HighlightText;}}", {
+    m: "(forced-colors: active)"
+  }], ["@media (forced-colors: active){.fnn5dk0:hover .fui-CardPreview,.fnn5dk0 :active .fui-CardPreview,.fnn5dk0:hover .fui-CardFooter,.fnn5dk0 :active .fui-CardFooter{forced-color-adjust:auto;}}", {
+    m: "(forced-colors: active)"
+  }], ["@media (forced-colors: active){.fey3rwa::after{border-top-color:Highlight;}}", {
+    m: "(forced-colors: active)"
+  }], ["@media (forced-colors: active){.f5jhx11::after{border-right-color:Highlight;}.fff9uym::after{border-left-color:Highlight;}}", {
+    m: "(forced-colors: active)"
+  }], ["@media (forced-colors: active){.fm7n0jy::after{border-bottom-color:Highlight;}}", {
+    m: "(forced-colors: active)"
+  }], ["@media (forced-colors: active){.fff9uym::after{border-left-color:Highlight;}.f5jhx11::after{border-right-color:Highlight;}}", {
+    m: "(forced-colors: active)"
+  }]]
 });
 /**
  * Apply styling to the Card slots based on the state.
@@ -327,7 +380,10 @@ export const useCardStyles_unstable = state => {
     outline: styles.outlineInteractive,
     subtle: styles.subtleInteractive
   };
-  state.root.className = mergeClasses(cardClassNames.root, styles.root, orientationMap[state.orientation], sizeMap[state.size], appearanceMap[state.appearance], (state.interactive || state.selectable) && interactiveMap[state.appearance], state.selected && selectedMap[state.appearance], state.selectFocused && styles.selectableFocused, state.root.className);
+  const isSelectableOrInteractive = state.interactive || state.selectable;
+  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], state.selectFocused && styles.selectableFocused,
+  // High contrast overrides
+  state.selected && styles.highContrastSelected, isSelectableOrInteractive && styles.highContrastInteractive, state.root.className);
   if (state.floatingAction) {
     state.floatingAction.className = mergeClasses(cardClassNames.floatingAction, styles.select, state.floatingAction.className);
   }

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

	@@ -1 +1 @@
1	- {"version":3,"names":["shorthands","__styles","mergeClasses","tokens","createFocusOutlineStyle","cardPreviewClassNames","cardHeaderClassNames","cardFooterClassNames","cardClassNames","root","floatingAction","checkbox","cardCSSVars","cardSizeVar","cardBorderRadiusVar","focusOutlineStyle","outlineRadius","outlineWidth","strokeWidthThick","useStyles","B68tc82","Bmxbyg5","Bbmb7ep","Beyfa6y","B7oj6ja","Btl43ni","z8tnut","z189sj","Byoj8tv","uwmqm3","i8kkvl","Belr9w4","mc9l5x","qhf8xq","B7ck84d","sj55zd","E3zdtr","bn5sak","Eqx8gd","B1piin3","By385i5","Bsft5z2","B80jsxd","Bm2nyyq","Barhvk9","Bw17bha","vfts7","xrcqlc","Ihftqj","Bcgy8vk","Bhxzhr1","B3778ie","d9w3h3","Bl18szs","B4j8arr","B2jhnfs","wiictr","Brovlpu","B486eqv","B8q5s1w","Bci5o5g","n8qw10","Bdrgwmp","Bm4h7ae","B7ys5i9","Busjfv9","Bhk32uz","Bf4ptjt","kclons","Bhdgwq3","Blkhhs4","Bqtpl0w","clg4pj","hgwjuy","Bonggc9","B1tsrr9","Dah5zi","Bkh64rk","qqdqy8","B6dhp37","i03rao","Boxcth7","Bsom6fd","J0r882","Bjwuhne","Ghsupd","Bule8hv","selectableFocused","Bssx7fj","uh7if5","clntm0","Dlk2r6","B2j2mmj","wigs8","pbfy6t","B0v4ure","ghq09","B24cy0v","Bwckmig","Bvwlmkc","Bbgo44z","Bil7v7r","skfxo0","jo1ztg","Ba3ybja","az1dzo","vppk2z","B6352mv","nr063g","Blmvk6g","Bsiemmq","B98u21t","B2pnrqr","Bhhzhcn","Bec0n69","B29w5g4","orientationHorizontal","Beiy3e4","Bt984gj","Bnoktp0","Idhjb2","ihgzqh","Bgp6ld0","Bbucpmy","orientationVertical","Bt4kzjz","B1ou843","y1433z","B7egwnw","B49b4xf","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","select","Bhzewxz","j35jbq","Bj3rh1h","hiddenCheckbox","a9b677","Bqenvij","Bh84pgu","Bgl5zvf","Huce71","d","f","i","h","a","useCardStyles_unstable","state","styles","orientationMap","horizontal","vertical","sizeMap","small","medium","large","appearanceMap","selectedMap","interactiveMap","className","orientation","size","appearance","interactive","selectable","selected","selectFocused"],"sources":["../../../src/components/Card/useCardStyles.ts"],"sourcesContent":["import { shorthands, makeStyles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport { createFocusOutlineStyle } from '@fluentui/react-tabster';\n\nimport { cardPreviewClassNames } from '../CardPreview/useCardPreviewStyles';\nimport { cardHeaderClassNames } from '../CardHeader/useCardHeaderStyles';\nimport { cardFooterClassNames } from '../CardFooter/useCardFooterStyles';\nimport type { CardSlots, CardState } from './Card.types';\n\n/*\n Static CSS class names used internally for the component slots.\n /\nexport const cardClassNames: SlotClassNames<CardSlots> = {\n root: 'fui-Card',\n floatingAction: 'fui-Card__floatingAction',\n checkbox: 'fui-Card__checkbox',\n};\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};\n\nconst focusOutlineStyle = {\n outlineRadius: `var(${cardCSSVars.cardBorderRadiusVar})`,\n outlineWidth: tokens.strokeWidthThick,\n};\n\nconst useStyles = makeStyles({\n root: {\n ...shorthands.overflow('hidden'),\n ...shorthands.borderRadius(`var(${cardCSSVars.cardBorderRadiusVar})`),\n ...shorthands.padding(`var(${cardCSSVars.cardSizeVar})`),\n ...shorthands.gap(`var(${cardCSSVars.cardSizeVar})`),\n\n display: 'flex',\n position: 'relative',\n boxSizing: 'border-box',\n color: tokens.colorNeutralForeground1,\n\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\n ...shorthands.borderStyle('solid'),\n ...shorthands.borderWidth(tokens.strokeWidthThin),\n ...shorthands.borderRadius(`var(${cardCSSVars.cardBorderRadiusVar})`),\n },\n\n // Prevents CardHeader and CardFooter from shrinking.\n [`> .${cardHeaderClassNames.root}, > .${cardFooterClassNames.root}`]: {\n flexShrink: 0,\n },\n // Allows non-card components to grow to fill the available space.\n [`> :not(.${cardPreviewClassNames.root}):not(.${cardHeaderClassNames.root}):not(.${cardFooterClassNames.root})`]: {\n flexGrow: 1,\n },\n\n ...createFocusOutlineStyle({\n style: focusOutlineStyle,\n selector: 'focus',\n }),\n },\n\n selectableFocused: createFocusOutlineStyle({\n style: focusOutlineStyle,\n selector: 'focus-within',\n }),\n\n orientationHorizontal: {\n flexDirection: 'row',\n alignItems: 'center',\n\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\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\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\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\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\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\n filled: {\n backgroundColor: tokens.colorNeutralBackground1,\n boxShadow: tokens.shadow4,\n\n '::after': {\n ...shorthands.borderColor(tokens.colorTransparentStroke),\n },\n },\n filledInteractive: {\n cursor: 'pointer',\n backgroundColor: tokens.colorNeutralBackground1,\n boxShadow: tokens.shadow4,\n\n '::after': {\n ...shorthands.borderColor(tokens.colorTransparentStroke),\n },\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\n '::after': {\n ...shorthands.borderColor(tokens.colorNeutralStroke1Selected),\n },\n\n ':hover': {\n backgroundColor: tokens.colorNeutralBackground1Selected,\n },\n },\n\n filledAlternative: {\n backgroundColor: tokens.colorNeutralBackground2,\n boxShadow: tokens.shadow4,\n\n '::after': {\n ...shorthands.borderColor(tokens.colorTransparentStroke),\n },\n },\n filledAlternativeInteractive: {\n cursor: 'pointer',\n backgroundColor: tokens.colorNeutralBackground2,\n boxShadow: tokens.shadow4,\n\n '::after': {\n ...shorthands.borderColor(tokens.colorTransparentStroke),\n },\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\n '::after': {\n ...shorthands.borderColor(tokens.colorNeutralStroke1Selected),\n },\n\n ':hover': {\n backgroundColor: tokens.colorNeutralBackground2Selected,\n },\n },\n\n outline: {\n backgroundColor: tokens.colorTransparentBackground,\n boxShadow: 'none',\n\n '::after': {\n ...shorthands.borderColor(tokens.colorNeutralStroke1),\n },\n },\n outlineInteractive: {\n cursor: 'pointer',\n backgroundColor: tokens.colorTransparentBackground,\n boxShadow: 'none',\n\n '::after': {\n ...shorthands.borderColor(tokens.colorNeutralStroke1),\n },\n\n ':hover': {\n backgroundColor: tokens.colorTransparentBackgroundHover,\n\n '::after': {\n ...shorthands.borderColor(tokens.colorNeutralStroke1Hover),\n },\n },\n ':active': {\n backgroundColor: tokens.colorTransparentBackgroundPressed,\n\n '::after': {\n ...shorthands.borderColor(tokens.colorNeutralStroke1Pressed),\n },\n },\n },\n outlineInteractiveSelected: {\n backgroundColor: tokens.colorTransparentBackgroundSelected,\n\n '::after': {\n ...shorthands.borderColor(tokens.colorNeutralStroke1Selected),\n },\n\n ':hover': {\n backgroundColor: tokens.colorTransparentBackgroundSelected,\n },\n },\n\n subtle: {\n backgroundColor: tokens.colorSubtleBackground,\n boxShadow: 'none',\n\n '::after': {\n ...shorthands.borderColor(tokens.colorTransparentStroke),\n },\n },\n subtleInteractive: {\n cursor: 'pointer',\n backgroundColor: tokens.colorSubtleBackground,\n boxShadow: 'none',\n\n '::after': {\n ...shorthands.borderColor(tokens.colorTransparentStroke),\n },\n\n ':hover': {\n backgroundColor: tokens.colorSubtleBackgroundHover,\n },\n ':active': {\n backgroundColor: tokens.colorSubtleBackgroundPressed,\n },\n },\n subtleInteractiveSelected: {\n backgroundColor: tokens.colorSubtleBackgroundSelected,\n\n '::after': {\n ...shorthands.borderColor(tokens.colorNeutralStroke1Selected),\n },\n\n ':hover': {\n backgroundColor: tokens.colorSubtleBackgroundSelected,\n },\n },\n\n select: {\n position: 'absolute',\n top: '4px',\n right: '4px',\n zIndex: 1,\n },\n\n hiddenCheckbox: {\n ...shorthands.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/*\n Apply styling to the Card slots based on the state.\n */\nexport const useCardStyles_unstable = (state: CardState): CardState => {\n const styles = useStyles();\n\n const orientationMap = {\n horizontal: styles.orientationHorizontal,\n vertical: styles.orientationVertical,\n };\n\n const sizeMap = {\n small: styles.sizeSmall,\n medium: styles.sizeMedium,\n large: styles.sizeLarge,\n };\n\n const appearanceMap = {\n filled: styles.filled,\n 'filled-alternative': styles.filledAlternative,\n outline: styles.outline,\n subtle: styles.subtle,\n };\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\n state.root.className = mergeClasses(\n cardClassNames.root,\n styles.root,\n orientationMap[state.orientation],\n sizeMap[state.size],\n appearanceMap[state.appearance],\n (state.interactive \|\| state.selectable) && interactiveMap[state.appearance],\n state.selected && selectedMap[state.appearance],\n state.selectFocused && styles.selectableFocused,\n state.root.className,\n );\n\n if (state.floatingAction) {\n state.floatingAction.className = mergeClasses(\n cardClassNames.floatingAction,\n styles.select,\n state.floatingAction.className,\n );\n }\n\n if (state.checkbox) {\n state.checkbox.className = mergeClasses(cardClassNames.checkbox, styles.hiddenCheckbox, state.checkbox.className);\n }\n\n return state;\n};\n"],"mappings":"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"}
1	+ {"version":3,"names":["shorthands","__styles","mergeClasses","tokens","createFocusOutlineStyle","cardPreviewClassNames","cardHeaderClassNames","cardFooterClassNames","cardClassNames","root","floatingAction","checkbox","cardCSSVars","cardSizeVar","cardBorderRadiusVar","focusOutlineStyle","outlineRadius","outlineWidth","strokeWidthThick","useStyles","B68tc82","Bmxbyg5","Bbmb7ep","Beyfa6y","B7oj6ja","Btl43ni","z8tnut","z189sj","Byoj8tv","uwmqm3","i8kkvl","Belr9w4","mc9l5x","qhf8xq","B7ck84d","sj55zd","E3zdtr","bn5sak","Eqx8gd","B1piin3","By385i5","Bsft5z2","B80jsxd","Bm2nyyq","Barhvk9","Bw17bha","vfts7","xrcqlc","Ihftqj","Bcgy8vk","Bhxzhr1","B3778ie","d9w3h3","Bl18szs","B4j8arr","B2jhnfs","wiictr","Brovlpu","B486eqv","B8q5s1w","Bci5o5g","n8qw10","Bdrgwmp","Bm4h7ae","B7ys5i9","Busjfv9","Bhk32uz","Bf4ptjt","kclons","Bhdgwq3","Blkhhs4","Bqtpl0w","clg4pj","hgwjuy","Bonggc9","B1tsrr9","Dah5zi","Bkh64rk","qqdqy8","B6dhp37","i03rao","Boxcth7","Bsom6fd","J0r882","Bjwuhne","Ghsupd","Bule8hv","selectableFocused","Bssx7fj","uh7if5","clntm0","Dlk2r6","B2j2mmj","wigs8","pbfy6t","B0v4ure","ghq09","B24cy0v","Bwckmig","Bvwlmkc","Bbgo44z","Bil7v7r","skfxo0","jo1ztg","Ba3ybja","az1dzo","vppk2z","B6352mv","nr063g","Blmvk6g","Bsiemmq","B98u21t","B2pnrqr","Bhhzhcn","Bec0n69","B29w5g4","orientationHorizontal","Beiy3e4","Bt984gj","Bnoktp0","Idhjb2","ihgzqh","Bgp6ld0","Bbucpmy","orientationVertical","Bt4kzjz","B1ou843","y1433z","B7egwnw","B49b4xf","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","f","i","h","a","m","useCardStyles_unstable","state","styles","orientationMap","horizontal","vertical","sizeMap","small","medium","large","appearanceMap","selectedMap","interactiveMap","isSelectableOrInteractive","interactive","selectable","className","orientation","size","appearance","selected","selectFocused"],"sources":["../../../src/components/Card/useCardStyles.ts"],"sourcesContent":["import { shorthands, makeStyles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport { createFocusOutlineStyle } from '@fluentui/react-tabster';\n\nimport { cardPreviewClassNames } from '../CardPreview/useCardPreviewStyles';\nimport { cardHeaderClassNames } from '../CardHeader/useCardHeaderStyles';\nimport { cardFooterClassNames } from '../CardFooter/useCardFooterStyles';\nimport type { CardSlots, CardState } from './Card.types';\n\n/*\n Static CSS class names used internally for the component slots.\n /\nexport const cardClassNames: SlotClassNames<CardSlots> = {\n root: 'fui-Card',\n floatingAction: 'fui-Card__floatingAction',\n checkbox: 'fui-Card__checkbox',\n};\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};\n\nconst focusOutlineStyle = {\n outlineRadius: `var(${cardCSSVars.cardBorderRadiusVar})`,\n outlineWidth: tokens.strokeWidthThick,\n};\n\nconst useStyles = makeStyles({\n root: {\n ...shorthands.overflow('hidden'),\n ...shorthands.borderRadius(`var(${cardCSSVars.cardBorderRadiusVar})`),\n ...shorthands.padding(`var(${cardCSSVars.cardSizeVar})`),\n ...shorthands.gap(`var(${cardCSSVars.cardSizeVar})`),\n\n display: 'flex',\n position: 'relative',\n boxSizing: 'border-box',\n color: tokens.colorNeutralForeground1,\n\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\n ...shorthands.borderStyle('solid'),\n ...shorthands.borderWidth(tokens.strokeWidthThin),\n ...shorthands.borderRadius(`var(${cardCSSVars.cardBorderRadiusVar})`),\n },\n\n // Prevents CardHeader and CardFooter from shrinking.\n [`> .${cardHeaderClassNames.root}, > .${cardFooterClassNames.root}`]: {\n flexShrink: 0,\n },\n // Allows non-card components to grow to fill the available space.\n [`> :not(.${cardPreviewClassNames.root}):not(.${cardHeaderClassNames.root}):not(.${cardFooterClassNames.root})`]: {\n flexGrow: 1,\n },\n\n ...createFocusOutlineStyle({\n style: focusOutlineStyle,\n selector: 'focus',\n }),\n },\n\n selectableFocused: createFocusOutlineStyle({\n style: focusOutlineStyle,\n selector: 'focus-within',\n }),\n\n orientationHorizontal: {\n flexDirection: 'row',\n alignItems: 'center',\n\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\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\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\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\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\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\n filled: {\n backgroundColor: tokens.colorNeutralBackground1,\n boxShadow: tokens.shadow4,\n\n '::after': {\n ...shorthands.borderColor(tokens.colorTransparentStroke),\n },\n },\n filledInteractive: {\n cursor: 'pointer',\n backgroundColor: tokens.colorNeutralBackground1,\n boxShadow: tokens.shadow4,\n\n '::after': {\n ...shorthands.borderColor(tokens.colorTransparentStroke),\n },\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\n '::after': {\n ...shorthands.borderColor(tokens.colorNeutralStroke1Selected),\n },\n\n ':hover': {\n backgroundColor: tokens.colorNeutralBackground1Selected,\n },\n },\n\n filledAlternative: {\n backgroundColor: tokens.colorNeutralBackground2,\n boxShadow: tokens.shadow4,\n\n '::after': {\n ...shorthands.borderColor(tokens.colorTransparentStroke),\n },\n },\n filledAlternativeInteractive: {\n cursor: 'pointer',\n backgroundColor: tokens.colorNeutralBackground2,\n boxShadow: tokens.shadow4,\n\n '::after': {\n ...shorthands.borderColor(tokens.colorTransparentStroke),\n },\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\n '::after': {\n ...shorthands.borderColor(tokens.colorNeutralStroke1Selected),\n },\n\n ':hover': {\n backgroundColor: tokens.colorNeutralBackground2Selected,\n },\n },\n\n outline: {\n backgroundColor: tokens.colorTransparentBackground,\n boxShadow: 'none',\n\n '::after': {\n ...shorthands.borderColor(tokens.colorNeutralStroke1),\n },\n },\n outlineInteractive: {\n cursor: 'pointer',\n backgroundColor: tokens.colorTransparentBackground,\n boxShadow: 'none',\n\n '::after': {\n ...shorthands.borderColor(tokens.colorNeutralStroke1),\n },\n\n ':hover': {\n backgroundColor: tokens.colorTransparentBackgroundHover,\n\n '::after': {\n ...shorthands.borderColor(tokens.colorNeutralStroke1Hover),\n },\n },\n ':active': {\n backgroundColor: tokens.colorTransparentBackgroundPressed,\n\n '::after': {\n ...shorthands.borderColor(tokens.colorNeutralStroke1Pressed),\n },\n },\n },\n outlineInteractiveSelected: {\n backgroundColor: tokens.colorTransparentBackgroundSelected,\n\n '::after': {\n ...shorthands.borderColor(tokens.colorNeutralStroke1Selected),\n },\n\n ':hover': {\n backgroundColor: tokens.colorTransparentBackgroundSelected,\n },\n },\n\n subtle: {\n backgroundColor: tokens.colorSubtleBackground,\n boxShadow: 'none',\n\n '::after': {\n ...shorthands.borderColor(tokens.colorTransparentStroke),\n },\n },\n subtleInteractive: {\n cursor: 'pointer',\n backgroundColor: tokens.colorSubtleBackground,\n boxShadow: 'none',\n\n '::after': {\n ...shorthands.borderColor(tokens.colorTransparentStroke),\n },\n\n ':hover': {\n backgroundColor: tokens.colorSubtleBackgroundHover,\n },\n ':active': {\n backgroundColor: tokens.colorSubtleBackgroundPressed,\n },\n },\n subtleInteractiveSelected: {\n backgroundColor: tokens.colorSubtleBackgroundSelected,\n\n '::after': {\n ...shorthands.borderColor(tokens.colorNeutralStroke1Selected),\n },\n\n ':hover': {\n backgroundColor: tokens.colorSubtleBackgroundSelected,\n },\n },\n\n highContrastSelected: {\n '@media (forced-colors: active)': {\n forcedColorAdjust: 'none',\n backgroundColor: 'Highlight',\n color: 'HighlightText',\n\n [`& .${cardPreviewClassNames.root}, & .${cardFooterClassNames.root}`]: {\n forcedColorAdjust: 'auto',\n },\n\n '::after': {\n ...shorthands.borderColor('Highlight'),\n },\n },\n },\n\n highContrastInteractive: {\n '@media (forced-colors: active)': {\n ':hover, :active': {\n forcedColorAdjust: 'none',\n backgroundColor: 'Highlight',\n color: 'HighlightText',\n\n [`& .${cardPreviewClassNames.root}, & .${cardFooterClassNames.root}`]: {\n forcedColorAdjust: 'auto',\n },\n },\n\n '::after': {\n ...shorthands.borderColor('Highlight'),\n },\n },\n },\n\n select: {\n position: 'absolute',\n top: '4px',\n right: '4px',\n zIndex: 1,\n },\n\n hiddenCheckbox: {\n ...shorthands.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/*\n Apply styling to the Card slots based on the state.\n */\nexport const useCardStyles_unstable = (state: CardState): CardState => {\n const styles = useStyles();\n\n const orientationMap = {\n horizontal: styles.orientationHorizontal,\n vertical: styles.orientationVertical,\n };\n\n const sizeMap = {\n small: styles.sizeSmall,\n medium: styles.sizeMedium,\n large: styles.sizeLarge,\n };\n\n const appearanceMap = {\n filled: styles.filled,\n 'filled-alternative': styles.filledAlternative,\n outline: styles.outline,\n subtle: styles.subtle,\n };\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\n const isSelectableOrInteractive = state.interactive \|\| state.selectable;\n\n state.root.className = mergeClasses(\n cardClassNames.root,\n styles.root,\n orientationMap[state.orientation],\n sizeMap[state.size],\n appearanceMap[state.appearance],\n isSelectableOrInteractive && interactiveMap[state.appearance],\n state.selected && selectedMap[state.appearance],\n state.selectFocused && styles.selectableFocused,\n // High contrast overrides\n state.selected && styles.highContrastSelected,\n isSelectableOrInteractive && styles.highContrastInteractive,\n state.root.className,\n );\n\n if (state.floatingAction) {\n state.floatingAction.className = mergeClasses(\n cardClassNames.floatingAction,\n styles.select,\n state.floatingAction.className,\n );\n }\n\n if (state.checkbox) {\n state.checkbox.className = mergeClasses(cardClassNames.checkbox, styles.hiddenCheckbox, state.checkbox.className);\n }\n\n return state;\n};\n"],"mappings":"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"}

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

@@ -505,6 +505,38 @@ const useStyles = /*#__PURE__*/ (0, _react["__styles"])({
         ],
         Jwef8y: "f1uqaxdt"
     },
+    highContrastSelected: {
+        ycbfsm: "fkc42ay",
+        Bsw6fvg: "f1rirnrt",
+        Bbusuzp: "f1lkg8j3",
+        xgfqdd: "f1nkj0oa",
+        Bmmdzwq: "fey3rwa",
+        zkpvhj: [
+            "f5jhx11",
+            "fff9uym"
+        ],
+        B20bydw: "fm7n0jy",
+        Bwwwggl: [
+            "fff9uym",
+            "f5jhx11"
+        ]
+    },
+    highContrastInteractive: {
+        h1vhog: "fpfvv3l",
+        kslmdy: "f1oamsm6",
+        Baaf6ca: "f1il21bs",
+        x9zz3d: "fnn5dk0",
+        Bmmdzwq: "fey3rwa",
+        zkpvhj: [
+            "f5jhx11",
+            "fff9uym"
+        ],
+        B20bydw: "fm7n0jy",
+        Bwwwggl: [
+            "fff9uym",
+            "f5jhx11"
+        ]
+    },
     select: {
         qhf8xq: "f1euv43f",
         Bhzewxz: "fqclxi7",
@@ -704,6 +736,104 @@ const useStyles = /*#__PURE__*/ (0, _react["__styles"])({
         ".f1bus3rq:active::after{border-left-color:var(--colorNeutralStroke1Pressed);}",
         ".f1fbu7rr:active::after{border-bottom-color:var(--colorNeutralStroke1Pressed);}",
         ".f1wfn5kd:active{background-color:var(--colorSubtleBackgroundPressed);}"
+    ],
+    m: [
+        [
+            "@media (forced-colors: active){.fkc42ay{forced-color-adjust:none;}}",
+            {
+                m: "(forced-colors: active)"
+            }
+        ],
+        [
+            "@media (forced-colors: active){.f1rirnrt{background-color:Highlight;}}",
+            {
+                m: "(forced-colors: active)"
+            }
+        ],
+        [
+            "@media (forced-colors: active){.f1lkg8j3{color:HighlightText;}}",
+            {
+                m: "(forced-colors: active)"
+            }
+        ],
+        [
+            "@media (forced-colors: active){.f1nkj0oa .fui-CardPreview,.f1nkj0oa .fui-CardFooter{forced-color-adjust:auto;}}",
+            {
+                m: "(forced-colors: active)"
+            }
+        ],
+        [
+            "@media (forced-colors: active){.fey3rwa::after{border-top-color:Highlight;}}",
+            {
+                m: "(forced-colors: active)"
+            }
+        ],
+        [
+            "@media (forced-colors: active){.f5jhx11::after{border-right-color:Highlight;}.fff9uym::after{border-left-color:Highlight;}}",
+            {
+                m: "(forced-colors: active)"
+            }
+        ],
+        [
+            "@media (forced-colors: active){.fm7n0jy::after{border-bottom-color:Highlight;}}",
+            {
+                m: "(forced-colors: active)"
+            }
+        ],
+        [
+            "@media (forced-colors: active){.fff9uym::after{border-left-color:Highlight;}.f5jhx11::after{border-right-color:Highlight;}}",
+            {
+                m: "(forced-colors: active)"
+            }
+        ],
+        [
+            "@media (forced-colors: active){.fpfvv3l:hover,.fpfvv3l :active{forced-color-adjust:none;}}",
+            {
+                m: "(forced-colors: active)"
+            }
+        ],
+        [
+            "@media (forced-colors: active){.f1oamsm6:hover,.f1oamsm6 :active{background-color:Highlight;}}",
+            {
+                m: "(forced-colors: active)"
+            }
+        ],
+        [
+            "@media (forced-colors: active){.f1il21bs:hover,.f1il21bs :active{color:HighlightText;}}",
+            {
+                m: "(forced-colors: active)"
+            }
+        ],
+        [
+            "@media (forced-colors: active){.fnn5dk0:hover .fui-CardPreview,.fnn5dk0 :active .fui-CardPreview,.fnn5dk0:hover .fui-CardFooter,.fnn5dk0 :active .fui-CardFooter{forced-color-adjust:auto;}}",
+            {
+                m: "(forced-colors: active)"
+            }
+        ],
+        [
+            "@media (forced-colors: active){.fey3rwa::after{border-top-color:Highlight;}}",
+            {
+                m: "(forced-colors: active)"
+            }
+        ],
+        [
+            "@media (forced-colors: active){.f5jhx11::after{border-right-color:Highlight;}.fff9uym::after{border-left-color:Highlight;}}",
+            {
+                m: "(forced-colors: active)"
+            }
+        ],
+        [
+            "@media (forced-colors: active){.fm7n0jy::after{border-bottom-color:Highlight;}}",
+            {
+                m: "(forced-colors: active)"
+            }
+        ],
+        [
+            "@media (forced-colors: active){.fff9uym::after{border-left-color:Highlight;}.f5jhx11::after{border-right-color:Highlight;}}",
+            {
+                m: "(forced-colors: active)"
+            }
+        ]
     ]
 });
 const useCardStyles_unstable = (state)=>{
@@ -735,7 +865,9 @@ const useCardStyles_unstable = (state)=>{
         outline: styles.outlineInteractive,
         subtle: styles.subtleInteractive
     };
-    state.root.className = (0, _react.mergeClasses)(cardClassNames.root, styles.root, orientationMap[state.orientation], sizeMap[state.size], appearanceMap[state.appearance], (state.interactive || state.selectable) && interactiveMap[state.appearance], state.selected && selectedMap[state.appearance], state.selectFocused && styles.selectableFocused, state.root.className);
+    const isSelectableOrInteractive = state.interactive || state.selectable;
+    state.root.className = (0, _react.mergeClasses)(cardClassNames.root, styles.root, orientationMap[state.orientation], sizeMap[state.size], appearanceMap[state.appearance], isSelectableOrInteractive && interactiveMap[state.appearance], state.selected && selectedMap[state.appearance], state.selectFocused && styles.selectableFocused, // High contrast overrides
+    state.selected && styles.highContrastSelected, isSelectableOrInteractive && styles.highContrastInteractive, state.root.className);
     if (state.floatingAction) {
         state.floatingAction.className = (0, _react.mergeClasses)(cardClassNames.floatingAction, styles.select, state.floatingAction.className);
     }

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../lib/components/Card/useCardStyles.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';\nimport { cardHeaderClassNames } from '../CardHeader/useCardHeaderStyles';\nimport { cardFooterClassNames } from '../CardFooter/useCardFooterStyles';\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};\nconst useStyles = /#__PURE__/__styles({\n root: {\n B68tc82: \"f1p9o1ba\",\n Bmxbyg5: \"f1sil6mw\",\n Bbmb7ep: [\"fifeqxg\", \"f899z7z\"],\n Beyfa6y: [\"f899z7z\", \"fifeqxg\"],\n B7oj6ja: [\"f4h3tyx\", \"f18ur2pz\"],\n Btl43ni: [\"f18ur2pz\", \"f4h3tyx\"],\n z8tnut: \"f1lplnzb\",\n z189sj: [\"f10m5gbb\", \"f1k04kkk\"],\n Byoj8tv: \"fhftqfp\",\n uwmqm3: [\"f1k04kkk\", \"f10m5gbb\"],\n i8kkvl: \"fxsr4vj\",\n Belr9w4: \"fcvsdzp\",\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 B3778ie: [\"f1qnomq5\", \"f2fl922\"],\n d9w3h3: [\"f2fl922\", \"f1qnomq5\"],\n Bl18szs: [\"f1anhtl\", \"f1n2zcl3\"],\n B4j8arr: [\"f1n2zcl3\", \"f1anhtl\"],\n B2jhnfs: \"f16v3d5c\",\n wiictr: \"f1su8t2g\",\n Brovlpu: \"ftqa4ok\",\n B486eqv: \"f2hkw1w\",\n B8q5s1w: \"f8hki3x\",\n Bci5o5g: [\"f1d2448m\", \"ffh67wi\"],\n n8qw10: \"f1bjia2o\",\n Bdrgwmp: [\"ffh67wi\", \"f1d2448m\"],\n Bm4h7ae: \"f15bsgw9\",\n B7ys5i9: \"f14e48fq\",\n Busjfv9: \"f18yb2kv\",\n Bhk32uz: \"fd6o370\",\n Bf4ptjt: \"fh1cnn4\",\n kclons: [\"fy7oxxb\", \"f184ne2d\"],\n Bhdgwq3: \"fpukqih\",\n Blkhhs4: [\"f184ne2d\", \"fy7oxxb\"],\n Bqtpl0w: \"f99gebs\",\n clg4pj: [\"f13b0oaq\", \"f8t2bz6\"],\n hgwjuy: \"f1jvq617\",\n Bonggc9: [\"f8t2bz6\", \"f13b0oaq\"],\n B1tsrr9: [\"f11unbnk\", \"fbd201q\"],\n Dah5zi: [\"fbd201q\", \"f11unbnk\"],\n Bkh64rk: [\"f12nqxso\", \"f1uguk4w\"],\n qqdqy8: [\"f1uguk4w\", \"f12nqxso\"],\n B6dhp37: \"f1dvezut\",\n i03rao: [\"fd0oaoj\", \"f1cwg4i8\"],\n Boxcth7: \"fjvm52t\",\n Bsom6fd: [\"f1cwg4i8\", \"fd0oaoj\"],\n J0r882: \"f3l4wcz\",\n Bjwuhne: \"f6j2biq\",\n Ghsupd: [\"fdzzmfx\", \"fduh8kh\"],\n Bule8hv: [\"fduh8kh\", \"fdzzmfx\"]\n },\n selectableFocused: {\n Brovlpu: \"ftqa4ok\",\n B486eqv: \"f2hkw1w\",\n Bssx7fj: \"f1b1k54r\",\n uh7if5: [\"f4ne723\", \"fqqcjud\"],\n clntm0: \"fh7aioi\",\n Dlk2r6: [\"fqqcjud\", \"f4ne723\"],\n B2j2mmj: \"ffht0p2\",\n wigs8: \"f1p0ul1q\",\n pbfy6t: \"f1c901ms\",\n B0v4ure: \"f1alokd7\",\n ghq09: \"f78i1la\",\n B24cy0v: [\"f1kvsw7t\", \"f1bw8brt\"],\n Bwckmig: \"f8k7e5g\",\n Bvwlmkc: [\"f1bw8brt\", \"f1kvsw7t\"],\n Bbgo44z: \"f125hn41\",\n Bil7v7r: [\"fgxkx34\", \"f1v56tyl\"],\n skfxo0: \"fdxas6f\",\n jo1ztg: [\"f1v56tyl\", \"fgxkx34\"],\n Ba3ybja: [\"fxwickw\", \"f1ia5cve\"],\n az1dzo: [\"f1ia5cve\", \"fxwickw\"],\n vppk2z: [\"f194aguw\", \"fqicc6c\"],\n B6352mv: [\"fqicc6c\", \"f194aguw\"],\n nr063g: \"fq4eyks\",\n Blmvk6g: [\"f1ya6x16\", \"ftuszwa\"],\n Bsiemmq: \"f1e2iu44\",\n B98u21t: [\"ftuszwa\", \"f1ya6x16\"],\n B2pnrqr: \"f4a0pcc\",\n Bhhzhcn: \"f11go4w5\",\n Bec0n69: [\"f4dzull\", \"fy687nj\"],\n B29w5g4: [\"fy687nj\", \"f4dzull\"]\n },\n orientationHorizontal: {\n Beiy3e4: \"f1063pyq\",\n Bt984gj: \"f122n59\",\n Bnoktp0: \"fpfyeui\",\n Idhjb2: \"fwi74qw\",\n ihgzqh: [\"ffcmwrh\", \"f6ppoih\"],\n Bgp6ld0: [\"f1dc9p14\", \"fd933vt\"],\n Bbucpmy: \"f18esqgw\"\n },\n orientationVertical: {\n Beiy3e4: \"f1vx9l62\",\n Bt4kzjz: [\"fobhde4\", \"fx5r7kn\"],\n B1ou843: [\"fx5r7kn\", \"fobhde4\"],\n y1433z: \"f19chtn8\",\n B7egwnw: \"fuvs6re\",\n B49b4xf: \"fy4glsf\"\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 select: {\n qhf8xq: \"f1euv43f\",\n Bhzewxz: \"fqclxi7\",\n j35jbq: [\"fiv86kb\", \"f36uhnt\"],\n Bj3rh1h: \"f19g0ac\"\n },\n hiddenCheckbox: {\n B68tc82: \"f1p9o1ba\",\n Bmxbyg5: \"f1sil6mw\",\n a9b677: \"frkrog8\",\n Bqenvij: \"f1mpe4l3\",\n qhf8xq: \"f1euv43f\",\n Bh84pgu: \"fmf1zke\",\n Bgl5zvf: \"f1wch0ki\",\n Huce71: \"fz5stix\"\n }\n}, {\n d: [\".f1p9o1ba{overflow-x:hidden;}\", \".f1sil6mw{overflow-y:hidden;}\", \".fifeqxg{border-bottom-right-radius:var(--fui-Card--border-radius);}\", \".f899z7z{border-bottom-left-radius:var(--fui-Card--border-radius);}\", \".f4h3tyx{border-top-right-radius:var(--fui-Card--border-radius);}\", \".f18ur2pz{border-top-left-radius:var(--fui-Card--border-radius);}\", \".f1lplnzb{padding-top:var(--fui-Card--size);}\", \".f10m5gbb{padding-right:var(--fui-Card--size);}\", \".f1k04kkk{padding-left:var(--fui-Card--size);}\", \".fhftqfp{padding-bottom:var(--fui-Card--size);}\", \".fxsr4vj{-webkit-column-gap:var(--fui-Card--size);column-gap:var(--fui-Card--size);}\", \".fcvsdzp{row-gap:var(--fui-Card--size);}\", \".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;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);}\", \".f1qnomq5::after{border-bottom-right-radius:var(--fui-Card--border-radius);}\", \".f2fl922::after{border-bottom-left-radius:var(--fui-Card--border-radius);}\", \".f1anhtl::after{border-top-right-radius:var(--fui-Card--border-radius);}\", \".f1n2zcl3::after{border-top-left-radius:var(--fui-Card--border-radius);}\", \".f16v3d5c>.fui-CardHeader,.f16v3d5c>.fui-CardFooter{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;}\", \".f1su8t2g>:not(.fui-CardPreview):not(.fui-CardHeader):not(.fui-CardFooter){-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}\", \".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;}\", \".fh1cnn4[data-fui-focus-visible]::after{border-top-style:solid;}\", \".fy7oxxb[data-fui-focus-visible]::after{border-right-style:solid;}\", \".f184ne2d[data-fui-focus-visible]::after{border-left-style:solid;}\", \".fpukqih[data-fui-focus-visible]::after{border-bottom-style:solid;}\", \".f99gebs[data-fui-focus-visible]::after{border-top-width:var(--strokeWidthThick);}\", \".f13b0oaq[data-fui-focus-visible]::after{border-right-width:var(--strokeWidthThick);}\", \".f8t2bz6[data-fui-focus-visible]::after{border-left-width:var(--strokeWidthThick);}\", \".f1jvq617[data-fui-focus-visible]::after{border-bottom-width:var(--strokeWidthThick);}\", \".f11unbnk[data-fui-focus-visible]::after{border-bottom-right-radius:var(--fui-Card--border-radius);}\", \".fbd201q[data-fui-focus-visible]::after{border-bottom-left-radius:var(--fui-Card--border-radius);}\", \".f12nqxso[data-fui-focus-visible]::after{border-top-right-radius:var(--fui-Card--border-radius);}\", \".f1uguk4w[data-fui-focus-visible]::after{border-top-left-radius:var(--fui-Card--border-radius);}\", \".f1dvezut[data-fui-focus-visible]::after{border-top-color:var(--colorStrokeFocus2);}\", \".fd0oaoj[data-fui-focus-visible]::after{border-right-color:var(--colorStrokeFocus2);}\", \".f1cwg4i8[data-fui-focus-visible]::after{border-left-color:var(--colorStrokeFocus2);}\", \".fjvm52t[data-fui-focus-visible]::after{border-bottom-color:var(--colorStrokeFocus2);}\", \".f3l4wcz[data-fui-focus-visible]::after{top:-var(--strokeWidthThick);}\", \".f6j2biq[data-fui-focus-visible]::after{bottom:-var(--strokeWidthThick);}\", \".fdzzmfx[data-fui-focus-visible]::after{left:-var(--strokeWidthThick);}\", \".fduh8kh[data-fui-focus-visible]::after{right:-var(--strokeWidthThick);}\", \".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;}\", \".f78i1la[data-fui-focus-within]:focus-within::after{border-top-style:solid;}\", \".f1kvsw7t[data-fui-focus-within]:focus-within::after{border-right-style:solid;}\", \".f1bw8brt[data-fui-focus-within]:focus-within::after{border-left-style:solid;}\", \".f8k7e5g[data-fui-focus-within]:focus-within::after{border-bottom-style:solid;}\", \".f125hn41[data-fui-focus-within]:focus-within::after{border-top-width:var(--strokeWidthThick);}\", \".fgxkx34[data-fui-focus-within]:focus-within::after{border-right-width:var(--strokeWidthThick);}\", \".f1v56tyl[data-fui-focus-within]:focus-within::after{border-left-width:var(--strokeWidthThick);}\", \".fdxas6f[data-fui-focus-within]:focus-within::after{border-bottom-width:var(--strokeWidthThick);}\", \".fxwickw[data-fui-focus-within]:focus-within::after{border-bottom-right-radius:var(--fui-Card--border-radius);}\", \".f1ia5cve[data-fui-focus-within]:focus-within::after{border-bottom-left-radius:var(--fui-Card--border-radius);}\", \".f194aguw[data-fui-focus-within]:focus-within::after{border-top-right-radius:var(--fui-Card--border-radius);}\", \".fqicc6c[data-fui-focus-within]:focus-within::after{border-top-left-radius:var(--fui-Card--border-radius);}\", \".fq4eyks[data-fui-focus-within]:focus-within::after{border-top-color:var(--colorStrokeFocus2);}\", \".f1ya6x16[data-fui-focus-within]:focus-within::after{border-right-color:var(--colorStrokeFocus2);}\", \".ftuszwa[data-fui-focus-within]:focus-within::after{border-left-color:var(--colorStrokeFocus2);}\", \".f1e2iu44[data-fui-focus-within]:focus-within::after{border-bottom-color:var(--colorStrokeFocus2);}\", \".f4a0pcc[data-fui-focus-within]:focus-within::after{top:-var(--strokeWidthThick);}\", \".f11go4w5[data-fui-focus-within]:focus-within::after{bottom:-var(--strokeWidthThick);}\", \".f4dzull[data-fui-focus-within]:focus-within::after{left:-var(--strokeWidthThick);}\", \".fy687nj[data-fui-focus-within]:focus-within::after{right:-var(--strokeWidthThick);}\", \".f1063pyq{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}\", \".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}\", \".fpfyeui>.fui-CardPreview{margin-top:calc(var(--fui-Card--size) -1);}\", \".fwi74qw>.fui-CardPreview{margin-bottom:calc(var(--fui-Card--size) * -1);}\", \".ffcmwrh>:not([aria-hidden=\\\"true\\\"]).fui-CardPreview:first-of-type{margin-left:calc(var(--fui-Card--size) * -1);}\", \".f6ppoih>:not([aria-hidden=\\\"true\\\"]).fui-CardPreview:first-of-type{margin-right:calc(var(--fui-Card--size) * -1);}\", \".f1dc9p14>:not([aria-hidden=\\\"true\\\"]).fui-CardPreview:last-of-type{margin-right:calc(var(--fui-Card--size) * -1);}\", \".fd933vt>:not([aria-hidden=\\\"true\\\"]).fui-CardPreview:last-of-type{margin-left:calc(var(--fui-Card--size) * -1);}\", \".f18esqgw>.fui-CardHeader:last-of-type,.f18esqgw>.fui-CardFooter:last-of-type{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}\", \".f1vx9l62{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}\", \".fobhde4>.fui-CardPreview{margin-left:calc(var(--fui-Card--size) * -1);}\", \".fx5r7kn>.fui-CardPreview{margin-right:calc(var(--fui-Card--size) * -1);}\", \".f19chtn8>:not([aria-hidden=\\\"true\\\"]).fui-CardPreview:first-of-type{margin-top:calc(var(--fui-Card--size) * -1);}\", \".fuvs6re>.fui-Card__floatingAction+.fui-CardPreview{margin-top:calc(var(--fui-Card--size) * -1);}\", \".fy4glsf>: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;}\", \".frkrog8{width:1px;}\", \".f1mpe4l3{height:1px;}\", \".fmf1zke{clip:rect(0 0 0 0);}\", \".f1wch0ki{-webkit-clip-path:inset(50%);clip-path:inset(50%);}\", \".fz5stix{white-space:nowrap;}\"],\n f: [\".ftqa4ok:focus{outline-style:none;}\"],\n i: [\".f2hkw1w:focus-visible{outline-style:none;}\"],\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 state.root.className = mergeClasses(cardClassNames.root, styles.root, orientationMap[state.orientation], sizeMap[state.size], appearanceMap[state.appearance], (state.interactive \|\| state.selectable) && interactiveMap[state.appearance], state.selected && selectedMap[state.appearance], state.selectFocused && styles.selectableFocused, 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.js.map"],"names":["cardClassNames","cardCSSVars","useCardStyles_unstable","root","floatingAction","checkbox","cardSizeVar","cardBorderRadiusVar","focusOutlineStyle","outlineRadius","outlineWidth","tokens","strokeWidthThick","useStyles","__styles","B68tc82","Bmxbyg5","Bbmb7ep","Beyfa6y","B7oj6ja","Btl43ni","z8tnut","z189sj","Byoj8tv","uwmqm3","i8kkvl","Belr9w4","mc9l5x","qhf8xq","B7ck84d","sj55zd","E3zdtr","bn5sak","Eqx8gd","B1piin3","By385i5","Bsft5z2","B80jsxd","Bm2nyyq","Barhvk9","Bw17bha","vfts7","xrcqlc","Ihftqj","Bcgy8vk","Bhxzhr1","B3778ie","d9w3h3","Bl18szs","B4j8arr","B2jhnfs","wiictr","Brovlpu","B486eqv","B8q5s1w","Bci5o5g","n8qw10","Bdrgwmp","Bm4h7ae","B7ys5i9","Busjfv9","Bhk32uz","Bf4ptjt","kclons","Bhdgwq3","Blkhhs4","Bqtpl0w","clg4pj","hgwjuy","Bonggc9","B1tsrr9","Dah5zi","Bkh64rk","qqdqy8","B6dhp37","i03rao","Boxcth7","Bsom6fd","J0r882","Bjwuhne","Ghsupd","Bule8hv","selectableFocused","Bssx7fj","uh7if5","clntm0","Dlk2r6","B2j2mmj","wigs8","pbfy6t","B0v4ure","ghq09","B24cy0v","Bwckmig","Bvwlmkc","Bbgo44z","Bil7v7r","skfxo0","jo1ztg","Ba3ybja","az1dzo","vppk2z","B6352mv","nr063g","Blmvk6g","Bsiemmq","B98u21t","B2pnrqr","Bhhzhcn","Bec0n69","B29w5g4","orientationHorizontal","Beiy3e4","Bt984gj","Bnoktp0","Idhjb2","ihgzqh","Bgp6ld0","Bbucpmy","orientationVertical","Bt4kzjz","B1ou843","y1433z","B7egwnw","B49b4xf","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","select","Bhzewxz","j35jbq","Bj3rh1h","hiddenCheckbox","a9b677","Bqenvij","Bh84pgu","Bgl5zvf","Huce71","d","f","i","h","a","state","styles","orientationMap","horizontal","vertical","sizeMap","small","medium","large","appearanceMap","selectedMap","interactiveMap","className","mergeClasses","orientation","size","appearance","interactive","selectable","selected","selectFocused"],"mappings":"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"}
1	+ {"version":3,"sources":["../../../lib/components/Card/useCardStyles.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';\nimport { cardHeaderClassNames } from '../CardHeader/useCardHeaderStyles';\nimport { cardFooterClassNames } from '../CardFooter/useCardFooterStyles';\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};\nconst useStyles = /#__PURE__/__styles({\n root: {\n B68tc82: \"f1p9o1ba\",\n Bmxbyg5: \"f1sil6mw\",\n Bbmb7ep: [\"fifeqxg\", \"f899z7z\"],\n Beyfa6y: [\"f899z7z\", \"fifeqxg\"],\n B7oj6ja: [\"f4h3tyx\", \"f18ur2pz\"],\n Btl43ni: [\"f18ur2pz\", \"f4h3tyx\"],\n z8tnut: \"f1lplnzb\",\n z189sj: [\"f10m5gbb\", \"f1k04kkk\"],\n Byoj8tv: \"fhftqfp\",\n uwmqm3: [\"f1k04kkk\", \"f10m5gbb\"],\n i8kkvl: \"fxsr4vj\",\n Belr9w4: \"fcvsdzp\",\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 B3778ie: [\"f1qnomq5\", \"f2fl922\"],\n d9w3h3: [\"f2fl922\", \"f1qnomq5\"],\n Bl18szs: [\"f1anhtl\", \"f1n2zcl3\"],\n B4j8arr: [\"f1n2zcl3\", \"f1anhtl\"],\n B2jhnfs: \"f16v3d5c\",\n wiictr: \"f1su8t2g\",\n Brovlpu: \"ftqa4ok\",\n B486eqv: \"f2hkw1w\",\n B8q5s1w: \"f8hki3x\",\n Bci5o5g: [\"f1d2448m\", \"ffh67wi\"],\n n8qw10: \"f1bjia2o\",\n Bdrgwmp: [\"ffh67wi\", \"f1d2448m\"],\n Bm4h7ae: \"f15bsgw9\",\n B7ys5i9: \"f14e48fq\",\n Busjfv9: \"f18yb2kv\",\n Bhk32uz: \"fd6o370\",\n Bf4ptjt: \"fh1cnn4\",\n kclons: [\"fy7oxxb\", \"f184ne2d\"],\n Bhdgwq3: \"fpukqih\",\n Blkhhs4: [\"f184ne2d\", \"fy7oxxb\"],\n Bqtpl0w: \"f99gebs\",\n clg4pj: [\"f13b0oaq\", \"f8t2bz6\"],\n hgwjuy: \"f1jvq617\",\n Bonggc9: [\"f8t2bz6\", \"f13b0oaq\"],\n B1tsrr9: [\"f11unbnk\", \"fbd201q\"],\n Dah5zi: [\"fbd201q\", \"f11unbnk\"],\n Bkh64rk: [\"f12nqxso\", \"f1uguk4w\"],\n qqdqy8: [\"f1uguk4w\", \"f12nqxso\"],\n B6dhp37: \"f1dvezut\",\n i03rao: [\"fd0oaoj\", \"f1cwg4i8\"],\n Boxcth7: \"fjvm52t\",\n Bsom6fd: [\"f1cwg4i8\", \"fd0oaoj\"],\n J0r882: \"f3l4wcz\",\n Bjwuhne: \"f6j2biq\",\n Ghsupd: [\"fdzzmfx\", \"fduh8kh\"],\n Bule8hv: [\"fduh8kh\", \"fdzzmfx\"]\n },\n selectableFocused: {\n Brovlpu: \"ftqa4ok\",\n B486eqv: \"f2hkw1w\",\n Bssx7fj: \"f1b1k54r\",\n uh7if5: [\"f4ne723\", \"fqqcjud\"],\n clntm0: \"fh7aioi\",\n Dlk2r6: [\"fqqcjud\", \"f4ne723\"],\n B2j2mmj: \"ffht0p2\",\n wigs8: \"f1p0ul1q\",\n pbfy6t: \"f1c901ms\",\n B0v4ure: \"f1alokd7\",\n ghq09: \"f78i1la\",\n B24cy0v: [\"f1kvsw7t\", \"f1bw8brt\"],\n Bwckmig: \"f8k7e5g\",\n Bvwlmkc: [\"f1bw8brt\", \"f1kvsw7t\"],\n Bbgo44z: \"f125hn41\",\n Bil7v7r: [\"fgxkx34\", \"f1v56tyl\"],\n skfxo0: \"fdxas6f\",\n jo1ztg: [\"f1v56tyl\", \"fgxkx34\"],\n Ba3ybja: [\"fxwickw\", \"f1ia5cve\"],\n az1dzo: [\"f1ia5cve\", \"fxwickw\"],\n vppk2z: [\"f194aguw\", \"fqicc6c\"],\n B6352mv: [\"fqicc6c\", \"f194aguw\"],\n nr063g: \"fq4eyks\",\n Blmvk6g: [\"f1ya6x16\", \"ftuszwa\"],\n Bsiemmq: \"f1e2iu44\",\n B98u21t: [\"ftuszwa\", \"f1ya6x16\"],\n B2pnrqr: \"f4a0pcc\",\n Bhhzhcn: \"f11go4w5\",\n Bec0n69: [\"f4dzull\", \"fy687nj\"],\n B29w5g4: [\"fy687nj\", \"f4dzull\"]\n },\n orientationHorizontal: {\n Beiy3e4: \"f1063pyq\",\n Bt984gj: \"f122n59\",\n Bnoktp0: \"fpfyeui\",\n Idhjb2: \"fwi74qw\",\n ihgzqh: [\"ffcmwrh\", \"f6ppoih\"],\n Bgp6ld0: [\"f1dc9p14\", \"fd933vt\"],\n Bbucpmy: \"f18esqgw\"\n },\n orientationVertical: {\n Beiy3e4: \"f1vx9l62\",\n Bt4kzjz: [\"fobhde4\", \"fx5r7kn\"],\n B1ou843: [\"fx5r7kn\", \"fobhde4\"],\n y1433z: \"f19chtn8\",\n B7egwnw: \"fuvs6re\",\n B49b4xf: \"fy4glsf\"\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: \"f1p9o1ba\",\n Bmxbyg5: \"f1sil6mw\",\n a9b677: \"frkrog8\",\n Bqenvij: \"f1mpe4l3\",\n qhf8xq: \"f1euv43f\",\n Bh84pgu: \"fmf1zke\",\n Bgl5zvf: \"f1wch0ki\",\n Huce71: \"fz5stix\"\n }\n}, {\n d: [\".f1p9o1ba{overflow-x:hidden;}\", \".f1sil6mw{overflow-y:hidden;}\", \".fifeqxg{border-bottom-right-radius:var(--fui-Card--border-radius);}\", \".f899z7z{border-bottom-left-radius:var(--fui-Card--border-radius);}\", \".f4h3tyx{border-top-right-radius:var(--fui-Card--border-radius);}\", \".f18ur2pz{border-top-left-radius:var(--fui-Card--border-radius);}\", \".f1lplnzb{padding-top:var(--fui-Card--size);}\", \".f10m5gbb{padding-right:var(--fui-Card--size);}\", \".f1k04kkk{padding-left:var(--fui-Card--size);}\", \".fhftqfp{padding-bottom:var(--fui-Card--size);}\", \".fxsr4vj{-webkit-column-gap:var(--fui-Card--size);column-gap:var(--fui-Card--size);}\", \".fcvsdzp{row-gap:var(--fui-Card--size);}\", \".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;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);}\", \".f1qnomq5::after{border-bottom-right-radius:var(--fui-Card--border-radius);}\", \".f2fl922::after{border-bottom-left-radius:var(--fui-Card--border-radius);}\", \".f1anhtl::after{border-top-right-radius:var(--fui-Card--border-radius);}\", \".f1n2zcl3::after{border-top-left-radius:var(--fui-Card--border-radius);}\", \".f16v3d5c>.fui-CardHeader,.f16v3d5c>.fui-CardFooter{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;}\", \".f1su8t2g>:not(.fui-CardPreview):not(.fui-CardHeader):not(.fui-CardFooter){-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}\", \".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;}\", \".fh1cnn4[data-fui-focus-visible]::after{border-top-style:solid;}\", \".fy7oxxb[data-fui-focus-visible]::after{border-right-style:solid;}\", \".f184ne2d[data-fui-focus-visible]::after{border-left-style:solid;}\", \".fpukqih[data-fui-focus-visible]::after{border-bottom-style:solid;}\", \".f99gebs[data-fui-focus-visible]::after{border-top-width:var(--strokeWidthThick);}\", \".f13b0oaq[data-fui-focus-visible]::after{border-right-width:var(--strokeWidthThick);}\", \".f8t2bz6[data-fui-focus-visible]::after{border-left-width:var(--strokeWidthThick);}\", \".f1jvq617[data-fui-focus-visible]::after{border-bottom-width:var(--strokeWidthThick);}\", \".f11unbnk[data-fui-focus-visible]::after{border-bottom-right-radius:var(--fui-Card--border-radius);}\", \".fbd201q[data-fui-focus-visible]::after{border-bottom-left-radius:var(--fui-Card--border-radius);}\", \".f12nqxso[data-fui-focus-visible]::after{border-top-right-radius:var(--fui-Card--border-radius);}\", \".f1uguk4w[data-fui-focus-visible]::after{border-top-left-radius:var(--fui-Card--border-radius);}\", \".f1dvezut[data-fui-focus-visible]::after{border-top-color:var(--colorStrokeFocus2);}\", \".fd0oaoj[data-fui-focus-visible]::after{border-right-color:var(--colorStrokeFocus2);}\", \".f1cwg4i8[data-fui-focus-visible]::after{border-left-color:var(--colorStrokeFocus2);}\", \".fjvm52t[data-fui-focus-visible]::after{border-bottom-color:var(--colorStrokeFocus2);}\", \".f3l4wcz[data-fui-focus-visible]::after{top:-var(--strokeWidthThick);}\", \".f6j2biq[data-fui-focus-visible]::after{bottom:-var(--strokeWidthThick);}\", \".fdzzmfx[data-fui-focus-visible]::after{left:-var(--strokeWidthThick);}\", \".fduh8kh[data-fui-focus-visible]::after{right:-var(--strokeWidthThick);}\", \".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;}\", \".f78i1la[data-fui-focus-within]:focus-within::after{border-top-style:solid;}\", \".f1kvsw7t[data-fui-focus-within]:focus-within::after{border-right-style:solid;}\", \".f1bw8brt[data-fui-focus-within]:focus-within::after{border-left-style:solid;}\", \".f8k7e5g[data-fui-focus-within]:focus-within::after{border-bottom-style:solid;}\", \".f125hn41[data-fui-focus-within]:focus-within::after{border-top-width:var(--strokeWidthThick);}\", \".fgxkx34[data-fui-focus-within]:focus-within::after{border-right-width:var(--strokeWidthThick);}\", \".f1v56tyl[data-fui-focus-within]:focus-within::after{border-left-width:var(--strokeWidthThick);}\", \".fdxas6f[data-fui-focus-within]:focus-within::after{border-bottom-width:var(--strokeWidthThick);}\", \".fxwickw[data-fui-focus-within]:focus-within::after{border-bottom-right-radius:var(--fui-Card--border-radius);}\", \".f1ia5cve[data-fui-focus-within]:focus-within::after{border-bottom-left-radius:var(--fui-Card--border-radius);}\", \".f194aguw[data-fui-focus-within]:focus-within::after{border-top-right-radius:var(--fui-Card--border-radius);}\", \".fqicc6c[data-fui-focus-within]:focus-within::after{border-top-left-radius:var(--fui-Card--border-radius);}\", \".fq4eyks[data-fui-focus-within]:focus-within::after{border-top-color:var(--colorStrokeFocus2);}\", \".f1ya6x16[data-fui-focus-within]:focus-within::after{border-right-color:var(--colorStrokeFocus2);}\", \".ftuszwa[data-fui-focus-within]:focus-within::after{border-left-color:var(--colorStrokeFocus2);}\", \".f1e2iu44[data-fui-focus-within]:focus-within::after{border-bottom-color:var(--colorStrokeFocus2);}\", \".f4a0pcc[data-fui-focus-within]:focus-within::after{top:-var(--strokeWidthThick);}\", \".f11go4w5[data-fui-focus-within]:focus-within::after{bottom:-var(--strokeWidthThick);}\", \".f4dzull[data-fui-focus-within]:focus-within::after{left:-var(--strokeWidthThick);}\", \".fy687nj[data-fui-focus-within]:focus-within::after{right:-var(--strokeWidthThick);}\", \".f1063pyq{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}\", \".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}\", \".fpfyeui>.fui-CardPreview{margin-top:calc(var(--fui-Card--size) -1);}\", \".fwi74qw>.fui-CardPreview{margin-bottom:calc(var(--fui-Card--size) * -1);}\", \".ffcmwrh>:not([aria-hidden=\\\"true\\\"]).fui-CardPreview:first-of-type{margin-left:calc(var(--fui-Card--size) * -1);}\", \".f6ppoih>:not([aria-hidden=\\\"true\\\"]).fui-CardPreview:first-of-type{margin-right:calc(var(--fui-Card--size) * -1);}\", \".f1dc9p14>:not([aria-hidden=\\\"true\\\"]).fui-CardPreview:last-of-type{margin-right:calc(var(--fui-Card--size) * -1);}\", \".fd933vt>:not([aria-hidden=\\\"true\\\"]).fui-CardPreview:last-of-type{margin-left:calc(var(--fui-Card--size) * -1);}\", \".f18esqgw>.fui-CardHeader:last-of-type,.f18esqgw>.fui-CardFooter:last-of-type{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}\", \".f1vx9l62{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}\", \".fobhde4>.fui-CardPreview{margin-left:calc(var(--fui-Card--size) * -1);}\", \".fx5r7kn>.fui-CardPreview{margin-right:calc(var(--fui-Card--size) * -1);}\", \".f19chtn8>:not([aria-hidden=\\\"true\\\"]).fui-CardPreview:first-of-type{margin-top:calc(var(--fui-Card--size) * -1);}\", \".fuvs6re>.fui-Card__floatingAction+.fui-CardPreview{margin-top:calc(var(--fui-Card--size) * -1);}\", \".fy4glsf>: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;}\", \".frkrog8{width:1px;}\", \".f1mpe4l3{height:1px;}\", \".fmf1zke{clip:rect(0 0 0 0);}\", \".f1wch0ki{-webkit-clip-path:inset(50%);clip-path:inset(50%);}\", \".fz5stix{white-space:nowrap;}\"],\n f: [\".ftqa4ok:focus{outline-style:none;}\"],\n i: [\".f2hkw1w:focus-visible{outline-style:none;}\"],\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 m: [[\"@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){.fff9uym::after{border-left-color:Highlight;}.f5jhx11::after{border-right-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 }], [\"@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){.fff9uym::after{border-left-color:Highlight;}.f5jhx11::after{border-right-color:Highlight;}}\", {\n m: \"(forced-colors: active)\"\n }]]\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 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], state.selectFocused && styles.selectableFocused,\n // High contrast overrides\n state.selected && styles.highContrastSelected, isSelectableOrInteractive && styles.highContrastInteractive, 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.js.map"],"names":["cardClassNames","cardCSSVars","useCardStyles_unstable","root","floatingAction","checkbox","cardSizeVar","cardBorderRadiusVar","focusOutlineStyle","outlineRadius","outlineWidth","tokens","strokeWidthThick","useStyles","__styles","B68tc82","Bmxbyg5","Bbmb7ep","Beyfa6y","B7oj6ja","Btl43ni","z8tnut","z189sj","Byoj8tv","uwmqm3","i8kkvl","Belr9w4","mc9l5x","qhf8xq","B7ck84d","sj55zd","E3zdtr","bn5sak","Eqx8gd","B1piin3","By385i5","Bsft5z2","B80jsxd","Bm2nyyq","Barhvk9","Bw17bha","vfts7","xrcqlc","Ihftqj","Bcgy8vk","Bhxzhr1","B3778ie","d9w3h3","Bl18szs","B4j8arr","B2jhnfs","wiictr","Brovlpu","B486eqv","B8q5s1w","Bci5o5g","n8qw10","Bdrgwmp","Bm4h7ae","B7ys5i9","Busjfv9","Bhk32uz","Bf4ptjt","kclons","Bhdgwq3","Blkhhs4","Bqtpl0w","clg4pj","hgwjuy","Bonggc9","B1tsrr9","Dah5zi","Bkh64rk","qqdqy8","B6dhp37","i03rao","Boxcth7","Bsom6fd","J0r882","Bjwuhne","Ghsupd","Bule8hv","selectableFocused","Bssx7fj","uh7if5","clntm0","Dlk2r6","B2j2mmj","wigs8","pbfy6t","B0v4ure","ghq09","B24cy0v","Bwckmig","Bvwlmkc","Bbgo44z","Bil7v7r","skfxo0","jo1ztg","Ba3ybja","az1dzo","vppk2z","B6352mv","nr063g","Blmvk6g","Bsiemmq","B98u21t","B2pnrqr","Bhhzhcn","Bec0n69","B29w5g4","orientationHorizontal","Beiy3e4","Bt984gj","Bnoktp0","Idhjb2","ihgzqh","Bgp6ld0","Bbucpmy","orientationVertical","Bt4kzjz","B1ou843","y1433z","B7egwnw","B49b4xf","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","f","i","h","a","m","state","styles","orientationMap","horizontal","vertical","sizeMap","small","medium","large","appearanceMap","selectedMap","interactiveMap","isSelectableOrInteractive","interactive","selectable","className","mergeClasses","orientation","size","appearance","selected","selectFocused"],"mappings":"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"}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-card",
-  "version": "9.0.6",
+  "version": "9.0.7",
   "private": false,
   "description": "Card container components for Fluent UI React.",
   "main": "lib-commonjs/index.js",
@@ -31,16 +31,16 @@
     "@fluentui/eslint-plugin": "*",
     "@fluentui/react-conformance-griffel": "9.0.0-beta.20",
     "@fluentui/react-conformance": "*",
-    "@fluentui/react-button": "^9.3.8",
+    "@fluentui/react-button": "^9.3.9",
     "@fluentui/scripts-api-extractor": "*",
     "@fluentui/scripts-cypress": "*",
     "@fluentui/scripts-tasks": "*"
   },
   "dependencies": {
     "@fluentui/keyboard-keys": "^9.0.2",
-    "@fluentui/react-tabster": "^9.6.4",
+    "@fluentui/react-tabster": "^9.6.5",
     "@fluentui/react-theme": "^9.1.7",
-    "@fluentui/react-utilities": "^9.7.4",
+    "@fluentui/react-utilities": "^9.8.0",
     "@griffel/react": "^1.5.2",
     "@swc/helpers": "^0.4.14"
   },