@fluentui/react-label 9.0.0-alpha.9 → 9.0.0-beta.11

package/lib-commonjs/index.js

@@ -1,5 +1,47 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./Label"), exports);
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useLabel_unstable = exports.useLabelStyles_unstable = exports.renderLabel_unstable = exports.labelClassNames = exports.labelClassName = exports.Label = void 0;
+
+var Label_1 = /*#__PURE__*/require("./Label");
+
+Object.defineProperty(exports, "Label", {
+  enumerable: true,
+  get: function () {
+    return Label_1.Label;
+  }
+}); // eslint-disable-next-line deprecation/deprecation
+
+Object.defineProperty(exports, "labelClassName", {
+  enumerable: true,
+  get: function () {
+    return Label_1.labelClassName;
+  }
+});
+Object.defineProperty(exports, "labelClassNames", {
+  enumerable: true,
+  get: function () {
+    return Label_1.labelClassNames;
+  }
+});
+Object.defineProperty(exports, "renderLabel_unstable", {
+  enumerable: true,
+  get: function () {
+    return Label_1.renderLabel_unstable;
+  }
+});
+Object.defineProperty(exports, "useLabelStyles_unstable", {
+  enumerable: true,
+  get: function () {
+    return Label_1.useLabelStyles_unstable;
+  }
+});
+Object.defineProperty(exports, "useLabel_unstable", {
+  enumerable: true,
+  get: function () {
+    return Label_1.useLabel_unstable;
+  }
+});
 //# 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":["index.ts"],"names":[],"mappings":";;;;;;;AAAA,IAAA,OAAA,gBAAA,OAAA,CAAA,SAAA,CAAA;;AACE,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,OAAA,EAAA;AAAA,EAAA,UAAA,EAAA,IAAA;AAAA,EAAA,GAAA,EAAA,YAAA;AAAA,WAAA,OAAA,CAAA,KAAA;AAAK;AAAL,CAAA,E,CACA;;AACA,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,gBAAA,EAAA;AAAA,EAAA,UAAA,EAAA,IAAA;AAAA,EAAA,GAAA,EAAA,YAAA;AAAA,WAAA,OAAA,CAAA,cAAA;AAAc;AAAd,CAAA;AACA,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,iBAAA,EAAA;AAAA,EAAA,UAAA,EAAA,IAAA;AAAA,EAAA,GAAA,EAAA,YAAA;AAAA,WAAA,OAAA,CAAA,eAAA;AAAe;AAAf,CAAA;AACA,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,sBAAA,EAAA;AAAA,EAAA,UAAA,EAAA,IAAA;AAAA,EAAA,GAAA,EAAA,YAAA;AAAA,WAAA,OAAA,CAAA,oBAAA;AAAoB;AAApB,CAAA;AACA,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,yBAAA,EAAA;AAAA,EAAA,UAAA,EAAA,IAAA;AAAA,EAAA,GAAA,EAAA,YAAA;AAAA,WAAA,OAAA,CAAA,uBAAA;AAAuB;AAAvB,CAAA;AACA,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,mBAAA,EAAA;AAAA,EAAA,UAAA,EAAA,IAAA;AAAA,EAAA,GAAA,EAAA,YAAA;AAAA,WAAA,OAAA,CAAA,iBAAA;AAAiB;AAAjB,CAAA","sourcesContent":["export {\n  Label,\n  // eslint-disable-next-line deprecation/deprecation\n  labelClassName,\n  labelClassNames,\n  renderLabel_unstable,\n  useLabelStyles_unstable,\n  useLabel_unstable,\n} from './Label';\nexport type { LabelProps, LabelSlots, LabelState } from './Label';\n"],"sourceRoot":"../src/"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@fluentui/react-label",
-  "version": "9.0.0-alpha.9",
-  "description": "Label component for FluentUI library.",
+  "version": "9.0.0-beta.11",
+  "description": "Fluent UI React Label component",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
   "typings": "lib/index.d.ts",
@@ -13,34 +13,28 @@
   "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 --passWithNoTests",
+    "docs": "api-extractor run --config=config/api-extractor.local.json --local",
+    "build:local": "tsc -p ./tsconfig.lib.json --module esnext --emitDeclarationOnly && node ../../../scripts/typescript/normalize-import --output ./dist/packages/react-components/react-label/src && yarn docs",
+    "storybook": "node ../../../scripts/storybook/runner",
+    "type-check": "tsc -b tsconfig.json"
   },
   "devDependencies": {
-    "@fluentui/eslint-plugin": "^1.3.1",
-    "@fluentui/jest-serializer-make-styles": "^9.0.0-alpha.18",
-    "@fluentui/react-conformance": "^0.4.1",
-    "@fluentui/scripts": "^1.0.0",
-    "@types/enzyme": "3.10.3",
-    "@types/enzyme-adapter-react-16": "1.0.3",
-    "@types/react": "16.9.42",
-    "@types/react-dom": "16.9.10",
-    "@types/react-test-renderer": "^16.0.0",
-    "enzyme": "~3.10.0",
-    "enzyme-adapter-react-16": "^1.15.0",
-    "react": "16.8.6",
-    "react-dom": "16.8.6",
-    "react-test-renderer": "^16.3.0"
+    "@fluentui/eslint-plugin": "*",
+    "@fluentui/react-conformance": "*",
+    "@fluentui/react-conformance-griffel": "9.0.0-beta.4",
+    "@fluentui/scripts": "^1.0.0"
   },
   "dependencies": {
-    "@fluentui/react-make-styles": "^9.0.0-alpha.42",
-    "@fluentui/react-utilities": "^9.0.0-alpha.29",
+    "@fluentui/react-theme": "9.0.0-rc.6",
+    "@fluentui/react-utilities": "9.0.0-rc.7",
+    "@griffel/react": "1.0.3",
     "tslib": "^2.1.0"
   },
   "peerDependencies": {
@@ -50,11 +44,17 @@
     "react-dom": ">=16.8.0 <18.0.0"
   },
   "beachball": {
-    "tag": "alpha",
     "disallowedChangeTypes": [
       "major",
       "minor",
       "patch"
     ]
+  },
+  "exports": {
+    ".": {
+      "types": "./lib/index.d.ts",
+      "import": "./lib/index.js",
+      "require": "./lib-commonjs/index.js"
+    }
   }
 }

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() });

package/dist/react-label.d.ts

@@ -1,99 +0,0 @@
-import { ComponentProps } from '@fluentui/react-utilities';
-import { ComponentState } from '@fluentui/react-utilities';
-import { ObjectShorthandProps } from '@fluentui/react-utilities';
-import * as React_2 from 'react';
-import { ShorthandProps } from '@fluentui/react-utilities';
-
-/**
- * A label component provides a title or name to a component.
- * {@docCategory Label}
- */
-export declare const Label: React_2.ForwardRefExoticComponent<LabelProps & React_2.RefAttributes<HTMLElement>>;
-
-/**
- * Names of LabelProps that have a default value in useLabel
- * {@docCategory Label}
- */
-export declare type LabelDefaultedProps = 'size';
-
-/**
- * Label Props
- * {@docCategory Label}
- */
-export declare interface LabelProps extends ComponentProps, React_2.LabelHTMLAttributes<HTMLLabelElement> {
-    /**
-     * 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>;
-    /**
-     * A label supports different sizes.
-     * @defaultvalue 'medium'
-     */
-    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';
-
-/**
- * Array of all shorthand properties listed in LabelShorthandProps
- * {@docCatergory Label}
- */
-export declare const labelShorthandProps: LabelShorthandProps[];
-
-/**
- * State used in rendering Label
- * {@docCategory Label}
- */
-export declare interface LabelState extends ComponentState<LabelProps, LabelShorthandProps, LabelDefaultedProps> {
-    /**
-     * Ref to the root element
-     */
-    ref: React_2.Ref<HTMLElement>;
-    /**
-     * The required prop resolved to a slot object
-     */
-    required?: ObjectShorthandProps<ComponentProps>;
-}
-
-/**
- * Render the final JSX of Label
- * {@docCategory Label}
- */
-export declare const renderLabel: (state: LabelState) => JSX.Element;
-
-/**
- * Create the state required to render Label.
- *
- * The returned state can be modified with hooks such as useLabelStyles,
- * before being passed to renderLabel.
- *
- * @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_2.Ref<HTMLElement>, defaultProps?: LabelProps | undefined) => LabelState;
-
-/**
- * Apply styling to the Label slots based on the state
- */
-export declare const useLabelStyles: (state: LabelState) => LabelState;
-
-export { }

package/etc/react-label.api.md

@@ -1,51 +0,0 @@
-## API Report File for "@fluentui/react-label"
-
-> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
-
-```ts
-
-import { ComponentProps } from '@fluentui/react-utilities';
-import { ComponentState } from '@fluentui/react-utilities';
-import { ObjectShorthandProps } from '@fluentui/react-utilities';
-import * as React_2 from 'react';
-import { ShorthandProps } from '@fluentui/react-utilities';
-
-// @public
-export const Label: React_2.ForwardRefExoticComponent<LabelProps & React_2.RefAttributes<HTMLElement>>;
-
-// @public
-export type LabelDefaultedProps = 'size';
-
-// @public
-export interface LabelProps extends ComponentProps, React_2.LabelHTMLAttributes<HTMLLabelElement> {
-    disabled?: boolean;
-    required?: boolean | ShorthandProps<ComponentProps>;
-    size?: 'small' | 'medium' | 'large';
-    strong?: boolean;
-}
-
-// @public
-export type LabelShorthandProps = 'required';
-
-// @public
-export const labelShorthandProps: LabelShorthandProps[];
-
-// @public
-export interface LabelState extends ComponentState<LabelProps, LabelShorthandProps, LabelDefaultedProps> {
-    ref: React_2.Ref<HTMLElement>;
-    required?: ObjectShorthandProps<ComponentProps>;
-}
-
-// @public
-export const renderLabel: (state: LabelState) => JSX.Element;
-
-// @public
-export const useLabel: (props: LabelProps, ref: React_2.Ref<HTMLElement>, defaultProps?: LabelProps | undefined) => LabelState;
-
-// @public
-export const useLabelStyles: (state: LabelState) => LabelState;
-
-
-// (No @packageDocumentation comment for this package)
-
-```

package/just.config.ts

@@ -1,3 +0,0 @@
-import { preset } from '@fluentui/scripts';
-
-preset();

package/lib/common/isConformant.d.ts

@@ -1,4 +0,0 @@
-import { IsConformantOptions } from '@fluentui/react-conformance';
-export declare function isConformant<TProps = {}>(testInfo: Omit<IsConformantOptions<TProps>, 'componentPath'> & {
-    componentPath?: string;
-}): void;

package/lib/common/isConformant.js

@@ -1,9 +0,0 @@
-import { isConformant as baseIsConformant } from '@fluentui/react-conformance';
-export function isConformant(testInfo) {
-    var defaultOptions = {
-        asPropHandlesRef: true,
-        componentPath: module.parent.filename.replace('.test', ''),
-    };
-    baseIsConformant(defaultOptions, testInfo);
-}
-//# sourceMappingURL=isConformant.js.map

package/lib/common/isConformant.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"isConformant.js","sourceRoot":"../src/","sources":["common/isConformant.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,IAAI,gBAAgB,EAAuB,MAAM,6BAA6B,CAAC;AAEpG,MAAM,UAAU,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,gBAAgB,CAAC,cAAc,EAAE,QAAQ,CAAC,CAAC;AAC7C,CAAC","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"]}

package/lib-amd/Label.d.ts

@@ -1 +0,0 @@
-export * from './components/Label/index';

package/lib-amd/Label.js

@@ -1,6 +0,0 @@
-define(["require", "exports", "tslib", "./components/Label/index"], function (require, exports, tslib_1, index_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    tslib_1.__exportStar(index_1, exports);
-});
-//# sourceMappingURL=Label.js.map

package/lib-amd/Label.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Label.js","sourceRoot":"../src/","sources":["Label.ts"],"names":[],"mappings":";;;IAAA,uCAAyC","sourcesContent":["export * from './components/Label/index';\n"]}

package/lib-amd/common/isConformant.d.ts

@@ -1,4 +0,0 @@
-import { IsConformantOptions } from '@fluentui/react-conformance';
-export declare function isConformant<TProps = {}>(testInfo: Omit<IsConformantOptions<TProps>, 'componentPath'> & {
-    componentPath?: string;
-}): void;

package/lib-amd/common/isConformant.js

@@ -1,14 +0,0 @@
-define(["require", "exports", "@fluentui/react-conformance"], function (require, exports, react_conformance_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.isConformant = void 0;
-    function isConformant(testInfo) {
-        var defaultOptions = {
-            asPropHandlesRef: true,
-            componentPath: module.parent.filename.replace('.test', ''),
-        };
-        react_conformance_1.isConformant(defaultOptions, testInfo);
-    }
-    exports.isConformant = isConformant;
-});
-//# sourceMappingURL=isConformant.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"isConformant.js","sourceRoot":"../src/","sources":["common/isConformant.ts"],"names":[],"mappings":";;;;IAEA,SAAgB,YAAY,CAC1B,QAAyF;QAEzF,IAAM,cAAc,GAAyC;YAC3D,gBAAgB,EAAE,IAAI;YACtB,aAAa,EAAE,MAAO,CAAC,MAAO,CAAC,QAAQ,CAAC,OAAO,CAAC,OAAO,EAAE,EAAE,CAAC;SAC7D,CAAC;QAEF,gCAAgB,CAAC,cAAc,EAAE,QAAQ,CAAC,CAAC;IAC7C,CAAC;IATD,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"]}

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

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

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

@@ -1,16 +0,0 @@
-define(["require", "exports", "react", "./useLabel", "./renderLabel", "./useLabelStyles"], function (require, exports, React, useLabel_1, renderLabel_1, useLabelStyles_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.Label = void 0;
-    /**
-     * 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.displayName = 'Label';
-});
-//# sourceMappingURL=Label.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Label.js","sourceRoot":"../src/","sources":["components/Label/Label.tsx"],"names":[],"mappings":";;;;IAMA;;;OAGG;IACU,QAAA,KAAK,GAAG,KAAK,CAAC,UAAU,CAA0B,UAAC,KAAK,EAAE,GAAG;QACxE,IAAM,KAAK,GAAG,mBAAQ,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;QAEnC,+BAAc,CAAC,KAAK,CAAC,CAAC;QACtB,OAAO,yBAAW,CAAC,KAAK,CAAC,CAAC;IAC5B,CAAC,CAAC,CAAC;IAEH,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"]}

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

@@ -1,53 +0,0 @@
-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> {
-    /**
-     * 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>;
-    /**
-     * A label supports different sizes.
-     * @defaultvalue 'medium'
-     */
-    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';
-/**
- * State used in rendering Label
- * {@docCategory Label}
- */
-export interface LabelState extends ComponentState<LabelProps, LabelShorthandProps, LabelDefaultedProps> {
-    /**
-     * Ref to the root element
-     */
-    ref: React.Ref<HTMLElement>;
-    /**
-     * The required prop resolved to a slot object
-     */
-    required?: ObjectShorthandProps<ComponentProps>;
-}

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

@@ -1,5 +0,0 @@
-define(["require", "exports"], function (require, exports) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-});
-//# sourceMappingURL=Label.types.js.map

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

@@ -1 +0,0 @@
-{"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"]}

package/lib-amd/components/Label/index.d.ts

@@ -1,5 +0,0 @@
-export * from './Label';
-export * from './Label.types';
-export * from './renderLabel';
-export * from './useLabel';
-export * from './useLabelStyles';

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

@@ -1,10 +0,0 @@
-define(["require", "exports", "tslib", "./Label", "./Label.types", "./renderLabel", "./useLabel", "./useLabelStyles"], function (require, exports, tslib_1, Label_1, Label_types_1, renderLabel_1, useLabel_1, useLabelStyles_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    tslib_1.__exportStar(Label_1, exports);
-    tslib_1.__exportStar(Label_types_1, exports);
-    tslib_1.__exportStar(renderLabel_1, exports);
-    tslib_1.__exportStar(useLabel_1, exports);
-    tslib_1.__exportStar(useLabelStyles_1, exports);
-});
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["components/Label/index.ts"],"names":[],"mappings":";;;IAAA,uCAAwB;IACxB,6CAA8B;IAC9B,6CAA8B;IAC9B,0CAA2B;IAC3B,gDAAiC","sourcesContent":["export * from './Label';\nexport * from './Label.types';\nexport * from './renderLabel';\nexport * from './useLabel';\nexport * from './useLabelStyles';\n"]}

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

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

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

@@ -1,17 +0,0 @@
-define(["require", "exports", "tslib", "react", "@fluentui/react-utilities", "./useLabel"], function (require, exports, tslib_1, React, react_utilities_1, useLabel_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.renderLabel = void 0;
-    /**
-     * 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))));
-    };
-    exports.renderLabel = renderLabel;
-});
-//# sourceMappingURL=renderLabel.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"renderLabel.js","sourceRoot":"../src/","sources":["components/Label/renderLabel.tsx"],"names":[],"mappings":";;;;IAKA;;;OAGG;IACI,IAAM,WAAW,GAAG,UAAC,KAAiB;QACrC,IAAA,KAAuB,0BAAQ,CAAC,KAAK,EAAE,8BAAmB,CAAC,EAAzD,KAAK,WAAA,EAAE,SAAS,eAAyC,CAAC;QAElE,OAAO,CACL,oBAAC,KAAK,CAAC,IAAI,uBAAK,SAAS,CAAC,IAAI;YAC3B,KAAK,CAAC,QAAQ;YACd,KAAK,CAAC,QAAQ,IAAI,oBAAC,KAAK,CAAC,QAAQ,uBAAK,SAAS,CAAC,QAAQ,EAAI,CAClD,CACd,CAAC;IACJ,CAAC,CAAC;IATW,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"]}

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

@@ -1,20 +0,0 @@
-import * as React from 'react';
-import { LabelProps, LabelShorthandProps, LabelState } from './Label.types';
-/**
- * Array of all shorthand properties listed in LabelShorthandProps
- * {@docCatergory Label}
- */
-export declare const labelShorthandProps: LabelShorthandProps[];
-/**
- * Create the state required to render Label.
- *
- * The returned state can be modified with hooks such as useLabelStyles,
- * before being passed to renderLabel.
- *
- * @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;

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

@@ -1,55 +0,0 @@
-define(["require", "exports", "tslib", "@fluentui/react-utilities"], function (require, exports, tslib_1, react_utilities_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.useLabel = exports.labelShorthandProps = void 0;
-    /**
-     * Array of all shorthand properties listed in LabelShorthandProps
-     * {@docCatergory Label}
-     */
-    exports.labelShorthandProps = ['required'];
-    var mergeProps = react_utilities_1.makeMergeProps({ deepMerge: exports.labelShorthandProps });
-    /**
-     * Create the state required to render Label.
-     *
-     * The returned state can be modified with hooks such as useLabelStyles,
-     * before being passed to renderLabel.
-     *
-     * @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;
-    };
-    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-amd/components/Label/useLabel.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useLabel.js","sourceRoot":"../src/","sources":["components/Label/useLabel.tsx"],"names":[],"mappings":";;;;IAIA;;;OAGG;IACU,QAAA,mBAAmB,GAA0B,CAAC,UAAU,CAAC,CAAC;IAEvE,IAAM,UAAU,GAAG,gCAAc,CAAa,EAAE,SAAS,EAAE,2BAAmB,EAAE,CAAC,CAAC;IAElF;;;;;;;;;;;OAWG;IACI,IAAM,QAAQ,GAAG,UAAC,KAAiB,EAAE,GAA2B,EAAE,YAAyB;QAChG,IAAM,KAAK,GAAG,UAAU,CACtB;YACE,GAAG,KAAA;YACH,EAAE,EAAE,OAAO;YACX,IAAI,EAAE,QAAQ;YACd,QAAQ,EAAE;gBACR,EAAE,EAAE,MAAM;aACX;SACF,EACD,YAAY,IAAI,0BAA0B,CAAC,YAAY,CAAC,EACxD,0BAA0B,CAAC,KAAK,CAAC,CAClC,CAAC;QAEF,OAAO,KAAK,CAAC;IACf,CAAC,CAAC;IAfW,QAAA,QAAQ,YAenB;IAEF;;;;OAIG;IACH,IAAM,0BAA0B,GAAG,UAAC,KAAiB;QACnD,IAAI,eAAe,CAAC;QACpB,IAAI,KAAK,CAAC,QAAQ,KAAK,IAAI,EAAE;YAC3B,eAAe,yCAAQ,KAAK,KAAE,QAAQ,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAE,CAAC;SAC7D;aAAM,IAAI,KAAK,CAAC,QAAQ,KAAK,KAAK,EAAE;YACnC,eAAe,yCAAQ,KAAK,KAAE,QAAQ,EAAE,SAAS,GAAE,CAAC;SACrD;aAAM;YACL,qFAAqF;YACrF,eAAe,GAAG,KAA6E,CAAC;SACjG;QAED,OAAO,uCAAqB,CAAC,eAAe,EAAE,2BAAmB,CAAC,CAAC;IACrE,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"]}

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

@@ -1,5 +0,0 @@
-import { LabelState } from './Label.types';
-/**
- * Apply styling to the Label slots based on the state
- */
-export declare const useLabelStyles: (state: LabelState) => LabelState;