@fluentui/react-badge - npm Package Compare versions

Comparing version 9.0.0-alpha.43 to 9.0.0-alpha.44

CHANGELOG.json

@@ -5,3 +5,44 @@ {
     {
-      "date": "Wed, 02 Jun 2021 07:35:33 GMT",
+      "date": "Thu, 03 Jun 2021 07:34:06 GMT",
+      "tag": "@fluentui/react-badge_v9.0.0-alpha.44",
+      "version": "9.0.0-alpha.44",
+      "comments": {
+        "prerelease": [
+          {
+            "comment": "Use updated theme tokens in component styles",
+            "author": "[e-mail]",
+            "commit": "32aed1a91b19ac1beb161a7a2ab43e78b51f53d1",
+            "package": "@fluentui/react-badge"
+          }
+        ],
+        "none": [
+          {
+            "comment": "Bump @fluentui/babel-make-styles to v9.0.0-alpha.13",
+            "author": "[e-mail]",
+            "commit": "01f798f6ac6b7b0e4c968e34a0c3f0e692aa3d43",
+            "package": "@fluentui/react-badge"
+          },
+          {
+            "comment": "Bump @fluentui/react-make-styles to v9.0.0-alpha.39",
+            "author": "[e-mail]",
+            "commit": "01f798f6ac6b7b0e4c968e34a0c3f0e692aa3d43",
+            "package": "@fluentui/react-badge"
+          },
+          {
+            "comment": "Bump @fluentui/jest-serializer-make-styles to v9.0.0-alpha.15",
+            "author": "[e-mail]",
+            "commit": "01f798f6ac6b7b0e4c968e34a0c3f0e692aa3d43",
+            "package": "@fluentui/react-badge"
+          },
+          {
+            "comment": "Bump @fluentui/react-utilities to v9.0.0-alpha.26",
+            "author": "[e-mail]",
+            "commit": "01f798f6ac6b7b0e4c968e34a0c3f0e692aa3d43",
+            "package": "@fluentui/react-badge"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Wed, 02 Jun 2021 07:37:15 GMT",
       "tag": "@fluentui/react-badge_v9.0.0-alpha.43",
@@ -8,0 +49,0 @@ "version": "9.0.0-alpha.43",

CHANGELOG.md

 # Change Log - @fluentui/react-badge
 
-This log was last generated on Wed, 02 Jun 2021 07:35:33 GMT and should not be manually modified.
+This log was last generated on Thu, 03 Jun 2021 07:34:06 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.0.0-alpha.44](https://github.com/microsoft/fluentui/tree/@fluentui/react-badge_v9.0.0-alpha.44)
+
+Thu, 03 Jun 2021 07:34:06 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-badge_v9.0.0-alpha.43..@fluentui/react-badge_v9.0.0-alpha.44)
+
+### Changes
+
+- Use updated theme tokens in component styles ([PR #18321](https://github.com/microsoft/fluentui/pull/18321) by [e-mail])
+
 ## [9.0.0-alpha.43](https://github.com/microsoft/fluentui/tree/@fluentui/react-badge_v9.0.0-alpha.43)
 
-Wed, 02 Jun 2021 07:35:33 GMT 
+Wed, 02 Jun 2021 07:37:15 GMT 
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-badge_v9.0.0-alpha.42..@fluentui/react-badge_v9.0.0-alpha.43)
@@ -11,0 +20,0 @@

lib-amd/components/Badge/useBadgeStyles.js

@@ -11,4 +11,4 @@ define(["require", "exports", "@fluentui/react-make-styles"], function (require, exports, react_make_styles_1) {
             justifyContent: 'center',
-            backgroundColor: theme.alias.color.brand.brandBackground,
-            borderColor: theme.alias.color.brand.brandBackground,
+            backgroundColor: theme.alias.color.neutral.brandBackground,
+            borderColor: theme.alias.color.neutral.brandBackground,
             color: theme.alias.color.neutral.neutralForegroundInvertedAccessible,
@@ -69,8 +69,8 @@ fontWeight: theme.global.type.fontWeights.semibold,
             border: 'none',
-            color: theme.alias.color.brand.brandBackground,
+            color: theme.alias.color.neutral.brandBackground,
         }); },
         rootOutline: function (theme) { return ({
             background: 'transparent',
-            borderColor: theme.alias.color.brand.brandBackground,
-            color: theme.alias.color.brand.brandBackground,
+            borderColor: theme.alias.color.neutral.brandBackground,
+            color: theme.alias.color.neutral.brandBackground,
         }); },
@@ -77,0 +77,0 @@ rootTint: function (theme) { return ({

lib-commonjs/components/Badge/useBadgeStyles.js

@@ -16,7 +16,7 @@ "use strict";
     "Brf1p80": ["", "f4d9j23", ".f4d9j23{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;}"],
-    "De3pzq": ["", "f16x1sis", ".f16x1sis{background-color:var(--alias-color-brand-brandBackground);}"],
-    "g2u3we": ["", "foi6jqe", ".foi6jqe{border-top-color:var(--alias-color-brand-brandBackground);}"],
-    "h3c5rm": ["", "f1qrttzz", ".f1qrttzz{border-right-color:var(--alias-color-brand-brandBackground);}", "f1f753p5", ".f1f753p5{border-left-color:var(--alias-color-brand-brandBackground);}"],
-    "B9xav0g": ["", "f1aixb5i", ".f1aixb5i{border-bottom-color:var(--alias-color-brand-brandBackground);}"],
-    "zhjwy3": ["", "f1f753p5", ".f1f753p5{border-left-color:var(--alias-color-brand-brandBackground);}", "f1qrttzz", ".f1qrttzz{border-right-color:var(--alias-color-brand-brandBackground);}"],
+    "De3pzq": ["", "ffpa81x", ".ffpa81x{background-color:var(--alias-color-neutral-brandBackground);}"],
+    "g2u3we": ["", "f12ktjg9", ".f12ktjg9{border-top-color:var(--alias-color-neutral-brandBackground);}"],
+    "h3c5rm": ["", "f14n15h1", ".f14n15h1{border-right-color:var(--alias-color-neutral-brandBackground);}", "flohtuy", ".flohtuy{border-left-color:var(--alias-color-neutral-brandBackground);}"],
+    "B9xav0g": ["", "f1hx2p0j", ".f1hx2p0j{border-bottom-color:var(--alias-color-neutral-brandBackground);}"],
+    "zhjwy3": ["", "flohtuy", ".flohtuy{border-left-color:var(--alias-color-neutral-brandBackground);}", "f14n15h1", ".f14n15h1{border-right-color:var(--alias-color-neutral-brandBackground);}"],
     "sj55zd": ["", "f1womams", ".f1womams{color:var(--alias-color-neutral-neutralForegroundInvertedAccessible);}"],
@@ -95,11 +95,11 @@ "Bhrd7zp": ["", "fss2gpl", ".fss2gpl{font-weight:var(--global-type-fontWeights-semibold);}"],
     "wvpqe5": ["", "f1deefiw", ".f1deefiw{border-left-style:none;}", "f1n71otn", ".f1n71otn{border-right-style:none;}"],
-    "sj55zd": ["", "f1qa0pc1", ".f1qa0pc1{color:var(--alias-color-brand-brandBackground);}"]
+    "sj55zd": ["", "f1aydz7j", ".f1aydz7j{color:var(--alias-color-neutral-brandBackground);}"]
   },
   rootOutline: {
     "ayd6f0": ["", "f2imlf6", ".f2imlf6{background:transparent;}"],
-    "g2u3we": ["", "foi6jqe", ".foi6jqe{border-top-color:var(--alias-color-brand-brandBackground);}"],
-    "h3c5rm": ["", "f1qrttzz", ".f1qrttzz{border-right-color:var(--alias-color-brand-brandBackground);}", "f1f753p5", ".f1f753p5{border-left-color:var(--alias-color-brand-brandBackground);}"],
-    "B9xav0g": ["", "f1aixb5i", ".f1aixb5i{border-bottom-color:var(--alias-color-brand-brandBackground);}"],
-    "zhjwy3": ["", "f1f753p5", ".f1f753p5{border-left-color:var(--alias-color-brand-brandBackground);}", "f1qrttzz", ".f1qrttzz{border-right-color:var(--alias-color-brand-brandBackground);}"],
-    "sj55zd": ["", "f1qa0pc1", ".f1qa0pc1{color:var(--alias-color-brand-brandBackground);}"]
+    "g2u3we": ["", "f12ktjg9", ".f12ktjg9{border-top-color:var(--alias-color-neutral-brandBackground);}"],
+    "h3c5rm": ["", "f14n15h1", ".f14n15h1{border-right-color:var(--alias-color-neutral-brandBackground);}", "flohtuy", ".flohtuy{border-left-color:var(--alias-color-neutral-brandBackground);}"],
+    "B9xav0g": ["", "f1hx2p0j", ".f1hx2p0j{border-bottom-color:var(--alias-color-neutral-brandBackground);}"],
+    "zhjwy3": ["", "flohtuy", ".flohtuy{border-left-color:var(--alias-color-neutral-brandBackground);}", "f14n15h1", ".f14n15h1{border-right-color:var(--alias-color-neutral-brandBackground);}"],
+    "sj55zd": ["", "f1aydz7j", ".f1aydz7j{color:var(--alias-color-neutral-brandBackground);}"]
   },
@@ -106,0 +106,0 @@ rootTint: {

lib/components/Badge/useBadgeStyles.js

@@ -9,7 +9,7 @@ import { mergeClasses, __styles } from '@fluentui/react-make-styles';
     "Brf1p80": ["", "f4d9j23", ".f4d9j23{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;}"],
-    "De3pzq": ["", "f16x1sis", ".f16x1sis{background-color:var(--alias-color-brand-brandBackground);}"],
-    "g2u3we": ["", "foi6jqe", ".foi6jqe{border-top-color:var(--alias-color-brand-brandBackground);}"],
-    "h3c5rm": ["", "f1qrttzz", ".f1qrttzz{border-right-color:var(--alias-color-brand-brandBackground);}", "f1f753p5", ".f1f753p5{border-left-color:var(--alias-color-brand-brandBackground);}"],
-    "B9xav0g": ["", "f1aixb5i", ".f1aixb5i{border-bottom-color:var(--alias-color-brand-brandBackground);}"],
-    "zhjwy3": ["", "f1f753p5", ".f1f753p5{border-left-color:var(--alias-color-brand-brandBackground);}", "f1qrttzz", ".f1qrttzz{border-right-color:var(--alias-color-brand-brandBackground);}"],
+    "De3pzq": ["", "ffpa81x", ".ffpa81x{background-color:var(--alias-color-neutral-brandBackground);}"],
+    "g2u3we": ["", "f12ktjg9", ".f12ktjg9{border-top-color:var(--alias-color-neutral-brandBackground);}"],
+    "h3c5rm": ["", "f14n15h1", ".f14n15h1{border-right-color:var(--alias-color-neutral-brandBackground);}", "flohtuy", ".flohtuy{border-left-color:var(--alias-color-neutral-brandBackground);}"],
+    "B9xav0g": ["", "f1hx2p0j", ".f1hx2p0j{border-bottom-color:var(--alias-color-neutral-brandBackground);}"],
+    "zhjwy3": ["", "flohtuy", ".flohtuy{border-left-color:var(--alias-color-neutral-brandBackground);}", "f14n15h1", ".f14n15h1{border-right-color:var(--alias-color-neutral-brandBackground);}"],
     "sj55zd": ["", "f1womams", ".f1womams{color:var(--alias-color-neutral-neutralForegroundInvertedAccessible);}"],
@@ -88,11 +88,11 @@ "Bhrd7zp": ["", "fss2gpl", ".fss2gpl{font-weight:var(--global-type-fontWeights-semibold);}"],
     "wvpqe5": ["", "f1deefiw", ".f1deefiw{border-left-style:none;}", "f1n71otn", ".f1n71otn{border-right-style:none;}"],
-    "sj55zd": ["", "f1qa0pc1", ".f1qa0pc1{color:var(--alias-color-brand-brandBackground);}"]
+    "sj55zd": ["", "f1aydz7j", ".f1aydz7j{color:var(--alias-color-neutral-brandBackground);}"]
   },
   rootOutline: {
     "ayd6f0": ["", "f2imlf6", ".f2imlf6{background:transparent;}"],
-    "g2u3we": ["", "foi6jqe", ".foi6jqe{border-top-color:var(--alias-color-brand-brandBackground);}"],
-    "h3c5rm": ["", "f1qrttzz", ".f1qrttzz{border-right-color:var(--alias-color-brand-brandBackground);}", "f1f753p5", ".f1f753p5{border-left-color:var(--alias-color-brand-brandBackground);}"],
-    "B9xav0g": ["", "f1aixb5i", ".f1aixb5i{border-bottom-color:var(--alias-color-brand-brandBackground);}"],
-    "zhjwy3": ["", "f1f753p5", ".f1f753p5{border-left-color:var(--alias-color-brand-brandBackground);}", "f1qrttzz", ".f1qrttzz{border-right-color:var(--alias-color-brand-brandBackground);}"],
-    "sj55zd": ["", "f1qa0pc1", ".f1qa0pc1{color:var(--alias-color-brand-brandBackground);}"]
+    "g2u3we": ["", "f12ktjg9", ".f12ktjg9{border-top-color:var(--alias-color-neutral-brandBackground);}"],
+    "h3c5rm": ["", "f14n15h1", ".f14n15h1{border-right-color:var(--alias-color-neutral-brandBackground);}", "flohtuy", ".flohtuy{border-left-color:var(--alias-color-neutral-brandBackground);}"],
+    "B9xav0g": ["", "f1hx2p0j", ".f1hx2p0j{border-bottom-color:var(--alias-color-neutral-brandBackground);}"],
+    "zhjwy3": ["", "flohtuy", ".flohtuy{border-left-color:var(--alias-color-neutral-brandBackground);}", "f14n15h1", ".f14n15h1{border-right-color:var(--alias-color-neutral-brandBackground);}"],
+    "sj55zd": ["", "f1aydz7j", ".f1aydz7j{color:var(--alias-color-neutral-brandBackground);}"]
   },
@@ -99,0 +99,0 @@ rootTint: {

package.json

 {
   "name": "@fluentui/react-badge",
-  "version": "9.0.0-alpha.43",
+  "version": "9.0.0-alpha.44",
   "description": "React components for building web experiences",
@@ -26,5 +26,5 @@ "main": "lib-commonjs/index.js",
   "devDependencies": {
-    "@fluentui/babel-make-styles": "^9.0.0-alpha.12",
+    "@fluentui/babel-make-styles": "^9.0.0-alpha.13",
     "@fluentui/eslint-plugin": "^1.3.0",
-    "@fluentui/jest-serializer-make-styles": "^9.0.0-alpha.14",
+    "@fluentui/jest-serializer-make-styles": "^9.0.0-alpha.15",
     "@fluentui/react-conformance": "^0.4.0",
@@ -44,4 +44,4 @@ "@fluentui/scripts": "^1.0.0",
   "dependencies": {
-    "@fluentui/react-make-styles": "^9.0.0-alpha.38",
-    "@fluentui/react-theme": "^9.0.0-alpha.13",
+    "@fluentui/react-make-styles": "^9.0.0-alpha.39",
+    "@fluentui/react-theme": "^9.0.0-alpha.14",
     "@fluentui/react-utilities": "^9.0.0-alpha.26",
@@ -48,0 +48,0 @@ "tslib": "^2.1.0"

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

316783

increased by0.67%

Lines of code

3920

increased by1.06%

Dependency changes

• Updated@fluentui/react-make-styles@^9.0.0-alpha.39

• Updated@fluentui/react-theme@^9.0.0-alpha.14