@fluentui/react-card 9.0.2 → 9.0.3

package/lib-amd/components/Card/CardContext.js

@@ -1,31 +0,0 @@
-define(["require", "exports", "react"], function (require, exports, React) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.useCardContext_unstable = exports.CardProvider = exports.cardContextDefaultValue = void 0;
-    var cardContext = React.createContext(undefined);
-    /**
-     * @internal
-     */
-    exports.cardContextDefaultValue = {
-        selectableA11yProps: {
-            referenceId: undefined,
-            setReferenceId: function () {
-                /* Noop */
-            },
-            referenceLabel: undefined,
-            setReferenceLabel: function () {
-                /* Noop */
-            },
-        },
-    };
-    /**
-     * @internal
-     */
-    exports.CardProvider = cardContext.Provider;
-    /**
-     * @internal
-     */
-    var useCardContext_unstable = function () { var _a; return (_a = React.useContext(cardContext)) !== null && _a !== void 0 ? _a : exports.cardContextDefaultValue; };
-    exports.useCardContext_unstable = useCardContext_unstable;
-});
-//# sourceMappingURL=CardContext.js.map

package/lib-amd/components/Card/CardContext.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CardContext.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-card/src/components/Card/CardContext.ts"],"names":[],"mappings":";;;;IAGA,IAAM,WAAW,GAAG,KAAK,CAAC,aAAa,CAA+B,SAAS,CAAC,CAAC;IAEjF;;OAEG;IACU,QAAA,uBAAuB,GAAqB;QACvD,mBAAmB,EAAE;YACnB,WAAW,EAAE,SAAS;YACtB,cAAc;gBACZ,UAAU;YACZ,CAAC;YACD,cAAc,EAAE,SAAS;YACzB,iBAAiB;gBACf,UAAU;YACZ,CAAC;SACF;KACF,CAAC;IAEF;;OAEG;IACU,QAAA,YAAY,GAAG,WAAW,CAAC,QAAQ,CAAC;IAEjD;;OAEG;IACI,IAAM,uBAAuB,GAAG,sBAAM,OAAA,MAAA,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,mCAAI,+BAAuB,CAAA,EAAA,CAAC;IAAzF,QAAA,uBAAuB,2BAAkE","sourcesContent":["import * as React from 'react';\nimport { CardContextValue } from './Card.types';\n\nconst cardContext = React.createContext<CardContextValue | undefined>(undefined);\n\n/**\n * @internal\n */\nexport const cardContextDefaultValue: CardContextValue = {\n  selectableA11yProps: {\n    referenceId: undefined,\n    setReferenceId() {\n      /* Noop */\n    },\n    referenceLabel: undefined,\n    setReferenceLabel() {\n      /* Noop */\n    },\n  },\n};\n\n/**\n * @internal\n */\nexport const CardProvider = cardContext.Provider;\n\n/**\n * @internal\n */\nexport const useCardContext_unstable = () => React.useContext(cardContext) ?? cardContextDefaultValue;\n"]}

package/lib-amd/components/Card/index.js

@@ -1,11 +0,0 @@
-define(["require", "exports", "tslib", "./Card", "./Card.types", "./CardContext", "./renderCard", "./useCard", "./useCardStyles"], function (require, exports, tslib_1, Card_1, Card_types_1, CardContext_1, renderCard_1, useCard_1, useCardStyles_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    tslib_1.__exportStar(Card_1, exports);
-    tslib_1.__exportStar(Card_types_1, exports);
-    tslib_1.__exportStar(CardContext_1, exports);
-    tslib_1.__exportStar(renderCard_1, exports);
-    tslib_1.__exportStar(useCard_1, exports);
-    tslib_1.__exportStar(useCardStyles_1, exports);
-});
-//# sourceMappingURL=index.js.map

package/lib-amd/components/Card/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-card/src/components/Card/index.ts"],"names":[],"mappings":";;;IAAA,sCAAuB;IACvB,4CAA6B;IAC7B,6CAA8B;IAC9B,4CAA6B;IAC7B,yCAA0B;IAC1B,+CAAgC","sourcesContent":["export * from './Card';\nexport * from './Card.types';\nexport * from './CardContext';\nexport * from './renderCard';\nexport * from './useCard';\nexport * from './useCardStyles';\n"]}

package/lib-amd/components/Card/renderCard.js

@@ -1,18 +0,0 @@
-define(["require", "exports", "tslib", "react", "@fluentui/react-utilities", "./CardContext"], function (require, exports, tslib_1, React, react_utilities_1, CardContext_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.renderCard_unstable = void 0;
-    /**
-     * Render the final JSX of Card.
-     */
-    var renderCard_unstable = function (state, cardContextValue) {
-        var _a = react_utilities_1.getSlots(state), slots = _a.slots, slotProps = _a.slotProps;
-        return (React.createElement(slots.root, tslib_1.__assign({}, slotProps.root),
-            React.createElement(CardContext_1.CardProvider, { value: cardContextValue },
-                slots.checkbox ? React.createElement(slots.checkbox, tslib_1.__assign({}, slotProps.checkbox)) : null,
-                slots.floatingAction ? React.createElement(slots.floatingAction, tslib_1.__assign({}, slotProps.floatingAction)) : null,
-                slotProps.root.children)));
-    };
-    exports.renderCard_unstable = renderCard_unstable;
-});
-//# sourceMappingURL=renderCard.js.map

package/lib-amd/components/Card/renderCard.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"renderCard.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-card/src/components/Card/renderCard.tsx"],"names":[],"mappings":";;;;IAKA;;OAEG;IACI,IAAM,mBAAmB,GAAG,UAAC,KAAgB,EAAE,gBAAkC;QAChF,IAAA,KAAuB,0BAAQ,CAAY,KAAK,CAAC,EAA/C,KAAK,WAAA,EAAE,SAAS,eAA+B,CAAC;QAExD,OAAO,CACL,oBAAC,KAAK,CAAC,IAAI,uBAAK,SAAS,CAAC,IAAI;YAC5B,oBAAC,0BAAY,IAAC,KAAK,EAAE,gBAAgB;gBAClC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,oBAAC,KAAK,CAAC,QAAQ,uBAAK,SAAS,CAAC,QAAQ,EAAI,CAAC,CAAC,CAAC,IAAI;gBAClE,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,oBAAC,KAAK,CAAC,cAAc,uBAAK,SAAS,CAAC,cAAc,EAAI,CAAC,CAAC,CAAC,IAAI;gBACpF,SAAS,CAAC,IAAI,CAAC,QAAQ,CACX,CACJ,CACd,CAAC;IACJ,CAAC,CAAC;IAZW,QAAA,mBAAmB,uBAY9B","sourcesContent":["import * as React from 'react';\nimport { getSlots } from '@fluentui/react-utilities';\nimport type { CardContextValue, CardSlots, CardState } from './Card.types';\nimport { CardProvider } from './CardContext';\n\n/**\n * Render the final JSX of Card.\n */\nexport const renderCard_unstable = (state: CardState, cardContextValue: CardContextValue) => {\n  const { slots, slotProps } = getSlots<CardSlots>(state);\n\n  return (\n    <slots.root {...slotProps.root}>\n      <CardProvider value={cardContextValue}>\n        {slots.checkbox ? <slots.checkbox {...slotProps.checkbox} /> : null}\n        {slots.floatingAction ? <slots.floatingAction {...slotProps.floatingAction} /> : null}\n        {slotProps.root.children}\n      </CardProvider>\n    </slots.root>\n  );\n};\n"]}

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

@@ -1,85 +0,0 @@
-define(["require", "exports", "tslib", "react", "@fluentui/react-utilities", "@fluentui/react-tabster", "./useCardSelectable", "./CardContext"], function (require, exports, tslib_1, React, react_utilities_1, react_tabster_1, useCardSelectable_1, CardContext_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.useCard_unstable = void 0;
-    var focusMap = {
-        off: undefined,
-        'no-tab': 'limited-trap-focus',
-        'tab-exit': 'limited',
-        'tab-only': 'unlimited',
-    };
-    /**
-     * Create the state for interactive cards.
-     *
-     * This internal hook defines if the card is interactive
-     * and control focus properties based on that.
-     *
-     * @param props - props from this instance of Card
-     */
-    var useCardInteractive = function (_a) {
-        var _b = _a.focusMode, focusMode = _b === void 0 ? 'off' : _b, props = tslib_1.__rest(_a, ["focusMode"]);
-        var interactive = [
-            'onClick',
-            'onDoubleClick',
-            'onMouseUp',
-            'onMouseDown',
-            'onPointerUp',
-            'onPointerDown',
-            'onTouchStart',
-            'onTouchEnd',
-            'onDragStart',
-            'onDragEnd',
-        ].some(function (prop) { return props[prop]; });
-        var groupperAttrs = react_tabster_1.useFocusableGroup({
-            tabBehavior: focusMap[interactive ? 'no-tab' : focusMode],
-        });
-        var interactiveFocusAttributes = tslib_1.__assign(tslib_1.__assign({}, groupperAttrs), { tabIndex: 0 });
-        return {
-            interactive: interactive,
-            focusAttributes: focusMode === 'off' ? null : interactiveFocusAttributes,
-        };
-    };
-    /**
-     * Create the state required to render Card.
-     *
-     * The returned state can be modified with hooks such as useCardStyles_unstable,
-     * before being passed to renderCard_unstable.
-     *
-     * @param props - props from this instance of Card
-     * @param ref - reference to the root element of Card
-     */
-    var useCard_unstable = function (props, ref) {
-        var _a = props.appearance, appearance = _a === void 0 ? 'filled' : _a, _b = props.orientation, orientation = _b === void 0 ? 'vertical' : _b, _c = props.size, size = _c === void 0 ? 'medium' : _c;
-        var _d = React.useState(CardContext_1.cardContextDefaultValue.selectableA11yProps.referenceId), referenceId = _d[0], setReferenceId = _d[1];
-        var _e = React.useState(CardContext_1.cardContextDefaultValue.selectableA11yProps.referenceId), referenceLabel = _e[0], setReferenceLabel = _e[1];
-        var cardBaseRef = react_tabster_1.useFocusWithin();
-        var _f = useCardSelectable_1.useCardSelectable(props, { referenceId: referenceId, referenceLabel: referenceLabel }, cardBaseRef), selectable = _f.selectable, selected = _f.selected, selectableCardProps = _f.selectableCardProps, selectFocused = _f.selectFocused, checkboxSlot = _f.checkboxSlot, floatingActionSlot = _f.floatingActionSlot;
-        var cardRef = react_utilities_1.useMergedRefs(cardBaseRef, ref);
-        var _g = useCardInteractive(props), interactive = _g.interactive, focusAttributes = _g.focusAttributes;
-        return {
-            appearance: appearance,
-            orientation: orientation,
-            size: size,
-            interactive: interactive,
-            selectable: selectable,
-            selectFocused: selectFocused,
-            selected: selected,
-            selectableA11yProps: {
-                setReferenceId: setReferenceId,
-                referenceId: referenceId,
-                referenceLabel: referenceLabel,
-                setReferenceLabel: setReferenceLabel,
-            },
-            components: {
-                root: 'div',
-                floatingAction: 'div',
-                checkbox: 'input',
-            },
-            root: react_utilities_1.getNativeElementProps('div', tslib_1.__assign(tslib_1.__assign(tslib_1.__assign({ ref: cardRef, role: 'group' }, focusAttributes), props), selectableCardProps)),
-            floatingAction: floatingActionSlot,
-            checkbox: checkboxSlot,
-        };
-    };
-    exports.useCard_unstable = useCard_unstable;
-});
-//# sourceMappingURL=useCard.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"useCard.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-card/src/components/Card/useCard.ts"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, useMergedRefs } 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: 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: getNativeElementProps('div', {\n      ref: cardRef,\n      role: 'group',\n      ...focusAttributes,\n      ...props,\n      ...selectableCardProps,\n    }),\n\n    floatingAction: floatingActionSlot,\n    checkbox: checkboxSlot,\n  };\n};\n"]}

package/lib-amd/components/Card/useCardContextValue.js

@@ -1,11 +0,0 @@
-define(["require", "exports"], function (require, exports) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.useCardContextValue = void 0;
-    function useCardContextValue(_a) {
-        var selectableA11yProps = _a.selectableA11yProps;
-        return { selectableA11yProps: selectableA11yProps };
-    }
-    exports.useCardContextValue = useCardContextValue;
-});
-//# sourceMappingURL=useCardContextValue.js.map

package/lib-amd/components/Card/useCardContextValue.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useCardContextValue.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-card/src/components/Card/useCardContextValue.ts"],"names":[],"mappings":";;;;IAEA,SAAgB,mBAAmB,CAAC,EAAkC;YAAhC,mBAAmB,yBAAA;QACvD,OAAO,EAAE,mBAAmB,qBAAA,EAAE,CAAC;IACjC,CAAC;IAFD,kDAEC","sourcesContent":["import type { CardContextValue, CardState } from './Card.types';\n\nexport function useCardContextValue({ selectableA11yProps }: CardState): CardContextValue {\n  return { selectableA11yProps };\n}\n"]}

package/lib-amd/components/Card/useCardSelectable.js

@@ -1,97 +0,0 @@
-define(["require", "exports", "tslib", "react", "@fluentui/react-utilities", "@fluentui/keyboard-keys", "@fluentui/react-tabster"], function (require, exports, tslib_1, React, react_utilities_1, keyboard_keys_1, react_tabster_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.useCardSelectable = void 0;
-    /**
-     * @internal
-     *
-     * Create the state related to selectable cards.
-     *
-     * This internal hook controls all the logic for selectable cards and is
-     * intended to be used alongside with useCard_unstable.
-     *
-     * @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
-     */
-    var useCardSelectable = function (props, _a, cardRef) {
-        var referenceLabel = _a.referenceLabel, referenceId = _a.referenceId;
-        var _b = props.checkbox, checkbox = _b === void 0 ? {} : _b, selected = props.selected, defaultSelected = props.defaultSelected, onSelectionChange = props.onSelectionChange, floatingAction = props.floatingAction, onClick = props.onClick, onKeyDown = props.onKeyDown;
-        var findAllFocusable = react_tabster_1.useFocusFinders().findAllFocusable;
-        var checkboxRef = React.useRef(null);
-        var isSelectable = [selected, defaultSelected, onSelectionChange].some(function (prop) { return typeof prop !== 'undefined'; });
-        var _c = React.useState(false), isCardSelected = _c[0], setIsCardSelected = _c[1];
-        var _d = React.useState(false), isSelectFocused = _d[0], setIsSelectFocused = _d[1];
-        var shouldRestrictTriggerAction = React.useCallback(function (event) {
-            if (!cardRef.current) {
-                return false;
-            }
-            var focusableElements = findAllFocusable(cardRef.current);
-            var target = event.target;
-            var isElementInFocusableGroup = focusableElements.some(function (element) { return element.contains(target); });
-            var isCheckboxSlot = (checkboxRef === null || checkboxRef === void 0 ? void 0 : checkboxRef.current) === target;
-            return isElementInFocusableGroup && !isCheckboxSlot;
-        }, [cardRef, findAllFocusable]);
-        var onChangeHandler = React.useCallback(function (event) {
-            if (shouldRestrictTriggerAction(event)) {
-                return;
-            }
-            var newCheckedValue = !isCardSelected;
-            setIsCardSelected(newCheckedValue);
-            if (onSelectionChange) {
-                onSelectionChange(event, { selected: newCheckedValue });
-            }
-        }, [onSelectionChange, isCardSelected, shouldRestrictTriggerAction]);
-        var onKeyDownHandler = React.useCallback(function (event) {
-            if ([keyboard_keys_1.Enter].includes(event.key)) {
-                event.preventDefault();
-                onChangeHandler(event);
-            }
-        }, [onChangeHandler]);
-        var checkboxSlot = React.useMemo(function () {
-            if (!isSelectable || floatingAction) {
-                return;
-            }
-            var selectableCheckboxProps = {};
-            if (referenceId) {
-                selectableCheckboxProps['aria-labelledby'] = referenceId;
-            }
-            else if (referenceLabel) {
-                selectableCheckboxProps['aria-label'] = referenceLabel;
-            }
-            return react_utilities_1.resolveShorthand(checkbox, {
-                defaultProps: tslib_1.__assign({ ref: checkboxRef, type: 'checkbox', checked: isCardSelected, onChange: function (event) { return onChangeHandler(event); }, onFocus: function () { return setIsSelectFocused(true); }, onBlur: function () { return setIsSelectFocused(false); } }, selectableCheckboxProps),
-            });
-        }, [checkbox, floatingAction, isCardSelected, isSelectable, onChangeHandler, referenceId, referenceLabel]);
-        var floatingActionSlot = React.useMemo(function () {
-            if (!floatingAction) {
-                return;
-            }
-            return react_utilities_1.resolveShorthand(floatingAction, {
-                defaultProps: {
-                    ref: checkboxRef,
-                },
-            });
-        }, [floatingAction]);
-        var selectableCardProps = React.useMemo(function () {
-            if (!isSelectable) {
-                return null;
-            }
-            return {
-                onClick: react_utilities_1.mergeCallbacks(onClick, onChangeHandler),
-                onKeyDown: react_utilities_1.mergeCallbacks(onKeyDown, onKeyDownHandler),
-            };
-        }, [isSelectable, onChangeHandler, onClick, onKeyDown, onKeyDownHandler]);
-        React.useEffect(function () { return setIsCardSelected(Boolean(defaultSelected !== null && defaultSelected !== void 0 ? defaultSelected : selected)); }, [defaultSelected, selected, setIsCardSelected]);
-        return {
-            selected: isCardSelected,
-            selectable: isSelectable,
-            selectFocused: isSelectFocused,
-            selectableCardProps: selectableCardProps,
-            checkboxSlot: checkboxSlot,
-            floatingActionSlot: floatingActionSlot,
-        };
-    };
-    exports.useCardSelectable = useCardSelectable;
-});
-//# sourceMappingURL=useCardSelectable.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"useCardSelectable.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-card/src/components/Card/useCardSelectable.ts"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { mergeCallbacks, resolveShorthand } 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 = {}, selected, defaultSelected, onSelectionChange, floatingAction, onClick, onKeyDown } = props;\n\n  const { findAllFocusable } = useFocusFinders();\n\n  const checkboxRef = React.useRef<HTMLInputElement>(null);\n\n  const isSelectable = [selected, defaultSelected, onSelectionChange].some(prop => typeof prop !== 'undefined');\n\n  const [isCardSelected, setIsCardSelected] = React.useState(false);\n  const [isSelectFocused, setIsSelectFocused] = 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 = !isCardSelected;\n\n      setIsCardSelected(newCheckedValue);\n\n      if (onSelectionChange) {\n        onSelectionChange(event, { selected: newCheckedValue });\n      }\n    },\n    [onSelectionChange, isCardSelected, 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 (!isSelectable || 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 resolveShorthand(checkbox, {\n      defaultProps: {\n        ref: checkboxRef,\n        type: 'checkbox',\n        checked: isCardSelected,\n        onChange: (event: React.ChangeEvent<HTMLInputElement>) => onChangeHandler(event),\n        onFocus: () => setIsSelectFocused(true),\n        onBlur: () => setIsSelectFocused(false),\n        ...selectableCheckboxProps,\n      },\n    });\n  }, [checkbox, floatingAction, isCardSelected, isSelectable, onChangeHandler, referenceId, referenceLabel]);\n\n  const floatingActionSlot = React.useMemo(() => {\n    if (!floatingAction) {\n      return;\n    }\n\n    return resolveShorthand(floatingAction, {\n      defaultProps: {\n        ref: checkboxRef,\n      },\n    });\n  }, [floatingAction]);\n\n  const selectableCardProps = React.useMemo(() => {\n    if (!isSelectable) {\n      return null;\n    }\n\n    return {\n      onClick: mergeCallbacks(onClick, onChangeHandler),\n      onKeyDown: mergeCallbacks(onKeyDown, onKeyDownHandler),\n    };\n  }, [isSelectable, onChangeHandler, onClick, onKeyDown, onKeyDownHandler]);\n\n  React.useEffect(\n    () => setIsCardSelected(Boolean(defaultSelected ?? selected)),\n    [defaultSelected, selected, setIsCardSelected],\n  );\n\n  return {\n    selected: isCardSelected,\n    selectable: isSelectable,\n    selectFocused: isSelectFocused,\n    selectableCardProps,\n    checkboxSlot,\n    floatingActionSlot,\n  };\n};\n"]}

package/lib-amd/components/Card/useCardStyles.js

@@ -1,253 +0,0 @@
-define(["require", "exports", "tslib", "@griffel/react", "@fluentui/react-theme", "@fluentui/react-tabster", "../CardPreview/useCardPreviewStyles", "../CardHeader/useCardHeaderStyles", "../CardFooter/useCardFooterStyles"], function (require, exports, tslib_1, react_1, react_theme_1, react_tabster_1, useCardPreviewStyles_1, useCardHeaderStyles_1, useCardFooterStyles_1) {
-    "use strict";
-    var _a, _b, _c, _d, _e, _f;
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.useCardStyles_unstable = exports.cardCSSVars = exports.cardClassNames = void 0;
-    /**
-     * Static CSS class names used internally for the component slots.
-     */
-    exports.cardClassNames = {
-        root: 'fui-Card',
-        floatingAction: 'fui-Card__floatingAction',
-        checkbox: 'fui-Card__checkbox',
-    };
-    /**
-     * CSS variable names used internally for uniform styling in Card.
-     */
-    exports.cardCSSVars = {
-        cardSizeVar: '--fui-Card--size',
-        cardBorderRadiusVar: '--fui-Card--border-radius',
-    };
-    var focusOutlineStyle = {
-        outlineRadius: "var(" + exports.cardCSSVars.cardBorderRadiusVar + ")",
-        outlineWidth: react_theme_1.tokens.strokeWidthThick,
-    };
-    var useStyles = react_1.makeStyles({
-        root: tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign({}, react_1.shorthands.overflow('hidden')), react_1.shorthands.borderRadius("var(" + exports.cardCSSVars.cardBorderRadiusVar + ")")), react_1.shorthands.padding("var(" + exports.cardCSSVars.cardSizeVar + ")")), react_1.shorthands.gap("var(" + exports.cardCSSVars.cardSizeVar + ")")), (_a = { display: 'flex', position: 'relative', boxSizing: 'border-box', color: react_theme_1.tokens.colorNeutralForeground1, 
-                // Border setting using after pseudo element to allow CardPreview to render behind it.
-                '::after': tslib_1.__assign(tslib_1.__assign(tslib_1.__assign({ position: 'absolute', top: 0, left: 0, right: 0, bottom: 0, content: '""', pointerEvents: 'none' }, react_1.shorthands.borderStyle('solid')), react_1.shorthands.borderWidth(react_theme_1.tokens.strokeWidthThin)), react_1.shorthands.borderRadius("var(" + exports.cardCSSVars.cardBorderRadiusVar + ")")) }, _a["> ." + useCardHeaderStyles_1.cardHeaderClassNames.root + ", > ." + useCardFooterStyles_1.cardFooterClassNames.root] = {
-            flexShrink: 0,
-        }, _a["> :not(." + useCardPreviewStyles_1.cardPreviewClassNames.root + "):not(." + useCardHeaderStyles_1.cardHeaderClassNames.root + "):not(." + useCardFooterStyles_1.cardFooterClassNames.root + ")"] = {
-            flexGrow: 1,
-        }, _a)), react_tabster_1.createFocusOutlineStyle({
-            style: focusOutlineStyle,
-            selector: 'focus',
-        })),
-        selectableFocused: react_tabster_1.createFocusOutlineStyle({
-            style: focusOutlineStyle,
-            selector: 'focus-within',
-        }),
-        orientationHorizontal: (_b = {
-                flexDirection: 'row',
-                alignItems: 'center'
-            },
-            // Remove vertical padding to keep CardPreview content flush with Card's borders.
-            _b["> ." + useCardPreviewStyles_1.cardPreviewClassNames.root] = {
-                marginTop: "calc(var(" + exports.cardCSSVars.cardSizeVar + ") * -1)",
-                marginBottom: "calc(var(" + exports.cardCSSVars.cardSizeVar + ") * -1)",
-            },
-            // Due to Tabster's "Groupper" focus functionality, hidden elements are injected before and after Card's content.
-            // As such, the code below targets a CardPreview, when it's the first element.
-            // Since this is on horizontal cards, the left padding is removed to keep the content flush with the border.
-            _b["> :not([aria-hidden=\"true\"])." + useCardPreviewStyles_1.cardPreviewClassNames.root + ":first-of-type"] = {
-                marginLeft: "calc(var(" + exports.cardCSSVars.cardSizeVar + ") * -1)",
-            },
-            // Due to Tabster's "Groupper" focus functionality, hidden elements are injected before and after Card's content.
-            // As such, the code below targets a CardPreview, when it's the last element.
-            // Since this is on horizontal cards, the right padding is removed to keep the content flush with the border.
-            _b["> :not([aria-hidden=\"true\"])." + useCardPreviewStyles_1.cardPreviewClassNames.root + ":last-of-type"] = {
-                marginRight: "calc(var(" + exports.cardCSSVars.cardSizeVar + ") * -1)",
-            },
-            // If the last child is a CardHeader or CardFooter, allow it to grow to fill the available space.
-            _b["> ." + useCardHeaderStyles_1.cardHeaderClassNames.root + ":last-of-type, > ." + useCardFooterStyles_1.cardFooterClassNames.root + ":last-of-type"] = {
-                flexGrow: 1,
-            },
-            _b),
-        orientationVertical: (_c = {
-                flexDirection: 'column'
-            },
-            // Remove lateral padding to keep CardPreview content flush with Card's borders.
-            _c["> ." + useCardPreviewStyles_1.cardPreviewClassNames.root] = {
-                marginLeft: "calc(var(" + exports.cardCSSVars.cardSizeVar + ") * -1)",
-                marginRight: "calc(var(" + exports.cardCSSVars.cardSizeVar + ") * -1)",
-            },
-            // Due to Tabster's "Groupper" focus functionality, hidden elements are injected before and after Card's content.
-            // As such, the code below targets a CardPreview, when it's the first element.
-            // Since this is on vertical cards, the top padding is removed to keep the content flush with the border.
-            _c["> :not([aria-hidden=\"true\"])." + useCardPreviewStyles_1.cardPreviewClassNames.root + ":first-of-type"] = {
-                marginTop: "calc(var(" + exports.cardCSSVars.cardSizeVar + ") * -1)",
-            },
-            _c["> ." + exports.cardClassNames.floatingAction + " + ." + useCardPreviewStyles_1.cardPreviewClassNames.root] = {
-                marginTop: "calc(var(" + exports.cardCSSVars.cardSizeVar + ") * -1)",
-            },
-            // Due to Tabster's "Groupper" focus functionality, hidden elements are injected before and after Card's content.
-            // As such, the code below targets a CardPreview, when it's the first element.
-            // Since this is on vertical cards, the bottom padding is removed to keep the content flush with the border.
-            _c["> :not([aria-hidden=\"true\"])." + useCardPreviewStyles_1.cardPreviewClassNames.root + ":last-of-type"] = {
-                marginBottom: "calc(var(" + exports.cardCSSVars.cardSizeVar + ") * -1)",
-            },
-            _c),
-        sizeSmall: (_d = {},
-            _d[exports.cardCSSVars.cardSizeVar] = '8px',
-            _d[exports.cardCSSVars.cardBorderRadiusVar] = react_theme_1.tokens.borderRadiusSmall,
-            _d),
-        sizeMedium: (_e = {},
-            _e[exports.cardCSSVars.cardSizeVar] = '12px',
-            _e[exports.cardCSSVars.cardBorderRadiusVar] = react_theme_1.tokens.borderRadiusMedium,
-            _e),
-        sizeLarge: (_f = {},
-            _f[exports.cardCSSVars.cardSizeVar] = '16px',
-            _f[exports.cardCSSVars.cardBorderRadiusVar] = react_theme_1.tokens.borderRadiusLarge,
-            _f),
-        filled: {
-            backgroundColor: react_theme_1.tokens.colorNeutralBackground1,
-            boxShadow: react_theme_1.tokens.shadow4,
-            '::after': tslib_1.__assign({}, react_1.shorthands.borderColor(react_theme_1.tokens.colorTransparentStroke)),
-        },
-        filledInteractive: {
-            cursor: 'pointer',
-            backgroundColor: react_theme_1.tokens.colorNeutralBackground1,
-            boxShadow: react_theme_1.tokens.shadow4,
-            '::after': tslib_1.__assign({}, react_1.shorthands.borderColor(react_theme_1.tokens.colorTransparentStroke)),
-            ':hover': {
-                backgroundColor: react_theme_1.tokens.colorNeutralBackground1Hover,
-                boxShadow: react_theme_1.tokens.shadow8,
-            },
-            ':active': {
-                backgroundColor: react_theme_1.tokens.colorNeutralBackground1Pressed,
-            },
-        },
-        filledInteractiveSelected: {
-            backgroundColor: react_theme_1.tokens.colorNeutralBackground1Selected,
-            '::after': tslib_1.__assign({}, react_1.shorthands.borderColor(react_theme_1.tokens.colorNeutralStroke1Selected)),
-            ':hover': {
-                backgroundColor: react_theme_1.tokens.colorNeutralBackground1Selected,
-            },
-        },
-        filledAlternative: {
-            backgroundColor: react_theme_1.tokens.colorNeutralBackground2,
-            boxShadow: react_theme_1.tokens.shadow4,
-            '::after': tslib_1.__assign({}, react_1.shorthands.borderColor(react_theme_1.tokens.colorTransparentStroke)),
-        },
-        filledAlternativeInteractive: {
-            cursor: 'pointer',
-            backgroundColor: react_theme_1.tokens.colorNeutralBackground2,
-            boxShadow: react_theme_1.tokens.shadow4,
-            '::after': tslib_1.__assign({}, react_1.shorthands.borderColor(react_theme_1.tokens.colorTransparentStroke)),
-            ':hover': {
-                backgroundColor: react_theme_1.tokens.colorNeutralBackground2Hover,
-                boxShadow: react_theme_1.tokens.shadow8,
-            },
-            ':active': {
-                backgroundColor: react_theme_1.tokens.colorNeutralBackground2Pressed,
-            },
-        },
-        filledAlternativeInteractiveSelected: {
-            backgroundColor: react_theme_1.tokens.colorNeutralBackground2Selected,
-            '::after': tslib_1.__assign({}, react_1.shorthands.borderColor(react_theme_1.tokens.colorNeutralStroke1Selected)),
-            ':hover': {
-                backgroundColor: react_theme_1.tokens.colorNeutralBackground2Selected,
-            },
-        },
-        outline: {
-            backgroundColor: react_theme_1.tokens.colorTransparentBackground,
-            boxShadow: 'none',
-            '::after': tslib_1.__assign({}, react_1.shorthands.borderColor(react_theme_1.tokens.colorNeutralStroke1)),
-        },
-        outlineInteractive: {
-            cursor: 'pointer',
-            backgroundColor: react_theme_1.tokens.colorTransparentBackground,
-            boxShadow: 'none',
-            '::after': tslib_1.__assign({}, react_1.shorthands.borderColor(react_theme_1.tokens.colorNeutralStroke1)),
-            ':hover': {
-                backgroundColor: react_theme_1.tokens.colorTransparentBackgroundHover,
-                '::after': tslib_1.__assign({}, react_1.shorthands.borderColor(react_theme_1.tokens.colorNeutralStroke1Hover)),
-            },
-            ':active': {
-                backgroundColor: react_theme_1.tokens.colorTransparentBackgroundPressed,
-                '::after': tslib_1.__assign({}, react_1.shorthands.borderColor(react_theme_1.tokens.colorNeutralStroke1Pressed)),
-            },
-        },
-        outlineInteractiveSelected: {
-            backgroundColor: react_theme_1.tokens.colorTransparentBackgroundSelected,
-            '::after': tslib_1.__assign({}, react_1.shorthands.borderColor(react_theme_1.tokens.colorNeutralStroke1Selected)),
-            ':hover': {
-                backgroundColor: react_theme_1.tokens.colorTransparentBackgroundSelected,
-            },
-        },
-        subtle: {
-            backgroundColor: react_theme_1.tokens.colorSubtleBackground,
-            boxShadow: 'none',
-            '::after': tslib_1.__assign({}, react_1.shorthands.borderColor(react_theme_1.tokens.colorTransparentStroke)),
-        },
-        subtleInteractive: {
-            cursor: 'pointer',
-            backgroundColor: react_theme_1.tokens.colorSubtleBackground,
-            boxShadow: 'none',
-            '::after': tslib_1.__assign({}, react_1.shorthands.borderColor(react_theme_1.tokens.colorTransparentStroke)),
-            ':hover': {
-                backgroundColor: react_theme_1.tokens.colorSubtleBackgroundHover,
-            },
-            ':active': {
-                backgroundColor: react_theme_1.tokens.colorSubtleBackgroundPressed,
-            },
-        },
-        subtleInteractiveSelected: {
-            backgroundColor: react_theme_1.tokens.colorSubtleBackgroundSelected,
-            '::after': tslib_1.__assign({}, react_1.shorthands.borderColor(react_theme_1.tokens.colorNeutralStroke1Selected)),
-            ':hover': {
-                backgroundColor: react_theme_1.tokens.colorSubtleBackgroundSelected,
-            },
-        },
-        select: {
-            position: 'absolute',
-            top: '4px',
-            right: '4px',
-            zIndex: 1,
-        },
-        hiddenCheckbox: tslib_1.__assign(tslib_1.__assign({}, react_1.shorthands.overflow('hidden')), { width: '1px', height: '1px', position: 'absolute', clip: 'rect(0 0 0 0)', clipPath: 'inset(50%)', whiteSpace: 'nowrap' }),
-    });
-    /**
-     * Apply styling to the Card slots based on the state.
-     */
-    var useCardStyles_unstable = function (state) {
-        var styles = useStyles();
-        var orientationMap = {
-            horizontal: styles.orientationHorizontal,
-            vertical: styles.orientationVertical,
-        };
-        var sizeMap = {
-            small: styles.sizeSmall,
-            medium: styles.sizeMedium,
-            large: styles.sizeLarge,
-        };
-        var appearanceMap = {
-            filled: styles.filled,
-            'filled-alternative': styles.filledAlternative,
-            outline: styles.outline,
-            subtle: styles.subtle,
-        };
-        var selectedMap = {
-            filled: styles.filledInteractiveSelected,
-            'filled-alternative': styles.filledAlternativeInteractiveSelected,
-            outline: styles.outlineInteractiveSelected,
-            subtle: styles.subtleInteractiveSelected,
-        };
-        var interactiveMap = {
-            filled: styles.filledInteractive,
-            'filled-alternative': styles.filledAlternativeInteractive,
-            outline: styles.outlineInteractive,
-            subtle: styles.subtleInteractive,
-        };
-        state.root.className = react_1.mergeClasses(exports.cardClassNames.root, styles.root, orientationMap[state.orientation], sizeMap[state.size], appearanceMap[state.appearance], (state.interactive || state.selectable) && interactiveMap[state.appearance], state.selected && selectedMap[state.appearance], state.selectFocused && styles.selectableFocused, state.root.className);
-        if (state.floatingAction) {
-            state.floatingAction.className = react_1.mergeClasses(exports.cardClassNames.floatingAction, styles.select, state.floatingAction.className);
-        }
-        if (state.checkbox) {
-            state.checkbox.className = react_1.mergeClasses(exports.cardClassNames.checkbox, styles.hiddenCheckbox, state.checkbox.className);
-        }
-        return state;
-    };
-    exports.useCardStyles_unstable = useCardStyles_unstable;
-});
-//# sourceMappingURL=useCardStyles.js.map

package/lib-amd/components/Card/useCardStyles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useCardStyles.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-card/src/components/Card/useCardStyles.ts"],"names":[],"mappings":"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","sourcesContent":["import { shorthands, makeStyles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport { createFocusOutlineStyle } from '@fluentui/react-tabster';\n\nimport { cardPreviewClassNames } from '../CardPreview/useCardPreviewStyles';\nimport { cardHeaderClassNames } from '../CardHeader/useCardHeaderStyles';\nimport { cardFooterClassNames } from '../CardFooter/useCardFooterStyles';\nimport type { CardSlots, CardState } from './Card.types';\n\n/**\n * Static CSS class names used internally for the component slots.\n */\nexport const cardClassNames: SlotClassNames<CardSlots> = {\n  root: 'fui-Card',\n  floatingAction: 'fui-Card__floatingAction',\n  checkbox: 'fui-Card__checkbox',\n};\n\n/**\n * CSS variable names used internally for uniform styling in Card.\n */\nexport const cardCSSVars = {\n  cardSizeVar: '--fui-Card--size',\n  cardBorderRadiusVar: '--fui-Card--border-radius',\n};\n\nconst focusOutlineStyle = {\n  outlineRadius: `var(${cardCSSVars.cardBorderRadiusVar})`,\n  outlineWidth: tokens.strokeWidthThick,\n};\n\nconst useStyles = makeStyles({\n  root: {\n    ...shorthands.overflow('hidden'),\n    ...shorthands.borderRadius(`var(${cardCSSVars.cardBorderRadiusVar})`),\n    ...shorthands.padding(`var(${cardCSSVars.cardSizeVar})`),\n    ...shorthands.gap(`var(${cardCSSVars.cardSizeVar})`),\n\n    display: 'flex',\n    position: 'relative',\n    boxSizing: 'border-box',\n    color: tokens.colorNeutralForeground1,\n\n    // Border setting using after pseudo element to allow CardPreview to render behind it.\n    '::after': {\n      position: 'absolute',\n      top: 0,\n      left: 0,\n      right: 0,\n      bottom: 0,\n      content: '\"\"',\n      pointerEvents: 'none',\n\n      ...shorthands.borderStyle('solid'),\n      ...shorthands.borderWidth(tokens.strokeWidthThin),\n      ...shorthands.borderRadius(`var(${cardCSSVars.cardBorderRadiusVar})`),\n    },\n\n    // Prevents CardHeader and CardFooter from shrinking.\n    [`> .${cardHeaderClassNames.root}, > .${cardFooterClassNames.root}`]: {\n      flexShrink: 0,\n    },\n    // Allows non-card components to grow to fill the available space.\n    [`> :not(.${cardPreviewClassNames.root}):not(.${cardHeaderClassNames.root}):not(.${cardFooterClassNames.root})`]: {\n      flexGrow: 1,\n    },\n\n    ...createFocusOutlineStyle({\n      style: focusOutlineStyle,\n      selector: 'focus',\n    }),\n  },\n\n  selectableFocused: createFocusOutlineStyle({\n    style: focusOutlineStyle,\n    selector: 'focus-within',\n  }),\n\n  orientationHorizontal: {\n    flexDirection: 'row',\n    alignItems: 'center',\n\n    // Remove vertical padding to keep CardPreview content flush with Card's borders.\n    [`> .${cardPreviewClassNames.root}`]: {\n      marginTop: `calc(var(${cardCSSVars.cardSizeVar}) * -1)`,\n      marginBottom: `calc(var(${cardCSSVars.cardSizeVar}) * -1)`,\n    },\n    // Due to Tabster's \"Groupper\" focus functionality, hidden elements are injected before and after Card's content.\n    // As such, the code below targets a CardPreview, when it's the first element.\n    // Since this is on horizontal cards, the left padding is removed to keep the content flush with the border.\n    [`> :not([aria-hidden=\"true\"]).${cardPreviewClassNames.root}:first-of-type`]: {\n      marginLeft: `calc(var(${cardCSSVars.cardSizeVar}) * -1)`,\n    },\n    // Due to Tabster's \"Groupper\" focus functionality, hidden elements are injected before and after Card's content.\n    // As such, the code below targets a CardPreview, when it's the last element.\n    // Since this is on horizontal cards, the right padding is removed to keep the content flush with the border.\n    [`> :not([aria-hidden=\"true\"]).${cardPreviewClassNames.root}:last-of-type`]: {\n      marginRight: `calc(var(${cardCSSVars.cardSizeVar}) * -1)`,\n    },\n\n    // If the last child is a CardHeader or CardFooter, allow it to grow to fill the available space.\n    [`> .${cardHeaderClassNames.root}:last-of-type, > .${cardFooterClassNames.root}:last-of-type`]: {\n      flexGrow: 1,\n    },\n  },\n  orientationVertical: {\n    flexDirection: 'column',\n\n    // Remove lateral padding to keep CardPreview content flush with Card's borders.\n    [`> .${cardPreviewClassNames.root}`]: {\n      marginLeft: `calc(var(${cardCSSVars.cardSizeVar}) * -1)`,\n      marginRight: `calc(var(${cardCSSVars.cardSizeVar}) * -1)`,\n    },\n\n    // Due to Tabster's \"Groupper\" focus functionality, hidden elements are injected before and after Card's content.\n    // As such, the code below targets a CardPreview, when it's the first element.\n    // Since this is on vertical cards, the top padding is removed to keep the content flush with the border.\n    [`> :not([aria-hidden=\"true\"]).${cardPreviewClassNames.root}:first-of-type`]: {\n      marginTop: `calc(var(${cardCSSVars.cardSizeVar}) * -1)`,\n    },\n    [`> .${cardClassNames.floatingAction} + .${cardPreviewClassNames.root}`]: {\n      marginTop: `calc(var(${cardCSSVars.cardSizeVar}) * -1)`,\n    },\n\n    // Due to Tabster's \"Groupper\" focus functionality, hidden elements are injected before and after Card's content.\n    // As such, the code below targets a CardPreview, when it's the first element.\n    // Since this is on vertical cards, the bottom padding is removed to keep the content flush with the border.\n    [`> :not([aria-hidden=\"true\"]).${cardPreviewClassNames.root}:last-of-type`]: {\n      marginBottom: `calc(var(${cardCSSVars.cardSizeVar}) * -1)`,\n    },\n  },\n\n  sizeSmall: {\n    [cardCSSVars.cardSizeVar]: '8px',\n    [cardCSSVars.cardBorderRadiusVar]: tokens.borderRadiusSmall,\n  },\n  sizeMedium: {\n    [cardCSSVars.cardSizeVar]: '12px',\n    [cardCSSVars.cardBorderRadiusVar]: tokens.borderRadiusMedium,\n  },\n  sizeLarge: {\n    [cardCSSVars.cardSizeVar]: '16px',\n    [cardCSSVars.cardBorderRadiusVar]: tokens.borderRadiusLarge,\n  },\n\n  filled: {\n    backgroundColor: tokens.colorNeutralBackground1,\n    boxShadow: tokens.shadow4,\n\n    '::after': {\n      ...shorthands.borderColor(tokens.colorTransparentStroke),\n    },\n  },\n  filledInteractive: {\n    cursor: 'pointer',\n    backgroundColor: tokens.colorNeutralBackground1,\n    boxShadow: tokens.shadow4,\n\n    '::after': {\n      ...shorthands.borderColor(tokens.colorTransparentStroke),\n    },\n\n    ':hover': {\n      backgroundColor: tokens.colorNeutralBackground1Hover,\n      boxShadow: tokens.shadow8,\n    },\n    ':active': {\n      backgroundColor: tokens.colorNeutralBackground1Pressed,\n    },\n  },\n  filledInteractiveSelected: {\n    backgroundColor: tokens.colorNeutralBackground1Selected,\n\n    '::after': {\n      ...shorthands.borderColor(tokens.colorNeutralStroke1Selected),\n    },\n\n    ':hover': {\n      backgroundColor: tokens.colorNeutralBackground1Selected,\n    },\n  },\n\n  filledAlternative: {\n    backgroundColor: tokens.colorNeutralBackground2,\n    boxShadow: tokens.shadow4,\n\n    '::after': {\n      ...shorthands.borderColor(tokens.colorTransparentStroke),\n    },\n  },\n  filledAlternativeInteractive: {\n    cursor: 'pointer',\n    backgroundColor: tokens.colorNeutralBackground2,\n    boxShadow: tokens.shadow4,\n\n    '::after': {\n      ...shorthands.borderColor(tokens.colorTransparentStroke),\n    },\n\n    ':hover': {\n      backgroundColor: tokens.colorNeutralBackground2Hover,\n      boxShadow: tokens.shadow8,\n    },\n    ':active': {\n      backgroundColor: tokens.colorNeutralBackground2Pressed,\n    },\n  },\n  filledAlternativeInteractiveSelected: {\n    backgroundColor: tokens.colorNeutralBackground2Selected,\n\n    '::after': {\n      ...shorthands.borderColor(tokens.colorNeutralStroke1Selected),\n    },\n\n    ':hover': {\n      backgroundColor: tokens.colorNeutralBackground2Selected,\n    },\n  },\n\n  outline: {\n    backgroundColor: tokens.colorTransparentBackground,\n    boxShadow: 'none',\n\n    '::after': {\n      ...shorthands.borderColor(tokens.colorNeutralStroke1),\n    },\n  },\n  outlineInteractive: {\n    cursor: 'pointer',\n    backgroundColor: tokens.colorTransparentBackground,\n    boxShadow: 'none',\n\n    '::after': {\n      ...shorthands.borderColor(tokens.colorNeutralStroke1),\n    },\n\n    ':hover': {\n      backgroundColor: tokens.colorTransparentBackgroundHover,\n\n      '::after': {\n        ...shorthands.borderColor(tokens.colorNeutralStroke1Hover),\n      },\n    },\n    ':active': {\n      backgroundColor: tokens.colorTransparentBackgroundPressed,\n\n      '::after': {\n        ...shorthands.borderColor(tokens.colorNeutralStroke1Pressed),\n      },\n    },\n  },\n  outlineInteractiveSelected: {\n    backgroundColor: tokens.colorTransparentBackgroundSelected,\n\n    '::after': {\n      ...shorthands.borderColor(tokens.colorNeutralStroke1Selected),\n    },\n\n    ':hover': {\n      backgroundColor: tokens.colorTransparentBackgroundSelected,\n    },\n  },\n\n  subtle: {\n    backgroundColor: tokens.colorSubtleBackground,\n    boxShadow: 'none',\n\n    '::after': {\n      ...shorthands.borderColor(tokens.colorTransparentStroke),\n    },\n  },\n  subtleInteractive: {\n    cursor: 'pointer',\n    backgroundColor: tokens.colorSubtleBackground,\n    boxShadow: 'none',\n\n    '::after': {\n      ...shorthands.borderColor(tokens.colorTransparentStroke),\n    },\n\n    ':hover': {\n      backgroundColor: tokens.colorSubtleBackgroundHover,\n    },\n    ':active': {\n      backgroundColor: tokens.colorSubtleBackgroundPressed,\n    },\n  },\n  subtleInteractiveSelected: {\n    backgroundColor: tokens.colorSubtleBackgroundSelected,\n\n    '::after': {\n      ...shorthands.borderColor(tokens.colorNeutralStroke1Selected),\n    },\n\n    ':hover': {\n      backgroundColor: tokens.colorSubtleBackgroundSelected,\n    },\n  },\n\n  select: {\n    position: 'absolute',\n    top: '4px',\n    right: '4px',\n    zIndex: 1,\n  },\n\n  hiddenCheckbox: {\n    ...shorthands.overflow('hidden'),\n    width: '1px',\n    height: '1px',\n    position: 'absolute',\n    clip: 'rect(0 0 0 0)',\n    clipPath: 'inset(50%)',\n    whiteSpace: 'nowrap',\n  },\n});\n\n/**\n * Apply styling to the Card slots based on the state.\n */\nexport const useCardStyles_unstable = (state: CardState): CardState => {\n  const styles = useStyles();\n\n  const orientationMap = {\n    horizontal: styles.orientationHorizontal,\n    vertical: styles.orientationVertical,\n  };\n\n  const sizeMap = {\n    small: styles.sizeSmall,\n    medium: styles.sizeMedium,\n    large: styles.sizeLarge,\n  };\n\n  const appearanceMap = {\n    filled: styles.filled,\n    'filled-alternative': styles.filledAlternative,\n    outline: styles.outline,\n    subtle: styles.subtle,\n  };\n\n  const selectedMap = {\n    filled: styles.filledInteractiveSelected,\n    'filled-alternative': styles.filledAlternativeInteractiveSelected,\n    outline: styles.outlineInteractiveSelected,\n    subtle: styles.subtleInteractiveSelected,\n  };\n  const interactiveMap = {\n    filled: styles.filledInteractive,\n    'filled-alternative': styles.filledAlternativeInteractive,\n    outline: styles.outlineInteractive,\n    subtle: styles.subtleInteractive,\n  };\n\n  state.root.className = mergeClasses(\n    cardClassNames.root,\n    styles.root,\n    orientationMap[state.orientation],\n    sizeMap[state.size],\n    appearanceMap[state.appearance],\n    (state.interactive || state.selectable) && interactiveMap[state.appearance],\n    state.selected && selectedMap[state.appearance],\n    state.selectFocused && styles.selectableFocused,\n    state.root.className,\n  );\n\n  if (state.floatingAction) {\n    state.floatingAction.className = mergeClasses(\n      cardClassNames.floatingAction,\n      styles.select,\n      state.floatingAction.className,\n    );\n  }\n\n  if (state.checkbox) {\n    state.checkbox.className = mergeClasses(cardClassNames.checkbox, styles.hiddenCheckbox, state.checkbox.className);\n  }\n\n  return state;\n};\n"]}

package/lib-amd/components/CardFooter/CardFooter.js

@@ -1,15 +0,0 @@
-define(["require", "exports", "react", "./useCardFooter", "./renderCardFooter", "./useCardFooterStyles"], function (require, exports, React, useCardFooter_1, renderCardFooter_1, useCardFooterStyles_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.CardFooter = void 0;
-    /**
-     * Component to render Button actions in a Card component.
-     */
-    exports.CardFooter = React.forwardRef(function (props, ref) {
-        var state = useCardFooter_1.useCardFooter_unstable(props, ref);
-        useCardFooterStyles_1.useCardFooterStyles_unstable(state);
-        return renderCardFooter_1.renderCardFooter_unstable(state);
-    });
-    exports.CardFooter.displayName = 'CardFooter';
-});
-//# sourceMappingURL=CardFooter.js.map