@fluentui/react-label - npm Package Compare versions

Comparing version 0.0.0-nightly-20220315-0418.1 to 0.0.0-nightly-20220316-0419.1

CHANGELOG.md

 # Change Log - @fluentui/react-label
 
-This log was last generated on Tue, 15 Mar 2022 04:28:21 GMT and should not be manually modified.
+This log was last generated on Wed, 16 Mar 2022 04:30:36 GMT and should not be manually modified.
 
 <!-- Start content -->
 
-## [0.0.0-nightly-20220315-0418.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-label_v0.0.0-nightly-20220315-0418.1)
+## [0.0.0-nightly-20220316-0419.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-label_v0.0.0-nightly-20220316-0419.1)
 
-Tue, 15 Mar 2022 04:28:21 GMT 
-[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-label_v9.0.0-beta.9..@fluentui/react-label_v0.0.0-nightly-20220315-0418.1)
+Wed, 16 Mar 2022 04:30:36 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-label_v9.0.0-beta.9..@fluentui/react-label_v0.0.0-nightly-20220316-0419.1)
 
@@ -15,5 +15,6 @@ ### Changes
 - Release nightly v9 ([commit](https://github.com/microsoft/fluentui/commit/not available) by email not defined)
-- Bump @fluentui/react-theme to v0.0.0-nightly-20220315-0418.1 ([commit](https://github.com/microsoft/fluentui/commit/9291b58a0772db7887ec0137edbcb40ced11bfda) by beachball)
-- Bump @fluentui/react-utilities to v0.0.0-nightly-20220315-0418.1 ([commit](https://github.com/microsoft/fluentui/commit/9291b58a0772db7887ec0137edbcb40ced11bfda) by beachball)
-- Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20220315-0418.1 ([commit](https://github.com/microsoft/fluentui/commit/9291b58a0772db7887ec0137edbcb40ced11bfda) by beachball)
+- Add static classnames to Label ([PR #21960](https://github.com/microsoft/fluentui/pull/21960) by [e-mail])
+- Bump @fluentui/react-theme to v0.0.0-nightly-20220316-0419.1 ([commit](https://github.com/microsoft/fluentui/commit/ffa5f7be511dfeb24ce12b0b195c3119e907faaf) by beachball)
+- Bump @fluentui/react-utilities to v0.0.0-nightly-20220316-0419.1 ([commit](https://github.com/microsoft/fluentui/commit/ffa5f7be511dfeb24ce12b0b195c3119e907faaf) by beachball)
+- Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20220316-0419.1 ([commit](https://github.com/microsoft/fluentui/commit/ffa5f7be511dfeb24ce12b0b195c3119e907faaf) by beachball)
 
@@ -20,0 +21,0 @@ ## [9.0.0-beta.9](https://github.com/microsoft/fluentui/tree/@fluentui/react-label_v9.0.0-beta.9)

dist/react-label.d.ts

@@ -6,2 +6,3 @@ import type { ComponentProps } from '@fluentui/react-utilities';
 import type { Slot } from '@fluentui/react-utilities';
+import type { SlotClassNames } from '@fluentui/react-utilities';
 
@@ -13,4 +14,9 @@ /**
 
+/**
+ * @deprecated Use `labelClassNames.root` instead.
+ */
 export declare const labelClassName = "fui-Label";
 
+export declare const labelClassNames: SlotClassNames<LabelSlots>;
+
 declare type LabelCommons = {
@@ -17,0 +23,0 @@ /**

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

@@ -1,3 +0,8 @@
-import type { LabelState } from './Label.types';
+import type { LabelSlots, LabelState } from './Label.types';
+import type { SlotClassNames } from '@fluentui/react-utilities';
+/**
+ * @deprecated Use `labelClassNames.root` instead.
+ */
 export declare const labelClassName = "fui-Label";
+export declare const labelClassNames: SlotClassNames<LabelSlots>;
 /**
@@ -4,0 +9,0 @@ * Apply styling to the Label slots based on the state

lib-commonjs/components/Label/useLabelStyles.js

@@ -6,3 +6,3 @@ "use strict";
 });
-exports.useLabelStyles_unstable = exports.labelClassName = void 0;
+exports.useLabelStyles_unstable = exports.labelClassNames = exports.labelClassName = void 0;
 
@@ -12,4 +12,12 @@ const react_1 = /*#__PURE__*/require("@griffel/react");
 const react_theme_1 = /*#__PURE__*/require("@fluentui/react-theme");
+/**
+ * @deprecated Use `labelClassNames.root` instead.
+ */
 
+
 exports.labelClassName = 'fui-Label';
+exports.labelClassNames = {
+  root: 'fui-Label',
+  required: 'fui-Label__required'
+};
 /**
@@ -57,6 +65,6 @@ * Styles for the label
   const styles = useStyles();
-  state.root.className = react_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.labelClassNames.root, styles.root, state.disabled && styles.disabled, styles[state.size], state.strong && styles.strong, state.root.className);
 
   if (state.required) {
-    state.required.className = react_1.mergeClasses(styles.required, state.required.className);
+    state.required.className = react_1.mergeClasses(exports.labelClassNames.required, styles.required, state.required.className);
   }
@@ -63,0 +71,0 @@

lib/components/Label/useLabelStyles.d.ts

@@ -1,3 +0,8 @@
-import type { LabelState } from './Label.types';
+import type { LabelSlots, LabelState } from './Label.types';
+import type { SlotClassNames } from '@fluentui/react-utilities';
+/**
+ * @deprecated Use `labelClassNames.root` instead.
+ */
 export declare const labelClassName = "fui-Label";
+export declare const labelClassNames: SlotClassNames<LabelSlots>;
 /**
@@ -4,0 +9,0 @@ * Apply styling to the Label slots based on the state

lib/components/Label/useLabelStyles.js

 import { __styles, mergeClasses } from '@griffel/react';
 import { tokens } from '@fluentui/react-theme';
+/**
+ * @deprecated Use `labelClassNames.root` instead.
+ */
+
 export const labelClassName = 'fui-Label';
+export const labelClassNames = {
+  root: 'fui-Label',
+  required: 'fui-Label__required'
+};
 /**
@@ -46,6 +54,6 @@ * Styles for the label
   const styles = useStyles();
-  state.root.className = mergeClasses(labelClassName, styles.root, state.disabled && styles.disabled, styles[state.size], state.strong && styles.strong, state.root.className);
+  state.root.className = mergeClasses(labelClassNames.root, styles.root, state.disabled && styles.disabled, styles[state.size], state.strong && styles.strong, state.root.className);
 
   if (state.required) {
-    state.required.className = mergeClasses(styles.required, state.required.className);
+    state.required.className = mergeClasses(labelClassNames.required, styles.required, state.required.className);
   }
@@ -52,0 +60,0 @@

package.json

 {
   "name": "@fluentui/react-label",
-  "version": "0.0.0-nightly-20220315-0418.1",
+  "version": "0.0.0-nightly-20220316-0419.1",
   "description": "Fluent UI React Label component",
@@ -31,8 +31,8 @@ "main": "lib-commonjs/index.js",
     "@fluentui/react-conformance": "*",
-    "@fluentui/react-conformance-griffel": "0.0.0-nightly-20220315-0418.1",
+    "@fluentui/react-conformance-griffel": "0.0.0-nightly-20220316-0419.1",
     "@fluentui/scripts": "^1.0.0"
   },
   "dependencies": {
-    "@fluentui/react-theme": "0.0.0-nightly-20220315-0418.1",
-    "@fluentui/react-utilities": "0.0.0-nightly-20220315-0418.1",
+    "@fluentui/react-theme": "0.0.0-nightly-20220316-0419.1",
+    "@fluentui/react-utilities": "0.0.0-nightly-20220316-0419.1",
     "@griffel/react": "1.0.0",
@@ -39,0 +39,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

149244

increased by1.51%

Lines of code

2390

increased by1.49%

Dependency changes

• + Added@fluentui/keyboard-keys@0.0.0-nightly-20220316-0419.1(transitive)

• + Added@fluentui/react-theme@0.0.0-nightly-20220316-0419.1(transitive)

• + Added@fluentui/react-utilities@0.0.0-nightly-20220316-0419.1(transitive)

• - Removed@fluentui/keyboard-keys@0.0.0-nightly-20220315-0418.1(transitive)

• - Removed@fluentui/react-theme@0.0.0-nightly-20220315-0418.1(transitive)

• - Removed@fluentui/react-utilities@0.0.0-nightly-20220315-0418.1(transitive)

• Updated@fluentui/react-theme@0.0.0-nightly-20220316-0419.1

• Updated@fluentui/react-utilities@0.0.0-nightly-20220316-0419.1