@fluentui/react-label 0.0.0-nightly-20220506-0417.1 → 0.0.0-nightly-20220511-0419.1

package/CHANGELOG.json

@@ -2,9 +2,9 @@
   "name": "@fluentui/react-label",
   "entries": [
     {
-      "date": "Fri, 06 May 2022 04:27:19 GMT",
-      "tag": "@fluentui/react-label_v0.0.0-nightly-20220506-0417.1",
-      "version": "0.0.0-nightly-20220506-0417.1",
+      "date": "Wed, 11 May 2022 04:31:15 GMT",
+      "tag": "@fluentui/react-label_v0.0.0-nightly-20220511-0419.1",
+      "version": "0.0.0-nightly-20220511-0419.1",
       "comments": {
         "prerelease": [
           {
@@ -13,23 +13,35 @@
             "commit": "not available",
             "comment": "Release nightly v9"
           },
+          {
+            "author": "esteban.230@hotmail.com",
+            "package": "@fluentui/react-label",
+            "commit": "0fac2d7a6f35c5fcebaf30da68b9604410fe0eb9",
+            "comment": "update README and package version"
+          },
+          {
+            "author": "esteban.230@hotmail.com",
+            "package": "@fluentui/react-label",
+            "commit": "6b3b09b6f05e6a17a578a65fc36b606e3004efe9",
+            "comment": "Removing commons type from Label."
+          },
           {
             "author": "beachball",
             "package": "@fluentui/react-label",
-            "comment": "Bump @fluentui/react-theme to v0.0.0-nightly-20220506-0417.1",
-            "commit": "1dbdfe3544ed01dff3baaf5d6b96d3cc8ec5e559"
+            "comment": "Bump @fluentui/react-theme to v0.0.0-nightly-20220511-0419.1",
+            "commit": "03a572202e24fe35d789f3009dc25922a002061e"
           },
           {
             "author": "beachball",
             "package": "@fluentui/react-label",
-            "comment": "Bump @fluentui/react-utilities to v0.0.0-nightly-20220506-0417.1",
-            "commit": "1dbdfe3544ed01dff3baaf5d6b96d3cc8ec5e559"
+            "comment": "Bump @fluentui/react-utilities to v0.0.0-nightly-20220511-0419.1",
+            "commit": "03a572202e24fe35d789f3009dc25922a002061e"
           },
           {
             "author": "beachball",
             "package": "@fluentui/react-label",
-            "comment": "Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20220506-0417.1",
-            "commit": "1dbdfe3544ed01dff3baaf5d6b96d3cc8ec5e559"
+            "comment": "Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20220511-0419.1",
+            "commit": "03a572202e24fe35d789f3009dc25922a002061e"
           }
         ]
       }

package/CHANGELOG.md

@@ -1,20 +1,22 @@
 # Change Log - @fluentui/react-label
 
-This log was last generated on Fri, 06 May 2022 04:27:19 GMT and should not be manually modified.
+This log was last generated on Wed, 11 May 2022 04:31:15 GMT and should not be manually modified.
 
 <!-- Start content -->
 
-## [0.0.0-nightly-20220506-0417.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-label_v0.0.0-nightly-20220506-0417.1)
+## [0.0.0-nightly-20220511-0419.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-label_v0.0.0-nightly-20220511-0419.1)
 
-Fri, 06 May 2022 04:27:19 GMT 
-[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-label_v9.0.0-beta.12..@fluentui/react-label_v0.0.0-nightly-20220506-0417.1)
+Wed, 11 May 2022 04:31:15 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-label_v9.0.0-beta.12..@fluentui/react-label_v0.0.0-nightly-20220511-0419.1)
 
 ### 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-20220506-0417.1 ([commit](https://github.com/microsoft/fluentui/commit/1dbdfe3544ed01dff3baaf5d6b96d3cc8ec5e559) by beachball)
-- Bump @fluentui/react-utilities to v0.0.0-nightly-20220506-0417.1 ([commit](https://github.com/microsoft/fluentui/commit/1dbdfe3544ed01dff3baaf5d6b96d3cc8ec5e559) by beachball)
-- Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20220506-0417.1 ([commit](https://github.com/microsoft/fluentui/commit/1dbdfe3544ed01dff3baaf5d6b96d3cc8ec5e559) by beachball)
+- update README and package version ([PR #22865](https://github.com/microsoft/fluentui/pull/22865) by esteban.230@hotmail.com)
+- Removing commons type from Label. ([PR #22880](https://github.com/microsoft/fluentui/pull/22880) by esteban.230@hotmail.com)
+- Bump @fluentui/react-theme to v0.0.0-nightly-20220511-0419.1 ([commit](https://github.com/microsoft/fluentui/commit/03a572202e24fe35d789f3009dc25922a002061e) by beachball)
+- Bump @fluentui/react-utilities to v0.0.0-nightly-20220511-0419.1 ([commit](https://github.com/microsoft/fluentui/commit/03a572202e24fe35d789f3009dc25922a002061e) by beachball)
+- Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20220511-0419.1 ([commit](https://github.com/microsoft/fluentui/commit/03a572202e24fe35d789f3009dc25922a002061e) by beachball)
 
 ## [9.0.0-beta.12](https://github.com/microsoft/fluentui/tree/@fluentui/react-label_v9.0.0-beta.12)
 

package/README.md

@@ -4,13 +4,15 @@
 
 These are not production-ready components and **should never be used in product**. This space is useful for testing new components whose APIs might change before final release.
 
+Labels provide a name or title to a component or group of components, e.g., text fields, checkboxes, radio buttons, and dropdown menus.
+
 ## Usage
 
-To use the `Label` component import it from `@fluentui/react-label` and use it as shown below.
+To use the `Label` component import it from `@fluentui/react-components` and use it as shown below.
 
 ```tsx
 import * as React from 'react';
-import { Label } from '@fluentui/react-label';
+import { Label } from '@fluentui/react-components';
 import { useId } from '@fluentui/react-utilities';
 
 export const labelExample = () => {
@@ -26,3 +28,14 @@ export const labelExample = () => {
   );
 };
 ```
+
+See [Fluent UI Storybook](https://aka.ms/fluentui-storybook) for more detailed usage examples.
+
+Alternatively, run Storybook locally with:
+
+1. `yarn start`
+2. Select `react-label` from the list.
+
+### Specification
+
+See [Spec.md](./Spec.md).

package/dist/index.d.ts

@@ -17,34 +17,31 @@ export declare const labelClassName = "fui-Label";
 
 export declare const labelClassNames: SlotClassNames<LabelSlots>;
 
-declare type LabelCommons = {
+/**
+ * Label Props
+ */
+export declare type LabelProps = Omit<ComponentProps<LabelSlots>, 'required'> & {
     /**
      * Renders the label as disabled
      * @default false
      */
-    disabled: boolean;
+    disabled?: boolean;
+    /**
+     * Displays an indicator that the label is for a required field. The required prop can be set to true to display
+     * an asterisk (*). Or it can be set to a string or jsx content to display a different indicator.
+     * @default false
+     */
+    required?: boolean | Slot<'span'>;
     /**
      * A label supports different sizes.
      * @default 'medium'
      */
-    size: 'small' | 'medium' | 'large';
+    size?: 'small' | 'medium' | 'large';
     /**
      * A label supports semibold/strong fontweight.
      * @default false
      */
-    strong: boolean;
-};
-
-/**
- * Label Props
- */
-export declare type LabelProps = Omit<ComponentProps<LabelSlots>, 'required'> & Partial<LabelCommons> & {
-    /**
-     * Displays an indicator that the label is for a required field. The required prop can be set to true to display
-     * an asterisk (*). Or it can be set to a string or jsx content to display a different indicator.
-     * @default false
-     */
-    required?: boolean | Slot<'span'>;
+    strong?: boolean;
 };
 
 export declare type LabelSlots = {
@@ -55,7 +52,7 @@ export declare type LabelSlots = {
 /**
  * State used in rendering Label
  */
-export declare type LabelState = ComponentState<LabelSlots> & LabelCommons;
+export declare type LabelState = ComponentState<LabelSlots> & Required<Pick<LabelProps, 'disabled' | 'size' | 'strong'>>;
 
 /**
  * Render the final JSX of Label

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

@@ -1,20 +1,29 @@
 import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';
-declare type LabelCommons = {
+/**
+ * Label Props
+ */
+export declare type LabelProps = Omit<ComponentProps<LabelSlots>, 'required'> & {
     /**
      * Renders the label as disabled
      * @default false
      */
-    disabled: boolean;
+    disabled?: boolean;
+    /**
+     * Displays an indicator that the label is for a required field. The required prop can be set to true to display
+     * an asterisk (*). Or it can be set to a string or jsx content to display a different indicator.
+     * @default false
+     */
+    required?: boolean | Slot<'span'>;
     /**
      * A label supports different sizes.
      * @default 'medium'
      */
-    size: 'small' | 'medium' | 'large';
+    size?: 'small' | 'medium' | 'large';
     /**
      * A label supports semibold/strong fontweight.
      * @default false
      */
-    strong: boolean;
+    strong?: boolean;
 };
 export declare type LabelSlots = {
     root: Slot<'label'>;
@@ -23,16 +32,4 @@ export declare type LabelSlots = {
 /**
  * State used in rendering Label
  */
-export declare type LabelState = ComponentState<LabelSlots> & LabelCommons;
-/**
- * Label Props
- */
-export declare type LabelProps = Omit<ComponentProps<LabelSlots>, 'required'> & Partial<LabelCommons> & {
-    /**
-     * Displays an indicator that the label is for a required field. The required prop can be set to true to display
-     * an asterisk (*). Or it can be set to a string or jsx content to display a different indicator.
-     * @default false
-     */
-    required?: boolean | Slot<'span'>;
-};
-export {};
+export declare type LabelState = ComponentState<LabelSlots> & Required<Pick<LabelProps, 'disabled' | 'size' | 'strong'>>;

package/lib/components/Label/Label.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"Label.types.js","sourceRoot":"../src/","sources":["components/Label/Label.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\ntype LabelCommons = {\n  /**\n   * Renders the label as disabled\n   * @default false\n   */\n  disabled: boolean;\n\n  /**\n   * A label supports different sizes.\n   * @default 'medium'\n   */\n  size: 'small' | 'medium' | 'large';\n\n  /**\n   * A label supports semibold/strong fontweight.\n   * @default false\n   */\n  strong: boolean;\n};\n\nexport type LabelSlots = {\n  root: Slot<'label'>;\n  required?: Slot<'span'>;\n};\n\n/**\n * State used in rendering Label\n */\nexport type LabelState = ComponentState<LabelSlots> & LabelCommons;\n\n/**\n * Label Props\n */\nexport type LabelProps = Omit<ComponentProps<LabelSlots>, 'required'> &\n  Partial<LabelCommons> & {\n    /**\n     * Displays an indicator that the label is for a required field. The required prop can be set to true to display\n     * an asterisk (*). Or it can be set to a string or jsx content to display a different indicator.\n     * @default false\n     */\n    required?: boolean | Slot<'span'>;\n  };\n"]}
+{"version":3,"file":"Label.types.js","sourceRoot":"../src/","sources":["components/Label/Label.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\n/**\n * Label Props\n */\nexport type LabelProps = Omit<ComponentProps<LabelSlots>, 'required'> & {\n  /**\n   * Renders the label as disabled\n   * @default false\n   */\n  disabled?: boolean;\n\n  /**\n   * Displays an indicator that the label is for a required field. The required prop can be set to true to display\n   * an asterisk (*). Or it can be set to a string or jsx content to display a different indicator.\n   * @default false\n   */\n  required?: boolean | Slot<'span'>;\n\n  /**\n   * A label supports different sizes.\n   * @default 'medium'\n   */\n  size?: 'small' | 'medium' | 'large';\n\n  /**\n   * A label supports semibold/strong fontweight.\n   * @default false\n   */\n  strong?: boolean;\n};\n\nexport type LabelSlots = {\n  root: Slot<'label'>;\n  required?: Slot<'span'>;\n};\n\n/**\n * State used in rendering Label\n */\nexport type LabelState = ComponentState<LabelSlots> & Required<Pick<LabelProps, 'disabled' | 'size' | 'strong'>>;\n"]}

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

@@ -1,20 +1,29 @@
 import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';
-declare type LabelCommons = {
+/**
+ * Label Props
+ */
+export declare type LabelProps = Omit<ComponentProps<LabelSlots>, 'required'> & {
     /**
      * Renders the label as disabled
      * @default false
      */
-    disabled: boolean;
+    disabled?: boolean;
+    /**
+     * Displays an indicator that the label is for a required field. The required prop can be set to true to display
+     * an asterisk (*). Or it can be set to a string or jsx content to display a different indicator.
+     * @default false
+     */
+    required?: boolean | Slot<'span'>;
     /**
      * A label supports different sizes.
      * @default 'medium'
      */
-    size: 'small' | 'medium' | 'large';
+    size?: 'small' | 'medium' | 'large';
     /**
      * A label supports semibold/strong fontweight.
      * @default false
      */
-    strong: boolean;
+    strong?: boolean;
 };
 export declare type LabelSlots = {
     root: Slot<'label'>;
@@ -23,16 +32,4 @@ export declare type LabelSlots = {
 /**
  * State used in rendering Label
  */
-export declare type LabelState = ComponentState<LabelSlots> & LabelCommons;
-/**
- * Label Props
- */
-export declare type LabelProps = Omit<ComponentProps<LabelSlots>, 'required'> & Partial<LabelCommons> & {
-    /**
-     * Displays an indicator that the label is for a required field. The required prop can be set to true to display
-     * an asterisk (*). Or it can be set to a string or jsx content to display a different indicator.
-     * @default false
-     */
-    required?: boolean | Slot<'span'>;
-};
-export {};
+export declare type LabelState = ComponentState<LabelSlots> & Required<Pick<LabelProps, 'disabled' | 'size' | 'strong'>>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-label",
-  "version": "0.0.0-nightly-20220506-0417.1",
+  "version": "0.0.0-nightly-20220511-0419.1",
   "description": "Fluent UI React Label component",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -28,12 +28,12 @@
   "devDependencies": {
     "@fluentui/eslint-plugin": "*",
     "@fluentui/react-conformance": "*",
-    "@fluentui/react-conformance-griffel": "0.0.0-nightly-20220506-0417.1",
+    "@fluentui/react-conformance-griffel": "0.0.0-nightly-20220511-0419.1",
     "@fluentui/scripts": "^1.0.0"
   },
   "dependencies": {
-    "@fluentui/react-theme": "0.0.0-nightly-20220506-0417.1",
-    "@fluentui/react-utilities": "0.0.0-nightly-20220506-0417.1",
+    "@fluentui/react-theme": "0.0.0-nightly-20220511-0419.1",
+    "@fluentui/react-utilities": "0.0.0-nightly-20220511-0419.1",
     "@griffel/react": "1.0.3",
     "tslib": "^2.1.0"
   },