@fluentui/react-badge 0.0.0-nightly-20221021-0420.1 → 0.0.0-nightly-20221025-0420.1

package/CHANGELOG.json

@@ -2,9 +2,9 @@
   "name": "@fluentui/react-badge",
   "entries": [
     {
-      "date": "Fri, 21 Oct 2022 04:25:55 GMT",
-      "tag": "@fluentui/react-badge_v0.0.0-nightly-20221021-0420.1",
-      "version": "0.0.0-nightly-20221021-0420.1",
+      "date": "Tue, 25 Oct 2022 04:26:09 GMT",
+      "tag": "@fluentui/react-badge_v0.0.0-nightly-20221025-0420.1",
+      "version": "0.0.0-nightly-20221025-0420.1",
       "comments": {
         "prerelease": [
           {
@@ -16,20 +16,35 @@
           {
             "author": "beachball",
             "package": "@fluentui/react-badge",
-            "comment": "Bump @fluentui/react-theme to v0.0.0-nightly-20221021-0420.1",
-            "commit": "63947a2652a1c4460316ca3718be60e30c477eea"
+            "comment": "Bump @fluentui/react-theme to v0.0.0-nightly-20221025-0420.1",
+            "commit": "77d655b4fe55decb40dd0a5301d3fd7ebd49fac5"
           },
           {
             "author": "beachball",
             "package": "@fluentui/react-badge",
-            "comment": "Bump @fluentui/react-utilities to v0.0.0-nightly-20221021-0420.1",
-            "commit": "63947a2652a1c4460316ca3718be60e30c477eea"
+            "comment": "Bump @fluentui/react-utilities to v0.0.0-nightly-20221025-0420.1",
+            "commit": "77d655b4fe55decb40dd0a5301d3fd7ebd49fac5"
           },
           {
             "author": "beachball",
             "package": "@fluentui/react-badge",
-            "comment": "Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20221021-0420.1",
-            "commit": "63947a2652a1c4460316ca3718be60e30c477eea"
+            "comment": "Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20221025-0420.1",
+            "commit": "77d655b4fe55decb40dd0a5301d3fd7ebd49fac5"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Tue, 25 Oct 2022 00:35:28 GMT",
+      "tag": "@fluentui/react-badge_v9.0.10",
+      "version": "9.0.10",
+      "comments": {
+        "patch": [
+          {
+            "author": "tristan.watanabe@gmail.com",
+            "package": "@fluentui/react-badge",
+            "commit": "1420e05c305e7396bc62028ff2563d79fbc1cc70",
+            "comment": "chore: Migrate to new package structure."
           }
         ]
       }

package/CHANGELOG.md

@@ -1,20 +1,29 @@
 # Change Log - @fluentui/react-badge
 
-This log was last generated on Fri, 21 Oct 2022 04:25:55 GMT and should not be manually modified.
+This log was last generated on Tue, 25 Oct 2022 04:26:09 GMT and should not be manually modified.
 
 <!-- Start content -->
 
-## [0.0.0-nightly-20221021-0420.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-badge_v0.0.0-nightly-20221021-0420.1)
+## [0.0.0-nightly-20221025-0420.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-badge_v0.0.0-nightly-20221025-0420.1)
 
-Fri, 21 Oct 2022 04:25:55 GMT 
-[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-badge_v9.0.9..@fluentui/react-badge_v0.0.0-nightly-20221021-0420.1)
+Tue, 25 Oct 2022 04:26:09 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-badge_v9.0.10..@fluentui/react-badge_v0.0.0-nightly-20221025-0420.1)
 
 ### Changes
 
 - Release nightly v9 ([commit](https://github.com/microsoft/fluentui/commit/not available) by fluentui-internal@service.microsoft.com)
-- Bump @fluentui/react-theme to v0.0.0-nightly-20221021-0420.1 ([commit](https://github.com/microsoft/fluentui/commit/63947a2652a1c4460316ca3718be60e30c477eea) by beachball)
-- Bump @fluentui/react-utilities to v0.0.0-nightly-20221021-0420.1 ([commit](https://github.com/microsoft/fluentui/commit/63947a2652a1c4460316ca3718be60e30c477eea) by beachball)
-- Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20221021-0420.1 ([commit](https://github.com/microsoft/fluentui/commit/63947a2652a1c4460316ca3718be60e30c477eea) by beachball)
+- Bump @fluentui/react-theme to v0.0.0-nightly-20221025-0420.1 ([commit](https://github.com/microsoft/fluentui/commit/77d655b4fe55decb40dd0a5301d3fd7ebd49fac5) by beachball)
+- Bump @fluentui/react-utilities to v0.0.0-nightly-20221025-0420.1 ([commit](https://github.com/microsoft/fluentui/commit/77d655b4fe55decb40dd0a5301d3fd7ebd49fac5) by beachball)
+- Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20221025-0420.1 ([commit](https://github.com/microsoft/fluentui/commit/77d655b4fe55decb40dd0a5301d3fd7ebd49fac5) by beachball)
+
+## [9.0.10](https://github.com/microsoft/fluentui/tree/@fluentui/react-badge_v9.0.10)
+
+Tue, 25 Oct 2022 00:35:28 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-badge_v9.0.9..@fluentui/react-badge_v9.0.10)
+
+### Patches
+
+- chore: Migrate to new package structure. ([PR #25335](https://github.com/microsoft/fluentui/pull/25335) by tristan.watanabe@gmail.com)
 
 ## [9.0.9](https://github.com/microsoft/fluentui/tree/@fluentui/react-badge_v9.0.9)
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-badge",
-  "version": "0.0.0-nightly-20221021-0420.1",
+  "version": "0.0.0-nightly-20221025-0420.1",
   "description": "React components for building web experiences",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -28,14 +28,14 @@
   "devDependencies": {
     "@fluentui/eslint-plugin": "*",
     "@fluentui/react-conformance": "*",
-    "@fluentui/react-conformance-griffel": "0.0.0-nightly-20221021-0420.1",
+    "@fluentui/react-conformance-griffel": "0.0.0-nightly-20221025-0420.1",
     "@fluentui/scripts": "^1.0.0"
   },
   "dependencies": {
     "@fluentui/react-icons": "^2.0.175",
     "@griffel/react": "^1.4.1",
-    "@fluentui/react-theme": "0.0.0-nightly-20221021-0420.1",
-    "@fluentui/react-utilities": "0.0.0-nightly-20221021-0420.1",
+    "@fluentui/react-theme": "0.0.0-nightly-20221025-0420.1",
+    "@fluentui/react-utilities": "0.0.0-nightly-20221025-0420.1",
     "tslib": "^2.1.0"
   },
   "peerDependencies": {

package/MIGRATION.md

@@ -1,59 +0,0 @@
-# Badge Migration
-
-## Migration from v8
-
-v8 does not offer a component equivalent to v9's `Badge`. However, it does offer a `PersonaCoin` component that is similar in concept to v9's `PresenceBadge` component.
-
-Here's how the API of v8's `PersonaCoin` compares to the one from v9's `PresenceBadge` component:
-
-- `className` => `className`
-- `coinProps` => Use native HTML props sent directly to `root` slot instead
-- `coinSize` => `size`
-- `componentRef` => NOT SUPPORTED - use `ref` instead
-- `isOutOfOffice` => `outOfOffice`
-- `onRenderPersonaCoin` => Use slots customization instead
-- `presence` => `status`
-- `presenceTitle` => NOT SUPPORTED
-- `styles` => Use style customization through `className` instead
-
-## Migration from v0
-
-v0 does not offer a component equivalent to v9's `Badge`. However, it does offer an `AvatarStatus` component that is similar in concept to v9's `PresenceBadge` component.
-
-Here's how the API of v0's `AvatarStatus` compares to the one from v9's `PresenceBadge` component:
-
-- `accessibility` => NOT SUPPORTED
-- `as` => `as`
-- `className` => `className`
-- `color` => Use style customization through `className` instead
-- `design` => NOT SUPPORTED
-- `icon` => Use `icon` slot
-- `image` => NOT SUPPORTED
-- `key` => NOT SUPPORTED
-- `ref` => `ref`
-- `size` => `size`
-- `state` => `status`
-- `styles` => Use style customization through `className` instead
-- `variables` => NOT SUPPORTED
-
-## Property Mapping
-
-| v8 `PersonaCoin`      | v0 `AvatarStatus` | v9 `PresenceBadge` |
-| --------------------- | ----------------- | ------------------ |
-|                       | `acessibility`    |                    |
-|                       | `as`              | `as`               |
-| `className`           | `className`       | `className`        |
-| `coinProps`           |                   | `root` slot        |
-| `coinSize`            | `size`            | `size`             |
-|                       | `color`           |                    |
-| `componentRef`        | `ref`             | `ref`              |
-|                       | `design`          |                    |
-|                       | `icon`            | `icon` slot        |
-|                       | `image`           |                    |
-| `isOutOfOffice`       |                   | `outOfOffice`      |
-|                       | `key`             |                    |
-| `onRenderPersonaCoin` |                   | `root` slot        |
-| `presence`            | `state`           | `status`           |
-| `presenceTitle`       |                   |                    |
-| `styles`              | `styles`          |                    |
-|                       | `variables`       |                    |

package/Spec.md

@@ -1,94 +0,0 @@
-# [Badge](https://github.com/microsoft/fluentui/issues/16925)
-
-## Background
-
-A badge is an additional visual descriptor for UI elements. It can be used to denote numerical value, status or general information.
-
-## Prior Art
-
-- [OpenUI Research](https://open-ui.org/components/badge.research)
-
-## Sample Code
-
-```jsx
-  <Badge>
-    My Custom Badge
-  </Badge>
-  <Badge
-    style={{ position: 'absolute', top: -4, right: -4 }}
-  />
-```
-
-## Variants
-
-`Badge` can have several variations.
-
-- Appearance: `default`, `rounded` and `circular`
-- Size: `tiny`, `extra-small`, `small`, `medium`, `large`, `extra-large`.
-- Styles: `filled`, `outline`, `ghost`, `tint`
-
-## API
-
-### Props
-
-See API at [Badge.types.ts](./src/components/Badge/Badge.types.ts).
-
-## Structure
-
-- _**Public**_
-
-```jsx
-<Badge />
-```
-
-- _**Internal**_
-
-```jsx
-<ElementType>{children}</ElementType>
-```
-
-- _**DOM**_
-
-```html
-<span class="ui-badge"> ... </span>
-```
-
-## Migration
-
-See [MIGRATION.md](./MIGRATION.md).
-
-## Behaviors
-
-- Badges don't receive focus
-
-  - Badge information would be surfaced as part of the control that it is associated with, badges themselves do not receive focus meaning they are not directly accessible by screenreaders.
-    If the combination of icon and badge communicates some meaningful information, that information should be surfaced in another way through screenreader or tooltip on the component the badge is associated with.
-
-- Screen Readers
-
-  - Badges should be given a meaningful description. This description will be applied, via “aria-describedby” to the element decorated by the Badge. For example, "Chat, 6 unread" or similar.
-    General guidance is that the badge icon is marked as “aria-hidden” by default.
-
-- Badge shouldn't rely only on color information
-
-  - Include meaningful descriptions when using color to represent meaning in a badge. If relying on color only [unread dot] ensure that non-visual information is included using aria-describedby
-
-## Variants
-
-`Badge` is base component that can be used to create custom `Badge` such as `PresenceBadge` or `CounterBadge` with specific behaviors.
-
-### Presence Badge
-
-A Presence Badge represents someone's availbility or status
-
-#### Props
-
-See API at [PresenceBadge.types.ts](./src/components/PresenceBadge/PresenceBadge.types.ts).
-
-### Counter Badge
-
-A Counter Badge is a visual indicator for numeric values such as tallies and scores.
-
-#### Props
-
-See API at [CounterBadge.types.ts](./src/components/CounterBadge/CounterBadge.types.ts).