@fluentui/react-card 9.0.0-beta.1 → 9.0.0-beta.5

package/CHANGELOG.json

@@ -2,7 +2,255 @@
   "name": "@fluentui/react-card",
   "entries": [
     {
-      "date": "Wed, 06 Oct 2021 10:36:00 GMT",
+      "date": "Thu, 25 Nov 2021 08:31:31 GMT",
+      "tag": "@fluentui/react-card_v9.0.0-beta.5",
+      "version": "9.0.0-beta.5",
+      "comments": {
+        "prerelease": [
+          {
+            "author": "andredias@microsoft.com",
+            "package": "@fluentui/react-card",
+            "commit": "5f5fb9fe289f45c7f9afe9f052c51f19cfd41160",
+            "comment": "Migrate Card"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-card",
+            "comment": "Bump @fluentui/react-make-styles to v9.0.0-beta.4",
+            "commit": "281e8820669214c1ffb9bc75e9b719a3b27fa9b6"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-card",
+            "comment": "Bump @fluentui/react-utilities to v9.0.0-beta.4",
+            "commit": "281e8820669214c1ffb9bc75e9b719a3b27fa9b6"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-card",
+            "comment": "Bump @fluentui/react-tabster to v9.0.0-beta.5",
+            "commit": "281e8820669214c1ffb9bc75e9b719a3b27fa9b6"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-card",
+            "comment": "Bump @fluentui/babel-make-styles to v9.0.0-beta.4",
+            "commit": "281e8820669214c1ffb9bc75e9b719a3b27fa9b6"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-card",
+            "comment": "Bump @fluentui/jest-serializer-make-styles to v9.0.0-beta.4",
+            "commit": "281e8820669214c1ffb9bc75e9b719a3b27fa9b6"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-card",
+            "comment": "Bump @fluentui/react-conformance-make-styles to v9.0.0-beta.4",
+            "commit": "281e8820669214c1ffb9bc75e9b719a3b27fa9b6"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-card",
+            "comment": "Bump @fluentui/react-text to v9.0.0-beta.4",
+            "commit": "281e8820669214c1ffb9bc75e9b719a3b27fa9b6"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-card",
+            "comment": "Bump @fluentui/react-button to v9.0.0-beta.5",
+            "commit": "281e8820669214c1ffb9bc75e9b719a3b27fa9b6"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Fri, 12 Nov 2021 13:25:17 GMT",
+      "tag": "@fluentui/react-card_v9.0.0-beta.4",
+      "version": "9.0.0-beta.4",
+      "comments": {
+        "none": [
+          {
+            "author": "mgodbolt@microsoft.com",
+            "package": "@fluentui/react-card",
+            "commit": "7fafe76eb2c09f9d17a03c11ba73729d91ef411e",
+            "comment": "update docs descriptions"
+          },
+          {
+            "author": "lingfangao@hotmail.com",
+            "package": "@fluentui/react-card",
+            "commit": "00f70581480b536e723fb69edf0ae617beac4807",
+            "comment": "Remove beta release tag"
+          },
+          {
+            "author": "mgodbolt@microsoft.com",
+            "package": "@fluentui/react-card",
+            "commit": "114b089957bcbf547bb8713f2bfb4811239fb5a2",
+            "comment": "add default and move assets to github urls"
+          }
+        ],
+        "prerelease": [
+          {
+            "author": "olfedias@microsoft.com",
+            "package": "@fluentui/react-card",
+            "commit": "22460e1421c0f3b2bdf9c76d80a2cb202fa30079",
+            "comment": "export static classes for components"
+          },
+          {
+            "author": "andredias@microsoft.com",
+            "package": "@fluentui/react-card",
+            "commit": "70e81a56249d55dae418217ddcef5d16e030862a",
+            "comment": "Migrate to new useFocusableGroup usage"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-card",
+            "comment": "Bump @fluentui/react-make-styles to v9.0.0-beta.3",
+            "commit": "742342e52c65066f779232e4e1302fedf0dd460d"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-card",
+            "comment": "Bump @fluentui/react-utilities to v9.0.0-beta.3",
+            "commit": "742342e52c65066f779232e4e1302fedf0dd460d"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-card",
+            "comment": "Bump @fluentui/react-tabster to v9.0.0-beta.4",
+            "commit": "742342e52c65066f779232e4e1302fedf0dd460d"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-card",
+            "comment": "Bump @fluentui/babel-make-styles to v9.0.0-beta.3",
+            "commit": "742342e52c65066f779232e4e1302fedf0dd460d"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-card",
+            "comment": "Bump @fluentui/jest-serializer-make-styles to v9.0.0-beta.3",
+            "commit": "742342e52c65066f779232e4e1302fedf0dd460d"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-card",
+            "comment": "Bump @fluentui/react-conformance-make-styles to v9.0.0-beta.3",
+            "commit": "742342e52c65066f779232e4e1302fedf0dd460d"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-card",
+            "comment": "Bump @fluentui/react-text to v9.0.0-beta.3",
+            "commit": "742342e52c65066f779232e4e1302fedf0dd460d"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-card",
+            "comment": "Bump @fluentui/react-button to v9.0.0-beta.4",
+            "commit": "742342e52c65066f779232e4e1302fedf0dd460d"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Wed, 27 Oct 2021 12:14:15 GMT",
+      "tag": "@fluentui/react-card_v9.0.0-beta.3",
+      "version": "9.0.0-beta.3",
+      "comments": {
+        "prerelease": [
+          {
+            "author": "peter@draxler.ml",
+            "package": "@fluentui/react-card",
+            "commit": "f6db7c8d6b7db0902775e7857b62b745be35b59a",
+            "comment": "added styling of documentation"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-card",
+            "comment": "Bump @fluentui/react-make-styles to v9.0.0-beta.2",
+            "commit": "0f8f1ae7c2d908e51e29dd342d79e041f86fac08"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-card",
+            "comment": "Bump @fluentui/react-utilities to v9.0.0-beta.2",
+            "commit": "0f8f1ae7c2d908e51e29dd342d79e041f86fac08"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-card",
+            "comment": "Bump @fluentui/react-tabster to v9.0.0-beta.3",
+            "commit": "0f8f1ae7c2d908e51e29dd342d79e041f86fac08"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-card",
+            "comment": "Bump @fluentui/babel-make-styles to v9.0.0-beta.2",
+            "commit": "0f8f1ae7c2d908e51e29dd342d79e041f86fac08"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-card",
+            "comment": "Bump @fluentui/jest-serializer-make-styles to v9.0.0-beta.2",
+            "commit": "0f8f1ae7c2d908e51e29dd342d79e041f86fac08"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-card",
+            "comment": "Bump @fluentui/react-conformance-make-styles to v9.0.0-beta.2",
+            "commit": "0f8f1ae7c2d908e51e29dd342d79e041f86fac08"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-card",
+            "comment": "Bump @fluentui/react-text to v9.0.0-beta.2",
+            "commit": "0f8f1ae7c2d908e51e29dd342d79e041f86fac08"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-card",
+            "comment": "Bump @fluentui/react-button to v9.0.0-beta.3",
+            "commit": "0f8f1ae7c2d908e51e29dd342d79e041f86fac08"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Tue, 12 Oct 2021 19:45:58 GMT",
+      "tag": "@fluentui/react-card_v9.0.0-beta.2",
+      "version": "9.0.0-beta.2",
+      "comments": {
+        "prerelease": [
+          {
+            "author": "andredias@microsoft.com",
+            "package": "@fluentui/react-card",
+            "comment": "Migrate Card to new prop merging",
+            "commit": "bdd19e2bb827fc1d8eb329e6ed48cd0542048358"
+          },
+          {
+            "author": "andredias@microsoft.com",
+            "package": "@fluentui/react-card",
+            "comment": "Add keyboard focus interactions",
+            "commit": "bdd19e2bb827fc1d8eb329e6ed48cd0542048358"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-card",
+            "comment": "Bump @fluentui/react-tabster to v9.0.0-beta.2",
+            "commit": "bdd19e2bb827fc1d8eb329e6ed48cd0542048358"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-card",
+            "comment": "Bump @fluentui/react-button to v9.0.0-beta.2",
+            "commit": "bdd19e2bb827fc1d8eb329e6ed48cd0542048358"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Wed, 06 Oct 2021 10:37:22 GMT",
       "tag": "@fluentui/react-card_v9.0.0-beta.1",
       "version": "9.0.0-beta.1",
       "comments": {

package/CHANGELOG.md

@@ -1,12 +1,76 @@
 # Change Log - @fluentui/react-card
 
-This log was last generated on Wed, 06 Oct 2021 10:36:00 GMT and should not be manually modified.
+This log was last generated on Thu, 25 Nov 2021 08:31:31 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.0.0-beta.5](https://github.com/microsoft/fluentui/tree/@fluentui/react-card_v9.0.0-beta.5)
+
+Thu, 25 Nov 2021 08:31:31 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-card_v9.0.0-beta.4..@fluentui/react-card_v9.0.0-beta.5)
+
+### Changes
+
+- Migrate Card ([PR #20599](https://github.com/microsoft/fluentui/pull/20599) by andredias@microsoft.com)
+- Bump @fluentui/react-make-styles to v9.0.0-beta.4 ([PR #20609](https://github.com/microsoft/fluentui/pull/20609) by beachball)
+- Bump @fluentui/react-utilities to v9.0.0-beta.4 ([PR #20609](https://github.com/microsoft/fluentui/pull/20609) by beachball)
+- Bump @fluentui/react-tabster to v9.0.0-beta.5 ([PR #20609](https://github.com/microsoft/fluentui/pull/20609) by beachball)
+- Bump @fluentui/babel-make-styles to v9.0.0-beta.4 ([PR #20609](https://github.com/microsoft/fluentui/pull/20609) by beachball)
+- Bump @fluentui/jest-serializer-make-styles to v9.0.0-beta.4 ([PR #20609](https://github.com/microsoft/fluentui/pull/20609) by beachball)
+- Bump @fluentui/react-conformance-make-styles to v9.0.0-beta.4 ([PR #20609](https://github.com/microsoft/fluentui/pull/20609) by beachball)
+- Bump @fluentui/react-text to v9.0.0-beta.4 ([PR #20609](https://github.com/microsoft/fluentui/pull/20609) by beachball)
+- Bump @fluentui/react-button to v9.0.0-beta.5 ([PR #20609](https://github.com/microsoft/fluentui/pull/20609) by beachball)
+
+## [9.0.0-beta.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-card_v9.0.0-beta.4)
+
+Fri, 12 Nov 2021 13:25:17 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-card_v9.0.0-beta.3..@fluentui/react-card_v9.0.0-beta.4)
+
+### Changes
+
+- export static classes for components ([PR #20447](https://github.com/microsoft/fluentui/pull/20447) by olfedias@microsoft.com)
+- Migrate to new useFocusableGroup usage ([PR #20131](https://github.com/microsoft/fluentui/pull/20131) by andredias@microsoft.com)
+- Bump @fluentui/react-make-styles to v9.0.0-beta.3 ([PR #20583](https://github.com/microsoft/fluentui/pull/20583) by beachball)
+- Bump @fluentui/react-utilities to v9.0.0-beta.3 ([PR #20583](https://github.com/microsoft/fluentui/pull/20583) by beachball)
+- Bump @fluentui/react-tabster to v9.0.0-beta.4 ([PR #20583](https://github.com/microsoft/fluentui/pull/20583) by beachball)
+- Bump @fluentui/babel-make-styles to v9.0.0-beta.3 ([PR #20583](https://github.com/microsoft/fluentui/pull/20583) by beachball)
+- Bump @fluentui/jest-serializer-make-styles to v9.0.0-beta.3 ([PR #20583](https://github.com/microsoft/fluentui/pull/20583) by beachball)
+- Bump @fluentui/react-conformance-make-styles to v9.0.0-beta.3 ([PR #20583](https://github.com/microsoft/fluentui/pull/20583) by beachball)
+- Bump @fluentui/react-text to v9.0.0-beta.3 ([PR #20583](https://github.com/microsoft/fluentui/pull/20583) by beachball)
+- Bump @fluentui/react-button to v9.0.0-beta.4 ([PR #20583](https://github.com/microsoft/fluentui/pull/20583) by beachball)
+
+## [9.0.0-beta.3](https://github.com/microsoft/fluentui/tree/@fluentui/react-card_v9.0.0-beta.3)
+
+Wed, 27 Oct 2021 12:14:15 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-card_v9.0.0-beta.2..@fluentui/react-card_v9.0.0-beta.3)
+
+### Changes
+
+- added styling of documentation ([PR #20193](https://github.com/microsoft/fluentui/pull/20193) by peter@draxler.ml)
+- Bump @fluentui/react-make-styles to v9.0.0-beta.2 ([PR #20353](https://github.com/microsoft/fluentui/pull/20353) by beachball)
+- Bump @fluentui/react-utilities to v9.0.0-beta.2 ([PR #20353](https://github.com/microsoft/fluentui/pull/20353) by beachball)
+- Bump @fluentui/react-tabster to v9.0.0-beta.3 ([PR #20353](https://github.com/microsoft/fluentui/pull/20353) by beachball)
+- Bump @fluentui/babel-make-styles to v9.0.0-beta.2 ([PR #20353](https://github.com/microsoft/fluentui/pull/20353) by beachball)
+- Bump @fluentui/jest-serializer-make-styles to v9.0.0-beta.2 ([PR #20353](https://github.com/microsoft/fluentui/pull/20353) by beachball)
+- Bump @fluentui/react-conformance-make-styles to v9.0.0-beta.2 ([PR #20353](https://github.com/microsoft/fluentui/pull/20353) by beachball)
+- Bump @fluentui/react-text to v9.0.0-beta.2 ([PR #20353](https://github.com/microsoft/fluentui/pull/20353) by beachball)
+- Bump @fluentui/react-button to v9.0.0-beta.3 ([PR #20353](https://github.com/microsoft/fluentui/pull/20353) by beachball)
+
+## [9.0.0-beta.2](https://github.com/microsoft/fluentui/tree/@fluentui/react-card_v9.0.0-beta.2)
+
+Tue, 12 Oct 2021 19:45:58 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-card_v9.0.0-beta.1..@fluentui/react-card_v9.0.0-beta.2)
+
+### Changes
+
+- Migrate Card to new prop merging ([PR #20132](https://github.com/microsoft/fluentui/pull/20132) by andredias@microsoft.com)
+- Add keyboard focus interactions ([PR #20132](https://github.com/microsoft/fluentui/pull/20132) by andredias@microsoft.com)
+- Bump @fluentui/react-tabster to v9.0.0-beta.2 ([PR #20132](https://github.com/microsoft/fluentui/pull/20132) by beachball)
+- Bump @fluentui/react-button to v9.0.0-beta.2 ([PR #20132](https://github.com/microsoft/fluentui/pull/20132) by beachball)
+
 ## [9.0.0-beta.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-card_v9.0.0-beta.1)
 
-Wed, 06 Oct 2021 10:36:00 GMT 
+Wed, 06 Oct 2021 10:37:22 GMT 
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-card_v9.0.0-alpha.18..@fluentui/react-card_v9.0.0-beta.1)
 
 ### Changes

package/dist/react-card.d.ts

@@ -1,175 +1,113 @@
-import type { ComponentPropsCompat } from '@fluentui/react-utilities';
-import type { ComponentStateCompat } from '@fluentui/react-utilities';
+import type { ComponentProps } from '@fluentui/react-utilities';
+import type { ComponentState } from '@fluentui/react-utilities';
 import type { ForwardRefComponent } from '@fluentui/react-utilities';
+import type { IntrinsicShorthandProps } from '@fluentui/react-utilities';
 import * as React_2 from 'react';
-import type { ShorthandPropsCompat } from '@fluentui/react-utilities';
 
 /**
- * Component to provide scaffolding for hosting actions and content for a single topic within a card sized object.
+ * A card provides scaffolding for hosting actions and content for a single topic.
  */
 export declare const Card: ForwardRefComponent<CardProps>;
 
-/**
- * Names of CardProps that have a default value in useCard
- */
-export declare type CardDefaultedProps = never;
+export declare const cardClassName = "fui-Card";
+
+export declare type CardCommons = {};
 
 /**
  * Component to render Button actions in a Card component.
  */
 export declare const CardFooter: ForwardRefComponent<CardFooterProps>;
 
-/**
- * Names of CardFooterProps that have a default value in useCardFooter
- */
-export declare type CardFooterDefaultedProps = never;
-
-/**
- * CardFooter Props
- */
-export declare interface CardFooterProps extends ComponentPropsCompat, React_2.HTMLAttributes<HTMLElement> {
-    /**
-     * Actions slot
-     */
-    action?: ShorthandPropsCompat<React_2.HTMLAttributes<HTMLElement>>;
-}
+export declare const cardFooterClassName = "fui-CardFooter";
 
 /**
- * Names of the shorthand properties in CardFooterProps
+ * CardFooter props
  */
-export declare type CardFooterShorthandProps = 'action';
+export declare type CardFooterProps = ComponentProps<CardFooterSlots>;
 
 /**
  * Array of all shorthand properties listed in CardFooterShorthandProps
  */
-export declare const cardFooterShorthandProps: CardFooterShorthandProps[];
+export declare const cardFooterShorthandProps: Array<keyof CardFooterSlots>;
+
+export declare type CardFooterSlots = {
+    root: IntrinsicShorthandProps<'div'>;
+    action?: IntrinsicShorthandProps<'div'>;
+};
 
 /**
  * State used in rendering CardFooter
  */
-export declare interface CardFooterState extends ComponentStateCompat<CardFooterProps, CardFooterShorthandProps, CardFooterDefaultedProps> {
-    /**
-     * Ref to the root element
-     */
-    ref: React_2.Ref<HTMLElement>;
-}
+export declare type CardFooterState = ComponentState<CardFooterSlots>;
 
 /**
  * Component to render an image, text and an action in a Card component.
  */
 export declare const CardHeader: ForwardRefComponent<CardHeaderProps>;
 
-/**
- * Names of CardHeaderProps that have a default value in useCardHeader
- */
-export declare type CardHeaderDefaultedProps = never;
+export declare const cardHeaderClassName = "fui-CardHeader";
 
 /**
- * CardHeader Props
+ * CardHeader props
  */
-export declare interface CardHeaderProps extends ComponentPropsCompat, React_2.HTMLAttributes<HTMLElement> {
-    /**
-     * Image slot
-     */
-    image: ShorthandPropsCompat<React_2.ImgHTMLAttributes<HTMLImageElement>>;
-    /**
-     * Content slot, wrapper of the header and description slots
-     */
-    content?: ShorthandPropsCompat<React_2.HTMLAttributes<HTMLElement>>;
-    /**
-     * Header title slot
-     */
-    header: ShorthandPropsCompat<React_2.HTMLAttributes<HTMLElement>>;
-    /**
-     * Description slot
-     */
-    description: ShorthandPropsCompat<React_2.HTMLAttributes<HTMLElement>>;
-    /**
-     * Actions slot
-     */
-    action?: ShorthandPropsCompat<React_2.HTMLAttributes<HTMLElement>>;
-}
+export declare type CardHeaderProps = ComponentProps<CardHeaderSlots>;
 
-/**
- * Names of the shorthand properties in CardHeaderProps
- */
-export declare type CardHeaderShorthandProps = 'image' | 'content' | 'header' | 'description' | 'action';
+export declare const cardHeaderShorthandProps: Array<keyof CardHeaderSlots>;
 
-/**
- * Array of all shorthand properties listed in CardHeaderShorthandProps
- */
-export declare const cardHeaderShorthandPropsCompat: CardHeaderShorthandProps[];
+export declare type CardHeaderSlots = {
+    root: IntrinsicShorthandProps<'div'>;
+    image: IntrinsicShorthandProps<'div'>;
+    content?: IntrinsicShorthandProps<'div'>;
+    header: IntrinsicShorthandProps<'span'>;
+    description: IntrinsicShorthandProps<'span'>;
+    action?: IntrinsicShorthandProps<'div'>;
+};
 
 /**
  * State used in rendering CardHeader
  */
-export declare interface CardHeaderState extends ComponentStateCompat<CardHeaderProps, CardHeaderShorthandProps> {
-    /**
-     * Ref to the root element
-     */
-    ref: React_2.Ref<HTMLElement>;
-}
+export declare type CardHeaderState = ComponentState<CardHeaderSlots>;
 
 /**
  * Component to render image previews of documents or articles in a Card component.
  */
 export declare const CardPreview: ForwardRefComponent<CardPreviewProps>;
 
-/**
- * Names of CardPreviewProps that have a default value in useCardPreview
- */
-export declare type CardPreviewDefaultedProps = never;
+export declare const cardPreviewClassName = "fui-CardPreview";
 
 /**
- * CardPreview Props
+ * CardPreview props
  */
-export declare interface CardPreviewProps extends ComponentPropsCompat, React_2.HTMLAttributes<HTMLElement> {
-    /**
-     * Image slot
-     */
-    logo?: ShorthandPropsCompat<React_2.ImgHTMLAttributes<HTMLImageElement>>;
-}
-
-/**
- * Names of the shorthand properties in CardPreviewProps
- */
-export declare type CardPreviewShorthandProps = 'logo';
+export declare type CardPreviewProps = ComponentProps<CardPreviewSlots>;
 
 /**
  * Array of all shorthand properties listed in CardPreviewShorthandProps
  */
-export declare const cardPreviewShorthandPropsCompat: CardPreviewShorthandProps[];
+export declare const cardPreviewShorthandProps: Array<keyof CardPreviewSlots>;
+
+export declare type CardPreviewSlots = {
+    root: IntrinsicShorthandProps<'div'>;
+    logo?: IntrinsicShorthandProps<'div'>;
+};
 
 /**
  * State used in rendering CardPreview
  */
-export declare interface CardPreviewState extends ComponentStateCompat<CardPreviewProps, CardPreviewShorthandProps, CardPreviewDefaultedProps> {
-    /**
-     * Ref to the root element
-     */
-    ref: React_2.Ref<HTMLElement>;
-}
+export declare type CardPreviewState = ComponentState<CardPreviewSlots>;
 
 /**
  * Card Props
  */
-export declare interface CardProps extends ComponentPropsCompat, React_2.HTMLAttributes<HTMLElement> {
-}
+export declare type CardProps = ComponentProps<CardSlots> & Partial<CardCommons>;
 
-/**
- * Names of the shorthand properties in CardProps
- */
-export declare type CardShorthandProps = never;
+export declare type CardSlots = {
+    root: IntrinsicShorthandProps<'div'>;
+};
 
 /**
  * State used in rendering Card
  */
-export declare interface CardState extends CardProps, ComponentStateCompat<CardProps, CardShorthandProps, CardDefaultedProps> {
-    /**
-     * Ref to the root element
-     */
-    ref: React_2.Ref<HTMLElement>;
-}
+export declare type CardState = ComponentState<CardSlots> & CardCommons;
 
 /**
  * Render the final JSX of Card
@@ -199,9 +137,8 @@ export declare const renderCardPreview: (state: CardPreviewState) => JSX.Element
  *
  * @param props - props from this instance of Card
  * @param ref - reference to root HTMLElement of Card
- * @param defaultProps - (optional) default prop values provided by the implementing type
  */
-export declare const useCard: (props: CardProps, ref: React_2.Ref<HTMLElement>, defaultProps?: CardProps | undefined) => CardState;
+export declare const useCard: (props: CardProps, ref: React_2.Ref<HTMLElement>) => CardState;
 
 /**
  * Create the state required to render CardFooter.
@@ -211,9 +148,8 @@ export declare const useCard: (props: CardProps, ref: React_2.Ref<HTMLElement>,
  *
  * @param props - props from this instance of CardFooter
  * @param ref - reference to root HTMLElement of CardFooter
- * @param defaultProps - (optional) default prop values provided by the implementing type
  */
-export declare const useCardFooter: (props: CardFooterProps, ref: React_2.Ref<HTMLElement>, defaultProps?: CardFooterProps | undefined) => CardFooterState;
+export declare const useCardFooter: (props: CardFooterProps, ref: React_2.Ref<HTMLElement>) => CardFooterState;
 
 /**
  * Apply styling to the CardFooter slots based on the state
@@ -228,9 +164,8 @@ export declare const useCardFooterStyles: (state: CardFooterState) => CardFooter
  *
  * @param props - props from this instance of CardHeader
  * @param ref - reference to root HTMLElement of CardHeader
- * @param defaultProps - (optional) default prop values provided by the implementing type
  */
-export declare const useCardHeader: (props: CardHeaderProps, ref: React_2.Ref<HTMLElement>, defaultProps?: CardHeaderProps | undefined) => CardHeaderState;
+export declare const useCardHeader: (props: CardHeaderProps, ref: React_2.Ref<HTMLElement>) => CardHeaderState;
 
 /**
  * Apply styling to the CardHeader slots based on the state
@@ -245,9 +180,8 @@ export declare const useCardHeaderStyles: (state: CardHeaderState) => CardHeader
  *
  * @param props - props from this instance of CardPreview
  * @param ref - reference to root HTMLElement of CardPreview
- * @param defaultProps - (optional) default prop values provided by the implementing type
  */
-export declare const useCardPreview: (props: CardPreviewProps, ref: React_2.Ref<HTMLElement>, defaultProps?: CardPreviewProps | undefined) => CardPreviewState;
+export declare const useCardPreview: (props: CardPreviewProps, ref: React_2.Ref<HTMLElement>) => CardPreviewState;
 
 /**
  * Apply styling to the CardPreview slots based on the state

package/lib/components/Card/Card.d.ts

@@ -1,6 +1,6 @@
 import type { CardProps } from './Card.types';
 import type { ForwardRefComponent } from '@fluentui/react-utilities';
 /**
- * Component to provide scaffolding for hosting actions and content for a single topic within a card sized object.
+ * A card provides scaffolding for hosting actions and content for a single topic.
  */
 export declare const Card: ForwardRefComponent<CardProps>;

package/lib/components/Card/Card.js

@@ -3,11 +3,11 @@ import { useCard } from './useCard';
 import { renderCard } from './renderCard';
 import { useCardStyles } from './useCardStyles';
 /**
- * Component to provide scaffolding for hosting actions and content for a single topic within a card sized object.
+ * A card provides scaffolding for hosting actions and content for a single topic.
  */
 
-export var Card = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var state = useCard(props, ref);
+export const Card = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const state = useCard(props, ref);
   useCardStyles(state);
   return renderCard(state);
 });

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Card/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,OAAT,QAAwB,WAAxB;AACA,SAAS,UAAT,QAA2B,cAA3B;AACA,SAAS,aAAT,QAA8B,iBAA9B;AAIA;;AAEG;;AACH,OAAO,IAAM,IAAI,gBAAmC,KAAK,CAAC,UAAN,CAAiB,UAAC,KAAD,EAAQ,GAAR,EAAW;AAC9E,MAAM,KAAK,GAAG,OAAO,CAAC,KAAD,EAAQ,GAAR,CAArB;AAEA,EAAA,aAAa,CAAC,KAAD,CAAb;AACA,SAAO,UAAU,CAAC,KAAD,CAAjB;AACD,CALmD,CAA7C;AAOP,IAAI,CAAC,WAAL,GAAmB,MAAnB","sourceRoot":""}
+{"version":3,"sources":["../../../src/components/Card/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,OAAT,QAAwB,WAAxB;AACA,SAAS,UAAT,QAA2B,cAA3B;AACA,SAAS,aAAT,QAA8B,iBAA9B;AAIA;;AAEG;;AACH,OAAO,MAAM,IAAI,gBAAmC,KAAK,CAAC,UAAN,CAAiB,CAAC,KAAD,EAAQ,GAAR,KAAe;AAClF,QAAM,KAAK,GAAG,OAAO,CAAC,KAAD,EAAQ,GAAR,CAArB;AAEA,EAAA,aAAa,CAAC,KAAD,CAAb;AACA,SAAO,UAAU,CAAC,KAAD,CAAjB;AACD,CALmD,CAA7C;AAOP,IAAI,CAAC,WAAL,GAAmB,MAAnB","sourceRoot":""}

package/lib/components/Card/Card.types.d.ts

@@ -1,24 +1,13 @@
-import * as React from 'react';
-import type { ComponentPropsCompat, ComponentStateCompat } from '@fluentui/react-utilities';
+import type { ComponentProps, ComponentState, IntrinsicShorthandProps } from '@fluentui/react-utilities';
+export declare type CardSlots = {
+    root: IntrinsicShorthandProps<'div'>;
+};
+export declare type CardCommons = {};
 /**
  * Card Props
  */
-export interface CardProps extends ComponentPropsCompat, React.HTMLAttributes<HTMLElement> {
-}
-/**
- * Names of the shorthand properties in CardProps
- */
-export declare type CardShorthandProps = never;
-/**
- * Names of CardProps that have a default value in useCard
- */
-export declare type CardDefaultedProps = never;
+export declare type CardProps = ComponentProps<CardSlots> & Partial<CardCommons>;
 /**
  * State used in rendering Card
  */
-export interface CardState extends CardProps, ComponentStateCompat<CardProps, CardShorthandProps, CardDefaultedProps> {
-    /**
-     * Ref to the root element
-     */
-    ref: React.Ref<HTMLElement>;
-}
+export declare type CardState = ComponentState<CardSlots> & CardCommons;