@fluentui/react-label 9.0.0-alpha.9 → 9.0.0-nightly.46b9ea7036.0

package/lib-commonjs/common/isConformant.js

@@ -1,13 +1,22 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 exports.isConformant = void 0;
-var react_conformance_1 = require("@fluentui/react-conformance");
+
+var react_conformance_1 = /*#__PURE__*/require("@fluentui/react-conformance");
+
+var react_conformance_make_styles_1 = /*#__PURE__*/require("@fluentui/react-conformance-make-styles");
+
 function isConformant(testInfo) {
-    var defaultOptions = {
-        asPropHandlesRef: true,
-        componentPath: module.parent.filename.replace('.test', ''),
-    };
-    react_conformance_1.isConformant(defaultOptions, testInfo);
+  var defaultOptions = {
+    asPropHandlesRef: true,
+    componentPath: module.parent.filename.replace('.test', ''),
+    extraTests: react_conformance_make_styles_1.default
+  };
+  react_conformance_1.isConformant(defaultOptions, testInfo);
 }
+
 exports.isConformant = isConformant;
 //# sourceMappingURL=isConformant.js.map

package/lib-commonjs/common/isConformant.js.map

@@ -1 +1 @@
-{"version":3,"file":"isConformant.js","sourceRoot":"../src/","sources":["common/isConformant.ts"],"names":[],"mappings":";;;AAAA,iEAAoG;AAEpG,SAAgB,YAAY,CAC1B,QAAyF;IAEzF,IAAM,cAAc,GAAyC;QAC3D,gBAAgB,EAAE,IAAI;QACtB,aAAa,EAAE,MAAO,CAAC,MAAO,CAAC,QAAQ,CAAC,OAAO,CAAC,OAAO,EAAE,EAAE,CAAC;KAC7D,CAAC;IAEF,gCAAgB,CAAC,cAAc,EAAE,QAAQ,CAAC,CAAC;AAC7C,CAAC;AATD,oCASC","sourcesContent":["import { isConformant as baseIsConformant, IsConformantOptions } from '@fluentui/react-conformance';\n\nexport function isConformant<TProps = {}>(\n  testInfo: Omit<IsConformantOptions<TProps>, 'componentPath'> & { componentPath?: string },\n) {\n  const defaultOptions: Partial<IsConformantOptions<TProps>> = {\n    asPropHandlesRef: true,\n    componentPath: module!.parent!.filename.replace('.test', ''),\n  };\n\n  baseIsConformant(defaultOptions, testInfo);\n}\n"]}
+{"version":3,"sources":["../../src/common/isConformant.ts"],"names":[],"mappings":";;;;;;;AAAA,IAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AAEA,IAAA,+BAAA,gBAAA,OAAA,CAAA,yCAAA,CAAA;;AAEA,SAAgB,YAAhB,CACE,QADF,EAC2F;AAEzF,MAAM,cAAc,GAAyC;AAC3D,IAAA,gBAAgB,EAAE,IADyC;AAE3D,IAAA,aAAa,EAAE,MAAO,CAAC,MAAR,CAAgB,QAAhB,CAAyB,OAAzB,CAAiC,OAAjC,EAA0C,EAA1C,CAF4C;AAG3D,IAAA,UAAU,EAAE,+BAAA,CAAA;AAH+C,GAA7D;AAMA,EAAA,mBAAA,CAAA,YAAA,CAAiB,cAAjB,EAAiC,QAAjC;AACD;;AAVD,OAAA,CAAA,YAAA,GAAA,YAAA","sourceRoot":""}

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

@@ -1,7 +1,6 @@
-import * as React from 'react';
-import { LabelProps } from './Label.types';
+import type { LabelProps } from './Label.types';
+import type { ForwardRefComponent } from '@fluentui/react-utilities';
 /**
  * A label component provides a title or name to a component.
- * {@docCategory Label}
  */
-export declare const Label: React.ForwardRefExoticComponent<LabelProps & React.RefAttributes<HTMLElement>>;
+export declare const Label: ForwardRefComponent<LabelProps>;

package/lib-commonjs/components/Label/Label.js

@@ -1,18 +1,26 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 exports.Label = void 0;
-var React = require("react");
-var useLabel_1 = require("./useLabel");
-var renderLabel_1 = require("./renderLabel");
-var useLabelStyles_1 = require("./useLabelStyles");
+
+var React = /*#__PURE__*/require("react");
+
+var useLabel_1 = /*#__PURE__*/require("./useLabel");
+
+var renderLabel_1 = /*#__PURE__*/require("./renderLabel");
+
+var useLabelStyles_1 = /*#__PURE__*/require("./useLabelStyles");
 /**
  * A label component provides a title or name to a component.
- * {@docCategory Label}
  */
-exports.Label = React.forwardRef(function (props, ref) {
-    var state = useLabel_1.useLabel(props, ref);
-    useLabelStyles_1.useLabelStyles(state);
-    return renderLabel_1.renderLabel(state);
+
+
+exports.Label = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var state = useLabel_1.useLabel(props, ref);
+  useLabelStyles_1.useLabelStyles(state);
+  return renderLabel_1.renderLabel(state);
 });
 exports.Label.displayName = 'Label';
 //# sourceMappingURL=Label.js.map

package/lib-commonjs/components/Label/Label.js.map

@@ -1 +1 @@
-{"version":3,"file":"Label.js","sourceRoot":"../src/","sources":["components/Label/Label.tsx"],"names":[],"mappings":";;;AAAA,6BAA+B;AAC/B,uCAAsC;AAEtC,6CAA4C;AAC5C,mDAAkD;AAElD;;;GAGG;AACU,QAAA,KAAK,GAAG,KAAK,CAAC,UAAU,CAA0B,UAAC,KAAK,EAAE,GAAG;IACxE,IAAM,KAAK,GAAG,mBAAQ,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;IAEnC,+BAAc,CAAC,KAAK,CAAC,CAAC;IACtB,OAAO,yBAAW,CAAC,KAAK,CAAC,CAAC;AAC5B,CAAC,CAAC,CAAC;AAEH,aAAK,CAAC,WAAW,GAAG,OAAO,CAAC","sourcesContent":["import * as React from 'react';\nimport { useLabel } from './useLabel';\nimport { LabelProps } from './Label.types';\nimport { renderLabel } from './renderLabel';\nimport { useLabelStyles } from './useLabelStyles';\n\n/**\n * A label component provides a title or name to a component.\n * {@docCategory Label}\n */\nexport const Label = React.forwardRef<HTMLElement, LabelProps>((props, ref) => {\n  const state = useLabel(props, ref);\n\n  useLabelStyles(state);\n  return renderLabel(state);\n});\n\nLabel.displayName = 'Label';\n"]}
+{"version":3,"sources":["../../../src/components/Label/Label.tsx"],"names":[],"mappings":";;;;;;;AAAA,IAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,IAAA,UAAA,gBAAA,OAAA,CAAA,YAAA,CAAA;;AACA,IAAA,aAAA,gBAAA,OAAA,CAAA,eAAA,CAAA;;AACA,IAAA,gBAAA,gBAAA,OAAA,CAAA,kBAAA,CAAA;AAIA;;AAEG;;;AACU,OAAA,CAAA,KAAA,gBAAyC,KAAK,CAAC,UAAN,CAAiB,UAAC,KAAD,EAAQ,GAAR,EAAW;AAChF,MAAM,KAAK,GAAG,UAAA,CAAA,QAAA,CAAS,KAAT,EAAgB,GAAhB,CAAd;AAEA,EAAA,gBAAA,CAAA,cAAA,CAAe,KAAf;AACA,SAAO,aAAA,CAAA,WAAA,CAAY,KAAZ,CAAP;AACD,CALqD,CAAzC;AAOb,OAAA,CAAA,KAAA,CAAM,WAAN,GAAoB,OAApB","sourceRoot":""}

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

@@ -1,53 +1,38 @@
+import type { ComponentProps, ComponentState, IntrinsicShorthandProps, ObjectShorthandProps } from '@fluentui/react-utilities';
 import * as React from 'react';
-import { ComponentProps, ComponentState, ObjectShorthandProps, ShorthandProps } from '@fluentui/react-utilities';
 /**
  * Label Props
- * {@docCategory Label}
  */
-export interface LabelProps extends ComponentProps, React.LabelHTMLAttributes<HTMLLabelElement> {
+export declare type LabelCommons = {
     /**
      * Renders the label as disabled
      * @defaultvalue false
      */
-    disabled?: boolean;
-    /**
-     * Displays and 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.
-     * @defaultvalue false
-     */
-    required?: boolean | ShorthandProps<ComponentProps>;
+    disabled: boolean;
     /**
      * A label supports different sizes.
      * @defaultvalue 'medium'
      */
-    size?: 'small' | 'medium' | 'large';
+    size: 'small' | 'medium' | 'large';
     /**
      * A label supports semibold/strong fontweight.
      * @defaultvalue false
      */
-    strong?: boolean;
-}
-/**
- * Names of the shorthand properties in LabelProps
- * {@docCategory Label}
- */
-export declare type LabelShorthandProps = 'required';
-/**
- * Names of LabelProps that have a default value in useLabel
- * {@docCategory Label}
- */
-export declare type LabelDefaultedProps = 'size';
+    strong: boolean;
+};
+export declare type LabelSlots = {
+    root: IntrinsicShorthandProps<'label'>;
+    required?: IntrinsicShorthandProps<'span'>;
+};
 /**
  * State used in rendering Label
- * {@docCategory Label}
  */
-export interface LabelState extends ComponentState<LabelProps, LabelShorthandProps, LabelDefaultedProps> {
-    /**
-     * Ref to the root element
-     */
-    ref: React.Ref<HTMLElement>;
+export declare type LabelState = ComponentState<LabelSlots> & LabelCommons;
+export declare type LabelProps = Omit<ComponentProps<LabelSlots>, 'required'> & Partial<LabelCommons> & {
     /**
-     * The required prop resolved to a slot object
+     * Displays and 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.
+     * @defaultvalue false
      */
-    required?: ObjectShorthandProps<ComponentProps>;
-}
+    required?: boolean | ObjectShorthandProps<React.HTMLAttributes<HTMLElement>> | React.ReactNode;
+};

package/lib-commonjs/components/Label/Label.types.js

@@ -1,3 +1,6 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 //# sourceMappingURL=Label.types.js.map

package/lib-commonjs/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 * as React from 'react';\nimport { ComponentProps, ComponentState, ObjectShorthandProps, ShorthandProps } from '@fluentui/react-utilities';\n\n/**\n * Label Props\n * {@docCategory Label}\n */\nexport interface LabelProps extends ComponentProps, React.LabelHTMLAttributes<HTMLLabelElement> {\n  /**\n   * Renders the label as disabled\n   * @defaultvalue false\n   */\n  disabled?: boolean;\n\n  /**\n   * Displays and 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   * @defaultvalue false\n   */\n  required?: boolean | ShorthandProps<ComponentProps>;\n\n  /**\n   * A label supports different sizes.\n   * @defaultvalue 'medium'\n   */\n  size?: 'small' | 'medium' | 'large';\n\n  /**\n   * A label supports semibold/strong fontweight.\n   * @defaultvalue false\n   */\n  strong?: boolean;\n}\n\n/**\n * Names of the shorthand properties in LabelProps\n * {@docCategory Label}\n */\nexport type LabelShorthandProps = 'required';\n\n/**\n * Names of LabelProps that have a default value in useLabel\n * {@docCategory Label}\n */\nexport type LabelDefaultedProps = 'size';\n\n/**\n * State used in rendering Label\n * {@docCategory Label}\n */\nexport interface LabelState extends ComponentState<LabelProps, LabelShorthandProps, LabelDefaultedProps> {\n  /**\n   * Ref to the root element\n   */\n  ref: React.Ref<HTMLElement>;\n\n  /**\n   * The required prop resolved to a slot object\n   */\n  required?: ObjectShorthandProps<ComponentProps>;\n}\n"]}
+{"version":3,"sources":[],"names":[],"mappings":"","sourceRoot":""}

package/lib-commonjs/components/Label/index.js

@@ -1,9 +1,18 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var tslib_1 = /*#__PURE__*/require("tslib");
+
 tslib_1.__exportStar(require("./Label"), exports);
+
 tslib_1.__exportStar(require("./Label.types"), exports);
+
 tslib_1.__exportStar(require("./renderLabel"), exports);
+
 tslib_1.__exportStar(require("./useLabel"), exports);
+
 tslib_1.__exportStar(require("./useLabelStyles"), exports);
 //# sourceMappingURL=index.js.map

package/lib-commonjs/components/Label/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["components/Label/index.ts"],"names":[],"mappings":";;;AAAA,kDAAwB;AACxB,wDAA8B;AAC9B,wDAA8B;AAC9B,qDAA2B;AAC3B,2DAAiC","sourcesContent":["export * from './Label';\nexport * from './Label.types';\nexport * from './renderLabel';\nexport * from './useLabel';\nexport * from './useLabelStyles';\n"]}
+{"version":3,"sources":["../../../src/components/Label/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,SAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,eAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,eAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,YAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,kBAAA,CAAA,EAAA,OAAA","sourceRoot":""}

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

@@ -1,6 +1,5 @@
-import { LabelState } from './Label.types';
+import type { LabelState } from './Label.types';
 /**
  * Render the final JSX of Label
- * {@docCategory Label}
  */
 export declare const renderLabel: (state: LabelState) => JSX.Element;

package/lib-commonjs/components/Label/renderLabel.js

@@ -1,19 +1,29 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 exports.renderLabel = void 0;
-var tslib_1 = require("tslib");
-var React = require("react");
-var react_utilities_1 = require("@fluentui/react-utilities");
-var useLabel_1 = require("./useLabel");
+
+var tslib_1 = /*#__PURE__*/require("tslib");
+
+var React = /*#__PURE__*/require("react");
+
+var react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
+
+var useLabel_1 = /*#__PURE__*/require("./useLabel");
 /**
  * Render the final JSX of Label
- * {@docCategory Label}
  */
+
+
 var renderLabel = function (state) {
-    var _a = react_utilities_1.getSlots(state, useLabel_1.labelShorthandProps), slots = _a.slots, slotProps = _a.slotProps;
-    return (React.createElement(slots.root, tslib_1.__assign({}, slotProps.root),
-        state.children,
-        state.required && React.createElement(slots.required, tslib_1.__assign({}, slotProps.required))));
+  var _a = react_utilities_1.getSlots(state, useLabel_1.labelShorthandProps),
+      slots = _a.slots,
+      slotProps = _a.slotProps;
+
+  return React.createElement(slots.root, tslib_1.__assign({}, slotProps.root), state.root.children, React.createElement(slots.required, tslib_1.__assign({}, slotProps.required)));
 };
+
 exports.renderLabel = renderLabel;
 //# sourceMappingURL=renderLabel.js.map

package/lib-commonjs/components/Label/renderLabel.js.map

@@ -1 +1 @@
-{"version":3,"file":"renderLabel.js","sourceRoot":"../src/","sources":["components/Label/renderLabel.tsx"],"names":[],"mappings":";;;;AAAA,6BAA+B;AAC/B,6DAAqD;AAErD,uCAAiD;AAEjD;;;GAGG;AACI,IAAM,WAAW,GAAG,UAAC,KAAiB;IACrC,IAAA,KAAuB,0BAAQ,CAAC,KAAK,EAAE,8BAAmB,CAAC,EAAzD,KAAK,WAAA,EAAE,SAAS,eAAyC,CAAC;IAElE,OAAO,CACL,oBAAC,KAAK,CAAC,IAAI,uBAAK,SAAS,CAAC,IAAI;QAC3B,KAAK,CAAC,QAAQ;QACd,KAAK,CAAC,QAAQ,IAAI,oBAAC,KAAK,CAAC,QAAQ,uBAAK,SAAS,CAAC,QAAQ,EAAI,CAClD,CACd,CAAC;AACJ,CAAC,CAAC;AATW,QAAA,WAAW,eAStB","sourcesContent":["import * as React from 'react';\nimport { getSlots } from '@fluentui/react-utilities';\nimport { LabelState } from './Label.types';\nimport { labelShorthandProps } from './useLabel';\n\n/**\n * Render the final JSX of Label\n * {@docCategory Label}\n */\nexport const renderLabel = (state: LabelState) => {\n  const { slots, slotProps } = getSlots(state, labelShorthandProps);\n\n  return (\n    <slots.root {...slotProps.root}>\n      {state.children}\n      {state.required && <slots.required {...slotProps.required} />}\n    </slots.root>\n  );\n};\n"]}
+{"version":3,"sources":["../../../src/components/Label/renderLabel.tsx"],"names":[],"mappings":";;;;;;;;;AAAA,IAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,IAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;;AACA,IAAA,UAAA,gBAAA,OAAA,CAAA,YAAA,CAAA;AAGA;;AAEG;;;AACI,IAAM,WAAW,GAAG,UAAC,KAAD,EAAkB;AACrC,MAAA,EAAA,GAAuB,iBAAA,CAAA,QAAA,CAAqB,KAArB,EAA4B,UAAA,CAAA,mBAA5B,CAAvB;AAAA,MAAE,KAAK,GAAA,EAAA,CAAA,KAAP;AAAA,MAAS,SAAS,GAAA,EAAA,CAAA,SAAlB;;AAEN,SACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,OAAA,CAAA,QAAA,CAAA,EAAA,EAAK,SAAS,CAAC,IAAf,CAAX,EACG,KAAK,CAAC,IAAN,CAAW,QADd,EAEE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,QAAP,EAAe,OAAA,CAAA,QAAA,CAAA,EAAA,EAAK,SAAS,CAAC,QAAf,CAAf,CAFF,CADF;AAMD,CATM;;AAAM,OAAA,CAAA,WAAA,GAAW,WAAX","sourceRoot":""}

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

@@ -1,10 +1,10 @@
 import * as React from 'react';
-import { LabelProps, LabelShorthandProps, LabelState } from './Label.types';
+import type { LabelProps, LabelSlots, LabelState } from './Label.types';
 /**
  * Array of all shorthand properties listed in LabelShorthandProps
  * {@docCatergory Label}
  */
-export declare const labelShorthandProps: LabelShorthandProps[];
+export declare const labelShorthandProps: Array<keyof LabelSlots>;
 /**
  * Create the state required to render Label.
  *
@@ -13,8 +13,5 @@ export declare const labelShorthandProps: LabelShorthandProps[];
  *
  * @param props - props from this instance of Label
  * @param ref - reference to root HTMLElement of Label
- * @param defaultProps - (optional) default prop values provided by the implementing type
- *
- * {@docCategory Label}
  */
-export declare const useLabel: (props: LabelProps, ref: React.Ref<HTMLElement>, defaultProps?: LabelProps | undefined) => LabelState;
+export declare const useLabel: (props: LabelProps, ref: React.Ref<HTMLElement>) => LabelState;

package/lib-commonjs/components/Label/useLabel.js

@@ -1,14 +1,22 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 exports.useLabel = exports.labelShorthandProps = void 0;
-var tslib_1 = require("tslib");
-var react_utilities_1 = require("@fluentui/react-utilities");
+
+var tslib_1 = /*#__PURE__*/require("tslib");
+
+var react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
+
+var react_utilities_2 = /*#__PURE__*/require("@fluentui/react-utilities");
 /**
  * Array of all shorthand properties listed in LabelShorthandProps
  * {@docCatergory Label}
  */
-exports.labelShorthandProps = ['required'];
-var mergeProps = react_utilities_1.makeMergeProps({ deepMerge: exports.labelShorthandProps });
+
+
+exports.labelShorthandProps = ['root', 'required'];
 /**
  * Create the state required to render Label.
  *
@@ -17,39 +25,36 @@ var mergeProps = react_utilities_1.makeMergeProps({ deepMerge: exports.labelShor
  *
  * @param props - props from this instance of Label
  * @param ref - reference to root HTMLElement of Label
- * @param defaultProps - (optional) default prop values provided by the implementing type
- *
- * {@docCategory Label}
  */
-var useLabel = function (props, ref, defaultProps) {
-    var state = mergeProps({
-        ref: ref,
-        as: 'label',
-        size: 'medium',
-        required: {
-            as: 'span',
-        },
-    }, defaultProps && resolveLabelShorthandProps(defaultProps), resolveLabelShorthandProps(props));
-    return state;
+
+var useLabel = function (props, ref) {
+  var _a = props.disabled,
+      disabled = _a === void 0 ? false : _a,
+      _b = props.required,
+      required = _b === void 0 ? false : _b,
+      _c = props.strong,
+      strong = _c === void 0 ? false : _c,
+      _d = props.size,
+      size = _d === void 0 ? 'medium' : _d;
+  return {
+    disabled: disabled,
+    required: react_utilities_2.resolveShorthand(required === false ? null : required, {
+      required: !!required,
+      defaultProps: {
+        children: '*'
+      }
+    }),
+    strong: strong,
+    size: size,
+    components: {
+      root: 'label',
+      required: 'span'
+    },
+    root: react_utilities_1.getNativeElementProps('label', tslib_1.__assign({
+      ref: ref
+    }, props))
+  };
 };
+
 exports.useLabel = useLabel;
-/**
- * Label will first need to check if required is a boolean or shorthandprops,
- * this allows for the required prop to handle both the default asterisk for required
- * or a custom required text.
- */
-var resolveLabelShorthandProps = function (props) {
-    var propsNormalized;
-    if (props.required === true) {
-        propsNormalized = tslib_1.__assign(tslib_1.__assign({}, props), { required: { children: '*' } });
-    }
-    else if (props.required === false) {
-        propsNormalized = tslib_1.__assign(tslib_1.__assign({}, props), { required: undefined });
-    }
-    else {
-        // TypeScript needs a nudge to figure out that props.required won't be a boolean here
-        propsNormalized = props;
-    }
-    return react_utilities_1.resolveShorthandProps(propsNormalized, exports.labelShorthandProps);
-};
 //# sourceMappingURL=useLabel.js.map

package/lib-commonjs/components/Label/useLabel.js.map

@@ -1 +1 @@
-{"version":3,"file":"useLabel.js","sourceRoot":"../src/","sources":["components/Label/useLabel.tsx"],"names":[],"mappings":";;;;AACA,6DAAkF;AAGlF;;;GAGG;AACU,QAAA,mBAAmB,GAA0B,CAAC,UAAU,CAAC,CAAC;AAEvE,IAAM,UAAU,GAAG,gCAAc,CAAa,EAAE,SAAS,EAAE,2BAAmB,EAAE,CAAC,CAAC;AAElF;;;;;;;;;;;GAWG;AACI,IAAM,QAAQ,GAAG,UAAC,KAAiB,EAAE,GAA2B,EAAE,YAAyB;IAChG,IAAM,KAAK,GAAG,UAAU,CACtB;QACE,GAAG,KAAA;QACH,EAAE,EAAE,OAAO;QACX,IAAI,EAAE,QAAQ;QACd,QAAQ,EAAE;YACR,EAAE,EAAE,MAAM;SACX;KACF,EACD,YAAY,IAAI,0BAA0B,CAAC,YAAY,CAAC,EACxD,0BAA0B,CAAC,KAAK,CAAC,CAClC,CAAC;IAEF,OAAO,KAAK,CAAC;AACf,CAAC,CAAC;AAfW,QAAA,QAAQ,YAenB;AAEF;;;;GAIG;AACH,IAAM,0BAA0B,GAAG,UAAC,KAAiB;IACnD,IAAI,eAAe,CAAC;IACpB,IAAI,KAAK,CAAC,QAAQ,KAAK,IAAI,EAAE;QAC3B,eAAe,yCAAQ,KAAK,KAAE,QAAQ,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAE,CAAC;KAC7D;SAAM,IAAI,KAAK,CAAC,QAAQ,KAAK,KAAK,EAAE;QACnC,eAAe,yCAAQ,KAAK,KAAE,QAAQ,EAAE,SAAS,GAAE,CAAC;KACrD;SAAM;QACL,qFAAqF;QACrF,eAAe,GAAG,KAA6E,CAAC;KACjG;IAED,OAAO,uCAAqB,CAAC,eAAe,EAAE,2BAAmB,CAAC,CAAC;AACrE,CAAC,CAAC","sourcesContent":["import * as React from 'react';\nimport { makeMergeProps, resolveShorthandProps } from '@fluentui/react-utilities';\nimport { LabelProps, LabelShorthandProps, LabelState } from './Label.types';\n\n/**\n * Array of all shorthand properties listed in LabelShorthandProps\n * {@docCatergory Label}\n */\nexport const labelShorthandProps: LabelShorthandProps[] = ['required'];\n\nconst mergeProps = makeMergeProps<LabelState>({ deepMerge: labelShorthandProps });\n\n/**\n * Create the state required to render Label.\n *\n * The returned state can be modified with hooks such as useLabelStyles,\n * before being passed to renderLabel.\n *\n * @param props - props from this instance of Label\n * @param ref - reference to root HTMLElement of Label\n * @param defaultProps - (optional) default prop values provided by the implementing type\n *\n * {@docCategory Label}\n */\nexport const useLabel = (props: LabelProps, ref: React.Ref<HTMLElement>, defaultProps?: LabelProps): LabelState => {\n  const state = mergeProps(\n    {\n      ref,\n      as: 'label',\n      size: 'medium',\n      required: {\n        as: 'span',\n      },\n    },\n    defaultProps && resolveLabelShorthandProps(defaultProps),\n    resolveLabelShorthandProps(props),\n  );\n\n  return state;\n};\n\n/**\n * Label will first need to check if required is a boolean or shorthandprops,\n * this allows for the required prop to handle both the default asterisk for required\n * or a custom required text.\n */\nconst resolveLabelShorthandProps = (props: LabelProps) => {\n  let propsNormalized;\n  if (props.required === true) {\n    propsNormalized = { ...props, required: { children: '*' } };\n  } else if (props.required === false) {\n    propsNormalized = { ...props, required: undefined };\n  } else {\n    // TypeScript needs a nudge to figure out that props.required won't be a boolean here\n    propsNormalized = props as LabelProps & { required?: Exclude<LabelProps['required'], boolean> };\n  }\n\n  return resolveShorthandProps(propsNormalized, labelShorthandProps);\n};\n"]}
+{"version":3,"sources":["../../../src/components/Label/useLabel.tsx"],"names":[],"mappings":";;;;;;;;;AACA,IAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;;AAEA,IAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;AAEA;;;AAGG;;;AACU,OAAA,CAAA,mBAAA,GAA+C,CAAC,MAAD,EAAS,UAAT,CAA/C;AAEb;;;;;;;;AAQG;;AACI,IAAM,QAAQ,GAAG,UAAC,KAAD,EAAoB,GAApB,EAA+C;AAC7D,MAAA,EAAA,GAAwE,KAAK,CAA7D,QAAhB;AAAA,MAAA,QAAQ,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,KAAH,GAAQ,EAAhB;AAAA,MAAkB,EAAA,GAAsD,KAAK,CAA3C,QAAlC;AAAA,MAAkB,QAAQ,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,KAAH,GAAQ,EAAlC;AAAA,MAAoC,EAAA,GAAoC,KAAK,CAA3B,MAAlD;AAAA,MAAoC,MAAM,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,KAAH,GAAQ,EAAlD;AAAA,MAAoD,EAAA,GAAoB,KAAK,CAAV,IAAnE;AAAA,MAAoD,IAAI,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,QAAH,GAAW,EAAnE;AACR,SAAO;AACL,IAAA,QAAQ,EAAA,QADH;AAEL,IAAA,QAAQ,EAAE,iBAAA,CAAA,gBAAA,CAAiB,QAAQ,KAAK,KAAb,GAAqB,IAArB,GAA4B,QAA7C,EAAuD;AAC/D,MAAA,QAAQ,EAAE,CAAC,CAAC,QADmD;AAE/D,MAAA,YAAY,EAAE;AAAE,QAAA,QAAQ,EAAE;AAAZ;AAFiD,KAAvD,CAFL;AAML,IAAA,MAAM,EAAA,MAND;AAOL,IAAA,IAAI,EAAA,IAPC;AAQL,IAAA,UAAU,EAAE;AAAE,MAAA,IAAI,EAAE,OAAR;AAAiB,MAAA,QAAQ,EAAE;AAA3B,KARP;AASL,IAAA,IAAI,EAAE,iBAAA,CAAA,qBAAA,CAAsB,OAAtB,EAA6B,OAAA,CAAA,QAAA,CAAA;AAAI,MAAA,GAAG,EAAA;AAAP,KAAA,EAAY,KAAZ,CAA7B;AATD,GAAP;AAWD,CAbM;;AAAM,OAAA,CAAA,QAAA,GAAQ,QAAR","sourceRoot":""}

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

@@ -1,4 +1,4 @@
-import { LabelState } from './Label.types';
+import type { LabelState } from './Label.types';
 /**
  * Apply styling to the Label slots based on the state
  */

package/lib-commonjs/components/Label/useLabelStyles.js

@@ -1,48 +1,62 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 exports.useLabelStyles = void 0;
-var react_make_styles_1 = require("@fluentui/react-make-styles");
+
+var react_make_styles_1 = /*#__PURE__*/require("@fluentui/react-make-styles");
 /**
  * Styles for the label
  */
-var useStyles = react_make_styles_1.makeStyles({
-    root: function (theme) { return ({
-        fontFamily: theme.global.type.fontFamilies.base,
-        fontSize: theme.global.type.fontSizes.base[300],
-        color: theme.alias.color.neutral.neutralForeground1,
-    }); },
-    disabled: function (theme) { return ({
-        color: theme.alias.color.neutral.neutralForegroundDisabled,
-    }); },
-    required: function (theme) { return ({
-        color: theme.alias.color.red.foreground3,
-        // TODO: Once spacing tokens are added, change this to Horizontal XS
-        paddingLeft: '4px',
-    }); },
-    small: function (theme) { return ({
-        fontSize: theme.global.type.fontSizes.base[200],
-    }); },
-    medium: function (theme) { return ({
-        fontSize: theme.global.type.fontSizes.base[300],
-    }); },
-    large: function (theme) { return ({
-        fontSize: theme.global.type.fontSizes.base[400],
-        fontWeight: theme.global.type.fontWeights.semibold,
-    }); },
-    strong: function (theme) { return ({
-        fontWeight: theme.global.type.fontWeights.semibold,
-    }); },
+
+
+var useStyles = /*#__PURE__*/react_make_styles_1.__styles({
+  "root": {
+    "Bahqtrf": "fk6fouc",
+    "sj55zd": "f19n0e5"
+  },
+  "disabled": {
+    "sj55zd": "f1s2aq7o"
+  },
+  "required": {
+    "sj55zd": "f1whyuy6",
+    "uwmqm3": ["fycuoez", "f8wuabp"]
+  },
+  "small": {
+    "Be2twd7": "fy9rknc",
+    "Bg96gwp": "fwrc4pm"
+  },
+  "medium": {
+    "Be2twd7": "fkhj508",
+    "Bg96gwp": "f1i3iumi"
+  },
+  "large": {
+    "Be2twd7": "fod5ikn",
+    "Bg96gwp": "faaz57k",
+    "Bhrd7zp": "fl43uef"
+  },
+  "strong": {
+    "Bhrd7zp": "fl43uef"
+  }
+}, {
+  "d": [".fk6fouc{font-family:var(--fontFamilyBase);}", ".f19n0e5{color:var(--colorNeutralForeground1);}", ".f1s2aq7o{color:var(--colorNeutralForegroundDisabled);}", ".f1whyuy6{color:var(--colorPaletteRedForeground3);}", ".fycuoez{padding-left:4px;}", ".f8wuabp{padding-right:4px;}", ".fy9rknc{font-size:var(--fontSizeBase200);}", ".fwrc4pm{line-height:var(--lineHeightBase200);}", ".fkhj508{font-size:var(--fontSizeBase300);}", ".f1i3iumi{line-height:var(--lineHeightBase300);}", ".fod5ikn{font-size:var(--fontSizeBase400);}", ".faaz57k{line-height:var(--lineHeightBase400);}", ".fl43uef{font-weight:var(--fontWeightSemibold);}"]
 });
 /**
  * Apply styling to the Label slots based on the state
  */
+
+
 var useLabelStyles = function (state) {
-    var styles = useStyles();
-    state.className = react_make_styles_1.mergeClasses(styles.root, state.disabled && styles.disabled, styles[state.size], state.strong && styles.strong, state.className);
-    if (state.required) {
-        state.required.className = react_make_styles_1.mergeClasses(styles.required, state.required.className);
-    }
-    return state;
+  var styles = useStyles();
+  state.root.className = react_make_styles_1.mergeClasses(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);
+  }
+
+  return state;
 };
+
 exports.useLabelStyles = useLabelStyles;
 //# sourceMappingURL=useLabelStyles.js.map

package/lib-commonjs/components/Label/useLabelStyles.js.map

@@ -1 +1 @@
-{"version":3,"file":"useLabelStyles.js","sourceRoot":"../src/","sources":["components/Label/useLabelStyles.ts"],"names":[],"mappings":";;;AAAA,iEAAuE;AAGvE;;GAEG;AACH,IAAM,SAAS,GAAG,8BAAU,CAAC;IAC3B,IAAI,EAAE,UAAA,KAAK,IAAI,OAAA,CAAC;QACd,UAAU,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI;QAC/C,QAAQ,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC;QAC/C,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,kBAAkB;KACpD,CAAC,EAJa,CAIb;IAEF,QAAQ,EAAE,UAAA,KAAK,IAAI,OAAA,CAAC;QAClB,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,yBAAyB;KAC3D,CAAC,EAFiB,CAEjB;IAEF,QAAQ,EAAE,UAAA,KAAK,IAAI,OAAA,CAAC;QAClB,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,WAAW;QACxC,oEAAoE;QACpE,WAAW,EAAE,KAAK;KACnB,CAAC,EAJiB,CAIjB;IAEF,KAAK,EAAE,UAAA,KAAK,IAAI,OAAA,CAAC;QACf,QAAQ,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC;KAChD,CAAC,EAFc,CAEd;IAEF,MAAM,EAAE,UAAA,KAAK,IAAI,OAAA,CAAC;QAChB,QAAQ,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC;KAChD,CAAC,EAFe,CAEf;IAEF,KAAK,EAAE,UAAA,KAAK,IAAI,OAAA,CAAC;QACf,QAAQ,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC;QAC/C,UAAU,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,QAAQ;KACnD,CAAC,EAHc,CAGd;IAEF,MAAM,EAAE,UAAA,KAAK,IAAI,OAAA,CAAC;QAChB,UAAU,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,QAAQ;KACnD,CAAC,EAFe,CAEf;CACH,CAAC,CAAC;AAEH;;GAEG;AACI,IAAM,cAAc,GAAG,UAAC,KAAiB;IAC9C,IAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAC3B,KAAK,CAAC,SAAS,GAAG,gCAAY,CAC5B,MAAM,CAAC,IAAI,EACX,KAAK,CAAC,QAAQ,IAAI,MAAM,CAAC,QAAQ,EACjC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,EAClB,KAAK,CAAC,MAAM,IAAI,MAAM,CAAC,MAAM,EAC7B,KAAK,CAAC,SAAS,CAChB,CAAC;IAEF,IAAI,KAAK,CAAC,QAAQ,EAAE;QAClB,KAAK,CAAC,QAAQ,CAAC,SAAS,GAAG,gCAAY,CAAC,MAAM,CAAC,QAAQ,EAAE,KAAK,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC;KACpF;IAED,OAAO,KAAK,CAAC;AACf,CAAC,CAAC;AAfW,QAAA,cAAc,kBAezB","sourcesContent":["import { makeStyles, mergeClasses } from '@fluentui/react-make-styles';\nimport { LabelState } from './Label.types';\n\n/**\n * Styles for the label\n */\nconst useStyles = makeStyles({\n  root: theme => ({\n    fontFamily: theme.global.type.fontFamilies.base,\n    fontSize: theme.global.type.fontSizes.base[300],\n    color: theme.alias.color.neutral.neutralForeground1,\n  }),\n\n  disabled: theme => ({\n    color: theme.alias.color.neutral.neutralForegroundDisabled,\n  }),\n\n  required: theme => ({\n    color: theme.alias.color.red.foreground3,\n    // TODO: Once spacing tokens are added, change this to Horizontal XS\n    paddingLeft: '4px',\n  }),\n\n  small: theme => ({\n    fontSize: theme.global.type.fontSizes.base[200],\n  }),\n\n  medium: theme => ({\n    fontSize: theme.global.type.fontSizes.base[300],\n  }),\n\n  large: theme => ({\n    fontSize: theme.global.type.fontSizes.base[400],\n    fontWeight: theme.global.type.fontWeights.semibold,\n  }),\n\n  strong: theme => ({\n    fontWeight: theme.global.type.fontWeights.semibold,\n  }),\n});\n\n/**\n * Apply styling to the Label slots based on the state\n */\nexport const useLabelStyles = (state: LabelState): LabelState => {\n  const styles = useStyles();\n  state.className = mergeClasses(\n    styles.root,\n    state.disabled && styles.disabled,\n    styles[state.size],\n    state.strong && styles.strong,\n    state.className,\n  );\n\n  if (state.required) {\n    state.required.className = mergeClasses(styles.required, state.required.className);\n  }\n\n  return state;\n};\n"]}
+{"version":3,"sources":["../../../src/components/Label/useLabelStyles.ts"],"names":[],"mappings":";;;;;;;AAAA,IAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;AAGA;;AAEG;;;AACH,IAAM,SAAS,gBAAG,mBAAA,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAoCA;;AAEG;;;AACI,IAAM,cAAc,GAAG,UAAC,KAAD,EAAkB;AAC9C,MAAM,MAAM,GAAG,SAAS,EAAxB;AACA,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,mBAAA,CAAA,YAAA,CACrB,MAAM,CAAC,IADc,EAErB,KAAK,CAAC,QAAN,IAAkB,MAAM,CAAC,QAFJ,EAGrB,MAAM,CAAC,KAAK,CAAC,IAAP,CAHe,EAIrB,KAAK,CAAC,MAAN,IAAgB,MAAM,CAAC,MAJF,EAKrB,KAAK,CAAC,IAAN,CAAW,SALU,CAAvB;;AAQA,MAAI,KAAK,CAAC,QAAV,EAAoB;AAClB,IAAA,KAAK,CAAC,QAAN,CAAe,SAAf,GAA2B,mBAAA,CAAA,YAAA,CAAa,MAAM,CAAC,QAApB,EAA8B,KAAK,CAAC,QAAN,CAAe,SAA7C,CAA3B;AACD;;AAED,SAAO,KAAP;AACD,CAfM;;AAAM,OAAA,CAAA,cAAA,GAAc,cAAd","sourceRoot":""}

package/lib-commonjs/index.js

@@ -1,5 +1,10 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var tslib_1 = /*#__PURE__*/require("tslib");
+
 tslib_1.__exportStar(require("./Label"), exports);
 //# sourceMappingURL=index.js.map

package/lib-commonjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["index.ts"],"names":[],"mappings":";;;AAEA,kDAAwB","sourcesContent":["// TODO: replace with real exports\nexport {};\nexport * from './Label';\n"]}
+{"version":3,"sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;AAEA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,SAAA,CAAA,EAAA,OAAA","sourceRoot":""}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-label",
-  "version": "9.0.0-alpha.9",
+  "version": "9.0.0-nightly.46b9ea7036.0",
   "description": "Label component for FluentUI library.",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -13,19 +13,23 @@
   "license": "MIT",
   "scripts": {
     "build": "just-scripts build",
+    "bundle-size": "bundle-size measure",
     "clean": "just-scripts clean",
     "code-style": "just-scripts code-style",
     "just": "just-scripts",
     "lint": "just-scripts lint",
-    "start": "just-scripts dev:storybook",
-    "start-test": "just-scripts jest-watch",
-    "test": "just-scripts test",
-    "update-snapshots": "just-scripts jest -u"
+    "start": "yarn storybook",
+    "test": "jest",
+    "docs": "api-extractor run --config=config/api-extractor.local.json --local",
+    "build:local": "tsc -p . --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output dist/packages/react-label/src && yarn docs",
+    "storybook": "start-storybook"
   },
   "devDependencies": {
-    "@fluentui/eslint-plugin": "^1.3.1",
-    "@fluentui/jest-serializer-make-styles": "^9.0.0-alpha.18",
-    "@fluentui/react-conformance": "^0.4.1",
+    "@fluentui/babel-make-styles": "9.0.0-nightly.46b9ea7036.0",
+    "@fluentui/eslint-plugin": "*",
+    "@fluentui/jest-serializer-make-styles": "9.0.0-nightly.46b9ea7036.0",
+    "@fluentui/react-conformance": "*",
+    "@fluentui/react-conformance-make-styles": "9.0.0-nightly.46b9ea7036.0",
     "@fluentui/scripts": "^1.0.0",
     "@types/enzyme": "3.10.3",
     "@types/enzyme-adapter-react-16": "1.0.3",
@@ -39,8 +43,8 @@
     "react-test-renderer": "^16.3.0"
   },
   "dependencies": {
-    "@fluentui/react-make-styles": "^9.0.0-alpha.42",
-    "@fluentui/react-utilities": "^9.0.0-alpha.29",
+    "@fluentui/react-make-styles": "9.0.0-nightly.46b9ea7036.0",
+    "@fluentui/react-utilities": "9.0.0-nightly.46b9ea7036.0",
     "tslib": "^2.1.0"
   },
   "peerDependencies": {
@@ -50,7 +54,7 @@
     "react-dom": ">=16.8.0 <18.0.0"
   },
   "beachball": {
-    "tag": "alpha",
+    "tag": "beta",
     "disallowedChangeTypes": [
       "major",
       "minor",

package/config/api-extractor.json

@@ -1,3 +0,0 @@
-{
-  "extends": "@fluentui/scripts/api-extractor/api-extractor.common.json"
-}

package/config/tests.js

@@ -1,7 +0,0 @@
-/** Jest test setup file. */
-
-const { configure } = require('enzyme');
-const Adapter = require('enzyme-adapter-react-16');
-
-// Configure enzyme.
-configure({ adapter: new Adapter() });