@fluentui/react-label - npm Package Compare versions

Comparing version 0.0.0-nightlydd0f007b3f20220119.1 to 0.0.0-nightlye0b8e1fa6920220128.1

CHANGELOG.json

@@ -5,5 +5,5 @@ {
     {
-      "date": "Wed, 19 Jan 2022 04:16:37 GMT",
-      "tag": "@fluentui/react-label_v0.0.0-nightlydd0f007b3f20220119.1",
-      "version": "0.0.0-nightlydd0f007b3f20220119.1",
+      "date": "Fri, 28 Jan 2022 04:13:20 GMT",
+      "tag": "@fluentui/react-label_v0.0.0-nightlye0b8e1fa6920220128.1",
+      "version": "0.0.0-nightlye0b8e1fa6920220128.1",
       "comments": {
@@ -14,16 +14,22 @@ "prerelease": [
             "package": "@fluentui/react-label",
-            "commit": "6044506cc626a9a155e0df40645426ddcc080c55",
+            "commit": "90d10ec8c2d159575962c4d3d913317633b44a7a",
             "comment": "Release nightly v9"
           },
           {
+            "author": "[e-mail]",
+            "package": "@fluentui/react-label",
+            "commit": "742c191b7f2ea28505e49304117c090f9f36386c",
+            "comment": "Replace make-styles packages with griffel equivalents."
+          },
+          {
             "author": "[e-mail]",
             "package": "@fluentui/react-label",
-            "commit": "a052fbc9204600669d32b0ac346032d2cd8d9204",
-            "comment": "react-label: Replacing use of functions in makeStyles with direct use of tokens."
+            "commit": "e0b8e1fa6980077e7b311fd1c72c28d3e4305db0",
+            "comment": "Updating based on changes to composition types."
           },
           {
-            "author": "[e-mail]",
+            "author": "[e-mail]",
             "package": "@fluentui/react-label",
-            "commit": "7cc28ed8320b00f42d91c63882f10316db2205c5",
-            "comment": "Remove component's shorthandProps array"
+            "commit": "0bc161458eae5ae8d387172430496ce9829b1bb1",
+            "comment": "Using ComponentSlotProps instead of ObjectShorthandProps."
           },
@@ -33,22 +39,22 @@ {
             "package": "@fluentui/react-label",
-            "commit": "00a5d945904c896a0664de6ba72c145a255f0848",
-            "comment": "Updating use of tokens.fontWeight now that we don't need to use casting."
+            "commit": "a052fbc9204600669d32b0ac346032d2cd8d9204",
+            "comment": "react-label: Replacing use of functions in makeStyles with direct use of tokens."
           },
           {
-            "author": "beachball",
+            "author": "[e-mail]",
             "package": "@fluentui/react-label",
-            "comment": "Bump @fluentui/react-make-styles to v0.0.0-nightlydd0f007b3f20220119.1",
-            "commit": "6044506cc626a9a155e0df40645426ddcc080c55"
+            "commit": "7cc28ed8320b00f42d91c63882f10316db2205c5",
+            "comment": "Remove component's shorthandProps array"
           },
           {
-            "author": "beachball",
+            "author": "[e-mail]",
             "package": "@fluentui/react-label",
-            "comment": "Bump @fluentui/react-utilities to v0.0.0-nightlydd0f007b3f20220119.1",
-            "commit": "6044506cc626a9a155e0df40645426ddcc080c55"
+            "commit": "317209bb5cd57c40f35bc42060acb7e3cce5ec95",
+            "comment": "BREAKING: Rename component hooks add the suffix _unstable, as their API has not been finalized yet"
           },
           {
-            "author": "beachball",
+            "author": "[e-mail]",
             "package": "@fluentui/react-label",
-            "comment": "Bump @fluentui/babel-make-styles to v0.0.0-nightlydd0f007b3f20220119.1",
-            "commit": "6044506cc626a9a155e0df40645426ddcc080c55"
+            "commit": "00a5d945904c896a0664de6ba72c145a255f0848",
+            "comment": "Updating use of tokens.fontWeight now that we don't need to use casting."
           },
@@ -58,4 +64,4 @@ {
             "package": "@fluentui/react-label",
-            "comment": "Bump @fluentui/jest-serializer-make-styles to v0.0.0-nightlydd0f007b3f20220119.1",
-            "commit": "6044506cc626a9a155e0df40645426ddcc080c55"
+            "comment": "Bump @fluentui/react-utilities to v0.0.0-nightlye0b8e1fa6920220128.1",
+            "commit": "90d10ec8c2d159575962c4d3d913317633b44a7a"
           },
@@ -65,4 +71,4 @@ {
             "package": "@fluentui/react-label",
-            "comment": "Bump @fluentui/react-conformance-make-styles to v0.0.0-nightlydd0f007b3f20220119.1",
-            "commit": "6044506cc626a9a155e0df40645426ddcc080c55"
+            "comment": "Bump @fluentui/react-conformance-griffel to v0.0.0-nightlye0b8e1fa6920220128.1",
+            "commit": "90d10ec8c2d159575962c4d3d913317633b44a7a"
           }
@@ -88,2 +94,8 @@ ],
             "comment": "Migrate package to use solution tsconfigs"
+          },
+          {
+            "author": "[e-mail]",
+            "package": "@fluentui/react-label",
+            "commit": "c061e98be4b4a718c72a144a1f60bb5515824612",
+            "comment": "remove inline-style-expand-shorthand from tsconfigs"
           }
@@ -90,0 +102,0 @@ ]

CHANGELOG.md

 # Change Log - @fluentui/react-label
 
-This log was last generated on Wed, 19 Jan 2022 04:16:37 GMT and should not be manually modified.
+This log was last generated on Fri, 28 Jan 2022 04:13:20 GMT and should not be manually modified.
 
 <!-- Start content -->
 
-## [0.0.0-nightlydd0f007b3f20220119.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-label_v0.0.0-nightlydd0f007b3f20220119.1)
+## [0.0.0-nightlye0b8e1fa6920220128.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-label_v0.0.0-nightlye0b8e1fa6920220128.1)
 
-Wed, 19 Jan 2022 04:16:37 GMT 
-[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-label_v9.0.0-beta.4..@fluentui/react-label_v0.0.0-nightlydd0f007b3f20220119.1)
+Fri, 28 Jan 2022 04:13:20 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-label_v9.0.0-beta.4..@fluentui/react-label_v0.0.0-nightlye0b8e1fa6920220128.1)
 
 ### Changes
 
-- Release nightly v9 ([commit](https://github.com/microsoft/fluentui/commit/6044506cc626a9a155e0df40645426ddcc080c55) by email not defined)
+- Release nightly v9 ([commit](https://github.com/microsoft/fluentui/commit/90d10ec8c2d159575962c4d3d913317633b44a7a) by email not defined)
+- Replace make-styles packages with griffel equivalents. ([PR #21430](https://github.com/microsoft/fluentui/pull/21430) by [e-mail])
+- Updating based on changes to composition types. ([PR #20891](https://github.com/microsoft/fluentui/pull/20891) by [e-mail])
+- Using ComponentSlotProps instead of ObjectShorthandProps. ([PR #20890](https://github.com/microsoft/fluentui/pull/20890) by [e-mail])
 - react-label: Replacing use of functions in makeStyles with direct use of tokens. ([PR #21046](https://github.com/microsoft/fluentui/pull/21046) by [e-mail])
 - Remove component's shorthandProps array ([PR #21134](https://github.com/microsoft/fluentui/pull/21134) by [e-mail])
+- BREAKING: Rename component hooks add the suffix _unstable, as their API has not been finalized yet ([PR #21365](https://github.com/microsoft/fluentui/pull/21365) by [e-mail])
 - Updating use of tokens.fontWeight now that we don't need to use casting. ([PR #21217](https://github.com/microsoft/fluentui/pull/21217) by [e-mail])
-- Bump @fluentui/react-make-styles to v0.0.0-nightlydd0f007b3f20220119.1 ([commit](https://github.com/microsoft/fluentui/commit/6044506cc626a9a155e0df40645426ddcc080c55) by beachball)
-- Bump @fluentui/react-utilities to v0.0.0-nightlydd0f007b3f20220119.1 ([commit](https://github.com/microsoft/fluentui/commit/6044506cc626a9a155e0df40645426ddcc080c55) by beachball)
-- Bump @fluentui/babel-make-styles to v0.0.0-nightlydd0f007b3f20220119.1 ([commit](https://github.com/microsoft/fluentui/commit/6044506cc626a9a155e0df40645426ddcc080c55) by beachball)
-- Bump @fluentui/jest-serializer-make-styles to v0.0.0-nightlydd0f007b3f20220119.1 ([commit](https://github.com/microsoft/fluentui/commit/6044506cc626a9a155e0df40645426ddcc080c55) by beachball)
-- Bump @fluentui/react-conformance-make-styles to v0.0.0-nightlydd0f007b3f20220119.1 ([commit](https://github.com/microsoft/fluentui/commit/6044506cc626a9a155e0df40645426ddcc080c55) by beachball)
+- Bump @fluentui/react-utilities to v0.0.0-nightlye0b8e1fa6920220128.1 ([commit](https://github.com/microsoft/fluentui/commit/90d10ec8c2d159575962c4d3d913317633b44a7a) by beachball)
+- Bump @fluentui/react-conformance-griffel to v0.0.0-nightlye0b8e1fa6920220128.1 ([commit](https://github.com/microsoft/fluentui/commit/90d10ec8c2d159575962c4d3d913317633b44a7a) by beachball)
 
@@ -24,0 +25,0 @@ ## [9.0.0-beta.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-label_v9.0.0-beta.4)

dist/react-label.d.ts

 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 type { ObjectShorthandProps } from '@fluentui/react-utilities';
+import type { IntrinsicSlotProps } from '@fluentui/react-utilities';
 import * as React_2 from 'react';
@@ -42,8 +41,8 @@
      */
-    required?: boolean | ObjectShorthandProps<React_2.HTMLAttributes<HTMLElement>> | React_2.ReactNode;
+    required?: boolean | IntrinsicSlotProps<'span'> | React_2.ReactNode;
 };
 
 export declare type LabelSlots = {
-    root: IntrinsicShorthandProps<'label'>;
-    required?: IntrinsicShorthandProps<'span'>;
+    root: IntrinsicSlotProps<'label'>;
+    required?: IntrinsicSlotProps<'span'>;
 };
@@ -59,3 +58,3 @@
  */
-export declare const renderLabel: (state: LabelState) => JSX.Element;
+export declare const renderLabel_unstable: (state: LabelState) => JSX.Element;
 
@@ -65,4 +64,4 @@ /**
  *
- * The returned state can be modified with hooks such as useLabelStyles,
- * before being passed to renderLabel.
+ * The returned state can be modified with hooks such as useLabelStyles_unstable,
+ * before being passed to renderLabel_unstable.
  *
@@ -72,3 +71,3 @@ * @param props - props from this instance of Label
  */
-export declare const useLabel: (props: LabelProps, ref: React_2.Ref<HTMLElement>) => LabelState;
+export declare const useLabel_unstable: (props: LabelProps, ref: React_2.Ref<HTMLElement>) => LabelState;
 
@@ -78,4 +77,4 @@ /**
  */
-export declare const useLabelStyles: (state: LabelState) => LabelState;
+export declare const useLabelStyles_unstable: (state: LabelState) => LabelState;
 
 export { }

lib-commonjs/components/Label/Label.js

@@ -21,7 +21,7 @@ "use strict";
 exports.Label = /*#__PURE__*/React.forwardRef((props, ref) => {
-  const state = useLabel_1.useLabel(props, ref);
-  useLabelStyles_1.useLabelStyles(state);
-  return renderLabel_1.renderLabel(state);
+  const state = useLabel_1.useLabel_unstable(props, ref);
+  useLabelStyles_1.useLabelStyles_unstable(state);
+  return renderLabel_1.renderLabel_unstable(state);
 });
 exports.Label.displayName = 'Label';
 //# sourceMappingURL=Label.js.map

lib-commonjs/components/Label/Label.types.d.ts

@@ -1,3 +0,3 @@
-import type { ComponentProps, ComponentState, IntrinsicShorthandProps, ObjectShorthandProps } from '@fluentui/react-utilities';
 import * as React from 'react';
+import type { ComponentProps, ComponentState, IntrinsicSlotProps } from '@fluentui/react-utilities';
 export declare type LabelCommons = {
@@ -21,4 +21,4 @@ /**
 export declare type LabelSlots = {
-    root: IntrinsicShorthandProps<'label'>;
-    required?: IntrinsicShorthandProps<'span'>;
+    root: IntrinsicSlotProps<'label'>;
+    required?: IntrinsicSlotProps<'span'>;
 };
@@ -38,3 +38,3 @@ /**
      */
-    required?: boolean | ObjectShorthandProps<React.HTMLAttributes<HTMLElement>> | React.ReactNode;
+    required?: boolean | IntrinsicSlotProps<'span'> | React.ReactNode;
 };

lib-commonjs/components/Label/renderLabel.d.ts

@@ -5,2 +5,2 @@ import type { LabelState } from './Label.types';
  */
-export declare const renderLabel: (state: LabelState) => JSX.Element;
+export declare const renderLabel_unstable: (state: LabelState) => JSX.Element;

lib-commonjs/components/Label/renderLabel.js

@@ -6,3 +6,3 @@ "use strict";
 });
-exports.renderLabel = void 0;
+exports.renderLabel_unstable = void 0;
 
@@ -17,3 +17,3 @@ const React = /*#__PURE__*/require("react");
 
-const renderLabel = state => {
+const renderLabel_unstable = state => {
   const {
@@ -28,3 +28,3 @@ slots,
 
-exports.renderLabel = renderLabel;
+exports.renderLabel_unstable = renderLabel_unstable;
 //# sourceMappingURL=renderLabel.js.map

lib-commonjs/components/Label/useLabel.d.ts

@@ -6,4 +6,4 @@ import * as React from 'react';
  *
- * The returned state can be modified with hooks such as useLabelStyles,
- * before being passed to renderLabel.
+ * The returned state can be modified with hooks such as useLabelStyles_unstable,
+ * before being passed to renderLabel_unstable.
  *
@@ -13,2 +13,2 @@ * @param props - props from this instance of Label
  */
-export declare const useLabel: (props: LabelProps, ref: React.Ref<HTMLElement>) => LabelState;
+export declare const useLabel_unstable: (props: LabelProps, ref: React.Ref<HTMLElement>) => LabelState;

lib-commonjs/components/Label/useLabel.js

@@ -6,3 +6,3 @@ "use strict";
 });
-exports.useLabel = void 0;
+exports.useLabel_unstable = void 0;
 
@@ -15,4 +15,4 @@ const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
  *
- * The returned state can be modified with hooks such as useLabelStyles,
- * before being passed to renderLabel.
+ * The returned state can be modified with hooks such as useLabelStyles_unstable,
+ * before being passed to renderLabel_unstable.
  *
@@ -24,3 +24,3 @@ * @param props - props from this instance of Label
 
-const useLabel = (props, ref) => {
+const useLabel_unstable = (props, ref) => {
   const {
@@ -54,3 +54,3 @@ disabled = false,
 
-exports.useLabel = useLabel;
+exports.useLabel_unstable = useLabel_unstable;
 //# sourceMappingURL=useLabel.js.map

lib-commonjs/components/Label/useLabelStyles.d.ts

@@ -6,2 +6,2 @@ import type { LabelState } from './Label.types';
  */
-export declare const useLabelStyles: (state: LabelState) => LabelState;
+export declare const useLabelStyles_unstable: (state: LabelState) => LabelState;

lib-commonjs/components/Label/useLabelStyles.js

@@ -6,5 +6,5 @@ "use strict";
 });
-exports.useLabelStyles = exports.labelClassName = void 0;
+exports.useLabelStyles_unstable = exports.labelClassName = void 0;
 
-const react_make_styles_1 = /*#__PURE__*/require("@fluentui/react-make-styles");
+const react_1 = /*#__PURE__*/require("@griffel/react");
 
@@ -18,3 +18,3 @@ const react_theme_1 = /*#__PURE__*/require("@fluentui/react-theme");
 
-const useStyles = /*#__PURE__*/react_make_styles_1.__styles({
+const useStyles = /*#__PURE__*/react_1.__styles({
   "root": {
@@ -55,8 +55,8 @@ "Bahqtrf": "fk6fouc",
 
-const useLabelStyles = state => {
+const useLabelStyles_unstable = state => {
   const styles = useStyles();
-  state.root.className = react_make_styles_1.mergeClasses(exports.labelClassName, styles.root, state.disabled && styles.disabled, styles[state.size], state.strong && styles.strong, state.root.className);
+  state.root.className = react_1.mergeClasses(exports.labelClassName, styles.root, state.disabled && styles.disabled, styles[state.size], state.strong && styles.strong, state.root.className);
 
   if (state.required) {
-    state.required.className = react_make_styles_1.mergeClasses(styles.required, state.required.className);
+    state.required.className = react_1.mergeClasses(styles.required, state.required.className);
   }
@@ -67,3 +67,3 @@
 
-exports.useLabelStyles = useLabelStyles;
+exports.useLabelStyles_unstable = useLabelStyles_unstable;
 //# sourceMappingURL=useLabelStyles.js.map

lib/components/Label/Label.js

 import * as React from 'react';
-import { useLabel } from './useLabel';
-import { renderLabel } from './renderLabel';
-import { useLabelStyles } from './useLabelStyles';
+import { useLabel_unstable } from './useLabel';
+import { renderLabel_unstable } from './renderLabel';
+import { useLabelStyles_unstable } from './useLabelStyles';
 /**
@@ -10,7 +10,7 @@ * A label component provides a title or name to a component.
 export const Label = /*#__PURE__*/React.forwardRef((props, ref) => {
-  const state = useLabel(props, ref);
-  useLabelStyles(state);
-  return renderLabel(state);
+  const state = useLabel_unstable(props, ref);
+  useLabelStyles_unstable(state);
+  return renderLabel_unstable(state);
 });
 Label.displayName = 'Label';
 //# sourceMappingURL=Label.js.map

lib/components/Label/Label.types.d.ts

@@ -1,3 +0,3 @@
-import type { ComponentProps, ComponentState, IntrinsicShorthandProps, ObjectShorthandProps } from '@fluentui/react-utilities';
 import * as React from 'react';
+import type { ComponentProps, ComponentState, IntrinsicSlotProps } from '@fluentui/react-utilities';
 export declare type LabelCommons = {
@@ -21,4 +21,4 @@ /**
 export declare type LabelSlots = {
-    root: IntrinsicShorthandProps<'label'>;
-    required?: IntrinsicShorthandProps<'span'>;
+    root: IntrinsicSlotProps<'label'>;
+    required?: IntrinsicSlotProps<'span'>;
 };
@@ -38,3 +38,3 @@ /**
      */
-    required?: boolean | ObjectShorthandProps<React.HTMLAttributes<HTMLElement>> | React.ReactNode;
+    required?: boolean | IntrinsicSlotProps<'span'> | React.ReactNode;
 };

lib/components/Label/renderLabel.d.ts

@@ -5,2 +5,2 @@ import type { LabelState } from './Label.types';
  */
-export declare const renderLabel: (state: LabelState) => JSX.Element;
+export declare const renderLabel_unstable: (state: LabelState) => JSX.Element;

lib/components/Label/renderLabel.js

@@ -7,3 +7,3 @@ import * as React from 'react';
 
-export const renderLabel = state => {
+export const renderLabel_unstable = state => {
   const {
@@ -10,0 +10,0 @@ slots,

lib/components/Label/useLabel.d.ts

@@ -6,4 +6,4 @@ import * as React from 'react';
  *
- * The returned state can be modified with hooks such as useLabelStyles,
- * before being passed to renderLabel.
+ * The returned state can be modified with hooks such as useLabelStyles_unstable,
+ * before being passed to renderLabel_unstable.
  *
@@ -13,2 +13,2 @@ * @param props - props from this instance of Label
  */
-export declare const useLabel: (props: LabelProps, ref: React.Ref<HTMLElement>) => LabelState;
+export declare const useLabel_unstable: (props: LabelProps, ref: React.Ref<HTMLElement>) => LabelState;

lib/components/Label/useLabel.js

@@ -6,4 +6,4 @@ import { getNativeElementProps } from '@fluentui/react-utilities';
  *
- * The returned state can be modified with hooks such as useLabelStyles,
- * before being passed to renderLabel.
+ * The returned state can be modified with hooks such as useLabelStyles_unstable,
+ * before being passed to renderLabel_unstable.
  *
@@ -14,3 +14,3 @@ * @param props - props from this instance of Label
 
-export const useLabel = (props, ref) => {
+export const useLabel_unstable = (props, ref) => {
   const {
@@ -17,0 +17,0 @@ disabled = false,

lib/components/Label/useLabelStyles.d.ts

@@ -6,2 +6,2 @@ import type { LabelState } from './Label.types';
  */
-export declare const useLabelStyles: (state: LabelState) => LabelState;
+export declare const useLabelStyles_unstable: (state: LabelState) => LabelState;

lib/components/Label/useLabelStyles.js

@@ -1,2 +0,2 @@
-import { __styles, mergeClasses } from '@fluentui/react-make-styles';
+import { __styles, mergeClasses } from '@griffel/react';
 import { tokens } from '@fluentui/react-theme';
@@ -44,3 +44,3 @@ export const labelClassName = 'fui-Label';
 
-export const useLabelStyles = state => {
+export const useLabelStyles_unstable = state => {
   const styles = useStyles();
@@ -47,0 +47,0 @@ state.root.className = mergeClasses(labelClassName, styles.root, state.disabled && styles.disabled, styles[state.size], state.strong && styles.strong, state.root.className);

package.json

 {
   "name": "@fluentui/react-label",
-  "version": "0.0.0-nightlydd0f007b3f20220119.1",
+  "version": "0.0.0-nightlye0b8e1fa6920220128.1",
   "description": "Label component for FluentUI library.",
@@ -29,7 +29,5 @@ "main": "lib-commonjs/index.js",
   "devDependencies": {
-    "@fluentui/babel-make-styles": "0.0.0-nightlydd0f007b3f20220119.1",
     "@fluentui/eslint-plugin": "*",
-    "@fluentui/jest-serializer-make-styles": "0.0.0-nightlydd0f007b3f20220119.1",
     "@fluentui/react-conformance": "*",
-    "@fluentui/react-conformance-make-styles": "0.0.0-nightlydd0f007b3f20220119.1",
+    "@fluentui/react-conformance-griffel": "0.0.0-nightlye0b8e1fa6920220128.1",
     "@fluentui/scripts": "^1.0.0",
@@ -48,4 +46,4 @@ "@types/enzyme": "3.10.3",
   "dependencies": {
-    "@fluentui/react-make-styles": "0.0.0-nightlydd0f007b3f20220119.1",
-    "@fluentui/react-utilities": "0.0.0-nightlydd0f007b3f20220119.1",
+    "@fluentui/react-utilities": "0.0.0-nightlye0b8e1fa6920220128.1",
+    "@griffel/react": "1.0.0",
     "tslib": "^2.1.0"
@@ -52,0 +50,0 @@ },

Spec.md

@@ -99,4 +99,4 @@ # @fluentui/react-label Spec
 export type LabelSlots = {
-  root: IntrinsicShorthandProps<'label'>;
-  required?: IntrinsicShorthandProps<'span'>;
+  root: IntrinsicSlotProps<'label'>;
+  required?: IntrinsicSlotProps<'span'>;
 };
@@ -119,3 +119,3 @@
      */
-    required?: boolean | ObjectShorthandProps<React.HTMLAttributes<HTMLElement>> | React.ReactNode;
+    required?: boolean | IntrinsicSlotProps<'span'> | React.ReactNode;
   };
@@ -122,0 +122,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

129707

increased by0.4%

Dev dependency count

14

decreased by-12.5%

Lines of code

2211

increased by0.5%

Dependency changes

• + Added@griffel/react@1.0.0

• + Added@fluentui/keyboard-keys@0.0.0-nightlye0b8e1fa6920220128.1(transitive)

• + Added@fluentui/react-utilities@0.0.0-nightlye0b8e1fa6920220128.1(transitive)

• + Added@griffel/core@1.0.7(transitive)

• + Added@griffel/react@1.0.0(transitive)

• - Removed@fluentui/react-make-styles@0.0.0-nightlydd0f007b3f20220119.1

• - Removed@fluentui/keyboard-keys@0.0.0-nightlydd0f007b3f20220119.1(transitive)

• - Removed@fluentui/make-styles@0.0.0-nightlydd0f007b3f20220119.1(transitive)

• - Removed@fluentui/react-make-styles@0.0.0-nightlydd0f007b3f20220119.1(transitive)

• - Removed@fluentui/react-shared-contexts@0.0.0-nightlydd0f007b3f20220119.1(transitive)

• - Removed@fluentui/react-theme@0.0.0-nightlydd0f007b3f20220119.1(transitive)

• - Removed@fluentui/react-utilities@0.0.0-nightlydd0f007b3f20220119.1(transitive)

• Updated@fluentui/react-utilities@0.0.0-nightlye0b8e1fa6920220128.1