@fluentui/react-field - npm Package Compare versions

Comparing version 0.0.0-nightly-20221007-1627.1 to 0.0.0-nightly-20221010-0422.1

CHANGELOG.json

@@ -5,5 +5,5 @@ {
     {
-      "date": "Fri, 07 Oct 2022 16:33:50 GMT",
-      "tag": "@fluentui/react-field_v0.0.0-nightly-20221007-1627.1",
-      "version": "0.0.0-nightly-20221007-1627.1",
+      "date": "Mon, 10 Oct 2022 04:26:59 GMT",
+      "tag": "@fluentui/react-field_v0.0.0-nightly-20221010-0422.1",
+      "version": "0.0.0-nightly-20221010-0422.1",
       "comments": {
@@ -20,4 +20,4 @@ "prerelease": [
             "package": "@fluentui/react-field",
-            "comment": "Bump @fluentui/react-checkbox to v0.0.0-nightly-20221007-1627.1",
-            "commit": "f4e3d3d2a02c53b756fce0efb63cf2071cece323"
+            "comment": "Bump @fluentui/react-checkbox to v0.0.0-nightly-20221010-0422.1",
+            "commit": "4f03babaf9fdbceb0702f3d7134294ab86d90c80"
           },
@@ -27,4 +27,4 @@ {
             "package": "@fluentui/react-field",
-            "comment": "Bump @fluentui/react-combobox to v0.0.0-nightly-20221007-1627.1",
-            "commit": "f4e3d3d2a02c53b756fce0efb63cf2071cece323"
+            "comment": "Bump @fluentui/react-combobox to v0.0.0-nightly-20221010-0422.1",
+            "commit": "4f03babaf9fdbceb0702f3d7134294ab86d90c80"
           },
@@ -34,4 +34,4 @@ {
             "package": "@fluentui/react-field",
-            "comment": "Bump @fluentui/react-context-selector to v0.0.0-nightly-20221007-1627.1",
-            "commit": "f4e3d3d2a02c53b756fce0efb63cf2071cece323"
+            "comment": "Bump @fluentui/react-context-selector to v0.0.0-nightly-20221010-0422.1",
+            "commit": "4f03babaf9fdbceb0702f3d7134294ab86d90c80"
           },
@@ -41,4 +41,4 @@ {
             "package": "@fluentui/react-field",
-            "comment": "Bump @fluentui/react-input to v0.0.0-nightly-20221007-1627.1",
-            "commit": "f4e3d3d2a02c53b756fce0efb63cf2071cece323"
+            "comment": "Bump @fluentui/react-input to v0.0.0-nightly-20221010-0422.1",
+            "commit": "4f03babaf9fdbceb0702f3d7134294ab86d90c80"
           },
@@ -48,4 +48,4 @@ {
             "package": "@fluentui/react-field",
-            "comment": "Bump @fluentui/react-label to v0.0.0-nightly-20221007-1627.1",
-            "commit": "f4e3d3d2a02c53b756fce0efb63cf2071cece323"
+            "comment": "Bump @fluentui/react-label to v0.0.0-nightly-20221010-0422.1",
+            "commit": "4f03babaf9fdbceb0702f3d7134294ab86d90c80"
           },
@@ -55,4 +55,4 @@ {
             "package": "@fluentui/react-field",
-            "comment": "Bump @fluentui/react-progress to v0.0.0-nightly-20221007-1627.1",
-            "commit": "f4e3d3d2a02c53b756fce0efb63cf2071cece323"
+            "comment": "Bump @fluentui/react-progress to v0.0.0-nightly-20221010-0422.1",
+            "commit": "4f03babaf9fdbceb0702f3d7134294ab86d90c80"
           },
@@ -62,4 +62,4 @@ {
             "package": "@fluentui/react-field",
-            "comment": "Bump @fluentui/react-radio to v0.0.0-nightly-20221007-1627.1",
-            "commit": "f4e3d3d2a02c53b756fce0efb63cf2071cece323"
+            "comment": "Bump @fluentui/react-radio to v0.0.0-nightly-20221010-0422.1",
+            "commit": "4f03babaf9fdbceb0702f3d7134294ab86d90c80"
           },
@@ -69,4 +69,4 @@ {
             "package": "@fluentui/react-field",
-            "comment": "Bump @fluentui/react-select to v0.0.0-nightly-20221007-1627.1",
-            "commit": "f4e3d3d2a02c53b756fce0efb63cf2071cece323"
+            "comment": "Bump @fluentui/react-select to v0.0.0-nightly-20221010-0422.1",
+            "commit": "4f03babaf9fdbceb0702f3d7134294ab86d90c80"
           },
@@ -76,4 +76,4 @@ {
             "package": "@fluentui/react-field",
-            "comment": "Bump @fluentui/react-slider to v0.0.0-nightly-20221007-1627.1",
-            "commit": "f4e3d3d2a02c53b756fce0efb63cf2071cece323"
+            "comment": "Bump @fluentui/react-slider to v0.0.0-nightly-20221010-0422.1",
+            "commit": "4f03babaf9fdbceb0702f3d7134294ab86d90c80"
           },
@@ -83,4 +83,4 @@ {
             "package": "@fluentui/react-field",
-            "comment": "Bump @fluentui/react-spinbutton to v0.0.0-nightly-20221007-1627.1",
-            "commit": "f4e3d3d2a02c53b756fce0efb63cf2071cece323"
+            "comment": "Bump @fluentui/react-spinbutton to v0.0.0-nightly-20221010-0422.1",
+            "commit": "4f03babaf9fdbceb0702f3d7134294ab86d90c80"
           },
@@ -90,4 +90,4 @@ {
             "package": "@fluentui/react-field",
-            "comment": "Bump @fluentui/react-switch to v0.0.0-nightly-20221007-1627.1",
-            "commit": "f4e3d3d2a02c53b756fce0efb63cf2071cece323"
+            "comment": "Bump @fluentui/react-switch to v0.0.0-nightly-20221010-0422.1",
+            "commit": "4f03babaf9fdbceb0702f3d7134294ab86d90c80"
           },
@@ -97,4 +97,4 @@ {
             "package": "@fluentui/react-field",
-            "comment": "Bump @fluentui/react-textarea to v0.0.0-nightly-20221007-1627.1",
-            "commit": "f4e3d3d2a02c53b756fce0efb63cf2071cece323"
+            "comment": "Bump @fluentui/react-textarea to v0.0.0-nightly-20221010-0422.1",
+            "commit": "4f03babaf9fdbceb0702f3d7134294ab86d90c80"
           },
@@ -104,4 +104,4 @@ {
             "package": "@fluentui/react-field",
-            "comment": "Bump @fluentui/react-theme to v0.0.0-nightly-20221007-1627.1",
-            "commit": "f4e3d3d2a02c53b756fce0efb63cf2071cece323"
+            "comment": "Bump @fluentui/react-theme to v0.0.0-nightly-20221010-0422.1",
+            "commit": "4f03babaf9fdbceb0702f3d7134294ab86d90c80"
           },
@@ -111,4 +111,4 @@ {
             "package": "@fluentui/react-field",
-            "comment": "Bump @fluentui/react-utilities to v0.0.0-nightly-20221007-1627.1",
-            "commit": "f4e3d3d2a02c53b756fce0efb63cf2071cece323"
+            "comment": "Bump @fluentui/react-utilities to v0.0.0-nightly-20221010-0422.1",
+            "commit": "4f03babaf9fdbceb0702f3d7134294ab86d90c80"
           },
@@ -118,4 +118,4 @@ {
             "package": "@fluentui/react-field",
-            "comment": "Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20221007-1627.1",
-            "commit": "f4e3d3d2a02c53b756fce0efb63cf2071cece323"
+            "comment": "Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20221010-0422.1",
+            "commit": "4f03babaf9fdbceb0702f3d7134294ab86d90c80"
           }
@@ -122,0 +122,0 @@ ]

CHANGELOG.md

 # Change Log - @fluentui/react-field
 
-This log was last generated on Fri, 07 Oct 2022 16:33:50 GMT and should not be manually modified.
+This log was last generated on Mon, 10 Oct 2022 04:26:59 GMT and should not be manually modified.
 
 <!-- Start content -->
 
-## [0.0.0-nightly-20221007-1627.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-field_v0.0.0-nightly-20221007-1627.1)
+## [0.0.0-nightly-20221010-0422.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-field_v0.0.0-nightly-20221010-0422.1)
 
-Fri, 07 Oct 2022 16:33:50 GMT 
-[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-field_v9.0.0-alpha.3..@fluentui/react-field_v0.0.0-nightly-20221007-1627.1)
+Mon, 10 Oct 2022 04:26:59 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-field_v9.0.0-alpha.3..@fluentui/react-field_v0.0.0-nightly-20221010-0422.1)
 
@@ -15,17 +15,17 @@ ### Changes
 - Release nightly v9 ([commit](https://github.com/microsoft/fluentui/commit/not available) by [e-mail])
-- Bump @fluentui/react-checkbox to v0.0.0-nightly-20221007-1627.1 ([commit](https://github.com/microsoft/fluentui/commit/f4e3d3d2a02c53b756fce0efb63cf2071cece323) by beachball)
-- Bump @fluentui/react-combobox to v0.0.0-nightly-20221007-1627.1 ([commit](https://github.com/microsoft/fluentui/commit/f4e3d3d2a02c53b756fce0efb63cf2071cece323) by beachball)
-- Bump @fluentui/react-context-selector to v0.0.0-nightly-20221007-1627.1 ([commit](https://github.com/microsoft/fluentui/commit/f4e3d3d2a02c53b756fce0efb63cf2071cece323) by beachball)
-- Bump @fluentui/react-input to v0.0.0-nightly-20221007-1627.1 ([commit](https://github.com/microsoft/fluentui/commit/f4e3d3d2a02c53b756fce0efb63cf2071cece323) by beachball)
-- Bump @fluentui/react-label to v0.0.0-nightly-20221007-1627.1 ([commit](https://github.com/microsoft/fluentui/commit/f4e3d3d2a02c53b756fce0efb63cf2071cece323) by beachball)
-- Bump @fluentui/react-progress to v0.0.0-nightly-20221007-1627.1 ([commit](https://github.com/microsoft/fluentui/commit/f4e3d3d2a02c53b756fce0efb63cf2071cece323) by beachball)
-- Bump @fluentui/react-radio to v0.0.0-nightly-20221007-1627.1 ([commit](https://github.com/microsoft/fluentui/commit/f4e3d3d2a02c53b756fce0efb63cf2071cece323) by beachball)
-- Bump @fluentui/react-select to v0.0.0-nightly-20221007-1627.1 ([commit](https://github.com/microsoft/fluentui/commit/f4e3d3d2a02c53b756fce0efb63cf2071cece323) by beachball)
-- Bump @fluentui/react-slider to v0.0.0-nightly-20221007-1627.1 ([commit](https://github.com/microsoft/fluentui/commit/f4e3d3d2a02c53b756fce0efb63cf2071cece323) by beachball)
-- Bump @fluentui/react-spinbutton to v0.0.0-nightly-20221007-1627.1 ([commit](https://github.com/microsoft/fluentui/commit/f4e3d3d2a02c53b756fce0efb63cf2071cece323) by beachball)
-- Bump @fluentui/react-switch to v0.0.0-nightly-20221007-1627.1 ([commit](https://github.com/microsoft/fluentui/commit/f4e3d3d2a02c53b756fce0efb63cf2071cece323) by beachball)
-- Bump @fluentui/react-textarea to v0.0.0-nightly-20221007-1627.1 ([commit](https://github.com/microsoft/fluentui/commit/f4e3d3d2a02c53b756fce0efb63cf2071cece323) by beachball)
-- Bump @fluentui/react-theme to v0.0.0-nightly-20221007-1627.1 ([commit](https://github.com/microsoft/fluentui/commit/f4e3d3d2a02c53b756fce0efb63cf2071cece323) by beachball)
-- Bump @fluentui/react-utilities to v0.0.0-nightly-20221007-1627.1 ([commit](https://github.com/microsoft/fluentui/commit/f4e3d3d2a02c53b756fce0efb63cf2071cece323) by beachball)
-- Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20221007-1627.1 ([commit](https://github.com/microsoft/fluentui/commit/f4e3d3d2a02c53b756fce0efb63cf2071cece323) by beachball)
+- Bump @fluentui/react-checkbox to v0.0.0-nightly-20221010-0422.1 ([commit](https://github.com/microsoft/fluentui/commit/4f03babaf9fdbceb0702f3d7134294ab86d90c80) by beachball)
+- Bump @fluentui/react-combobox to v0.0.0-nightly-20221010-0422.1 ([commit](https://github.com/microsoft/fluentui/commit/4f03babaf9fdbceb0702f3d7134294ab86d90c80) by beachball)
+- Bump @fluentui/react-context-selector to v0.0.0-nightly-20221010-0422.1 ([commit](https://github.com/microsoft/fluentui/commit/4f03babaf9fdbceb0702f3d7134294ab86d90c80) by beachball)
+- Bump @fluentui/react-input to v0.0.0-nightly-20221010-0422.1 ([commit](https://github.com/microsoft/fluentui/commit/4f03babaf9fdbceb0702f3d7134294ab86d90c80) by beachball)
+- Bump @fluentui/react-label to v0.0.0-nightly-20221010-0422.1 ([commit](https://github.com/microsoft/fluentui/commit/4f03babaf9fdbceb0702f3d7134294ab86d90c80) by beachball)
+- Bump @fluentui/react-progress to v0.0.0-nightly-20221010-0422.1 ([commit](https://github.com/microsoft/fluentui/commit/4f03babaf9fdbceb0702f3d7134294ab86d90c80) by beachball)
+- Bump @fluentui/react-radio to v0.0.0-nightly-20221010-0422.1 ([commit](https://github.com/microsoft/fluentui/commit/4f03babaf9fdbceb0702f3d7134294ab86d90c80) by beachball)
+- Bump @fluentui/react-select to v0.0.0-nightly-20221010-0422.1 ([commit](https://github.com/microsoft/fluentui/commit/4f03babaf9fdbceb0702f3d7134294ab86d90c80) by beachball)
+- Bump @fluentui/react-slider to v0.0.0-nightly-20221010-0422.1 ([commit](https://github.com/microsoft/fluentui/commit/4f03babaf9fdbceb0702f3d7134294ab86d90c80) by beachball)
+- Bump @fluentui/react-spinbutton to v0.0.0-nightly-20221010-0422.1 ([commit](https://github.com/microsoft/fluentui/commit/4f03babaf9fdbceb0702f3d7134294ab86d90c80) by beachball)
+- Bump @fluentui/react-switch to v0.0.0-nightly-20221010-0422.1 ([commit](https://github.com/microsoft/fluentui/commit/4f03babaf9fdbceb0702f3d7134294ab86d90c80) by beachball)
+- Bump @fluentui/react-textarea to v0.0.0-nightly-20221010-0422.1 ([commit](https://github.com/microsoft/fluentui/commit/4f03babaf9fdbceb0702f3d7134294ab86d90c80) by beachball)
+- Bump @fluentui/react-theme to v0.0.0-nightly-20221010-0422.1 ([commit](https://github.com/microsoft/fluentui/commit/4f03babaf9fdbceb0702f3d7134294ab86d90c80) by beachball)
+- Bump @fluentui/react-utilities to v0.0.0-nightly-20221010-0422.1 ([commit](https://github.com/microsoft/fluentui/commit/4f03babaf9fdbceb0702f3d7134294ab86d90c80) by beachball)
+- Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20221010-0422.1 ([commit](https://github.com/microsoft/fluentui/commit/4f03babaf9fdbceb0702f3d7134294ab86d90c80) by beachball)
 
@@ -32,0 +32,0 @@ ## [9.0.0-alpha.3](https://github.com/microsoft/fluentui/tree/@fluentui/react-field_v9.0.0-alpha.3)

lib-commonjs/components/Field/useField.js

@@ -22,12 +22,5 @@ "use strict";
 /**
- * Merge two possibly-undefined IDs for aria-describedby. If both IDs are defined, combines
- * them into a string separated by a space. Otherwise, returns just the defined ID (if any).
- */
-
-const mergeAriaDescribedBy = (a, b) => a && b ? `${a} ${b}` : a || b;
-/**
  * Partition the props used by the Field itself, from the props that are passed to the underlying field component.
  */
 
-
 const getPartitionedFieldProps = props => {
@@ -75,4 +68,5 @@ const {
 const useField_unstable = (props, ref, params) => {
+  var _a, _b, _c, _d, _e;
+
   const [fieldProps, controlProps] = exports.getPartitionedFieldProps(props);
-  const baseId = react_utilities_1.useId('field-');
   const {
@@ -82,2 +76,6 @@ orientation = 'vertical',
   } = fieldProps;
+  const {
+    labelConnection = 'htmlFor'
+  } = params;
+  const baseId = react_utilities_1.useId('field-');
   const root = react_utilities_1.resolveShorthand(fieldProps.root, {
@@ -87,2 +85,10 @@ required: true,
   });
+  const control = react_utilities_1.resolveShorthand(fieldProps.control, {
+    required: true,
+    defaultProps: {
+      ref,
+      id: baseId + '__control',
+      ...controlProps
+    }
+  });
   const label = react_utilities_1.resolveShorthand(fieldProps.label, {
@@ -92,4 +98,4 @@ defaultProps: {
       required: controlProps.required,
-      size: typeof controlProps.size === 'string' ? controlProps.size : undefined // htmlFor is set below
-
+      size: typeof controlProps.size === 'string' ? controlProps.size : undefined,
+      htmlFor: labelConnection === 'htmlFor' ? control.id : undefined
     }
@@ -112,24 +118,25 @@ });
     }
-  });
-  const {
-    labelConnection = 'htmlFor'
-  } = params;
-  const hasError = validationState === 'error';
-  const control = react_utilities_1.resolveShorthand(fieldProps.control, {
-    required: true,
-    defaultProps: {
-      ref,
-      // Add a default ID only if required for label's htmlFor prop
-      id: label && labelConnection === 'htmlFor' ? baseId + '__control' : undefined,
-      // Add aria-labelledby only if not using the label's htmlFor
-      'aria-labelledby': labelConnection !== 'htmlFor' ? label === null || label === void 0 ? void 0 : label.id : undefined,
-      'aria-describedby': hasError ? hint === null || hint === void 0 ? void 0 : hint.id : mergeAriaDescribedBy(validationMessage === null || validationMessage === void 0 ? void 0 : validationMessage.id, hint === null || hint === void 0 ? void 0 : hint.id),
-      'aria-errormessage': hasError ? validationMessage === null || validationMessage === void 0 ? void 0 : validationMessage.id : undefined,
-      'aria-invalid': hasError ? true : undefined,
-      ...controlProps
+  }); // Hook up aria props on the control
+
+  if (label && labelConnection === 'aria-labelledby') {
+    (_a = control['aria-labelledby']) !== null && _a !== void 0 ? _a : control['aria-labelledby'] = label.id;
+  }
+
+  if (validationState === 'error') {
+    (_b = control['aria-invalid']) !== null && _b !== void 0 ? _b : control['aria-invalid'] = true;
+
+    if (validationMessage) {
+      (_c = control['aria-errormessage']) !== null && _c !== void 0 ? _c : control['aria-errormessage'] = validationMessage.id;
     }
-  });
 
-  if (labelConnection === 'htmlFor' && label && !label.htmlFor) {
-    label.htmlFor = control.id;
+    if (hint) {
+      (_d = control['aria-describedby']) !== null && _d !== void 0 ? _d : control['aria-describedby'] = hint.id;
+    }
+  } else {
+    // If the state is not an error, then the control is described by the validation message, or hint, or both
+    const describedby = validationMessage || hint;
+
+    if (describedby) {
+      (_e = control['aria-describedby']) !== null && _e !== void 0 ? _e : control['aria-describedby'] = validationMessage && hint ? `${validationMessage.id} ${hint.id}` : describedby.id;
+    }
   }
@@ -136,0 +143,0 @@

lib/components/Field/useField.js

@@ -11,12 +11,5 @@ import * as React from 'react';
 /**
- * Merge two possibly-undefined IDs for aria-describedby. If both IDs are defined, combines
- * them into a string separated by a space. Otherwise, returns just the defined ID (if any).
- */
-
-const mergeAriaDescribedBy = (a, b) => a && b ? `${a} ${b}` : a || b;
-/**
  * Partition the props used by the Field itself, from the props that are passed to the underlying field component.
  */
 
-
 export const getPartitionedFieldProps = props => {
@@ -62,4 +55,5 @@ const {
 export const useField_unstable = (props, ref, params) => {
+  var _a, _b, _c, _d, _e;
+
   const [fieldProps, controlProps] = getPartitionedFieldProps(props);
-  const baseId = useId('field-');
   const {
@@ -69,2 +63,6 @@ orientation = 'vertical',
   } = fieldProps;
+  const {
+    labelConnection = 'htmlFor'
+  } = params;
+  const baseId = useId('field-');
   const root = resolveShorthand(fieldProps.root, {
@@ -74,2 +72,10 @@ required: true,
   });
+  const control = resolveShorthand(fieldProps.control, {
+    required: true,
+    defaultProps: {
+      ref,
+      id: baseId + '__control',
+      ...controlProps
+    }
+  });
   const label = resolveShorthand(fieldProps.label, {
@@ -79,4 +85,4 @@ defaultProps: {
       required: controlProps.required,
-      size: typeof controlProps.size === 'string' ? controlProps.size : undefined // htmlFor is set below
-
+      size: typeof controlProps.size === 'string' ? controlProps.size : undefined,
+      htmlFor: labelConnection === 'htmlFor' ? control.id : undefined
     }
@@ -99,24 +105,25 @@ });
     }
-  });
-  const {
-    labelConnection = 'htmlFor'
-  } = params;
-  const hasError = validationState === 'error';
-  const control = resolveShorthand(fieldProps.control, {
-    required: true,
-    defaultProps: {
-      ref,
-      // Add a default ID only if required for label's htmlFor prop
-      id: label && labelConnection === 'htmlFor' ? baseId + '__control' : undefined,
-      // Add aria-labelledby only if not using the label's htmlFor
-      'aria-labelledby': labelConnection !== 'htmlFor' ? label === null || label === void 0 ? void 0 : label.id : undefined,
-      'aria-describedby': hasError ? hint === null || hint === void 0 ? void 0 : hint.id : mergeAriaDescribedBy(validationMessage === null || validationMessage === void 0 ? void 0 : validationMessage.id, hint === null || hint === void 0 ? void 0 : hint.id),
-      'aria-errormessage': hasError ? validationMessage === null || validationMessage === void 0 ? void 0 : validationMessage.id : undefined,
-      'aria-invalid': hasError ? true : undefined,
-      ...controlProps
+  }); // Hook up aria props on the control
+
+  if (label && labelConnection === 'aria-labelledby') {
+    (_a = control['aria-labelledby']) !== null && _a !== void 0 ? _a : control['aria-labelledby'] = label.id;
+  }
+
+  if (validationState === 'error') {
+    (_b = control['aria-invalid']) !== null && _b !== void 0 ? _b : control['aria-invalid'] = true;
+
+    if (validationMessage) {
+      (_c = control['aria-errormessage']) !== null && _c !== void 0 ? _c : control['aria-errormessage'] = validationMessage.id;
     }
-  });
 
-  if (labelConnection === 'htmlFor' && label && !label.htmlFor) {
-    label.htmlFor = control.id;
+    if (hint) {
+      (_d = control['aria-describedby']) !== null && _d !== void 0 ? _d : control['aria-describedby'] = hint.id;
+    }
+  } else {
+    // If the state is not an error, then the control is described by the validation message, or hint, or both
+    const describedby = validationMessage || hint;
+
+    if (describedby) {
+      (_e = control['aria-describedby']) !== null && _e !== void 0 ? _e : control['aria-describedby'] = validationMessage && hint ? `${validationMessage.id} ${hint.id}` : describedby.id;
+    }
   }
@@ -123,0 +130,0 @@

package.json

 {
   "name": "@fluentui/react-field",
-  "version": "0.0.0-nightly-20221007-1627.1",
+  "version": "0.0.0-nightly-20221010-0422.1",
   "description": "Fluent UI Field components",
@@ -30,21 +30,21 @@ "main": "lib-commonjs/index.js",
     "@fluentui/react-conformance": "*",
-    "@fluentui/react-conformance-griffel": "0.0.0-nightly-20221007-1627.1",
+    "@fluentui/react-conformance-griffel": "0.0.0-nightly-20221010-0422.1",
     "@fluentui/scripts": "^1.0.0"
   },
   "dependencies": {
-    "@fluentui/react-checkbox": "0.0.0-nightly-20221007-1627.1",
-    "@fluentui/react-combobox": "0.0.0-nightly-20221007-1627.1",
-    "@fluentui/react-context-selector": "0.0.0-nightly-20221007-1627.1",
+    "@fluentui/react-checkbox": "0.0.0-nightly-20221010-0422.1",
+    "@fluentui/react-combobox": "0.0.0-nightly-20221010-0422.1",
+    "@fluentui/react-context-selector": "0.0.0-nightly-20221010-0422.1",
     "@fluentui/react-icons": "^2.0.175",
-    "@fluentui/react-input": "0.0.0-nightly-20221007-1627.1",
-    "@fluentui/react-label": "0.0.0-nightly-20221007-1627.1",
-    "@fluentui/react-progress": "0.0.0-nightly-20221007-1627.1",
-    "@fluentui/react-radio": "0.0.0-nightly-20221007-1627.1",
-    "@fluentui/react-select": "0.0.0-nightly-20221007-1627.1",
-    "@fluentui/react-slider": "0.0.0-nightly-20221007-1627.1",
-    "@fluentui/react-spinbutton": "0.0.0-nightly-20221007-1627.1",
-    "@fluentui/react-switch": "0.0.0-nightly-20221007-1627.1",
-    "@fluentui/react-textarea": "0.0.0-nightly-20221007-1627.1",
-    "@fluentui/react-theme": "0.0.0-nightly-20221007-1627.1",
-    "@fluentui/react-utilities": "0.0.0-nightly-20221007-1627.1",
+    "@fluentui/react-input": "0.0.0-nightly-20221010-0422.1",
+    "@fluentui/react-label": "0.0.0-nightly-20221010-0422.1",
+    "@fluentui/react-progress": "0.0.0-nightly-20221010-0422.1",
+    "@fluentui/react-radio": "0.0.0-nightly-20221010-0422.1",
+    "@fluentui/react-select": "0.0.0-nightly-20221010-0422.1",
+    "@fluentui/react-slider": "0.0.0-nightly-20221010-0422.1",
+    "@fluentui/react-spinbutton": "0.0.0-nightly-20221010-0422.1",
+    "@fluentui/react-switch": "0.0.0-nightly-20221010-0422.1",
+    "@fluentui/react-textarea": "0.0.0-nightly-20221010-0422.1",
+    "@fluentui/react-theme": "0.0.0-nightly-20221010-0422.1",
+    "@fluentui/react-utilities": "0.0.0-nightly-20221010-0422.1",
     "@griffel/react": "^1.3.0",
@@ -51,0 +51,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

Lines of code

1799

increased by0.56%

Worsened metrics

Total package byte prevSize

189752

decreased by-0.09%

Dependency changes

• + Added@fluentui/keyboard-keys@0.0.0-nightly-20221010-0422.1(transitive)

• + Added@fluentui/react-checkbox@0.0.0-nightly-20221010-0422.1(transitive)

• + Added@fluentui/react-combobox@0.0.0-nightly-20221010-0422.1(transitive)

• + Added@fluentui/react-context-selector@0.0.0-nightly-20221010-0422.1(transitive)

• + Added@fluentui/react-input@0.0.0-nightly-20221010-0422.1(transitive)

• + Added@fluentui/react-label@0.0.0-nightly-20221010-0422.1(transitive)

• + Added@fluentui/react-portal@0.0.0-nightly-20221010-0422.1(transitive)

• + Added@fluentui/react-positioning@0.0.0-nightly-20221010-0422.1(transitive)

• + Added@fluentui/react-progress@0.0.0-nightly-20221010-0422.1(transitive)

• + Added@fluentui/react-radio@0.0.0-nightly-20221010-0422.1(transitive)

• + Added@fluentui/react-select@0.0.0-nightly-20221010-0422.1(transitive)

• + Added@fluentui/react-shared-contexts@0.0.0-nightly-20221010-0422.1(transitive)

• + Added@fluentui/react-slider@0.0.0-nightly-20221010-0422.1(transitive)

• + Added@fluentui/react-spinbutton@0.0.0-nightly-20221010-0422.1(transitive)

• + Added@fluentui/react-switch@0.0.0-nightly-20221010-0422.1(transitive)

• + Added@fluentui/react-tabster@0.0.0-nightly-20221010-0422.1(transitive)

• + Added@fluentui/react-textarea@0.0.0-nightly-20221010-0422.1(transitive)

• + Added@fluentui/react-theme@0.0.0-nightly-20221010-0422.1(transitive)

• + Added@fluentui/react-utilities@0.0.0-nightly-20221010-0422.1(transitive)

• - Removed@fluentui/keyboard-keys@0.0.0-nightly-20221007-1627.1(transitive)

• - Removed@fluentui/react-checkbox@0.0.0-nightly-20221007-1627.1(transitive)

• - Removed@fluentui/react-combobox@0.0.0-nightly-20221007-1627.1(transitive)

• - Removed@fluentui/react-context-selector@0.0.0-nightly-20221007-1627.1(transitive)

• - Removed@fluentui/react-input@0.0.0-nightly-20221007-1627.1(transitive)

• - Removed@fluentui/react-label@0.0.0-nightly-20221007-1627.1(transitive)

• - Removed@fluentui/react-portal@0.0.0-nightly-20221007-1627.1(transitive)

• - Removed@fluentui/react-positioning@0.0.0-nightly-20221007-1627.1(transitive)

• - Removed@fluentui/react-progress@0.0.0-nightly-20221007-1627.1(transitive)

• - Removed@fluentui/react-radio@0.0.0-nightly-20221007-1627.1(transitive)

• - Removed@fluentui/react-select@0.0.0-nightly-20221007-1627.1(transitive)

• - Removed@fluentui/react-shared-contexts@0.0.0-nightly-20221007-1627.1(transitive)

• - Removed@fluentui/react-slider@0.0.0-nightly-20221007-1627.1(transitive)

• - Removed@fluentui/react-spinbutton@0.0.0-nightly-20221007-1627.1(transitive)

• - Removed@fluentui/react-switch@0.0.0-nightly-20221007-1627.1(transitive)

• - Removed@fluentui/react-tabster@0.0.0-nightly-20221007-1627.1(transitive)

• - Removed@fluentui/react-textarea@0.0.0-nightly-20221007-1627.1(transitive)

• - Removed@fluentui/react-theme@0.0.0-nightly-20221007-1627.1(transitive)

• - Removed@fluentui/react-utilities@0.0.0-nightly-20221007-1627.1(transitive)

• Updated@fluentui/react-checkbox@0.0.0-nightly-20221010-0422.1

• Updated@fluentui/react-combobox@0.0.0-nightly-20221010-0422.1

• Updated@fluentui/react-context-selector@0.0.0-nightly-20221010-0422.1

• Updated@fluentui/react-input@0.0.0-nightly-20221010-0422.1

• Updated@fluentui/react-label@0.0.0-nightly-20221010-0422.1

• Updated@fluentui/react-progress@0.0.0-nightly-20221010-0422.1

• Updated@fluentui/react-radio@0.0.0-nightly-20221010-0422.1

• Updated@fluentui/react-select@0.0.0-nightly-20221010-0422.1

• Updated@fluentui/react-slider@0.0.0-nightly-20221010-0422.1

• Updated@fluentui/react-spinbutton@0.0.0-nightly-20221010-0422.1

• Updated@fluentui/react-switch@0.0.0-nightly-20221010-0422.1

• Updated@fluentui/react-textarea@0.0.0-nightly-20221010-0422.1

• Updated@fluentui/react-theme@0.0.0-nightly-20221010-0422.1

• Updated@fluentui/react-utilities@0.0.0-nightly-20221010-0422.1