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

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

@@ -1,49 +0,0 @@
-define(["require", "exports", "@fluentui/react-make-styles"], function (require, exports, react_make_styles_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.useLabelStyles = void 0;
-    /**
-     * 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,
-        }); },
-    });
-    /**
-     * 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;
-    };
-    exports.useLabelStyles = useLabelStyles;
-});
-//# sourceMappingURL=useLabelStyles.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"useLabelStyles.js","sourceRoot":"../src/","sources":["components/Label/useLabelStyles.ts"],"names":[],"mappings":";;;;IAGA;;OAEG;IACH,IAAM,SAAS,GAAG,8BAAU,CAAC;QAC3B,IAAI,EAAE,UAAA,KAAK,IAAI,OAAA,CAAC;YACd,UAAU,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI;YAC/C,QAAQ,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC;YAC/C,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,kBAAkB;SACpD,CAAC,EAJa,CAIb;QAEF,QAAQ,EAAE,UAAA,KAAK,IAAI,OAAA,CAAC;YAClB,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,yBAAyB;SAC3D,CAAC,EAFiB,CAEjB;QAEF,QAAQ,EAAE,UAAA,KAAK,IAAI,OAAA,CAAC;YAClB,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,WAAW;YACxC,oEAAoE;YACpE,WAAW,EAAE,KAAK;SACnB,CAAC,EAJiB,CAIjB;QAEF,KAAK,EAAE,UAAA,KAAK,IAAI,OAAA,CAAC;YACf,QAAQ,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC;SAChD,CAAC,EAFc,CAEd;QAEF,MAAM,EAAE,UAAA,KAAK,IAAI,OAAA,CAAC;YAChB,QAAQ,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC;SAChD,CAAC,EAFe,CAEf;QAEF,KAAK,EAAE,UAAA,KAAK,IAAI,OAAA,CAAC;YACf,QAAQ,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC;YAC/C,UAAU,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,QAAQ;SACnD,CAAC,EAHc,CAGd;QAEF,MAAM,EAAE,UAAA,KAAK,IAAI,OAAA,CAAC;YAChB,UAAU,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,QAAQ;SACnD,CAAC,EAFe,CAEf;KACH,CAAC,CAAC;IAEH;;OAEG;IACI,IAAM,cAAc,GAAG,UAAC,KAAiB;QAC9C,IAAM,MAAM,GAAG,SAAS,EAAE,CAAC;QAC3B,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;QAEF,IAAI,KAAK,CAAC,QAAQ,EAAE;YAClB,KAAK,CAAC,QAAQ,CAAC,SAAS,GAAG,gCAAY,CAAC,MAAM,CAAC,QAAQ,EAAE,KAAK,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC;SACpF;QAED,OAAO,KAAK,CAAC;IACf,CAAC,CAAC;IAfW,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"]}

package/lib-amd/index.d.ts

@@ -1,2 +0,0 @@
-export {};
-export * from './Label';

package/lib-amd/index.js

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

package/lib-amd/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["index.ts"],"names":[],"mappings":";;;IAEA,uCAAwB","sourcesContent":["// TODO: replace with real exports\nexport {};\nexport * from './Label';\n"]}

package/lib-commonjs/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-commonjs/common/isConformant.js

@@ -1,13 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.isConformant = void 0;
-var react_conformance_1 = require("@fluentui/react-conformance");
-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-commonjs/common/isConformant.js.map

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

package/src/components/Label/Label.types.ts

@@ -1,61 +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 type LabelShorthandProps = 'required';
-
-/**
- * Names of LabelProps that have a default value in useLabel
- * {@docCategory Label}
- */
-export 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>;
-}