@fluentui/react-card 9.0.0-beta.23 → 9.0.0-beta.24

package/CHANGELOG.json

@@ -2,7 +2,90 @@
   "name": "@fluentui/react-card",
   "entries": [
     {
-      "date": "Thu, 14 Jul 2022 21:18:44 GMT",
+      "date": "Wed, 03 Aug 2022 16:00:07 GMT",
+      "tag": "@fluentui/react-card_v9.0.0-beta.24",
+      "version": "9.0.0-beta.24",
+      "comments": {
+        "none": [
+          {
+            "author": "marcosmoura@microsoft.com",
+            "package": "@fluentui/react-card",
+            "commit": "8d0180b3bbaad7459257fb8bf7f2235953d12eec",
+            "comment": "docs(react-card): create migration guide from v0 to v9"
+          },
+          {
+            "author": "popatudor@microsoft.com",
+            "package": "@fluentui/react-card",
+            "commit": "59610d4c795d76a580fbb9391e20cf1249408555",
+            "comment": {
+              "title": "",
+              "value": ""
+            }
+          },
+          {
+            "author": "39736248+andrefcdias@users.noreply.github.com",
+            "package": "@fluentui/react-card",
+            "commit": "770a741091a1f5d1f3b6d4bbfecdd29e333fef9c",
+            "comment": "chore: add missing Card components to Storybook"
+          }
+        ],
+        "prerelease": [
+          {
+            "author": "miroslav.stastny@microsoft.com",
+            "package": "@fluentui/react-card",
+            "commit": "08563664778fd80284561d3c9d254307a0a32362",
+            "comment": "chore: Bump Griffel dependencies"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-card",
+            "comment": "Bump @fluentui/react-tabster to v9.1.0",
+            "commit": "54bc6105c5c9c9023da35d4670239e44117ed4a5"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-card",
+            "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.12",
+            "commit": "54bc6105c5c9c9023da35d4670239e44117ed4a5"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-card",
+            "comment": "Bump @fluentui/react-text to v9.0.4",
+            "commit": "54bc6105c5c9c9023da35d4670239e44117ed4a5"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-card",
+            "comment": "Bump @fluentui/react-button to v9.1.0",
+            "commit": "54bc6105c5c9c9023da35d4670239e44117ed4a5"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Fri, 15 Jul 2022 18:27:26 GMT",
+      "tag": "@fluentui/react-card_v9.0.0-beta.23",
+      "version": "9.0.0-beta.23",
+      "comments": {
+        "none": [
+          {
+            "author": "39736248+andrefcdias@users.noreply.github.com",
+            "package": "@fluentui/react-card",
+            "commit": "447b211fec38e4320b13c5ee2f7449c188f8183c",
+            "comment": "docs: add missing info to README"
+          },
+          {
+            "author": "39736248+andrefcdias@users.noreply.github.com",
+            "package": "@fluentui/react-card",
+            "commit": "640408c5aef9c3037f5f6bc08069ff9d9141a7ee",
+            "comment": "chore: add templates to stories"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Thu, 14 Jul 2022 21:21:09 GMT",
       "tag": "@fluentui/react-card_v9.0.0-beta.23",
       "version": "9.0.0-beta.23",
       "comments": {
@@ -17,25 +100,25 @@
             "author": "beachball",
             "package": "@fluentui/react-card",
             "comment": "Bump @fluentui/react-utilities to v9.0.2",
-            "commit": "802bc4e3730a88b0fc61b5bf42ef7fc6b6543fe2"
+            "commit": "79b513146194367544160f364b0a7dd749ed93e4"
           },
           {
             "author": "beachball",
             "package": "@fluentui/react-card",
             "comment": "Bump @fluentui/react-tabster to v9.0.3",
-            "commit": "802bc4e3730a88b0fc61b5bf42ef7fc6b6543fe2"
+            "commit": "79b513146194367544160f364b0a7dd749ed93e4"
           },
           {
             "author": "beachball",
             "package": "@fluentui/react-card",
             "comment": "Bump @fluentui/react-text to v9.0.3",
-            "commit": "802bc4e3730a88b0fc61b5bf42ef7fc6b6543fe2"
+            "commit": "79b513146194367544160f364b0a7dd749ed93e4"
           },
           {
             "author": "beachball",
             "package": "@fluentui/react-card",
             "comment": "Bump @fluentui/react-button to v9.0.3",
-            "commit": "802bc4e3730a88b0fc61b5bf42ef7fc6b6543fe2"
+            "commit": "79b513146194367544160f364b0a7dd749ed93e4"
           }
         ]
       }

package/CHANGELOG.md

@@ -1,21 +1,34 @@
 # Change Log - @fluentui/react-card
 
-This log was last generated on Thu, 14 Jul 2022 21:18:44 GMT and should not be manually modified.
+This log was last generated on Wed, 03 Aug 2022 16:00:07 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.0.0-beta.24](https://github.com/microsoft/fluentui/tree/@fluentui/react-card_v9.0.0-beta.24)
+
+Wed, 03 Aug 2022 16:00:07 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-card_v9.0.0-beta.23..@fluentui/react-card_v9.0.0-beta.24)
+
+### Changes
+
+- chore: Bump Griffel dependencies ([PR #24114](https://github.com/microsoft/fluentui/pull/24114) by miroslav.stastny@microsoft.com)
+- Bump @fluentui/react-tabster to v9.1.0 ([PR #24201](https://github.com/microsoft/fluentui/pull/24201) by beachball)
+- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.12 ([PR #24201](https://github.com/microsoft/fluentui/pull/24201) by beachball)
+- Bump @fluentui/react-text to v9.0.4 ([PR #24201](https://github.com/microsoft/fluentui/pull/24201) by beachball)
+- Bump @fluentui/react-button to v9.1.0 ([PR #24201](https://github.com/microsoft/fluentui/pull/24201) by beachball)
+
 ## [9.0.0-beta.23](https://github.com/microsoft/fluentui/tree/@fluentui/react-card_v9.0.0-beta.23)
 
-Thu, 14 Jul 2022 21:18:44 GMT 
+Thu, 14 Jul 2022 21:21:09 GMT 
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-card_v9.0.0-beta.22..@fluentui/react-card_v9.0.0-beta.23)
 
 ### Changes
 
 - fix: Fixing bad version bump of @fluentui/react-utilities. ([PR #23920](https://github.com/microsoft/fluentui/pull/23920) by Humberto.Morimoto@microsoft.com)
-- Bump @fluentui/react-utilities to v9.0.2 ([PR #23920](https://github.com/microsoft/fluentui/pull/23920) by beachball)
-- Bump @fluentui/react-tabster to v9.0.3 ([PR #23920](https://github.com/microsoft/fluentui/pull/23920) by beachball)
-- Bump @fluentui/react-text to v9.0.3 ([PR #23920](https://github.com/microsoft/fluentui/pull/23920) by beachball)
-- Bump @fluentui/react-button to v9.0.3 ([PR #23920](https://github.com/microsoft/fluentui/pull/23920) by beachball)
+- Bump @fluentui/react-utilities to v9.0.2 ([PR #23918](https://github.com/microsoft/fluentui/pull/23918) by beachball)
+- Bump @fluentui/react-tabster to v9.0.3 ([PR #23918](https://github.com/microsoft/fluentui/pull/23918) by beachball)
+- Bump @fluentui/react-text to v9.0.3 ([PR #23918](https://github.com/microsoft/fluentui/pull/23918) by beachball)
+- Bump @fluentui/react-button to v9.0.3 ([PR #23918](https://github.com/microsoft/fluentui/pull/23918) by beachball)
 
 ## [9.0.0-beta.22](https://github.com/microsoft/fluentui/tree/@fluentui/react-card_v9.0.0-beta.22)
 

package/MIGRATION.md

@@ -0,0 +1,323 @@
+- [Migration from v0](#migration-from-v0)
+  - [Card](#card)
+    - [Property Mapping](#property-mapping)
+    - [Props that remain as is](#props-that-remain-as-is)
+    - [Props no longer supported with an equivalent functionality](#props-no-longer-supported-with-an-equivalent-functionality)
+    - [Props no longer supported](#props-no-longer-supported)
+  - [CardHeader](#cardheader)
+    - [Property Mapping](#property-mapping-1)
+    - [Props that remain as is](#props-that-remain-as-is-1)
+    - [Props no longer supported with an equivalent functionality](#props-no-longer-supported-with-an-equivalent-functionality-1)
+    - [Props no longer supported](#props-no-longer-supported-1)
+  - [CardBody](#cardbody)
+  - [CardPreview](#cardpreview)
+    - [Property Mapping](#property-mapping-2)
+    - [Props that remain as is](#props-that-remain-as-is-2)
+    - [Props no longer supported with an equivalent functionality](#props-no-longer-supported-with-an-equivalent-functionality-2)
+    - [Props no longer supported](#props-no-longer-supported-2)
+    - [Example](#example)
+      - [Before](#before)
+      - [After](#after)
+  - [CardColumn](#cardcolumn)
+  - [CardExpandableBox](#cardexpandablebox)
+  - [CardTopControls](#cardtopcontrols)
+  - [CardFooter](#cardfooter)
+    - [Property Mapping](#property-mapping-3)
+    - [Props that remain as is](#props-that-remain-as-is-3)
+    - [Props no longer supported with an equivalent functionality](#props-no-longer-supported-with-an-equivalent-functionality-3)
+    - [Props no longer supported](#props-no-longer-supported-3)
+- [Migration from v8](#migration-from-v8)
+
+# Migration from v0
+
+## Card
+
+### Property Mapping
+
+| v0 - `Card`    | v9 - `Card`   |
+| -------------- | ------------- |
+| `acessibility` | -             |
+| -              | `appearance`  |
+| `as`           | `as`          |
+| `centered`     | -             |
+| `className`    | `className`   |
+| `compact`      | -             |
+| `design`       | -             |
+| `disabled`     | -             |
+| `elevated`     | -             |
+| `expandable`   | -             |
+| `fluid`        | -             |
+| -              | `focusMode`   |
+| `ghost`        | -             |
+| `inverted`     | -             |
+| `key`          | -             |
+| -              | `orientation` |
+| `ref`          | -             |
+| -              | `root` slot   |
+| `selected`     | -             |
+| `size`         | `size`        |
+| `styles`       | -             |
+| `variables`    | -             |
+
+### Props that remain as is
+
+- `as`
+- `className`
+- `key`
+- `ref`
+- `size` => The size options are now reduced: `'small' | 'medium' | 'large'`
+
+### Props no longer supported with an equivalent functionality
+
+- `accessibility` => Override accessibility behavior by composing the `Card` how you want
+- `compact` => Instead, use `size="small"`
+- `ghost` => Instead, use `appearance="subtle"`
+- `inverted` => Instead, use `appearance="filled-alternative"`
+
+### Props no longer supported
+
+- `centered` => Can be achieved by overriding the styles of the Card component:
+
+```jsx
+import * as React from 'react';
+import { makeStyles } from '@fluentui/react-components';
+import { Card } from '@fluentui/react-components/unstable';
+
+const useStyles = makeStyles({
+  centeredCard: {
+    justifyItems: 'center',
+  },
+});
+
+export const CenteredCard = () => {
+  const styles = useStyles();
+
+  return (
+    <Card className={styles.centeredCard}>
+      <p>Lorem ipsum dolor sit amet.</p>
+    </Card>
+  );
+};
+```
+
+- `disabled` => No equivalent functionality. Can be created by overriding the styles.
+- `elevated` => All cards are now elevated by default. To change that, use the `appearance` property.
+- `expandable` => No equivalent functionality.
+- `fluid` => All cards are fluid by default. To change that, use a parent container with a defined size:
+
+```jsx
+import * as React from 'react';
+import { makeStyles } from '@fluentui/react-components';
+import { Card } from '@fluentui/react-components/unstable';
+
+const useStyles = makeStyles({
+  parent: {
+    width: '500px',
+  },
+});
+
+export const SizedCard = () => {
+  const styles = useStyles();
+
+  return (
+    <div className={styles.parent}>
+      <Card>
+        <p>Lorem ipsum dolor sit amet.</p>
+      </Card>
+    </div>
+  );
+};
+```
+
+- `selected` => No equivalent functionality.
+
+## CardHeader
+
+### Property Mapping
+
+| v0 - `Cardheader` | v9 - `Cardheader`  |
+| ----------------- | ------------------ |
+| `acessibility`    | -                  |
+| -                 | `root` slot        |
+| -                 | `image` slot       |
+| -                 | `header` slot      |
+| -                 | `description` slot |
+| -                 | `action` slot      |
+| `as`              | -                  |
+| `className`       | -                  |
+| `design`          | -                  |
+| `fitted`          | -                  |
+| `key`             | -                  |
+| `ref`             | -                  |
+| `styles`          | -                  |
+| `variables`       | -                  |
+
+### Props that remain as is
+
+- `as`
+- `className`
+- `key`
+- `ref`
+
+### Props no longer supported with an equivalent functionality
+
+- `accessibility` => Override accessibility behavior by composing the `CardHeader` how you want
+
+### Props no longer supported
+
+- `design`
+- `fitted`
+- `styles`
+- `variables`
+
+## CardBody
+
+This component is no longer supported. Instead, pass any content under the main Card component.
+
+Before:
+
+```jsx
+import * as React from 'react';
+import { Card, CardBody } from '@fluentui/react-northstar';
+
+export const CardBodyExample = () => (
+  <Card elevated aria-roledescription="card with image and text">
+    <CardBody fitted>
+      <p>Lorem ipsum dolor sit amet.</p>
+    </CardBody>
+  </Card>
+);
+```
+
+After:
+
+```jsx
+import * as React from 'react';
+import { Card } from '@fluentui/react-components/unstable';
+
+export const CardBodyExample = () => (
+  <Card>
+    <p>Lorem ipsum dolor sit amet.</p>
+  </Card>
+);
+```
+
+## CardPreview
+
+### Property Mapping
+
+| v0 - `CardPreview` | v9 - `CardPreview` |
+| ------------------ | ------------------ |
+| `acessibility`     | -                  |
+| `as`               | -                  |
+| `className`        | -                  |
+| `design`           | -                  |
+| `fitted`           | -                  |
+| `horizontal`       | -                  |
+| -                  | `logo` slot        |
+| `key`              | -                  |
+| `ref`              | -                  |
+| -                  | `root` slot        |
+| `styles`           | -                  |
+| `variables`        | -                  |
+
+### Props that remain as is
+
+- `as`
+- `className`
+- `key`
+- `ref`
+
+### Props no longer supported with an equivalent functionality
+
+- `accessibility` => Override accessibility behavior by composing the `CardPreview` how you want
+
+### Props no longer supported
+
+- `design`
+- `fitted`
+- `horizontal`
+- `styles`
+- `variables`
+
+### Example
+
+#### Before
+
+```jsx
+import * as React from 'react';
+import { Card, CardPreview, Image } from '@fluentui/react-northstar';
+
+export const CardPreviewExample = () => (
+  <Card aria-roledescription="image card">
+    <CardPreview>
+      <Image fluid src="https://url-of.the/image.jpg" alt="Preview of a Word document" />
+    </CardPreview>
+  </Card>
+);
+```
+
+#### After
+
+```jsx
+import * as React from 'react';
+import { Card, CardPreview } from '@fluentui/react-components/unstable';
+
+export const CardPreviewExample = () => (
+  <Card>
+    <CardPreview>
+      <img src="https://url-of.the/image.jpg" alt="Preview of a Word document" />
+    </CardPreview>
+  </Card>
+);
+```
+
+## CardColumn
+
+This component is no longer supported.
+
+## CardExpandableBox
+
+This component is no longer supported.
+
+## CardTopControls
+
+This component is no longer supported.
+
+## CardFooter
+
+### Property Mapping
+
+| v0 - `CardFooter` | v9 - `CardFooter` |
+| ----------------- | ----------------- |
+| `acessibility`    | -                 |
+| `as`              | -                 |
+| `className`       | -                 |
+| `design`          | -                 |
+| `fitted`          | -                 |
+| `key`             | -                 |
+| `ref`             | -                 |
+| `styles`          | -                 |
+| `variables`       | -                 |
+
+### Props that remain as is
+
+- `as`
+- `className`
+- `key`
+- `ref`
+
+### Props no longer supported with an equivalent functionality
+
+- `accessibility` => Override accessibility behavior by composing the `CardFooter` how you want
+
+### Props no longer supported
+
+- `design`
+- `fitted`
+- `styles`
+- `variables`
+
+# Migration from v8
+
+WIP

package/README.md

@@ -1,13 +1,75 @@
 # @fluentui/react-card [ALPHA]
 
-**React Card components for [Fluent UI React](https://developer.microsoft.com/en-us/fluentui)**
+**React Card components for [Fluent UI React](https://react.fluentui.dev)**
 
 **⚠️ Please note that functionality is still being added to this package. Due to lockstep versioning, the version of this package is aligned with the others in _react-components_.**
 
-These are not production-ready components and **should never be used in product**. This space is useful for testing new components whose APIs might change before final release.
+These are not production-ready components and **should never be used in a product**. This space is useful for testing new components whose APIs might change before final release.
+
+## Usage
 
 To import React Card components:
 
 ```js
-import { ComponentName } from '@fluentui/react-card';
+import { Card, CardPreview, CardHeader, CardFooter } from "@fluentui/react-components/unstable';
+```
+
+Example Card usage:
+
+![example of a Card component in usage](./assets/card-example.png)
+
+```jsx
+import { Share16Regular, ArrowReply16Regular } from '@fluentui/react-icons';
+import { Button, Body1, Caption1 } from '@fluentui/react-components';
+import { Card, CardHeader, CardPreview, CardFooter } from '@fluentui/react-components/unstable';
+
+const App = () => (
+  <>
+    <Card>
+      <CardHeader
+        image={
+          <img
+            src="https://raw.githubusercontent.com/microsoft/fluentui/master/packages/react-components/react-card/assets/avatar_elvia.svg"
+            alt="Face of a person"
+          />
+        }
+        header={
+          <Body1>
+            <b>Elvia Atkins</b> mentioned you
+          </Body1>
+        }
+        description={<Caption1>5h ago · About us - Overview</Caption1>}
+      />
+      <CardPreview
+        logo={
+          <img
+            src="https://raw.githubusercontent.com/microsoft/fluentui/master/packages/react-components/react-card/assets/word_logo.svg"
+            alt="Microsoft Word logo"
+          />
+        }
+      >
+        <img
+          src="https://raw.githubusercontent.com/microsoft/fluentui/master/packages/react-components/react-card/assets/doc_template.png"
+          alt="Preview of a Word document"
+        />
+      </CardPreview>
+      <CardFooter>
+        <Button icon={<ArrowReply16Regular />}>Reply</Button>
+        <Button icon={<Share16Regular />}>Share</Button>
+      </CardFooter>
+    </Card>
+  </>
+);
 ```
+
+## Specification
+
+See the [Spec.md](./Spec.md) file for background information on the design/engineering decisions of the component.
+
+## API
+
+For information about the components, please refer to the [API documentation](https://react.fluentui.dev/?path=/docs/preview-components-card--default).
+
+## Migration
+
+For migration information, have a look at the [migration guide](./MIGRATION.md).

package/assets/app_logo.svg

@@ -0,0 +1,9 @@
+<svg width="192" height="192" viewBox="0 0 192 192" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<rect width="192" height="192" rx="4" fill="url(#pattern0)"/>
+<defs>
+<pattern id="pattern0" patternContentUnits="objectBoundingBox" width="1" height="1">
+<use xlink:href="#image0_6503_14249" transform="scale(0.00520833)"/>
+</pattern>
+<image id="image0_6503_14249" width="192" height="192" xlink:href="data:image/png;base64,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"/>
+</defs>
+</svg>