@fluentui/react-card 9.0.60 → 9.0.61

package/CHANGELOG.md

@@ -1,12 +1,22 @@
 # Change Log - @fluentui/react-card
 
-This log was last generated on Mon, 08 Jan 2024 16:20:07 GMT and should not be manually modified.
+This log was last generated on Thu, 11 Jan 2024 09:02:14 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.0.61](https://github.com/microsoft/fluentui/tree/@fluentui/react-card_v9.0.61)
+
+Thu, 11 Jan 2024 09:02:14 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-card_v9.0.60..@fluentui/react-card_v9.0.61)
+
+### Patches
+
+- fix: selectable card should not be focusable ([PR #30277](https://github.com/microsoft/fluentui/pull/30277) by marcosvmmoura@gmail.com)
+- fix: remove slow CSS selector from card styles ([PR #30278](https://github.com/microsoft/fluentui/pull/30278) by marcosvmmoura@gmail.com)
+
 ## [9.0.60](https://github.com/microsoft/fluentui/tree/@fluentui/react-card_v9.0.60)
 
-Mon, 08 Jan 2024 16:20:07 GMT 
+Mon, 08 Jan 2024 16:24:28 GMT 
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-card_v9.0.59..@fluentui/react-card_v9.0.60)
 
 ### Patches

package/lib/components/Card/useCard.js

@@ -82,7 +82,7 @@ const focusMap = {
         root: slot.always(getIntrinsicElementProps('div', {
             ref: cardRef,
             role: 'group',
-            ...focusAttributes,
+            ...!selectable ? focusAttributes : null,
             ...props,
             ...selectableCardProps
         }), {

package/lib/components/Card/useCard.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useCard.ts"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, useMergedRefs, slot } from '@fluentui/react-utilities';\nimport { useFocusableGroup, useFocusWithin } from '@fluentui/react-tabster';\n\nimport type { CardProps, CardState } from './Card.types';\nimport { useCardSelectable } from './useCardSelectable';\nimport { cardContextDefaultValue } from './CardContext';\n\nconst focusMap = {\n  off: undefined,\n  'no-tab': 'limited-trap-focus',\n  'tab-exit': 'limited',\n  'tab-only': 'unlimited',\n} as const;\n\n/**\n * Create the state for interactive cards.\n *\n * This internal hook defines if the card is interactive\n * and control focus properties based on that.\n *\n * @param props - props from this instance of Card\n */\nconst useCardInteractive = ({ focusMode = 'off', ...props }: CardProps) => {\n  const interactive = (\n    [\n      'onClick',\n      'onDoubleClick',\n      'onMouseUp',\n      'onMouseDown',\n      'onPointerUp',\n      'onPointerDown',\n      'onTouchStart',\n      'onTouchEnd',\n      'onDragStart',\n      'onDragEnd',\n    ] as (keyof React.HTMLAttributes<HTMLElement>)[]\n  ).some(prop => props[prop]);\n\n  const groupperAttrs = useFocusableGroup({\n    tabBehavior: focusMap[interactive ? 'no-tab' : focusMode],\n  });\n\n  const interactiveFocusAttributes = {\n    ...groupperAttrs,\n    tabIndex: 0,\n  };\n\n  return {\n    interactive,\n    focusAttributes: !interactive && focusMode === 'off' ? null : interactiveFocusAttributes,\n  };\n};\n\n/**\n * Create the state required to render Card.\n *\n * The returned state can be modified with hooks such as useCardStyles_unstable,\n * before being passed to renderCard_unstable.\n *\n * @param props - props from this instance of Card\n * @param ref - reference to the root element of Card\n */\nexport const useCard_unstable = (props: CardProps, ref: React.Ref<HTMLDivElement>): CardState => {\n  const { appearance = 'filled', orientation = 'vertical', size = 'medium' } = props;\n\n  const [referenceId, setReferenceId] = React.useState(cardContextDefaultValue.selectableA11yProps.referenceId);\n  const [referenceLabel, setReferenceLabel] = React.useState(cardContextDefaultValue.selectableA11yProps.referenceId);\n\n  const cardBaseRef = useFocusWithin<HTMLDivElement>();\n  const { selectable, selected, selectableCardProps, selectFocused, checkboxSlot, floatingActionSlot } =\n    useCardSelectable(props, { referenceId, referenceLabel }, cardBaseRef);\n\n  const cardRef = useMergedRefs(cardBaseRef, ref);\n\n  const { interactive, focusAttributes } = useCardInteractive(props);\n\n  return {\n    appearance,\n    orientation,\n    size,\n    interactive,\n    selectable,\n    selectFocused,\n    selected,\n    selectableA11yProps: {\n      setReferenceId,\n      referenceId,\n      referenceLabel,\n      setReferenceLabel,\n    },\n\n    components: {\n      root: 'div',\n      floatingAction: 'div',\n      checkbox: 'input',\n    },\n\n    root: slot.always(\n      getIntrinsicElementProps('div', {\n        ref: cardRef,\n        role: 'group',\n        ...focusAttributes,\n        ...props,\n        ...selectableCardProps,\n      }),\n      { elementType: 'div' },\n    ),\n\n    floatingAction: floatingActionSlot,\n    checkbox: checkboxSlot,\n  };\n};\n"],"names":["React","getIntrinsicElementProps","useMergedRefs","slot","useFocusableGroup","useFocusWithin","useCardSelectable","cardContextDefaultValue","focusMap","off","undefined","useCardInteractive","focusMode","props","interactive","some","prop","groupperAttrs","tabBehavior","interactiveFocusAttributes","tabIndex","focusAttributes","useCard_unstable","ref","appearance","orientation","size","referenceId","setReferenceId","useState","selectableA11yProps","referenceLabel","setReferenceLabel","cardBaseRef","selectable","selected","selectableCardProps","selectFocused","checkboxSlot","floatingActionSlot","cardRef","components","root","floatingAction","checkbox","always","role","elementType"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,wBAAwB,EAAEC,aAAa,EAAEC,IAAI,QAAQ,4BAA4B;AAC1F,SAASC,iBAAiB,EAAEC,cAAc,QAAQ,0BAA0B;AAG5E,SAASC,iBAAiB,QAAQ,sBAAsB;AACxD,SAASC,uBAAuB,QAAQ,gBAAgB;AAExD,MAAMC,WAAW;IACfC,KAAKC;IACL,UAAU;IACV,YAAY;IACZ,YAAY;AACd;AAEA;;;;;;;CAOC,GACD,MAAMC,qBAAqB,CAAC,EAAEC,YAAY,KAAK,EAAE,GAAGC,OAAkB;IACpE,MAAMC,cAAc,AAClB;QACE;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;KACD,CACDC,IAAI,CAACC,CAAAA,OAAQH,KAAK,CAACG,KAAK;IAE1B,MAAMC,gBAAgBb,kBAAkB;QACtCc,aAAaV,QAAQ,CAACM,cAAc,WAAWF,UAAU;IAC3D;IAEA,MAAMO,6BAA6B;QACjC,GAAGF,aAAa;QAChBG,UAAU;IACZ;IAEA,OAAO;QACLN;QACAO,iBAAiB,CAACP,eAAeF,cAAc,QAAQ,OAAOO;IAChE;AACF;AAEA;;;;;;;;CAQC,GACD,OAAO,MAAMG,mBAAmB,CAACT,OAAkBU;IACjD,MAAM,EAAEC,aAAa,QAAQ,EAAEC,cAAc,UAAU,EAAEC,OAAO,QAAQ,EAAE,GAAGb;IAE7E,MAAM,CAACc,aAAaC,eAAe,GAAG5B,MAAM6B,QAAQ,CAACtB,wBAAwBuB,mBAAmB,CAACH,WAAW;IAC5G,MAAM,CAACI,gBAAgBC,kBAAkB,GAAGhC,MAAM6B,QAAQ,CAACtB,wBAAwBuB,mBAAmB,CAACH,WAAW;IAElH,MAAMM,cAAc5B;IACpB,MAAM,EAAE6B,UAAU,EAAEC,QAAQ,EAAEC,mBAAmB,EAAEC,aAAa,EAAEC,YAAY,EAAEC,kBAAkB,EAAE,GAClGjC,kBAAkBO,OAAO;QAAEc;QAAaI;IAAe,GAAGE;IAE5D,MAAMO,UAAUtC,cAAc+B,aAAaV;IAE3C,MAAM,EAAET,WAAW,EAAEO,eAAe,EAAE,GAAGV,mBAAmBE;IAE5D,OAAO;QACLW;QACAC;QACAC;QACAZ;QACAoB;QACAG;QACAF;QACAL,qBAAqB;YACnBF;YACAD;YACAI;YACAC;QACF;QAEAS,YAAY;YACVC,MAAM;YACNC,gBAAgB;YAChBC,UAAU;QACZ;QAEAF,MAAMvC,KAAK0C,MAAM,CACf5C,yBAAyB,OAAO;YAC9BsB,KAAKiB;YACLM,MAAM;YACN,GAAGzB,eAAe;YAClB,GAAGR,KAAK;YACR,GAAGuB,mBAAmB;QACxB,IACA;YAAEW,aAAa;QAAM;QAGvBJ,gBAAgBJ;QAChBK,UAAUN;IACZ;AACF,EAAE"}
+{"version":3,"sources":["useCard.ts"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, useMergedRefs, slot } from '@fluentui/react-utilities';\nimport { useFocusableGroup, useFocusWithin } from '@fluentui/react-tabster';\n\nimport type { CardProps, CardState } from './Card.types';\nimport { useCardSelectable } from './useCardSelectable';\nimport { cardContextDefaultValue } from './CardContext';\n\nconst focusMap = {\n  off: undefined,\n  'no-tab': 'limited-trap-focus',\n  'tab-exit': 'limited',\n  'tab-only': 'unlimited',\n} as const;\n\n/**\n * Create the state for interactive cards.\n *\n * This internal hook defines if the card is interactive\n * and control focus properties based on that.\n *\n * @param props - props from this instance of Card\n */\nconst useCardInteractive = ({ focusMode = 'off', ...props }: CardProps) => {\n  const interactive = (\n    [\n      'onClick',\n      'onDoubleClick',\n      'onMouseUp',\n      'onMouseDown',\n      'onPointerUp',\n      'onPointerDown',\n      'onTouchStart',\n      'onTouchEnd',\n      'onDragStart',\n      'onDragEnd',\n    ] as (keyof React.HTMLAttributes<HTMLElement>)[]\n  ).some(prop => props[prop]);\n\n  const groupperAttrs = useFocusableGroup({\n    tabBehavior: focusMap[interactive ? 'no-tab' : focusMode],\n  });\n\n  const interactiveFocusAttributes = {\n    ...groupperAttrs,\n    tabIndex: 0,\n  };\n\n  return {\n    interactive,\n    focusAttributes: !interactive && focusMode === 'off' ? null : interactiveFocusAttributes,\n  };\n};\n\n/**\n * Create the state required to render Card.\n *\n * The returned state can be modified with hooks such as useCardStyles_unstable,\n * before being passed to renderCard_unstable.\n *\n * @param props - props from this instance of Card\n * @param ref - reference to the root element of Card\n */\nexport const useCard_unstable = (props: CardProps, ref: React.Ref<HTMLDivElement>): CardState => {\n  const { appearance = 'filled', orientation = 'vertical', size = 'medium' } = props;\n\n  const [referenceId, setReferenceId] = React.useState(cardContextDefaultValue.selectableA11yProps.referenceId);\n  const [referenceLabel, setReferenceLabel] = React.useState(cardContextDefaultValue.selectableA11yProps.referenceId);\n\n  const cardBaseRef = useFocusWithin<HTMLDivElement>();\n  const { selectable, selected, selectableCardProps, selectFocused, checkboxSlot, floatingActionSlot } =\n    useCardSelectable(props, { referenceId, referenceLabel }, cardBaseRef);\n\n  const cardRef = useMergedRefs(cardBaseRef, ref);\n\n  const { interactive, focusAttributes } = useCardInteractive(props);\n\n  return {\n    appearance,\n    orientation,\n    size,\n    interactive,\n    selectable,\n    selectFocused,\n    selected,\n    selectableA11yProps: {\n      setReferenceId,\n      referenceId,\n      referenceLabel,\n      setReferenceLabel,\n    },\n\n    components: {\n      root: 'div',\n      floatingAction: 'div',\n      checkbox: 'input',\n    },\n\n    root: slot.always(\n      getIntrinsicElementProps('div', {\n        ref: cardRef,\n        role: 'group',\n        ...(!selectable ? focusAttributes : null),\n        ...props,\n        ...selectableCardProps,\n      }),\n      { elementType: 'div' },\n    ),\n\n    floatingAction: floatingActionSlot,\n    checkbox: checkboxSlot,\n  };\n};\n"],"names":["React","getIntrinsicElementProps","useMergedRefs","slot","useFocusableGroup","useFocusWithin","useCardSelectable","cardContextDefaultValue","focusMap","off","undefined","useCardInteractive","focusMode","props","interactive","some","prop","groupperAttrs","tabBehavior","interactiveFocusAttributes","tabIndex","focusAttributes","useCard_unstable","ref","appearance","orientation","size","referenceId","setReferenceId","useState","selectableA11yProps","referenceLabel","setReferenceLabel","cardBaseRef","selectable","selected","selectableCardProps","selectFocused","checkboxSlot","floatingActionSlot","cardRef","components","root","floatingAction","checkbox","always","role","elementType"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,wBAAwB,EAAEC,aAAa,EAAEC,IAAI,QAAQ,4BAA4B;AAC1F,SAASC,iBAAiB,EAAEC,cAAc,QAAQ,0BAA0B;AAG5E,SAASC,iBAAiB,QAAQ,sBAAsB;AACxD,SAASC,uBAAuB,QAAQ,gBAAgB;AAExD,MAAMC,WAAW;IACfC,KAAKC;IACL,UAAU;IACV,YAAY;IACZ,YAAY;AACd;AAEA;;;;;;;CAOC,GACD,MAAMC,qBAAqB,CAAC,EAAEC,YAAY,KAAK,EAAE,GAAGC,OAAkB;IACpE,MAAMC,cAAc,AAClB;QACE;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;KACD,CACDC,IAAI,CAACC,CAAAA,OAAQH,KAAK,CAACG,KAAK;IAE1B,MAAMC,gBAAgBb,kBAAkB;QACtCc,aAAaV,QAAQ,CAACM,cAAc,WAAWF,UAAU;IAC3D;IAEA,MAAMO,6BAA6B;QACjC,GAAGF,aAAa;QAChBG,UAAU;IACZ;IAEA,OAAO;QACLN;QACAO,iBAAiB,CAACP,eAAeF,cAAc,QAAQ,OAAOO;IAChE;AACF;AAEA;;;;;;;;CAQC,GACD,OAAO,MAAMG,mBAAmB,CAACT,OAAkBU;IACjD,MAAM,EAAEC,aAAa,QAAQ,EAAEC,cAAc,UAAU,EAAEC,OAAO,QAAQ,EAAE,GAAGb;IAE7E,MAAM,CAACc,aAAaC,eAAe,GAAG5B,MAAM6B,QAAQ,CAACtB,wBAAwBuB,mBAAmB,CAACH,WAAW;IAC5G,MAAM,CAACI,gBAAgBC,kBAAkB,GAAGhC,MAAM6B,QAAQ,CAACtB,wBAAwBuB,mBAAmB,CAACH,WAAW;IAElH,MAAMM,cAAc5B;IACpB,MAAM,EAAE6B,UAAU,EAAEC,QAAQ,EAAEC,mBAAmB,EAAEC,aAAa,EAAEC,YAAY,EAAEC,kBAAkB,EAAE,GAClGjC,kBAAkBO,OAAO;QAAEc;QAAaI;IAAe,GAAGE;IAE5D,MAAMO,UAAUtC,cAAc+B,aAAaV;IAE3C,MAAM,EAAET,WAAW,EAAEO,eAAe,EAAE,GAAGV,mBAAmBE;IAE5D,OAAO;QACLW;QACAC;QACAC;QACAZ;QACAoB;QACAG;QACAF;QACAL,qBAAqB;YACnBF;YACAD;YACAI;YACAC;QACF;QAEAS,YAAY;YACVC,MAAM;YACNC,gBAAgB;YAChBC,UAAU;QACZ;QAEAF,MAAMvC,KAAK0C,MAAM,CACf5C,yBAAyB,OAAO;YAC9BsB,KAAKiB;YACLM,MAAM;YACN,GAAI,CAACZ,aAAab,kBAAkB,IAAI;YACxC,GAAGR,KAAK;YACR,GAAGuB,mBAAmB;QACxB,IACA;YAAEW,aAAa;QAAM;QAGvBJ,gBAAgBJ;QAChBK,UAAUN;IACZ;AACF,EAAE"}

package/lib/components/Card/useCardSelectable.js

@@ -12,7 +12,7 @@ import { useFocusFinders } from '@fluentui/react-tabster';
  *
  * @param props - props from this instance of Card
  * @param a11yProps - accessibility props shared between elements of the card
- * @param ref - reference to the root element of Card
+ * @param cardRef - reference to the root element of Card
  */ export const useCardSelectable = (props, { referenceLabel, referenceId }, cardRef)=>{
     const { checkbox = {}, onSelectionChange, floatingAction, onClick, onKeyDown } = props;
     const { findAllFocusable } = useFocusFinders();

package/lib/components/Card/useCardSelectable.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useCardSelectable.ts"],"sourcesContent":["import * as React from 'react';\nimport { mergeCallbacks, slot, useControllableState } from '@fluentui/react-utilities';\nimport { Enter } from '@fluentui/keyboard-keys';\nimport { useFocusFinders } from '@fluentui/react-tabster';\n\nimport type { CardContextValue, CardOnSelectionChangeEvent, CardProps, CardSlots } from './Card.types';\n\n/**\n * @internal\n *\n * Create the state related to selectable cards.\n *\n * This internal hook controls all the logic for selectable cards and is\n * intended to be used alongside with useCard_unstable.\n *\n * @param props - props from this instance of Card\n * @param a11yProps - accessibility props shared between elements of the card\n * @param ref - reference to the root element of Card\n */\nexport const useCardSelectable = (\n  props: CardProps,\n  { referenceLabel, referenceId }: Pick<CardContextValue['selectableA11yProps'], 'referenceId' | 'referenceLabel'>,\n  cardRef: React.RefObject<HTMLDivElement>,\n) => {\n  const { checkbox = {}, onSelectionChange, floatingAction, onClick, onKeyDown } = props;\n\n  const { findAllFocusable } = useFocusFinders();\n  const checkboxRef = React.useRef<HTMLInputElement>(null);\n\n  const [selected, setSelected] = useControllableState({\n    state: props.selected,\n    defaultState: props.defaultSelected,\n    initialState: false,\n  });\n  const selectable = [props.selected, props.defaultSelected, onSelectionChange].some(\n    prop => typeof prop !== 'undefined',\n  );\n\n  const [selectFocused, setSelectFocused] = React.useState(false);\n\n  const shouldRestrictTriggerAction = React.useCallback(\n    (event: CardOnSelectionChangeEvent) => {\n      if (!cardRef.current) {\n        return false;\n      }\n\n      const focusableElements = findAllFocusable(cardRef.current);\n      const target = event.target as HTMLElement;\n      const isElementInFocusableGroup = focusableElements.some(element => element.contains(target));\n      const isCheckboxSlot = checkboxRef?.current === target;\n\n      return isElementInFocusableGroup && !isCheckboxSlot;\n    },\n    [cardRef, findAllFocusable],\n  );\n\n  const onChangeHandler = React.useCallback(\n    (event: CardOnSelectionChangeEvent) => {\n      if (shouldRestrictTriggerAction(event)) {\n        return;\n      }\n\n      const newCheckedValue = !selected;\n\n      setSelected(newCheckedValue);\n\n      if (onSelectionChange) {\n        onSelectionChange(event, { selected: newCheckedValue });\n      }\n    },\n    [onSelectionChange, selected, setSelected, shouldRestrictTriggerAction],\n  );\n\n  const onKeyDownHandler = React.useCallback(\n    (event: React.KeyboardEvent<HTMLElement>) => {\n      if ([Enter].includes(event.key)) {\n        event.preventDefault();\n        onChangeHandler(event);\n      }\n    },\n    [onChangeHandler],\n  );\n\n  const checkboxSlot = React.useMemo(() => {\n    if (!selectable || floatingAction) {\n      return;\n    }\n\n    const selectableCheckboxProps: CardSlots['checkbox'] = {};\n\n    if (referenceId) {\n      selectableCheckboxProps['aria-labelledby'] = referenceId;\n    } else if (referenceLabel) {\n      selectableCheckboxProps['aria-label'] = referenceLabel;\n    }\n\n    return slot.optional(checkbox, {\n      defaultProps: {\n        ref: checkboxRef,\n        type: 'checkbox',\n        checked: selected,\n        onChange: (event: React.ChangeEvent<HTMLInputElement>) => onChangeHandler(event),\n        onFocus: () => setSelectFocused(true),\n        onBlur: () => setSelectFocused(false),\n        ...selectableCheckboxProps,\n      },\n      elementType: 'input',\n    });\n  }, [checkbox, floatingAction, selected, selectable, onChangeHandler, referenceId, referenceLabel]);\n\n  const floatingActionSlot = React.useMemo(() => {\n    if (!floatingAction) {\n      return;\n    }\n\n    return slot.optional(floatingAction, {\n      defaultProps: {\n        ref: checkboxRef,\n      },\n      elementType: 'div',\n    });\n  }, [floatingAction]);\n\n  const selectableCardProps = React.useMemo(() => {\n    if (!selectable) {\n      return null;\n    }\n\n    return {\n      onClick: mergeCallbacks(onClick, onChangeHandler),\n      onKeyDown: mergeCallbacks(onKeyDown, onKeyDownHandler),\n    };\n  }, [selectable, onChangeHandler, onClick, onKeyDown, onKeyDownHandler]);\n\n  return {\n    selected,\n    selectable,\n    selectFocused,\n    selectableCardProps,\n    checkboxSlot,\n    floatingActionSlot,\n  };\n};\n"],"names":["React","mergeCallbacks","slot","useControllableState","Enter","useFocusFinders","useCardSelectable","props","referenceLabel","referenceId","cardRef","checkbox","onSelectionChange","floatingAction","onClick","onKeyDown","findAllFocusable","checkboxRef","useRef","selected","setSelected","state","defaultState","defaultSelected","initialState","selectable","some","prop","selectFocused","setSelectFocused","useState","shouldRestrictTriggerAction","useCallback","event","current","focusableElements","target","isElementInFocusableGroup","element","contains","isCheckboxSlot","onChangeHandler","newCheckedValue","onKeyDownHandler","includes","key","preventDefault","checkboxSlot","useMemo","selectableCheckboxProps","optional","defaultProps","ref","type","checked","onChange","onFocus","onBlur","elementType","floatingActionSlot","selectableCardProps"],"mappings":"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"}
+{"version":3,"sources":["useCardSelectable.ts"],"sourcesContent":["import * as React from 'react';\nimport { mergeCallbacks, slot, useControllableState } from '@fluentui/react-utilities';\nimport { Enter } from '@fluentui/keyboard-keys';\nimport { useFocusFinders } from '@fluentui/react-tabster';\n\nimport type { CardContextValue, CardOnSelectionChangeEvent, CardProps, CardSlots } from './Card.types';\n\ntype SelectableA11yProps = Pick<CardContextValue['selectableA11yProps'], 'referenceId' | 'referenceLabel'>;\n\n/**\n * @internal\n *\n * Create the state related to selectable cards.\n *\n * This internal hook controls all the logic for selectable cards and is\n * intended to be used alongside with useCard_unstable.\n *\n * @param props - props from this instance of Card\n * @param a11yProps - accessibility props shared between elements of the card\n * @param cardRef - reference to the root element of Card\n */\nexport const useCardSelectable = (\n  props: CardProps,\n  { referenceLabel, referenceId }: SelectableA11yProps,\n  cardRef: React.RefObject<HTMLDivElement>,\n) => {\n  const { checkbox = {}, onSelectionChange, floatingAction, onClick, onKeyDown } = props;\n\n  const { findAllFocusable } = useFocusFinders();\n  const checkboxRef = React.useRef<HTMLInputElement>(null);\n\n  const [selected, setSelected] = useControllableState({\n    state: props.selected,\n    defaultState: props.defaultSelected,\n    initialState: false,\n  });\n  const selectable = [props.selected, props.defaultSelected, onSelectionChange].some(\n    prop => typeof prop !== 'undefined',\n  );\n\n  const [selectFocused, setSelectFocused] = React.useState(false);\n\n  const shouldRestrictTriggerAction = React.useCallback(\n    (event: CardOnSelectionChangeEvent) => {\n      if (!cardRef.current) {\n        return false;\n      }\n\n      const focusableElements = findAllFocusable(cardRef.current);\n      const target = event.target as HTMLElement;\n      const isElementInFocusableGroup = focusableElements.some(element => element.contains(target));\n      const isCheckboxSlot = checkboxRef?.current === target;\n\n      return isElementInFocusableGroup && !isCheckboxSlot;\n    },\n    [cardRef, findAllFocusable],\n  );\n\n  const onChangeHandler = React.useCallback(\n    (event: CardOnSelectionChangeEvent) => {\n      if (shouldRestrictTriggerAction(event)) {\n        return;\n      }\n\n      const newCheckedValue = !selected;\n\n      setSelected(newCheckedValue);\n\n      if (onSelectionChange) {\n        onSelectionChange(event, { selected: newCheckedValue });\n      }\n    },\n    [onSelectionChange, selected, setSelected, shouldRestrictTriggerAction],\n  );\n\n  const onKeyDownHandler = React.useCallback(\n    (event: React.KeyboardEvent<HTMLElement>) => {\n      if ([Enter].includes(event.key)) {\n        event.preventDefault();\n        onChangeHandler(event);\n      }\n    },\n    [onChangeHandler],\n  );\n\n  const checkboxSlot = React.useMemo(() => {\n    if (!selectable || floatingAction) {\n      return;\n    }\n\n    const selectableCheckboxProps: CardSlots['checkbox'] = {};\n\n    if (referenceId) {\n      selectableCheckboxProps['aria-labelledby'] = referenceId;\n    } else if (referenceLabel) {\n      selectableCheckboxProps['aria-label'] = referenceLabel;\n    }\n\n    return slot.optional(checkbox, {\n      defaultProps: {\n        ref: checkboxRef,\n        type: 'checkbox',\n        checked: selected,\n        onChange: (event: React.ChangeEvent<HTMLInputElement>) => onChangeHandler(event),\n        onFocus: () => setSelectFocused(true),\n        onBlur: () => setSelectFocused(false),\n        ...selectableCheckboxProps,\n      },\n      elementType: 'input',\n    });\n  }, [checkbox, floatingAction, selected, selectable, onChangeHandler, referenceId, referenceLabel]);\n\n  const floatingActionSlot = React.useMemo(() => {\n    if (!floatingAction) {\n      return;\n    }\n\n    return slot.optional(floatingAction, {\n      defaultProps: {\n        ref: checkboxRef,\n      },\n      elementType: 'div',\n    });\n  }, [floatingAction]);\n\n  const selectableCardProps = React.useMemo(() => {\n    if (!selectable) {\n      return null;\n    }\n\n    return {\n      onClick: mergeCallbacks(onClick, onChangeHandler),\n      onKeyDown: mergeCallbacks(onKeyDown, onKeyDownHandler),\n    };\n  }, [selectable, onChangeHandler, onClick, onKeyDown, onKeyDownHandler]);\n\n  return {\n    selected,\n    selectable,\n    selectFocused,\n    selectableCardProps,\n    checkboxSlot,\n    floatingActionSlot,\n  };\n};\n"],"names":["React","mergeCallbacks","slot","useControllableState","Enter","useFocusFinders","useCardSelectable","props","referenceLabel","referenceId","cardRef","checkbox","onSelectionChange","floatingAction","onClick","onKeyDown","findAllFocusable","checkboxRef","useRef","selected","setSelected","state","defaultState","defaultSelected","initialState","selectable","some","prop","selectFocused","setSelectFocused","useState","shouldRestrictTriggerAction","useCallback","event","current","focusableElements","target","isElementInFocusableGroup","element","contains","isCheckboxSlot","onChangeHandler","newCheckedValue","onKeyDownHandler","includes","key","preventDefault","checkboxSlot","useMemo","selectableCheckboxProps","optional","defaultProps","ref","type","checked","onChange","onFocus","onBlur","elementType","floatingActionSlot","selectableCardProps"],"mappings":"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"}

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

@@ -62,8 +62,7 @@ const useStyles = /*#__PURE__*/__styles({
     d9w3h3: ["f2fl922", "f1qnomq5"],
     Bl18szs: ["f1anhtl", "f1n2zcl3"],
     B4j8arr: ["f1n2zcl3", "f1anhtl"],
-    B2jhnfs: "f16v3d5c",
-    wiictr: "f1su8t2g"
+    B2jhnfs: "f16v3d5c"
   },
   focused: {
     Brovlpu: "ftqa4ok",
@@ -321,7 +320,7 @@ const useStyles = /*#__PURE__*/__styles({
     Huce71: "fz5stix"
   }
 }, {
-  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{column-gap:var(--fui-Card--size);}", ".fcvsdzp{row-gap:var(--fui-Card--size);}", ".f22iagw{display:flex;}", ".f10pi13n{position:relative;}", ".f1ewtqcl{box-sizing:border-box;}", ".f19n0e5{color:var(--colorNeutralForeground1);}", ".f1mdlcz9::after{position:absolute;}", ".frwkxtg::after{top:0;}", ".f1n6gb5g::after{left:0;}", ".f15yvnhg::after{right:0;}", ".fo72kxq::after{bottom:0;}", ".f13zj6fq::after{content:\"\";}", ".f1nwj1ja::after{pointer-events:none;}", ".f8rth92::after{border-top-style:solid;}", ".flthirb::after{border-right-style:solid;}", ".ftkbnf5::after{border-left-style:solid;}", ".f1lh990p::after{border-bottom-style:solid;}", ".f6czdpx::after{border-top-width:var(--strokeWidthThin);}", ".f13hvwk3::after{border-right-width:var(--strokeWidthThin);}", ".f1en4csx::after{border-left-width:var(--strokeWidthThin);}", ".f1i1u9k0::after{border-bottom-width:var(--strokeWidthThin);}", ".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{flex-shrink:0;}", ".f1su8t2g>:not(.fui-CardPreview):not(.fui-CardHeader):not(.fui-CardFooter){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);}", ".f15fr7a0[data-fui-focus-visible]::after{top:calc(0px - var(--strokeWidthThick) - -2px);}", ".fwsq40z[data-fui-focus-visible]::after{right:calc(0px - var(--strokeWidthThick) - -2px);}", ".fy0y4wt[data-fui-focus-visible]::after{left:calc(0px - var(--strokeWidthThick) - -2px);}", ".f34ld9f[data-fui-focus-visible]::after{bottom:calc(0px - var(--strokeWidthThick) - -2px);}", ".f1b1k54r[data-fui-focus-within]:focus-within{border-top-color:transparent;}", ".f4ne723[data-fui-focus-within]:focus-within{border-right-color:transparent;}", ".fqqcjud[data-fui-focus-within]:focus-within{border-left-color:transparent;}", ".fh7aioi[data-fui-focus-within]:focus-within{border-bottom-color:transparent;}", ".ffht0p2[data-fui-focus-within]:focus-within::after{content:\"\";}", ".f1p0ul1q[data-fui-focus-within]:focus-within::after{position:absolute;}", ".f1c901ms[data-fui-focus-within]:focus-within::after{pointer-events:none;}", ".f1alokd7[data-fui-focus-within]:focus-within::after{z-index:1;}", ".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);}", ".f1amxum7[data-fui-focus-within]:focus-within::after{top:calc(0px - var(--strokeWidthThick) - -2px);}", ".f1cec8w7[data-fui-focus-within]:focus-within::after{right:calc(0px - var(--strokeWidthThick) - -2px);}", ".f554mv0[data-fui-focus-within]:focus-within::after{left:calc(0px - var(--strokeWidthThick) - -2px);}", ".f1sj6kbr[data-fui-focus-within]:focus-within::after{bottom:calc(0px - var(--strokeWidthThick) - -2px);}", ".f1063pyq{flex-direction:row;}", ".f122n59{align-items:center;}", ".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{flex-grow:1;}", ".f1vx9l62{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{clip-path:inset(50%);}", ".fz5stix{white-space:nowrap;}"],
+  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{column-gap:var(--fui-Card--size);}", ".fcvsdzp{row-gap:var(--fui-Card--size);}", ".f22iagw{display:flex;}", ".f10pi13n{position:relative;}", ".f1ewtqcl{box-sizing:border-box;}", ".f19n0e5{color:var(--colorNeutralForeground1);}", ".f1mdlcz9::after{position:absolute;}", ".frwkxtg::after{top:0;}", ".f1n6gb5g::after{left:0;}", ".f15yvnhg::after{right:0;}", ".fo72kxq::after{bottom:0;}", ".f13zj6fq::after{content:\"\";}", ".f1nwj1ja::after{pointer-events:none;}", ".f8rth92::after{border-top-style:solid;}", ".flthirb::after{border-right-style:solid;}", ".ftkbnf5::after{border-left-style:solid;}", ".f1lh990p::after{border-bottom-style:solid;}", ".f6czdpx::after{border-top-width:var(--strokeWidthThin);}", ".f13hvwk3::after{border-right-width:var(--strokeWidthThin);}", ".f1en4csx::after{border-left-width:var(--strokeWidthThin);}", ".f1i1u9k0::after{border-bottom-width:var(--strokeWidthThin);}", ".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{flex-shrink:0;}", ".f8hki3x[data-fui-focus-visible]{border-top-color:transparent;}", ".f1d2448m[data-fui-focus-visible]{border-right-color:transparent;}", ".ffh67wi[data-fui-focus-visible]{border-left-color:transparent;}", ".f1bjia2o[data-fui-focus-visible]{border-bottom-color:transparent;}", ".f15bsgw9[data-fui-focus-visible]::after{content:\"\";}", ".f14e48fq[data-fui-focus-visible]::after{position:absolute;}", ".f18yb2kv[data-fui-focus-visible]::after{pointer-events:none;}", ".fd6o370[data-fui-focus-visible]::after{z-index:1;}", ".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);}", ".f15fr7a0[data-fui-focus-visible]::after{top:calc(0px - var(--strokeWidthThick) - -2px);}", ".fwsq40z[data-fui-focus-visible]::after{right:calc(0px - var(--strokeWidthThick) - -2px);}", ".fy0y4wt[data-fui-focus-visible]::after{left:calc(0px - var(--strokeWidthThick) - -2px);}", ".f34ld9f[data-fui-focus-visible]::after{bottom:calc(0px - var(--strokeWidthThick) - -2px);}", ".f1b1k54r[data-fui-focus-within]:focus-within{border-top-color:transparent;}", ".f4ne723[data-fui-focus-within]:focus-within{border-right-color:transparent;}", ".fqqcjud[data-fui-focus-within]:focus-within{border-left-color:transparent;}", ".fh7aioi[data-fui-focus-within]:focus-within{border-bottom-color:transparent;}", ".ffht0p2[data-fui-focus-within]:focus-within::after{content:\"\";}", ".f1p0ul1q[data-fui-focus-within]:focus-within::after{position:absolute;}", ".f1c901ms[data-fui-focus-within]:focus-within::after{pointer-events:none;}", ".f1alokd7[data-fui-focus-within]:focus-within::after{z-index:1;}", ".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);}", ".f1amxum7[data-fui-focus-within]:focus-within::after{top:calc(0px - var(--strokeWidthThick) - -2px);}", ".f1cec8w7[data-fui-focus-within]:focus-within::after{right:calc(0px - var(--strokeWidthThick) - -2px);}", ".f554mv0[data-fui-focus-within]:focus-within::after{left:calc(0px - var(--strokeWidthThick) - -2px);}", ".f1sj6kbr[data-fui-focus-within]:focus-within::after{bottom:calc(0px - var(--strokeWidthThick) - -2px);}", ".f1063pyq{flex-direction:row;}", ".f122n59{align-items:center;}", ".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{flex-grow:1;}", ".f1vx9l62{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{clip-path:inset(50%);}", ".fz5stix{white-space:nowrap;}"],
   f: [".ftqa4ok:focus{outline-style:none;}"],
   i: [".f2hkw1w:focus-visible{outline-style:none;}"],
   m: [["@media (forced-colors: active){.f226i61[data-fui-focus-visible]::after{border-top-color:Highlight;}}", {

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

@@ -1 +1 @@
-{"version":3,"names":["shorthands","__styles","mergeClasses","tokens","createFocusOutlineStyle","cardPreviewClassNames","cardHeaderClassNames","cardFooterClassNames","React","cardClassNames","root","floatingAction","checkbox","cardCSSVars","cardSizeVar","cardBorderRadiusVar","focusOutlineStyle","outlineRadius","outlineWidth","strokeWidthThick","outlineOffset","useStyles","B68tc82","Bmxbyg5","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","focused","Brovlpu","B486eqv","B8q5s1w","Bci5o5g","n8qw10","Bdrgwmp","Bb7d1vk","zhwhgb","dhy2o1","Gfyso","Bm4h7ae","B7ys5i9","Busjfv9","Bhk32uz","Bf4ptjt","kclons","Bhdgwq3","Blkhhs4","Bqtpl0w","clg4pj","hgwjuy","Bonggc9","B1tsrr9","Dah5zi","Bkh64rk","qqdqy8","B6dhp37","i03rao","Boxcth7","Bsom6fd","J0r882","Bule8hv","Bjwuhne","Ghsupd","selectableFocused","Bssx7fj","uh7if5","clntm0","Dlk2r6","Bm3wd5j","Bbrhkcr","f1oku","aywvf2","B2j2mmj","wigs8","pbfy6t","B0v4ure","ghq09","B24cy0v","Bwckmig","Bvwlmkc","Bbgo44z","Bil7v7r","skfxo0","jo1ztg","Ba3ybja","az1dzo","vppk2z","B6352mv","nr063g","Blmvk6g","Bsiemmq","B98u21t","B2pnrqr","B29w5g4","Bhhzhcn","Bec0n69","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","m","h","a","useCardStyles_unstable","state","styles","orientationMap","horizontal","vertical","sizeMap","small","medium","large","appearanceMap","selectedMap","interactiveMap","isSelectableOrInteractive","interactive","selectable","focusedClassName","useMemo","selectFocused","className","orientation","size","appearance","selected"],"sources":["useCardStyles.styles.js"],"sourcesContent":["import { shorthands, makeStyles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport { createFocusOutlineStyle } from '@fluentui/react-tabster';\nimport { cardPreviewClassNames } from '../CardPreview/useCardPreviewStyles.styles';\nimport { cardHeaderClassNames } from '../CardHeader/useCardHeaderStyles.styles';\nimport { cardFooterClassNames } from '../CardFooter/useCardFooterStyles.styles';\nimport * as React from 'react';\n/**\n * Static CSS class names used internally for the component slots.\n */ export const cardClassNames = {\n    root: 'fui-Card',\n    floatingAction: 'fui-Card__floatingAction',\n    checkbox: 'fui-Card__checkbox'\n};\n/**\n * CSS variable names used internally for uniform styling in Card.\n */ export const cardCSSVars = {\n    cardSizeVar: '--fui-Card--size',\n    cardBorderRadiusVar: '--fui-Card--border-radius'\n};\nconst focusOutlineStyle = {\n    outlineRadius: `var(${cardCSSVars.cardBorderRadiusVar})`,\n    outlineWidth: tokens.strokeWidthThick,\n    outlineOffset: '-2px'\n};\nconst useStyles = makeStyles({\n    root: {\n        ...shorthands.overflow('hidden'),\n        ...shorthands.borderRadius(`var(${cardCSSVars.cardBorderRadiusVar})`),\n        ...shorthands.padding(`var(${cardCSSVars.cardSizeVar})`),\n        ...shorthands.gap(`var(${cardCSSVars.cardSizeVar})`),\n        display: 'flex',\n        position: 'relative',\n        boxSizing: 'border-box',\n        color: tokens.colorNeutralForeground1,\n        // Border setting using after pseudo element to allow CardPreview to render behind it.\n        '::after': {\n            position: 'absolute',\n            top: 0,\n            left: 0,\n            right: 0,\n            bottom: 0,\n            content: '\"\"',\n            pointerEvents: 'none',\n            ...shorthands.borderStyle('solid'),\n            ...shorthands.borderWidth(tokens.strokeWidthThin),\n            ...shorthands.borderRadius(`var(${cardCSSVars.cardBorderRadiusVar})`)\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    focused: {\n        ...createFocusOutlineStyle({\n            style: focusOutlineStyle,\n            selector: 'focus'\n        })\n    },\n    selectableFocused: createFocusOutlineStyle({\n        style: focusOutlineStyle,\n        selector: 'focus-within'\n    }),\n    orientationHorizontal: {\n        flexDirection: 'row',\n        alignItems: 'center',\n        // Remove vertical padding to keep CardPreview content flush with Card's borders.\n        [`> .${cardPreviewClassNames.root}`]: {\n            marginTop: `calc(var(${cardCSSVars.cardSizeVar}) * -1)`,\n            marginBottom: `calc(var(${cardCSSVars.cardSizeVar}) * -1)`\n        },\n        // Due to Tabster's \"Groupper\" focus functionality, hidden elements are injected before and after Card's content.\n        // As such, the code below targets a CardPreview, when it's the first element.\n        // Since this is on horizontal cards, the left padding is removed to keep the content flush with the border.\n        [`> :not([aria-hidden=\"true\"]).${cardPreviewClassNames.root}:first-of-type`]: {\n            marginLeft: `calc(var(${cardCSSVars.cardSizeVar}) * -1)`\n        },\n        // Due to Tabster's \"Groupper\" focus functionality, hidden elements are injected before and after Card's content.\n        // As such, the code below targets a CardPreview, when it's the last element.\n        // Since this is on horizontal cards, the right padding is removed to keep the content flush with the border.\n        [`> :not([aria-hidden=\"true\"]).${cardPreviewClassNames.root}:last-of-type`]: {\n            marginRight: `calc(var(${cardCSSVars.cardSizeVar}) * -1)`\n        },\n        // If the last child is a CardHeader or CardFooter, allow it to grow to fill the available space.\n        [`> .${cardHeaderClassNames.root}:last-of-type, > .${cardFooterClassNames.root}:last-of-type`]: {\n            flexGrow: 1\n        }\n    },\n    orientationVertical: {\n        flexDirection: 'column',\n        // Remove lateral padding to keep CardPreview content flush with Card's borders.\n        [`> .${cardPreviewClassNames.root}`]: {\n            marginLeft: `calc(var(${cardCSSVars.cardSizeVar}) * -1)`,\n            marginRight: `calc(var(${cardCSSVars.cardSizeVar}) * -1)`\n        },\n        // Due to Tabster's \"Groupper\" focus functionality, hidden elements are injected before and after Card's content.\n        // As such, the code below targets a CardPreview, when it's the first element.\n        // Since this is on vertical cards, the top padding is removed to keep the content flush with the border.\n        [`> :not([aria-hidden=\"true\"]).${cardPreviewClassNames.root}:first-of-type`]: {\n            marginTop: `calc(var(${cardCSSVars.cardSizeVar}) * -1)`\n        },\n        [`> .${cardClassNames.floatingAction} + .${cardPreviewClassNames.root}`]: {\n            marginTop: `calc(var(${cardCSSVars.cardSizeVar}) * -1)`\n        },\n        // Due to Tabster's \"Groupper\" focus functionality, hidden elements are injected before and after Card's content.\n        // As such, the code below targets a CardPreview, when it's the first element.\n        // Since this is on vertical cards, the bottom padding is removed to keep the content flush with the border.\n        [`> :not([aria-hidden=\"true\"]).${cardPreviewClassNames.root}:last-of-type`]: {\n            marginBottom: `calc(var(${cardCSSVars.cardSizeVar}) * -1)`\n        }\n    },\n    sizeSmall: {\n        [cardCSSVars.cardSizeVar]: '8px',\n        [cardCSSVars.cardBorderRadiusVar]: tokens.borderRadiusSmall\n    },\n    sizeMedium: {\n        [cardCSSVars.cardSizeVar]: '12px',\n        [cardCSSVars.cardBorderRadiusVar]: tokens.borderRadiusMedium\n    },\n    sizeLarge: {\n        [cardCSSVars.cardSizeVar]: '16px',\n        [cardCSSVars.cardBorderRadiusVar]: tokens.borderRadiusLarge\n    },\n    filled: {\n        backgroundColor: tokens.colorNeutralBackground1,\n        boxShadow: tokens.shadow4,\n        '::after': {\n            ...shorthands.borderColor(tokens.colorTransparentStroke)\n        }\n    },\n    filledInteractive: {\n        cursor: 'pointer',\n        backgroundColor: tokens.colorNeutralBackground1,\n        boxShadow: tokens.shadow4,\n        '::after': {\n            ...shorthands.borderColor(tokens.colorTransparentStroke)\n        },\n        ':hover': {\n            backgroundColor: tokens.colorNeutralBackground1Hover,\n            boxShadow: tokens.shadow8\n        },\n        ':active': {\n            backgroundColor: tokens.colorNeutralBackground1Pressed\n        }\n    },\n    filledInteractiveSelected: {\n        backgroundColor: tokens.colorNeutralBackground1Selected,\n        '::after': {\n            ...shorthands.borderColor(tokens.colorNeutralStroke1Selected)\n        },\n        ':hover': {\n            backgroundColor: tokens.colorNeutralBackground1Selected\n        }\n    },\n    filledAlternative: {\n        backgroundColor: tokens.colorNeutralBackground2,\n        boxShadow: tokens.shadow4,\n        '::after': {\n            ...shorthands.borderColor(tokens.colorTransparentStroke)\n        }\n    },\n    filledAlternativeInteractive: {\n        cursor: 'pointer',\n        backgroundColor: tokens.colorNeutralBackground2,\n        boxShadow: tokens.shadow4,\n        '::after': {\n            ...shorthands.borderColor(tokens.colorTransparentStroke)\n        },\n        ':hover': {\n            backgroundColor: tokens.colorNeutralBackground2Hover,\n            boxShadow: tokens.shadow8\n        },\n        ':active': {\n            backgroundColor: tokens.colorNeutralBackground2Pressed\n        }\n    },\n    filledAlternativeInteractiveSelected: {\n        backgroundColor: tokens.colorNeutralBackground2Selected,\n        '::after': {\n            ...shorthands.borderColor(tokens.colorNeutralStroke1Selected)\n        },\n        ':hover': {\n            backgroundColor: tokens.colorNeutralBackground2Selected\n        }\n    },\n    outline: {\n        backgroundColor: tokens.colorTransparentBackground,\n        boxShadow: 'none',\n        '::after': {\n            ...shorthands.borderColor(tokens.colorNeutralStroke1)\n        }\n    },\n    outlineInteractive: {\n        cursor: 'pointer',\n        backgroundColor: tokens.colorTransparentBackground,\n        boxShadow: 'none',\n        '::after': {\n            ...shorthands.borderColor(tokens.colorNeutralStroke1)\n        },\n        ':hover': {\n            backgroundColor: tokens.colorTransparentBackgroundHover,\n            '::after': {\n                ...shorthands.borderColor(tokens.colorNeutralStroke1Hover)\n            }\n        },\n        ':active': {\n            backgroundColor: tokens.colorTransparentBackgroundPressed,\n            '::after': {\n                ...shorthands.borderColor(tokens.colorNeutralStroke1Pressed)\n            }\n        }\n    },\n    outlineInteractiveSelected: {\n        backgroundColor: tokens.colorTransparentBackgroundSelected,\n        '::after': {\n            ...shorthands.borderColor(tokens.colorNeutralStroke1Selected)\n        },\n        ':hover': {\n            backgroundColor: tokens.colorTransparentBackgroundSelected\n        }\n    },\n    subtle: {\n        backgroundColor: tokens.colorSubtleBackground,\n        boxShadow: 'none',\n        '::after': {\n            ...shorthands.borderColor(tokens.colorTransparentStroke)\n        }\n    },\n    subtleInteractive: {\n        cursor: 'pointer',\n        backgroundColor: tokens.colorSubtleBackground,\n        boxShadow: 'none',\n        '::after': {\n            ...shorthands.borderColor(tokens.colorTransparentStroke)\n        },\n        ':hover': {\n            backgroundColor: tokens.colorSubtleBackgroundHover\n        },\n        ':active': {\n            backgroundColor: tokens.colorSubtleBackgroundPressed\n        }\n    },\n    subtleInteractiveSelected: {\n        backgroundColor: tokens.colorSubtleBackgroundSelected,\n        '::after': {\n            ...shorthands.borderColor(tokens.colorNeutralStroke1Selected)\n        },\n        ':hover': {\n            backgroundColor: tokens.colorSubtleBackgroundSelected\n        }\n    },\n    highContrastSelected: {\n        '@media (forced-colors: active)': {\n            forcedColorAdjust: 'none',\n            backgroundColor: 'Highlight',\n            color: 'HighlightText',\n            [`& .${cardPreviewClassNames.root}, & .${cardFooterClassNames.root}`]: {\n                forcedColorAdjust: 'auto'\n            },\n            '::after': {\n                ...shorthands.borderColor('Highlight')\n            }\n        }\n    },\n    highContrastInteractive: {\n        '@media (forced-colors: active)': {\n            ':hover, :active': {\n                forcedColorAdjust: 'none',\n                backgroundColor: 'Highlight',\n                color: 'HighlightText',\n                [`& .${cardPreviewClassNames.root}, & .${cardFooterClassNames.root}`]: {\n                    forcedColorAdjust: 'auto'\n                }\n            },\n            '::after': {\n                ...shorthands.borderColor('Highlight')\n            }\n        }\n    },\n    select: {\n        position: 'absolute',\n        top: '4px',\n        right: '4px',\n        zIndex: 1\n    },\n    hiddenCheckbox: {\n        ...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 * Apply styling to the Card slots based on the state.\n */ export const useCardStyles_unstable = (state)=>{\n    const styles = useStyles();\n    const orientationMap = {\n        horizontal: styles.orientationHorizontal,\n        vertical: styles.orientationVertical\n    };\n    const sizeMap = {\n        small: styles.sizeSmall,\n        medium: styles.sizeMedium,\n        large: styles.sizeLarge\n    };\n    const appearanceMap = {\n        filled: styles.filled,\n        'filled-alternative': styles.filledAlternative,\n        outline: styles.outline,\n        subtle: styles.subtle\n    };\n    const selectedMap = {\n        filled: styles.filledInteractiveSelected,\n        'filled-alternative': styles.filledAlternativeInteractiveSelected,\n        outline: styles.outlineInteractiveSelected,\n        subtle: styles.subtleInteractiveSelected\n    };\n    const interactiveMap = {\n        filled: styles.filledInteractive,\n        'filled-alternative': styles.filledAlternativeInteractive,\n        outline: styles.outlineInteractive,\n        subtle: styles.subtleInteractive\n    };\n    const isSelectableOrInteractive = state.interactive || state.selectable;\n    const focusedClassName = React.useMemo(()=>{\n        if (state.selectable) {\n            if (state.selectFocused) {\n                return styles.selectableFocused;\n            }\n            return '';\n        }\n        return styles.focused;\n    }, [\n        state.selectFocused,\n        state.selectable,\n        styles.focused,\n        styles.selectableFocused\n    ]);\n    state.root.className = mergeClasses(cardClassNames.root, styles.root, orientationMap[state.orientation], sizeMap[state.size], appearanceMap[state.appearance], isSelectableOrInteractive && interactiveMap[state.appearance], state.selected && selectedMap[state.appearance], // Focus overrides\n    focusedClassName, // High contrast overrides\n    isSelectableOrInteractive && styles.highContrastInteractive, state.selected && styles.highContrastSelected, state.root.className);\n    if (state.floatingAction) {\n        state.floatingAction.className = mergeClasses(cardClassNames.floatingAction, styles.select, state.floatingAction.className);\n    }\n    if (state.checkbox) {\n        state.checkbox.className = mergeClasses(cardClassNames.checkbox, styles.hiddenCheckbox, state.checkbox.className);\n    }\n    return state;\n};\n"],"mappings":"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"}
+{"version":3,"names":["shorthands","__styles","mergeClasses","tokens","createFocusOutlineStyle","cardPreviewClassNames","cardHeaderClassNames","cardFooterClassNames","React","cardClassNames","root","floatingAction","checkbox","cardCSSVars","cardSizeVar","cardBorderRadiusVar","focusOutlineStyle","outlineRadius","outlineWidth","strokeWidthThick","outlineOffset","useStyles","B68tc82","Bmxbyg5","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","focused","Brovlpu","B486eqv","B8q5s1w","Bci5o5g","n8qw10","Bdrgwmp","Bb7d1vk","zhwhgb","dhy2o1","Gfyso","Bm4h7ae","B7ys5i9","Busjfv9","Bhk32uz","Bf4ptjt","kclons","Bhdgwq3","Blkhhs4","Bqtpl0w","clg4pj","hgwjuy","Bonggc9","B1tsrr9","Dah5zi","Bkh64rk","qqdqy8","B6dhp37","i03rao","Boxcth7","Bsom6fd","J0r882","Bule8hv","Bjwuhne","Ghsupd","selectableFocused","Bssx7fj","uh7if5","clntm0","Dlk2r6","Bm3wd5j","Bbrhkcr","f1oku","aywvf2","B2j2mmj","wigs8","pbfy6t","B0v4ure","ghq09","B24cy0v","Bwckmig","Bvwlmkc","Bbgo44z","Bil7v7r","skfxo0","jo1ztg","Ba3ybja","az1dzo","vppk2z","B6352mv","nr063g","Blmvk6g","Bsiemmq","B98u21t","B2pnrqr","B29w5g4","Bhhzhcn","Bec0n69","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","m","h","a","useCardStyles_unstable","state","styles","orientationMap","horizontal","vertical","sizeMap","small","medium","large","appearanceMap","selectedMap","interactiveMap","isSelectableOrInteractive","interactive","selectable","focusedClassName","useMemo","selectFocused","className","orientation","size","appearance","selected"],"sources":["useCardStyles.styles.js"],"sourcesContent":["import { shorthands, makeStyles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport { createFocusOutlineStyle } from '@fluentui/react-tabster';\nimport { cardPreviewClassNames } from '../CardPreview/useCardPreviewStyles.styles';\nimport { cardHeaderClassNames } from '../CardHeader/useCardHeaderStyles.styles';\nimport { cardFooterClassNames } from '../CardFooter/useCardFooterStyles.styles';\nimport * as React from 'react';\n/**\n * Static CSS class names used internally for the component slots.\n */ export const cardClassNames = {\n    root: 'fui-Card',\n    floatingAction: 'fui-Card__floatingAction',\n    checkbox: 'fui-Card__checkbox'\n};\n/**\n * CSS variable names used internally for uniform styling in Card.\n */ export const cardCSSVars = {\n    cardSizeVar: '--fui-Card--size',\n    cardBorderRadiusVar: '--fui-Card--border-radius'\n};\nconst focusOutlineStyle = {\n    outlineRadius: `var(${cardCSSVars.cardBorderRadiusVar})`,\n    outlineWidth: tokens.strokeWidthThick,\n    outlineOffset: '-2px'\n};\nconst useStyles = makeStyles({\n    root: {\n        ...shorthands.overflow('hidden'),\n        ...shorthands.borderRadius(`var(${cardCSSVars.cardBorderRadiusVar})`),\n        ...shorthands.padding(`var(${cardCSSVars.cardSizeVar})`),\n        ...shorthands.gap(`var(${cardCSSVars.cardSizeVar})`),\n        display: 'flex',\n        position: 'relative',\n        boxSizing: 'border-box',\n        color: tokens.colorNeutralForeground1,\n        // Border setting using after pseudo element to allow CardPreview to render behind it.\n        '::after': {\n            position: 'absolute',\n            top: 0,\n            left: 0,\n            right: 0,\n            bottom: 0,\n            content: '\"\"',\n            pointerEvents: 'none',\n            ...shorthands.borderStyle('solid'),\n            ...shorthands.borderWidth(tokens.strokeWidthThin),\n            ...shorthands.borderRadius(`var(${cardCSSVars.cardBorderRadiusVar})`)\n        },\n        // Prevents CardHeader and CardFooter from shrinking.\n        [`> .${cardHeaderClassNames.root}, > .${cardFooterClassNames.root}`]: {\n            flexShrink: 0\n        }\n    },\n    focused: {\n        ...createFocusOutlineStyle({\n            style: focusOutlineStyle,\n            selector: 'focus'\n        })\n    },\n    selectableFocused: createFocusOutlineStyle({\n        style: focusOutlineStyle,\n        selector: 'focus-within'\n    }),\n    orientationHorizontal: {\n        flexDirection: 'row',\n        alignItems: 'center',\n        // Remove vertical padding to keep CardPreview content flush with Card's borders.\n        [`> .${cardPreviewClassNames.root}`]: {\n            marginTop: `calc(var(${cardCSSVars.cardSizeVar}) * -1)`,\n            marginBottom: `calc(var(${cardCSSVars.cardSizeVar}) * -1)`\n        },\n        // Due to Tabster's \"Groupper\" focus functionality, hidden elements are injected before and after Card's content.\n        // As such, the code below targets a CardPreview, when it's the first element.\n        // Since this is on horizontal cards, the left padding is removed to keep the content flush with the border.\n        [`> :not([aria-hidden=\"true\"]).${cardPreviewClassNames.root}:first-of-type`]: {\n            marginLeft: `calc(var(${cardCSSVars.cardSizeVar}) * -1)`\n        },\n        // Due to Tabster's \"Groupper\" focus functionality, hidden elements are injected before and after Card's content.\n        // As such, the code below targets a CardPreview, when it's the last element.\n        // Since this is on horizontal cards, the right padding is removed to keep the content flush with the border.\n        [`> :not([aria-hidden=\"true\"]).${cardPreviewClassNames.root}:last-of-type`]: {\n            marginRight: `calc(var(${cardCSSVars.cardSizeVar}) * -1)`\n        },\n        // If the last child is a CardHeader or CardFooter, allow it to grow to fill the available space.\n        [`> .${cardHeaderClassNames.root}:last-of-type, > .${cardFooterClassNames.root}:last-of-type`]: {\n            flexGrow: 1\n        }\n    },\n    orientationVertical: {\n        flexDirection: 'column',\n        // Remove lateral padding to keep CardPreview content flush with Card's borders.\n        [`> .${cardPreviewClassNames.root}`]: {\n            marginLeft: `calc(var(${cardCSSVars.cardSizeVar}) * -1)`,\n            marginRight: `calc(var(${cardCSSVars.cardSizeVar}) * -1)`\n        },\n        // Due to Tabster's \"Groupper\" focus functionality, hidden elements are injected before and after Card's content.\n        // As such, the code below targets a CardPreview, when it's the first element.\n        // Since this is on vertical cards, the top padding is removed to keep the content flush with the border.\n        [`> :not([aria-hidden=\"true\"]).${cardPreviewClassNames.root}:first-of-type`]: {\n            marginTop: `calc(var(${cardCSSVars.cardSizeVar}) * -1)`\n        },\n        [`> .${cardClassNames.floatingAction} + .${cardPreviewClassNames.root}`]: {\n            marginTop: `calc(var(${cardCSSVars.cardSizeVar}) * -1)`\n        },\n        // Due to Tabster's \"Groupper\" focus functionality, hidden elements are injected before and after Card's content.\n        // As such, the code below targets a CardPreview, when it's the first element.\n        // Since this is on vertical cards, the bottom padding is removed to keep the content flush with the border.\n        [`> :not([aria-hidden=\"true\"]).${cardPreviewClassNames.root}:last-of-type`]: {\n            marginBottom: `calc(var(${cardCSSVars.cardSizeVar}) * -1)`\n        }\n    },\n    sizeSmall: {\n        [cardCSSVars.cardSizeVar]: '8px',\n        [cardCSSVars.cardBorderRadiusVar]: tokens.borderRadiusSmall\n    },\n    sizeMedium: {\n        [cardCSSVars.cardSizeVar]: '12px',\n        [cardCSSVars.cardBorderRadiusVar]: tokens.borderRadiusMedium\n    },\n    sizeLarge: {\n        [cardCSSVars.cardSizeVar]: '16px',\n        [cardCSSVars.cardBorderRadiusVar]: tokens.borderRadiusLarge\n    },\n    filled: {\n        backgroundColor: tokens.colorNeutralBackground1,\n        boxShadow: tokens.shadow4,\n        '::after': {\n            ...shorthands.borderColor(tokens.colorTransparentStroke)\n        }\n    },\n    filledInteractive: {\n        cursor: 'pointer',\n        backgroundColor: tokens.colorNeutralBackground1,\n        boxShadow: tokens.shadow4,\n        '::after': {\n            ...shorthands.borderColor(tokens.colorTransparentStroke)\n        },\n        ':hover': {\n            backgroundColor: tokens.colorNeutralBackground1Hover,\n            boxShadow: tokens.shadow8\n        },\n        ':active': {\n            backgroundColor: tokens.colorNeutralBackground1Pressed\n        }\n    },\n    filledInteractiveSelected: {\n        backgroundColor: tokens.colorNeutralBackground1Selected,\n        '::after': {\n            ...shorthands.borderColor(tokens.colorNeutralStroke1Selected)\n        },\n        ':hover': {\n            backgroundColor: tokens.colorNeutralBackground1Selected\n        }\n    },\n    filledAlternative: {\n        backgroundColor: tokens.colorNeutralBackground2,\n        boxShadow: tokens.shadow4,\n        '::after': {\n            ...shorthands.borderColor(tokens.colorTransparentStroke)\n        }\n    },\n    filledAlternativeInteractive: {\n        cursor: 'pointer',\n        backgroundColor: tokens.colorNeutralBackground2,\n        boxShadow: tokens.shadow4,\n        '::after': {\n            ...shorthands.borderColor(tokens.colorTransparentStroke)\n        },\n        ':hover': {\n            backgroundColor: tokens.colorNeutralBackground2Hover,\n            boxShadow: tokens.shadow8\n        },\n        ':active': {\n            backgroundColor: tokens.colorNeutralBackground2Pressed\n        }\n    },\n    filledAlternativeInteractiveSelected: {\n        backgroundColor: tokens.colorNeutralBackground2Selected,\n        '::after': {\n            ...shorthands.borderColor(tokens.colorNeutralStroke1Selected)\n        },\n        ':hover': {\n            backgroundColor: tokens.colorNeutralBackground2Selected\n        }\n    },\n    outline: {\n        backgroundColor: tokens.colorTransparentBackground,\n        boxShadow: 'none',\n        '::after': {\n            ...shorthands.borderColor(tokens.colorNeutralStroke1)\n        }\n    },\n    outlineInteractive: {\n        cursor: 'pointer',\n        backgroundColor: tokens.colorTransparentBackground,\n        boxShadow: 'none',\n        '::after': {\n            ...shorthands.borderColor(tokens.colorNeutralStroke1)\n        },\n        ':hover': {\n            backgroundColor: tokens.colorTransparentBackgroundHover,\n            '::after': {\n                ...shorthands.borderColor(tokens.colorNeutralStroke1Hover)\n            }\n        },\n        ':active': {\n            backgroundColor: tokens.colorTransparentBackgroundPressed,\n            '::after': {\n                ...shorthands.borderColor(tokens.colorNeutralStroke1Pressed)\n            }\n        }\n    },\n    outlineInteractiveSelected: {\n        backgroundColor: tokens.colorTransparentBackgroundSelected,\n        '::after': {\n            ...shorthands.borderColor(tokens.colorNeutralStroke1Selected)\n        },\n        ':hover': {\n            backgroundColor: tokens.colorTransparentBackgroundSelected\n        }\n    },\n    subtle: {\n        backgroundColor: tokens.colorSubtleBackground,\n        boxShadow: 'none',\n        '::after': {\n            ...shorthands.borderColor(tokens.colorTransparentStroke)\n        }\n    },\n    subtleInteractive: {\n        cursor: 'pointer',\n        backgroundColor: tokens.colorSubtleBackground,\n        boxShadow: 'none',\n        '::after': {\n            ...shorthands.borderColor(tokens.colorTransparentStroke)\n        },\n        ':hover': {\n            backgroundColor: tokens.colorSubtleBackgroundHover\n        },\n        ':active': {\n            backgroundColor: tokens.colorSubtleBackgroundPressed\n        }\n    },\n    subtleInteractiveSelected: {\n        backgroundColor: tokens.colorSubtleBackgroundSelected,\n        '::after': {\n            ...shorthands.borderColor(tokens.colorNeutralStroke1Selected)\n        },\n        ':hover': {\n            backgroundColor: tokens.colorSubtleBackgroundSelected\n        }\n    },\n    highContrastSelected: {\n        '@media (forced-colors: active)': {\n            forcedColorAdjust: 'none',\n            backgroundColor: 'Highlight',\n            color: 'HighlightText',\n            [`& .${cardPreviewClassNames.root}, & .${cardFooterClassNames.root}`]: {\n                forcedColorAdjust: 'auto'\n            },\n            '::after': {\n                ...shorthands.borderColor('Highlight')\n            }\n        }\n    },\n    highContrastInteractive: {\n        '@media (forced-colors: active)': {\n            ':hover, :active': {\n                forcedColorAdjust: 'none',\n                backgroundColor: 'Highlight',\n                color: 'HighlightText',\n                [`& .${cardPreviewClassNames.root}, & .${cardFooterClassNames.root}`]: {\n                    forcedColorAdjust: 'auto'\n                }\n            },\n            '::after': {\n                ...shorthands.borderColor('Highlight')\n            }\n        }\n    },\n    select: {\n        position: 'absolute',\n        top: '4px',\n        right: '4px',\n        zIndex: 1\n    },\n    hiddenCheckbox: {\n        ...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 * Apply styling to the Card slots based on the state.\n */ export const useCardStyles_unstable = (state)=>{\n    const styles = useStyles();\n    const orientationMap = {\n        horizontal: styles.orientationHorizontal,\n        vertical: styles.orientationVertical\n    };\n    const sizeMap = {\n        small: styles.sizeSmall,\n        medium: styles.sizeMedium,\n        large: styles.sizeLarge\n    };\n    const appearanceMap = {\n        filled: styles.filled,\n        'filled-alternative': styles.filledAlternative,\n        outline: styles.outline,\n        subtle: styles.subtle\n    };\n    const selectedMap = {\n        filled: styles.filledInteractiveSelected,\n        'filled-alternative': styles.filledAlternativeInteractiveSelected,\n        outline: styles.outlineInteractiveSelected,\n        subtle: styles.subtleInteractiveSelected\n    };\n    const interactiveMap = {\n        filled: styles.filledInteractive,\n        'filled-alternative': styles.filledAlternativeInteractive,\n        outline: styles.outlineInteractive,\n        subtle: styles.subtleInteractive\n    };\n    const isSelectableOrInteractive = state.interactive || state.selectable;\n    const focusedClassName = React.useMemo(()=>{\n        if (state.selectable) {\n            if (state.selectFocused) {\n                return styles.selectableFocused;\n            }\n            return '';\n        }\n        return styles.focused;\n    }, [\n        state.selectFocused,\n        state.selectable,\n        styles.focused,\n        styles.selectableFocused\n    ]);\n    state.root.className = mergeClasses(cardClassNames.root, styles.root, orientationMap[state.orientation], sizeMap[state.size], appearanceMap[state.appearance], isSelectableOrInteractive && interactiveMap[state.appearance], state.selected && selectedMap[state.appearance], // Focus overrides\n    focusedClassName, // High contrast overrides\n    isSelectableOrInteractive && styles.highContrastInteractive, state.selected && styles.highContrastSelected, state.root.className);\n    if (state.floatingAction) {\n        state.floatingAction.className = mergeClasses(cardClassNames.floatingAction, styles.select, state.floatingAction.className);\n    }\n    if (state.checkbox) {\n        state.checkbox.className = mergeClasses(cardClassNames.checkbox, styles.hiddenCheckbox, state.checkbox.className);\n    }\n    return state;\n};\n"],"mappings":"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"}

package/lib-commonjs/components/Card/useCard.js

@@ -85,7 +85,7 @@ const useCard_unstable = (props, ref)=>{
         root: _reactutilities.slot.always((0, _reactutilities.getIntrinsicElementProps)('div', {
             ref: cardRef,
             role: 'group',
-            ...focusAttributes,
+            ...!selectable ? focusAttributes : null,
             ...props,
             ...selectableCardProps
         }), {

package/lib-commonjs/components/Card/useCard.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useCard.js"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, useMergedRefs, slot } from '@fluentui/react-utilities';\nimport { useFocusableGroup, useFocusWithin } from '@fluentui/react-tabster';\nimport { useCardSelectable } from './useCardSelectable';\nimport { cardContextDefaultValue } from './CardContext';\nconst focusMap = {\n    off: undefined,\n    'no-tab': 'limited-trap-focus',\n    'tab-exit': 'limited',\n    'tab-only': 'unlimited'\n};\n/**\n * Create the state for interactive cards.\n *\n * This internal hook defines if the card is interactive\n * and control focus properties based on that.\n *\n * @param props - props from this instance of Card\n */ const useCardInteractive = ({ focusMode = 'off', ...props })=>{\n    const interactive = [\n        'onClick',\n        'onDoubleClick',\n        'onMouseUp',\n        'onMouseDown',\n        'onPointerUp',\n        'onPointerDown',\n        'onTouchStart',\n        'onTouchEnd',\n        'onDragStart',\n        'onDragEnd'\n    ].some((prop)=>props[prop]);\n    const groupperAttrs = useFocusableGroup({\n        tabBehavior: focusMap[interactive ? 'no-tab' : focusMode]\n    });\n    const interactiveFocusAttributes = {\n        ...groupperAttrs,\n        tabIndex: 0\n    };\n    return {\n        interactive,\n        focusAttributes: !interactive && focusMode === 'off' ? null : interactiveFocusAttributes\n    };\n};\n/**\n * Create the state required to render Card.\n *\n * The returned state can be modified with hooks such as useCardStyles_unstable,\n * before being passed to renderCard_unstable.\n *\n * @param props - props from this instance of Card\n * @param ref - reference to the root element of Card\n */ export const useCard_unstable = (props, ref)=>{\n    const { appearance = 'filled', orientation = 'vertical', size = 'medium' } = props;\n    const [referenceId, setReferenceId] = React.useState(cardContextDefaultValue.selectableA11yProps.referenceId);\n    const [referenceLabel, setReferenceLabel] = React.useState(cardContextDefaultValue.selectableA11yProps.referenceId);\n    const cardBaseRef = useFocusWithin();\n    const { selectable, selected, selectableCardProps, selectFocused, checkboxSlot, floatingActionSlot } = useCardSelectable(props, {\n        referenceId,\n        referenceLabel\n    }, cardBaseRef);\n    const cardRef = useMergedRefs(cardBaseRef, ref);\n    const { interactive, focusAttributes } = useCardInteractive(props);\n    return {\n        appearance,\n        orientation,\n        size,\n        interactive,\n        selectable,\n        selectFocused,\n        selected,\n        selectableA11yProps: {\n            setReferenceId,\n            referenceId,\n            referenceLabel,\n            setReferenceLabel\n        },\n        components: {\n            root: 'div',\n            floatingAction: 'div',\n            checkbox: 'input'\n        },\n        root: slot.always(getIntrinsicElementProps('div', {\n            ref: cardRef,\n            role: 'group',\n            ...focusAttributes,\n            ...props,\n            ...selectableCardProps\n        }), {\n            elementType: 'div'\n        }),\n        floatingAction: floatingActionSlot,\n        checkbox: checkboxSlot\n    };\n};\n"],"names":["useCard_unstable","focusMap","off","undefined","useCardInteractive","focusMode","props","interactive","some","prop","groupperAttrs","useFocusableGroup","tabBehavior","interactiveFocusAttributes","tabIndex","focusAttributes","ref","appearance","orientation","size","referenceId","setReferenceId","React","useState","cardContextDefaultValue","selectableA11yProps","referenceLabel","setReferenceLabel","cardBaseRef","useFocusWithin","selectable","selected","selectableCardProps","selectFocused","checkboxSlot","floatingActionSlot","useCardSelectable","cardRef","useMergedRefs","components","root","floatingAction","checkbox","slot","always","getIntrinsicElementProps","role","elementType"],"mappings":";;;;+BAmDiBA;;;eAAAA;;;;iEAnDM;gCACuC;8BACZ;mCAChB;6BACM;AACxC,MAAMC,WAAW;IACbC,KAAKC;IACL,UAAU;IACV,YAAY;IACZ,YAAY;AAChB;AACA;;;;;;;CAOC,GAAG,MAAMC,qBAAqB,CAAC,EAAEC,YAAY,KAAK,EAAE,GAAGC,OAAO;IAC3D,MAAMC,cAAc;QAChB;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;KACH,CAACC,IAAI,CAAC,CAACC,OAAOH,KAAK,CAACG,KAAK;IAC1B,MAAMC,gBAAgBC,IAAAA,+BAAiB,EAAC;QACpCC,aAAaX,QAAQ,CAACM,cAAc,WAAWF,UAAU;IAC7D;IACA,MAAMQ,6BAA6B;QAC/B,GAAGH,aAAa;QAChBI,UAAU;IACd;IACA,OAAO;QACHP;QACAQ,iBAAiB,CAACR,eAAeF,cAAc,QAAQ,OAAOQ;IAClE;AACJ;AASW,MAAMb,mBAAmB,CAACM,OAAOU;IACxC,MAAM,EAAEC,aAAa,QAAQ,EAAEC,cAAc,UAAU,EAAEC,OAAO,QAAQ,EAAE,GAAGb;IAC7E,MAAM,CAACc,aAAaC,eAAe,GAAGC,OAAMC,QAAQ,CAACC,oCAAuB,CAACC,mBAAmB,CAACL,WAAW;IAC5G,MAAM,CAACM,gBAAgBC,kBAAkB,GAAGL,OAAMC,QAAQ,CAACC,oCAAuB,CAACC,mBAAmB,CAACL,WAAW;IAClH,MAAMQ,cAAcC,IAAAA,4BAAc;IAClC,MAAM,EAAEC,UAAU,EAAEC,QAAQ,EAAEC,mBAAmB,EAAEC,aAAa,EAAEC,YAAY,EAAEC,kBAAkB,EAAE,GAAGC,IAAAA,oCAAiB,EAAC9B,OAAO;QAC5Hc;QACAM;IACJ,GAAGE;IACH,MAAMS,UAAUC,IAAAA,6BAAa,EAACV,aAAaZ;IAC3C,MAAM,EAAET,WAAW,EAAEQ,eAAe,EAAE,GAAGX,mBAAmBE;IAC5D,OAAO;QACHW;QACAC;QACAC;QACAZ;QACAuB;QACAG;QACAF;QACAN,qBAAqB;YACjBJ;YACAD;YACAM;YACAC;QACJ;QACAY,YAAY;YACRC,MAAM;YACNC,gBAAgB;YAChBC,UAAU;QACd;QACAF,MAAMG,oBAAI,CAACC,MAAM,CAACC,IAAAA,wCAAwB,EAAC,OAAO;YAC9C7B,KAAKqB;YACLS,MAAM;YACN,GAAG/B,eAAe;YAClB,GAAGT,KAAK;YACR,GAAG0B,mBAAmB;QAC1B,IAAI;YACAe,aAAa;QACjB;QACAN,gBAAgBN;QAChBO,UAAUR;IACd;AACJ"}
+{"version":3,"sources":["useCard.js"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, useMergedRefs, slot } from '@fluentui/react-utilities';\nimport { useFocusableGroup, useFocusWithin } from '@fluentui/react-tabster';\nimport { useCardSelectable } from './useCardSelectable';\nimport { cardContextDefaultValue } from './CardContext';\nconst focusMap = {\n    off: undefined,\n    'no-tab': 'limited-trap-focus',\n    'tab-exit': 'limited',\n    'tab-only': 'unlimited'\n};\n/**\n * Create the state for interactive cards.\n *\n * This internal hook defines if the card is interactive\n * and control focus properties based on that.\n *\n * @param props - props from this instance of Card\n */ const useCardInteractive = ({ focusMode = 'off', ...props })=>{\n    const interactive = [\n        'onClick',\n        'onDoubleClick',\n        'onMouseUp',\n        'onMouseDown',\n        'onPointerUp',\n        'onPointerDown',\n        'onTouchStart',\n        'onTouchEnd',\n        'onDragStart',\n        'onDragEnd'\n    ].some((prop)=>props[prop]);\n    const groupperAttrs = useFocusableGroup({\n        tabBehavior: focusMap[interactive ? 'no-tab' : focusMode]\n    });\n    const interactiveFocusAttributes = {\n        ...groupperAttrs,\n        tabIndex: 0\n    };\n    return {\n        interactive,\n        focusAttributes: !interactive && focusMode === 'off' ? null : interactiveFocusAttributes\n    };\n};\n/**\n * Create the state required to render Card.\n *\n * The returned state can be modified with hooks such as useCardStyles_unstable,\n * before being passed to renderCard_unstable.\n *\n * @param props - props from this instance of Card\n * @param ref - reference to the root element of Card\n */ export const useCard_unstable = (props, ref)=>{\n    const { appearance = 'filled', orientation = 'vertical', size = 'medium' } = props;\n    const [referenceId, setReferenceId] = React.useState(cardContextDefaultValue.selectableA11yProps.referenceId);\n    const [referenceLabel, setReferenceLabel] = React.useState(cardContextDefaultValue.selectableA11yProps.referenceId);\n    const cardBaseRef = useFocusWithin();\n    const { selectable, selected, selectableCardProps, selectFocused, checkboxSlot, floatingActionSlot } = useCardSelectable(props, {\n        referenceId,\n        referenceLabel\n    }, cardBaseRef);\n    const cardRef = useMergedRefs(cardBaseRef, ref);\n    const { interactive, focusAttributes } = useCardInteractive(props);\n    return {\n        appearance,\n        orientation,\n        size,\n        interactive,\n        selectable,\n        selectFocused,\n        selected,\n        selectableA11yProps: {\n            setReferenceId,\n            referenceId,\n            referenceLabel,\n            setReferenceLabel\n        },\n        components: {\n            root: 'div',\n            floatingAction: 'div',\n            checkbox: 'input'\n        },\n        root: slot.always(getIntrinsicElementProps('div', {\n            ref: cardRef,\n            role: 'group',\n            ...!selectable ? focusAttributes : null,\n            ...props,\n            ...selectableCardProps\n        }), {\n            elementType: 'div'\n        }),\n        floatingAction: floatingActionSlot,\n        checkbox: checkboxSlot\n    };\n};\n"],"names":["useCard_unstable","focusMap","off","undefined","useCardInteractive","focusMode","props","interactive","some","prop","groupperAttrs","useFocusableGroup","tabBehavior","interactiveFocusAttributes","tabIndex","focusAttributes","ref","appearance","orientation","size","referenceId","setReferenceId","React","useState","cardContextDefaultValue","selectableA11yProps","referenceLabel","setReferenceLabel","cardBaseRef","useFocusWithin","selectable","selected","selectableCardProps","selectFocused","checkboxSlot","floatingActionSlot","useCardSelectable","cardRef","useMergedRefs","components","root","floatingAction","checkbox","slot","always","getIntrinsicElementProps","role","elementType"],"mappings":";;;;+BAmDiBA;;;eAAAA;;;;iEAnDM;gCACuC;8BACZ;mCAChB;6BACM;AACxC,MAAMC,WAAW;IACbC,KAAKC;IACL,UAAU;IACV,YAAY;IACZ,YAAY;AAChB;AACA;;;;;;;CAOC,GAAG,MAAMC,qBAAqB,CAAC,EAAEC,YAAY,KAAK,EAAE,GAAGC,OAAO;IAC3D,MAAMC,cAAc;QAChB;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;KACH,CAACC,IAAI,CAAC,CAACC,OAAOH,KAAK,CAACG,KAAK;IAC1B,MAAMC,gBAAgBC,IAAAA,+BAAiB,EAAC;QACpCC,aAAaX,QAAQ,CAACM,cAAc,WAAWF,UAAU;IAC7D;IACA,MAAMQ,6BAA6B;QAC/B,GAAGH,aAAa;QAChBI,UAAU;IACd;IACA,OAAO;QACHP;QACAQ,iBAAiB,CAACR,eAAeF,cAAc,QAAQ,OAAOQ;IAClE;AACJ;AASW,MAAMb,mBAAmB,CAACM,OAAOU;IACxC,MAAM,EAAEC,aAAa,QAAQ,EAAEC,cAAc,UAAU,EAAEC,OAAO,QAAQ,EAAE,GAAGb;IAC7E,MAAM,CAACc,aAAaC,eAAe,GAAGC,OAAMC,QAAQ,CAACC,oCAAuB,CAACC,mBAAmB,CAACL,WAAW;IAC5G,MAAM,CAACM,gBAAgBC,kBAAkB,GAAGL,OAAMC,QAAQ,CAACC,oCAAuB,CAACC,mBAAmB,CAACL,WAAW;IAClH,MAAMQ,cAAcC,IAAAA,4BAAc;IAClC,MAAM,EAAEC,UAAU,EAAEC,QAAQ,EAAEC,mBAAmB,EAAEC,aAAa,EAAEC,YAAY,EAAEC,kBAAkB,EAAE,GAAGC,IAAAA,oCAAiB,EAAC9B,OAAO;QAC5Hc;QACAM;IACJ,GAAGE;IACH,MAAMS,UAAUC,IAAAA,6BAAa,EAACV,aAAaZ;IAC3C,MAAM,EAAET,WAAW,EAAEQ,eAAe,EAAE,GAAGX,mBAAmBE;IAC5D,OAAO;QACHW;QACAC;QACAC;QACAZ;QACAuB;QACAG;QACAF;QACAN,qBAAqB;YACjBJ;YACAD;YACAM;YACAC;QACJ;QACAY,YAAY;YACRC,MAAM;YACNC,gBAAgB;YAChBC,UAAU;QACd;QACAF,MAAMG,oBAAI,CAACC,MAAM,CAACC,IAAAA,wCAAwB,EAAC,OAAO;YAC9C7B,KAAKqB;YACLS,MAAM;YACN,GAAG,CAAChB,aAAaf,kBAAkB,IAAI;YACvC,GAAGT,KAAK;YACR,GAAG0B,mBAAmB;QAC1B,IAAI;YACAe,aAAa;QACjB;QACAN,gBAAgBN;QAChBO,UAAUR;IACd;AACJ"}

package/lib-commonjs/components/Card/useCardSelectable.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useCardSelectable.js"],"sourcesContent":["import * as React from 'react';\nimport { mergeCallbacks, slot, useControllableState } from '@fluentui/react-utilities';\nimport { Enter } from '@fluentui/keyboard-keys';\nimport { useFocusFinders } from '@fluentui/react-tabster';\n/**\n * @internal\n *\n * Create the state related to selectable cards.\n *\n * This internal hook controls all the logic for selectable cards and is\n * intended to be used alongside with useCard_unstable.\n *\n * @param props - props from this instance of Card\n * @param a11yProps - accessibility props shared between elements of the card\n * @param ref - reference to the root element of Card\n */ export const useCardSelectable = (props, { referenceLabel, referenceId }, cardRef)=>{\n    const { checkbox = {}, onSelectionChange, floatingAction, onClick, onKeyDown } = props;\n    const { findAllFocusable } = useFocusFinders();\n    const checkboxRef = React.useRef(null);\n    const [selected, setSelected] = useControllableState({\n        state: props.selected,\n        defaultState: props.defaultSelected,\n        initialState: false\n    });\n    const selectable = [\n        props.selected,\n        props.defaultSelected,\n        onSelectionChange\n    ].some((prop)=>typeof prop !== 'undefined');\n    const [selectFocused, setSelectFocused] = React.useState(false);\n    const shouldRestrictTriggerAction = React.useCallback((event)=>{\n        if (!cardRef.current) {\n            return false;\n        }\n        const focusableElements = findAllFocusable(cardRef.current);\n        const target = event.target;\n        const isElementInFocusableGroup = focusableElements.some((element)=>element.contains(target));\n        const isCheckboxSlot = (checkboxRef === null || checkboxRef === void 0 ? void 0 : checkboxRef.current) === target;\n        return isElementInFocusableGroup && !isCheckboxSlot;\n    }, [\n        cardRef,\n        findAllFocusable\n    ]);\n    const onChangeHandler = React.useCallback((event)=>{\n        if (shouldRestrictTriggerAction(event)) {\n            return;\n        }\n        const newCheckedValue = !selected;\n        setSelected(newCheckedValue);\n        if (onSelectionChange) {\n            onSelectionChange(event, {\n                selected: newCheckedValue\n            });\n        }\n    }, [\n        onSelectionChange,\n        selected,\n        setSelected,\n        shouldRestrictTriggerAction\n    ]);\n    const onKeyDownHandler = React.useCallback((event)=>{\n        if ([\n            Enter\n        ].includes(event.key)) {\n            event.preventDefault();\n            onChangeHandler(event);\n        }\n    }, [\n        onChangeHandler\n    ]);\n    const checkboxSlot = React.useMemo(()=>{\n        if (!selectable || floatingAction) {\n            return;\n        }\n        const selectableCheckboxProps = {};\n        if (referenceId) {\n            selectableCheckboxProps['aria-labelledby'] = referenceId;\n        } else if (referenceLabel) {\n            selectableCheckboxProps['aria-label'] = referenceLabel;\n        }\n        return slot.optional(checkbox, {\n            defaultProps: {\n                ref: checkboxRef,\n                type: 'checkbox',\n                checked: selected,\n                onChange: (event)=>onChangeHandler(event),\n                onFocus: ()=>setSelectFocused(true),\n                onBlur: ()=>setSelectFocused(false),\n                ...selectableCheckboxProps\n            },\n            elementType: 'input'\n        });\n    }, [\n        checkbox,\n        floatingAction,\n        selected,\n        selectable,\n        onChangeHandler,\n        referenceId,\n        referenceLabel\n    ]);\n    const floatingActionSlot = React.useMemo(()=>{\n        if (!floatingAction) {\n            return;\n        }\n        return slot.optional(floatingAction, {\n            defaultProps: {\n                ref: checkboxRef\n            },\n            elementType: 'div'\n        });\n    }, [\n        floatingAction\n    ]);\n    const selectableCardProps = React.useMemo(()=>{\n        if (!selectable) {\n            return null;\n        }\n        return {\n            onClick: mergeCallbacks(onClick, onChangeHandler),\n            onKeyDown: mergeCallbacks(onKeyDown, onKeyDownHandler)\n        };\n    }, [\n        selectable,\n        onChangeHandler,\n        onClick,\n        onKeyDown,\n        onKeyDownHandler\n    ]);\n    return {\n        selected,\n        selectable,\n        selectFocused,\n        selectableCardProps,\n        checkboxSlot,\n        floatingActionSlot\n    };\n};\n"],"names":["useCardSelectable","props","referenceLabel","referenceId","cardRef","checkbox","onSelectionChange","floatingAction","onClick","onKeyDown","findAllFocusable","useFocusFinders","checkboxRef","React","useRef","selected","setSelected","useControllableState","state","defaultState","defaultSelected","initialState","selectable","some","prop","selectFocused","setSelectFocused","useState","shouldRestrictTriggerAction","useCallback","event","current","focusableElements","target","isElementInFocusableGroup","element","contains","isCheckboxSlot","onChangeHandler","newCheckedValue","onKeyDownHandler","Enter","includes","key","preventDefault","checkboxSlot","useMemo","selectableCheckboxProps","slot","optional","defaultProps","ref","type","checked","onChange","onFocus","onBlur","elementType","floatingActionSlot","selectableCardProps","mergeCallbacks"],"mappings":"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"}
+{"version":3,"sources":["useCardSelectable.js"],"sourcesContent":["import * as React from 'react';\nimport { mergeCallbacks, slot, useControllableState } from '@fluentui/react-utilities';\nimport { Enter } from '@fluentui/keyboard-keys';\nimport { useFocusFinders } from '@fluentui/react-tabster';\n/**\n * @internal\n *\n * Create the state related to selectable cards.\n *\n * This internal hook controls all the logic for selectable cards and is\n * intended to be used alongside with useCard_unstable.\n *\n * @param props - props from this instance of Card\n * @param a11yProps - accessibility props shared between elements of the card\n * @param cardRef - reference to the root element of Card\n */ export const useCardSelectable = (props, { referenceLabel, referenceId }, cardRef)=>{\n    const { checkbox = {}, onSelectionChange, floatingAction, onClick, onKeyDown } = props;\n    const { findAllFocusable } = useFocusFinders();\n    const checkboxRef = React.useRef(null);\n    const [selected, setSelected] = useControllableState({\n        state: props.selected,\n        defaultState: props.defaultSelected,\n        initialState: false\n    });\n    const selectable = [\n        props.selected,\n        props.defaultSelected,\n        onSelectionChange\n    ].some((prop)=>typeof prop !== 'undefined');\n    const [selectFocused, setSelectFocused] = React.useState(false);\n    const shouldRestrictTriggerAction = React.useCallback((event)=>{\n        if (!cardRef.current) {\n            return false;\n        }\n        const focusableElements = findAllFocusable(cardRef.current);\n        const target = event.target;\n        const isElementInFocusableGroup = focusableElements.some((element)=>element.contains(target));\n        const isCheckboxSlot = (checkboxRef === null || checkboxRef === void 0 ? void 0 : checkboxRef.current) === target;\n        return isElementInFocusableGroup && !isCheckboxSlot;\n    }, [\n        cardRef,\n        findAllFocusable\n    ]);\n    const onChangeHandler = React.useCallback((event)=>{\n        if (shouldRestrictTriggerAction(event)) {\n            return;\n        }\n        const newCheckedValue = !selected;\n        setSelected(newCheckedValue);\n        if (onSelectionChange) {\n            onSelectionChange(event, {\n                selected: newCheckedValue\n            });\n        }\n    }, [\n        onSelectionChange,\n        selected,\n        setSelected,\n        shouldRestrictTriggerAction\n    ]);\n    const onKeyDownHandler = React.useCallback((event)=>{\n        if ([\n            Enter\n        ].includes(event.key)) {\n            event.preventDefault();\n            onChangeHandler(event);\n        }\n    }, [\n        onChangeHandler\n    ]);\n    const checkboxSlot = React.useMemo(()=>{\n        if (!selectable || floatingAction) {\n            return;\n        }\n        const selectableCheckboxProps = {};\n        if (referenceId) {\n            selectableCheckboxProps['aria-labelledby'] = referenceId;\n        } else if (referenceLabel) {\n            selectableCheckboxProps['aria-label'] = referenceLabel;\n        }\n        return slot.optional(checkbox, {\n            defaultProps: {\n                ref: checkboxRef,\n                type: 'checkbox',\n                checked: selected,\n                onChange: (event)=>onChangeHandler(event),\n                onFocus: ()=>setSelectFocused(true),\n                onBlur: ()=>setSelectFocused(false),\n                ...selectableCheckboxProps\n            },\n            elementType: 'input'\n        });\n    }, [\n        checkbox,\n        floatingAction,\n        selected,\n        selectable,\n        onChangeHandler,\n        referenceId,\n        referenceLabel\n    ]);\n    const floatingActionSlot = React.useMemo(()=>{\n        if (!floatingAction) {\n            return;\n        }\n        return slot.optional(floatingAction, {\n            defaultProps: {\n                ref: checkboxRef\n            },\n            elementType: 'div'\n        });\n    }, [\n        floatingAction\n    ]);\n    const selectableCardProps = React.useMemo(()=>{\n        if (!selectable) {\n            return null;\n        }\n        return {\n            onClick: mergeCallbacks(onClick, onChangeHandler),\n            onKeyDown: mergeCallbacks(onKeyDown, onKeyDownHandler)\n        };\n    }, [\n        selectable,\n        onChangeHandler,\n        onClick,\n        onKeyDown,\n        onKeyDownHandler\n    ]);\n    return {\n        selected,\n        selectable,\n        selectFocused,\n        selectableCardProps,\n        checkboxSlot,\n        floatingActionSlot\n    };\n};\n"],"names":["useCardSelectable","props","referenceLabel","referenceId","cardRef","checkbox","onSelectionChange","floatingAction","onClick","onKeyDown","findAllFocusable","useFocusFinders","checkboxRef","React","useRef","selected","setSelected","useControllableState","state","defaultState","defaultSelected","initialState","selectable","some","prop","selectFocused","setSelectFocused","useState","shouldRestrictTriggerAction","useCallback","event","current","focusableElements","target","isElementInFocusableGroup","element","contains","isCheckboxSlot","onChangeHandler","newCheckedValue","onKeyDownHandler","Enter","includes","key","preventDefault","checkboxSlot","useMemo","selectableCheckboxProps","slot","optional","defaultProps","ref","type","checked","onChange","onFocus","onBlur","elementType","floatingActionSlot","selectableCardProps","mergeCallbacks"],"mappings":"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"}

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

@@ -122,8 +122,7 @@ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
             "f1n2zcl3",
             "f1anhtl"
         ],
-        B2jhnfs: "f16v3d5c",
-        wiictr: "f1su8t2g"
+        B2jhnfs: "f16v3d5c"
     },
     focused: {
         Brovlpu: "ftqa4ok",
@@ -625,7 +624,6 @@ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
         ".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{flex-shrink:0;}",
-        ".f1su8t2g>:not(.fui-CardPreview):not(.fui-CardHeader):not(.fui-CardFooter){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;}",

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

@@ -1 +1 @@
-{"version":3,"sources":["useCardStyles.styles.js"],"sourcesContent":["import { shorthands, __styles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport { createFocusOutlineStyle } from '@fluentui/react-tabster';\nimport { cardPreviewClassNames } from '../CardPreview/useCardPreviewStyles.styles';\nimport { cardHeaderClassNames } from '../CardHeader/useCardHeaderStyles.styles';\nimport { cardFooterClassNames } from '../CardFooter/useCardFooterStyles.styles';\nimport * as React from 'react';\n/**\n * Static CSS class names used internally for the component slots.\n */\nexport const cardClassNames = {\n  root: 'fui-Card',\n  floatingAction: 'fui-Card__floatingAction',\n  checkbox: 'fui-Card__checkbox'\n};\n/**\n * CSS variable names used internally for uniform styling in Card.\n */\nexport const cardCSSVars = {\n  cardSizeVar: '--fui-Card--size',\n  cardBorderRadiusVar: '--fui-Card--border-radius'\n};\nconst focusOutlineStyle = {\n  outlineRadius: `var(${cardCSSVars.cardBorderRadiusVar})`,\n  outlineWidth: tokens.strokeWidthThick,\n  outlineOffset: '-2px'\n};\nconst useStyles = /*#__PURE__*/__styles({\n  root: {\n    B68tc82: \"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  },\n  focused: {\n    Brovlpu: \"ftqa4ok\",\n    B486eqv: \"f2hkw1w\",\n    B8q5s1w: \"f8hki3x\",\n    Bci5o5g: [\"f1d2448m\", \"ffh67wi\"],\n    n8qw10: \"f1bjia2o\",\n    Bdrgwmp: [\"ffh67wi\", \"f1d2448m\"],\n    Bb7d1vk: \"f226i61\",\n    zhwhgb: [\"f13kzufm\", \"fsx75g8\"],\n    dhy2o1: \"flujwa2\",\n    Gfyso: [\"fsx75g8\", \"f13kzufm\"],\n    Bm4h7ae: \"f15bsgw9\",\n    B7ys5i9: \"f14e48fq\",\n    Busjfv9: \"f18yb2kv\",\n    Bhk32uz: \"fd6o370\",\n    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: \"f15fr7a0\",\n    Bule8hv: [\"fwsq40z\", \"fy0y4wt\"],\n    Bjwuhne: \"f34ld9f\",\n    Ghsupd: [\"fy0y4wt\", \"fwsq40z\"]\n  },\n  selectableFocused: {\n    Brovlpu: \"ftqa4ok\",\n    B486eqv: \"f2hkw1w\",\n    Bssx7fj: \"f1b1k54r\",\n    uh7if5: [\"f4ne723\", \"fqqcjud\"],\n    clntm0: \"fh7aioi\",\n    Dlk2r6: [\"fqqcjud\", \"f4ne723\"],\n    Bm3wd5j: \"f1k55ka9\",\n    Bbrhkcr: [\"fgclinu\", \"f16pcs8n\"],\n    f1oku: \"fycbxed\",\n    aywvf2: [\"f16pcs8n\", \"fgclinu\"],\n    B2j2mmj: \"ffht0p2\",\n    wigs8: \"f1p0ul1q\",\n    pbfy6t: \"f1c901ms\",\n    B0v4ure: \"f1alokd7\",\n    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: \"f1amxum7\",\n    B29w5g4: [\"f1cec8w7\", \"f554mv0\"],\n    Bhhzhcn: \"f1sj6kbr\",\n    Bec0n69: [\"f554mv0\", \"f1cec8w7\"]\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{column-gap:var(--fui-Card--size);}\", \".fcvsdzp{row-gap:var(--fui-Card--size);}\", \".f22iagw{display:flex;}\", \".f10pi13n{position:relative;}\", \".f1ewtqcl{box-sizing:border-box;}\", \".f19n0e5{color:var(--colorNeutralForeground1);}\", \".f1mdlcz9::after{position:absolute;}\", \".frwkxtg::after{top:0;}\", \".f1n6gb5g::after{left:0;}\", \".f15yvnhg::after{right:0;}\", \".fo72kxq::after{bottom:0;}\", \".f13zj6fq::after{content:\\\"\\\";}\", \".f1nwj1ja::after{pointer-events:none;}\", \".f8rth92::after{border-top-style:solid;}\", \".flthirb::after{border-right-style:solid;}\", \".ftkbnf5::after{border-left-style:solid;}\", \".f1lh990p::after{border-bottom-style:solid;}\", \".f6czdpx::after{border-top-width:var(--strokeWidthThin);}\", \".f13hvwk3::after{border-right-width:var(--strokeWidthThin);}\", \".f1en4csx::after{border-left-width:var(--strokeWidthThin);}\", \".f1i1u9k0::after{border-bottom-width:var(--strokeWidthThin);}\", \".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{flex-shrink:0;}\", \".f1su8t2g>:not(.fui-CardPreview):not(.fui-CardHeader):not(.fui-CardFooter){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);}\", \".f15fr7a0[data-fui-focus-visible]::after{top:calc(0px - var(--strokeWidthThick) - -2px);}\", \".fwsq40z[data-fui-focus-visible]::after{right:calc(0px - var(--strokeWidthThick) - -2px);}\", \".fy0y4wt[data-fui-focus-visible]::after{left:calc(0px - var(--strokeWidthThick) - -2px);}\", \".f34ld9f[data-fui-focus-visible]::after{bottom:calc(0px - var(--strokeWidthThick) - -2px);}\", \".f1b1k54r[data-fui-focus-within]:focus-within{border-top-color:transparent;}\", \".f4ne723[data-fui-focus-within]:focus-within{border-right-color:transparent;}\", \".fqqcjud[data-fui-focus-within]:focus-within{border-left-color:transparent;}\", \".fh7aioi[data-fui-focus-within]:focus-within{border-bottom-color:transparent;}\", \".ffht0p2[data-fui-focus-within]:focus-within::after{content:\\\"\\\";}\", \".f1p0ul1q[data-fui-focus-within]:focus-within::after{position:absolute;}\", \".f1c901ms[data-fui-focus-within]:focus-within::after{pointer-events:none;}\", \".f1alokd7[data-fui-focus-within]:focus-within::after{z-index:1;}\", \".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);}\", \".f1amxum7[data-fui-focus-within]:focus-within::after{top:calc(0px - var(--strokeWidthThick) - -2px);}\", \".f1cec8w7[data-fui-focus-within]:focus-within::after{right:calc(0px - var(--strokeWidthThick) - -2px);}\", \".f554mv0[data-fui-focus-within]:focus-within::after{left:calc(0px - var(--strokeWidthThick) - -2px);}\", \".f1sj6kbr[data-fui-focus-within]:focus-within::after{bottom:calc(0px - var(--strokeWidthThick) - -2px);}\", \".f1063pyq{flex-direction:row;}\", \".f122n59{align-items:center;}\", \".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{flex-grow:1;}\", \".f1vx9l62{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{clip-path:inset(50%);}\", \".fz5stix{white-space:nowrap;}\"],\n  f: [\".ftqa4ok:focus{outline-style:none;}\"],\n  i: [\".f2hkw1w:focus-visible{outline-style:none;}\"],\n  m: [[\"@media (forced-colors: active){.f226i61[data-fui-focus-visible]::after{border-top-color:Highlight;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f13kzufm[data-fui-focus-visible]::after{border-right-color:Highlight;}.fsx75g8[data-fui-focus-visible]::after{border-left-color:Highlight;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.flujwa2[data-fui-focus-visible]::after{border-bottom-color:Highlight;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f1k55ka9[data-fui-focus-within]:focus-within::after{border-top-color:Highlight;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f16pcs8n[data-fui-focus-within]:focus-within::after{border-left-color:Highlight;}.fgclinu[data-fui-focus-within]:focus-within::after{border-right-color:Highlight;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.fycbxed[data-fui-focus-within]:focus-within::after{border-bottom-color:Highlight;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.fkc42ay{forced-color-adjust:none;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f1rirnrt{background-color:Highlight;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f1lkg8j3{color:HighlightText;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f1nkj0oa .fui-CardPreview,.f1nkj0oa .fui-CardFooter{forced-color-adjust:auto;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.fey3rwa::after{border-top-color:Highlight;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f5jhx11::after{border-right-color:Highlight;}.fff9uym::after{border-left-color:Highlight;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.fm7n0jy::after{border-bottom-color:Highlight;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.fpfvv3l:hover,.fpfvv3l :active{forced-color-adjust:none;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f1oamsm6:hover,.f1oamsm6 :active{background-color:Highlight;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f1il21bs:hover,.f1il21bs :active{color:HighlightText;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.fnn5dk0:hover .fui-CardPreview,.fnn5dk0 :active .fui-CardPreview,.fnn5dk0:hover .fui-CardFooter,.fnn5dk0 :active .fui-CardFooter{forced-color-adjust:auto;}}\", {\n    m: \"(forced-colors: active)\"\n  }]],\n  h: [\".f1knas48:hover{background-color:var(--colorNeutralBackground1Hover);}\", \".f1m145df:hover{box-shadow:var(--shadow8);}\", \".f1kz6goq:hover{background-color:var(--colorNeutralBackground1Selected);}\", \".f1uvynv3:hover{background-color:var(--colorNeutralBackground2Hover);}\", \".fehi0vp:hover{background-color:var(--colorNeutralBackground2Selected);}\", \".fjxutwb:hover{background-color:var(--colorTransparentBackgroundHover);}\", \".f1llr77y:hover::after{border-top-color:var(--colorNeutralStroke1Hover);}\", \".fzk0khw:hover::after{border-right-color:var(--colorNeutralStroke1Hover);}\", \".fjj8tog:hover::after{border-left-color:var(--colorNeutralStroke1Hover);}\", \".fb1u8ub:hover::after{border-bottom-color:var(--colorNeutralStroke1Hover);}\", \".fg59vm4:hover{background-color:var(--colorTransparentBackgroundSelected);}\", \".f1t94bn6:hover{background-color:var(--colorSubtleBackgroundHover);}\", \".f1uqaxdt:hover{background-color:var(--colorSubtleBackgroundSelected);}\"],\n  a: [\".fb40n2d:active{background-color:var(--colorNeutralBackground1Pressed);}\", \".f1yhgkbh:active{background-color:var(--colorNeutralBackground2Pressed);}\", \".fophhak:active{background-color:var(--colorTransparentBackgroundPressed);}\", \".f1uohb70:active::after{border-top-color:var(--colorNeutralStroke1Pressed);}\", \".f1jm7v1n:active::after{border-right-color:var(--colorNeutralStroke1Pressed);}\", \".f1bus3rq:active::after{border-left-color:var(--colorNeutralStroke1Pressed);}\", \".f1fbu7rr:active::after{border-bottom-color:var(--colorNeutralStroke1Pressed);}\", \".f1wfn5kd:active{background-color:var(--colorSubtleBackgroundPressed);}\"]\n});\n/**\n * Apply styling to the Card slots based on the state.\n */\nexport const useCardStyles_unstable = state => {\n  const styles = useStyles();\n  const orientationMap = {\n    horizontal: styles.orientationHorizontal,\n    vertical: styles.orientationVertical\n  };\n  const sizeMap = {\n    small: styles.sizeSmall,\n    medium: styles.sizeMedium,\n    large: styles.sizeLarge\n  };\n  const appearanceMap = {\n    filled: styles.filled,\n    'filled-alternative': styles.filledAlternative,\n    outline: styles.outline,\n    subtle: styles.subtle\n  };\n  const selectedMap = {\n    filled: styles.filledInteractiveSelected,\n    'filled-alternative': styles.filledAlternativeInteractiveSelected,\n    outline: styles.outlineInteractiveSelected,\n    subtle: styles.subtleInteractiveSelected\n  };\n  const interactiveMap = {\n    filled: styles.filledInteractive,\n    'filled-alternative': styles.filledAlternativeInteractive,\n    outline: styles.outlineInteractive,\n    subtle: styles.subtleInteractive\n  };\n  const isSelectableOrInteractive = state.interactive || state.selectable;\n  const focusedClassName = React.useMemo(() => {\n    if (state.selectable) {\n      if (state.selectFocused) {\n        return styles.selectableFocused;\n      }\n      return '';\n    }\n    return styles.focused;\n  }, [state.selectFocused, state.selectable, styles.focused, styles.selectableFocused]);\n  state.root.className = mergeClasses(cardClassNames.root, styles.root, orientationMap[state.orientation], sizeMap[state.size], appearanceMap[state.appearance], isSelectableOrInteractive && interactiveMap[state.appearance], state.selected && selectedMap[state.appearance],\n  // Focus overrides\n  focusedClassName,\n  // High contrast overrides\n  isSelectableOrInteractive && styles.highContrastInteractive, state.selected && styles.highContrastSelected, state.root.className);\n  if (state.floatingAction) {\n    state.floatingAction.className = mergeClasses(cardClassNames.floatingAction, styles.select, state.floatingAction.className);\n  }\n  if (state.checkbox) {\n    state.checkbox.className = mergeClasses(cardClassNames.checkbox, styles.hiddenCheckbox, state.checkbox.className);\n  }\n  return state;\n};\n//# sourceMappingURL=useCardStyles.styles.js.map"],"names":["cardClassNames","cardCSSVars","useCardStyles_unstable","root","floatingAction","checkbox","cardSizeVar","cardBorderRadiusVar","focusOutlineStyle","outlineRadius","outlineWidth","tokens","strokeWidthThick","outlineOffset","useStyles","__styles","B68tc82","Bmxbyg5","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","focused","Brovlpu","B486eqv","B8q5s1w","Bci5o5g","n8qw10","Bdrgwmp","Bb7d1vk","zhwhgb","dhy2o1","Gfyso","Bm4h7ae","B7ys5i9","Busjfv9","Bhk32uz","Bf4ptjt","kclons","Bhdgwq3","Blkhhs4","Bqtpl0w","clg4pj","hgwjuy","Bonggc9","B1tsrr9","Dah5zi","Bkh64rk","qqdqy8","B6dhp37","i03rao","Boxcth7","Bsom6fd","J0r882","Bule8hv","Bjwuhne","Ghsupd","selectableFocused","Bssx7fj","uh7if5","clntm0","Dlk2r6","Bm3wd5j","Bbrhkcr","f1oku","aywvf2","B2j2mmj","wigs8","pbfy6t","B0v4ure","ghq09","B24cy0v","Bwckmig","Bvwlmkc","Bbgo44z","Bil7v7r","skfxo0","jo1ztg","Ba3ybja","az1dzo","vppk2z","B6352mv","nr063g","Blmvk6g","Bsiemmq","B98u21t","B2pnrqr","B29w5g4","Bhhzhcn","Bec0n69","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","m","h","a","state","styles","orientationMap","horizontal","vertical","sizeMap","small","medium","large","appearanceMap","selectedMap","interactiveMap","isSelectableOrInteractive","interactive","selectable","focusedClassName","React","useMemo","selectFocused","className","mergeClasses","orientation","size","appearance","selected"],"mappings":"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"}
+{"version":3,"sources":["useCardStyles.styles.js"],"sourcesContent":["import { shorthands, __styles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport { createFocusOutlineStyle } from '@fluentui/react-tabster';\nimport { cardPreviewClassNames } from '../CardPreview/useCardPreviewStyles.styles';\nimport { cardHeaderClassNames } from '../CardHeader/useCardHeaderStyles.styles';\nimport { cardFooterClassNames } from '../CardFooter/useCardFooterStyles.styles';\nimport * as React from 'react';\n/**\n * Static CSS class names used internally for the component slots.\n */\nexport const cardClassNames = {\n  root: 'fui-Card',\n  floatingAction: 'fui-Card__floatingAction',\n  checkbox: 'fui-Card__checkbox'\n};\n/**\n * CSS variable names used internally for uniform styling in Card.\n */\nexport const cardCSSVars = {\n  cardSizeVar: '--fui-Card--size',\n  cardBorderRadiusVar: '--fui-Card--border-radius'\n};\nconst focusOutlineStyle = {\n  outlineRadius: `var(${cardCSSVars.cardBorderRadiusVar})`,\n  outlineWidth: tokens.strokeWidthThick,\n  outlineOffset: '-2px'\n};\nconst useStyles = /*#__PURE__*/__styles({\n  root: {\n    B68tc82: \"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  },\n  focused: {\n    Brovlpu: \"ftqa4ok\",\n    B486eqv: \"f2hkw1w\",\n    B8q5s1w: \"f8hki3x\",\n    Bci5o5g: [\"f1d2448m\", \"ffh67wi\"],\n    n8qw10: \"f1bjia2o\",\n    Bdrgwmp: [\"ffh67wi\", \"f1d2448m\"],\n    Bb7d1vk: \"f226i61\",\n    zhwhgb: [\"f13kzufm\", \"fsx75g8\"],\n    dhy2o1: \"flujwa2\",\n    Gfyso: [\"fsx75g8\", \"f13kzufm\"],\n    Bm4h7ae: \"f15bsgw9\",\n    B7ys5i9: \"f14e48fq\",\n    Busjfv9: \"f18yb2kv\",\n    Bhk32uz: \"fd6o370\",\n    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: \"f15fr7a0\",\n    Bule8hv: [\"fwsq40z\", \"fy0y4wt\"],\n    Bjwuhne: \"f34ld9f\",\n    Ghsupd: [\"fy0y4wt\", \"fwsq40z\"]\n  },\n  selectableFocused: {\n    Brovlpu: \"ftqa4ok\",\n    B486eqv: \"f2hkw1w\",\n    Bssx7fj: \"f1b1k54r\",\n    uh7if5: [\"f4ne723\", \"fqqcjud\"],\n    clntm0: \"fh7aioi\",\n    Dlk2r6: [\"fqqcjud\", \"f4ne723\"],\n    Bm3wd5j: \"f1k55ka9\",\n    Bbrhkcr: [\"fgclinu\", \"f16pcs8n\"],\n    f1oku: \"fycbxed\",\n    aywvf2: [\"f16pcs8n\", \"fgclinu\"],\n    B2j2mmj: \"ffht0p2\",\n    wigs8: \"f1p0ul1q\",\n    pbfy6t: \"f1c901ms\",\n    B0v4ure: \"f1alokd7\",\n    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: \"f1amxum7\",\n    B29w5g4: [\"f1cec8w7\", \"f554mv0\"],\n    Bhhzhcn: \"f1sj6kbr\",\n    Bec0n69: [\"f554mv0\", \"f1cec8w7\"]\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{column-gap:var(--fui-Card--size);}\", \".fcvsdzp{row-gap:var(--fui-Card--size);}\", \".f22iagw{display:flex;}\", \".f10pi13n{position:relative;}\", \".f1ewtqcl{box-sizing:border-box;}\", \".f19n0e5{color:var(--colorNeutralForeground1);}\", \".f1mdlcz9::after{position:absolute;}\", \".frwkxtg::after{top:0;}\", \".f1n6gb5g::after{left:0;}\", \".f15yvnhg::after{right:0;}\", \".fo72kxq::after{bottom:0;}\", \".f13zj6fq::after{content:\\\"\\\";}\", \".f1nwj1ja::after{pointer-events:none;}\", \".f8rth92::after{border-top-style:solid;}\", \".flthirb::after{border-right-style:solid;}\", \".ftkbnf5::after{border-left-style:solid;}\", \".f1lh990p::after{border-bottom-style:solid;}\", \".f6czdpx::after{border-top-width:var(--strokeWidthThin);}\", \".f13hvwk3::after{border-right-width:var(--strokeWidthThin);}\", \".f1en4csx::after{border-left-width:var(--strokeWidthThin);}\", \".f1i1u9k0::after{border-bottom-width:var(--strokeWidthThin);}\", \".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{flex-shrink:0;}\", \".f8hki3x[data-fui-focus-visible]{border-top-color:transparent;}\", \".f1d2448m[data-fui-focus-visible]{border-right-color:transparent;}\", \".ffh67wi[data-fui-focus-visible]{border-left-color:transparent;}\", \".f1bjia2o[data-fui-focus-visible]{border-bottom-color:transparent;}\", \".f15bsgw9[data-fui-focus-visible]::after{content:\\\"\\\";}\", \".f14e48fq[data-fui-focus-visible]::after{position:absolute;}\", \".f18yb2kv[data-fui-focus-visible]::after{pointer-events:none;}\", \".fd6o370[data-fui-focus-visible]::after{z-index:1;}\", \".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);}\", \".f15fr7a0[data-fui-focus-visible]::after{top:calc(0px - var(--strokeWidthThick) - -2px);}\", \".fwsq40z[data-fui-focus-visible]::after{right:calc(0px - var(--strokeWidthThick) - -2px);}\", \".fy0y4wt[data-fui-focus-visible]::after{left:calc(0px - var(--strokeWidthThick) - -2px);}\", \".f34ld9f[data-fui-focus-visible]::after{bottom:calc(0px - var(--strokeWidthThick) - -2px);}\", \".f1b1k54r[data-fui-focus-within]:focus-within{border-top-color:transparent;}\", \".f4ne723[data-fui-focus-within]:focus-within{border-right-color:transparent;}\", \".fqqcjud[data-fui-focus-within]:focus-within{border-left-color:transparent;}\", \".fh7aioi[data-fui-focus-within]:focus-within{border-bottom-color:transparent;}\", \".ffht0p2[data-fui-focus-within]:focus-within::after{content:\\\"\\\";}\", \".f1p0ul1q[data-fui-focus-within]:focus-within::after{position:absolute;}\", \".f1c901ms[data-fui-focus-within]:focus-within::after{pointer-events:none;}\", \".f1alokd7[data-fui-focus-within]:focus-within::after{z-index:1;}\", \".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);}\", \".f1amxum7[data-fui-focus-within]:focus-within::after{top:calc(0px - var(--strokeWidthThick) - -2px);}\", \".f1cec8w7[data-fui-focus-within]:focus-within::after{right:calc(0px - var(--strokeWidthThick) - -2px);}\", \".f554mv0[data-fui-focus-within]:focus-within::after{left:calc(0px - var(--strokeWidthThick) - -2px);}\", \".f1sj6kbr[data-fui-focus-within]:focus-within::after{bottom:calc(0px - var(--strokeWidthThick) - -2px);}\", \".f1063pyq{flex-direction:row;}\", \".f122n59{align-items:center;}\", \".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{flex-grow:1;}\", \".f1vx9l62{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{clip-path:inset(50%);}\", \".fz5stix{white-space:nowrap;}\"],\n  f: [\".ftqa4ok:focus{outline-style:none;}\"],\n  i: [\".f2hkw1w:focus-visible{outline-style:none;}\"],\n  m: [[\"@media (forced-colors: active){.f226i61[data-fui-focus-visible]::after{border-top-color:Highlight;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f13kzufm[data-fui-focus-visible]::after{border-right-color:Highlight;}.fsx75g8[data-fui-focus-visible]::after{border-left-color:Highlight;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.flujwa2[data-fui-focus-visible]::after{border-bottom-color:Highlight;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f1k55ka9[data-fui-focus-within]:focus-within::after{border-top-color:Highlight;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f16pcs8n[data-fui-focus-within]:focus-within::after{border-left-color:Highlight;}.fgclinu[data-fui-focus-within]:focus-within::after{border-right-color:Highlight;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.fycbxed[data-fui-focus-within]:focus-within::after{border-bottom-color:Highlight;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.fkc42ay{forced-color-adjust:none;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f1rirnrt{background-color:Highlight;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f1lkg8j3{color:HighlightText;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f1nkj0oa .fui-CardPreview,.f1nkj0oa .fui-CardFooter{forced-color-adjust:auto;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.fey3rwa::after{border-top-color:Highlight;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f5jhx11::after{border-right-color:Highlight;}.fff9uym::after{border-left-color:Highlight;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.fm7n0jy::after{border-bottom-color:Highlight;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.fpfvv3l:hover,.fpfvv3l :active{forced-color-adjust:none;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f1oamsm6:hover,.f1oamsm6 :active{background-color:Highlight;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f1il21bs:hover,.f1il21bs :active{color:HighlightText;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.fnn5dk0:hover .fui-CardPreview,.fnn5dk0 :active .fui-CardPreview,.fnn5dk0:hover .fui-CardFooter,.fnn5dk0 :active .fui-CardFooter{forced-color-adjust:auto;}}\", {\n    m: \"(forced-colors: active)\"\n  }]],\n  h: [\".f1knas48:hover{background-color:var(--colorNeutralBackground1Hover);}\", \".f1m145df:hover{box-shadow:var(--shadow8);}\", \".f1kz6goq:hover{background-color:var(--colorNeutralBackground1Selected);}\", \".f1uvynv3:hover{background-color:var(--colorNeutralBackground2Hover);}\", \".fehi0vp:hover{background-color:var(--colorNeutralBackground2Selected);}\", \".fjxutwb:hover{background-color:var(--colorTransparentBackgroundHover);}\", \".f1llr77y:hover::after{border-top-color:var(--colorNeutralStroke1Hover);}\", \".fzk0khw:hover::after{border-right-color:var(--colorNeutralStroke1Hover);}\", \".fjj8tog:hover::after{border-left-color:var(--colorNeutralStroke1Hover);}\", \".fb1u8ub:hover::after{border-bottom-color:var(--colorNeutralStroke1Hover);}\", \".fg59vm4:hover{background-color:var(--colorTransparentBackgroundSelected);}\", \".f1t94bn6:hover{background-color:var(--colorSubtleBackgroundHover);}\", \".f1uqaxdt:hover{background-color:var(--colorSubtleBackgroundSelected);}\"],\n  a: [\".fb40n2d:active{background-color:var(--colorNeutralBackground1Pressed);}\", \".f1yhgkbh:active{background-color:var(--colorNeutralBackground2Pressed);}\", \".fophhak:active{background-color:var(--colorTransparentBackgroundPressed);}\", \".f1uohb70:active::after{border-top-color:var(--colorNeutralStroke1Pressed);}\", \".f1jm7v1n:active::after{border-right-color:var(--colorNeutralStroke1Pressed);}\", \".f1bus3rq:active::after{border-left-color:var(--colorNeutralStroke1Pressed);}\", \".f1fbu7rr:active::after{border-bottom-color:var(--colorNeutralStroke1Pressed);}\", \".f1wfn5kd:active{background-color:var(--colorSubtleBackgroundPressed);}\"]\n});\n/**\n * Apply styling to the Card slots based on the state.\n */\nexport const useCardStyles_unstable = state => {\n  const styles = useStyles();\n  const orientationMap = {\n    horizontal: styles.orientationHorizontal,\n    vertical: styles.orientationVertical\n  };\n  const sizeMap = {\n    small: styles.sizeSmall,\n    medium: styles.sizeMedium,\n    large: styles.sizeLarge\n  };\n  const appearanceMap = {\n    filled: styles.filled,\n    'filled-alternative': styles.filledAlternative,\n    outline: styles.outline,\n    subtle: styles.subtle\n  };\n  const selectedMap = {\n    filled: styles.filledInteractiveSelected,\n    'filled-alternative': styles.filledAlternativeInteractiveSelected,\n    outline: styles.outlineInteractiveSelected,\n    subtle: styles.subtleInteractiveSelected\n  };\n  const interactiveMap = {\n    filled: styles.filledInteractive,\n    'filled-alternative': styles.filledAlternativeInteractive,\n    outline: styles.outlineInteractive,\n    subtle: styles.subtleInteractive\n  };\n  const isSelectableOrInteractive = state.interactive || state.selectable;\n  const focusedClassName = React.useMemo(() => {\n    if (state.selectable) {\n      if (state.selectFocused) {\n        return styles.selectableFocused;\n      }\n      return '';\n    }\n    return styles.focused;\n  }, [state.selectFocused, state.selectable, styles.focused, styles.selectableFocused]);\n  state.root.className = mergeClasses(cardClassNames.root, styles.root, orientationMap[state.orientation], sizeMap[state.size], appearanceMap[state.appearance], isSelectableOrInteractive && interactiveMap[state.appearance], state.selected && selectedMap[state.appearance],\n  // Focus overrides\n  focusedClassName,\n  // High contrast overrides\n  isSelectableOrInteractive && styles.highContrastInteractive, state.selected && styles.highContrastSelected, state.root.className);\n  if (state.floatingAction) {\n    state.floatingAction.className = mergeClasses(cardClassNames.floatingAction, styles.select, state.floatingAction.className);\n  }\n  if (state.checkbox) {\n    state.checkbox.className = mergeClasses(cardClassNames.checkbox, styles.hiddenCheckbox, state.checkbox.className);\n  }\n  return state;\n};\n//# sourceMappingURL=useCardStyles.styles.js.map"],"names":["cardClassNames","cardCSSVars","useCardStyles_unstable","root","floatingAction","checkbox","cardSizeVar","cardBorderRadiusVar","focusOutlineStyle","outlineRadius","outlineWidth","tokens","strokeWidthThick","outlineOffset","useStyles","__styles","B68tc82","Bmxbyg5","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","focused","Brovlpu","B486eqv","B8q5s1w","Bci5o5g","n8qw10","Bdrgwmp","Bb7d1vk","zhwhgb","dhy2o1","Gfyso","Bm4h7ae","B7ys5i9","Busjfv9","Bhk32uz","Bf4ptjt","kclons","Bhdgwq3","Blkhhs4","Bqtpl0w","clg4pj","hgwjuy","Bonggc9","B1tsrr9","Dah5zi","Bkh64rk","qqdqy8","B6dhp37","i03rao","Boxcth7","Bsom6fd","J0r882","Bule8hv","Bjwuhne","Ghsupd","selectableFocused","Bssx7fj","uh7if5","clntm0","Dlk2r6","Bm3wd5j","Bbrhkcr","f1oku","aywvf2","B2j2mmj","wigs8","pbfy6t","B0v4ure","ghq09","B24cy0v","Bwckmig","Bvwlmkc","Bbgo44z","Bil7v7r","skfxo0","jo1ztg","Ba3ybja","az1dzo","vppk2z","B6352mv","nr063g","Blmvk6g","Bsiemmq","B98u21t","B2pnrqr","B29w5g4","Bhhzhcn","Bec0n69","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","m","h","a","state","styles","orientationMap","horizontal","vertical","sizeMap","small","medium","large","appearanceMap","selectedMap","interactiveMap","isSelectableOrInteractive","interactive","selectable","focusedClassName","React","useMemo","selectFocused","className","mergeClasses","orientation","size","appearance","selected"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-card",
-  "version": "9.0.60",
+  "version": "9.0.61",
   "private": false,
   "description": "Card container components for Fluent UI React.",
   "main": "lib-commonjs/index.js",