@fluentui/react-label 0.0.0-nightlyff78d1e27a20220217.1 → 0.0.0

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@fluentui/react-label",
-  "version": "0.0.0-nightlyff78d1e27a20220217.1",
+  "version": "0.0.0",
   "description": "Fluent UI React Label component",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
-  "typings": "lib/index.d.ts",
+  "typings": "dist/index.d.ts",
   "sideEffects": false,
   "repository": {
     "type": "git",
@@ -21,29 +21,20 @@
     "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-label/src && yarn docs",
-    "storybook": "node ../../scripts/storybook/runner",
+    "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": "*",
     "@fluentui/react-conformance": "*",
-    "@fluentui/react-conformance-griffel": "0.0.0-nightlyff78d1e27a20220217.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/react-conformance-griffel": "0.0.0-nightly-20220628-0417.1",
+    "@fluentui/scripts": "^1.0.0"
   },
   "dependencies": {
-    "@fluentui/react-utilities": "0.0.0-nightlyff78d1e27a20220217.1",
-    "@griffel/react": "1.0.0",
+    "@fluentui/react-theme": "^0.0.0",
+    "@fluentui/react-utilities": "^0.0.0",
+    "@griffel/react": "1.2.0",
     "tslib": "^2.1.0"
   },
   "peerDependencies": {
@@ -54,9 +45,14 @@
   },
   "beachball": {
     "disallowedChangeTypes": [
-      "major",
-      "minor",
-      "patch"
+      "major"
     ]
+  },
+  "exports": {
+    ".": {
+      "types": "./lib/index.d.ts",
+      "import": "./lib/index.js",
+      "require": "./lib-commonjs/index.js"
+    }
   }
 }

package/lib/Label.d.ts

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

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

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

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

@@ -1,38 +0,0 @@
-import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';
-declare type LabelCommons = {
-    /**
-     * Renders the label as disabled
-     * @defaultvalue false
-     */
-    disabled: boolean;
-    /**
-     * A label supports different sizes.
-     * @defaultvalue 'medium'
-     */
-    size: 'small' | 'medium' | 'large';
-    /**
-     * A label supports semibold/strong fontweight.
-     * @defaultvalue false
-     */
-    strong: boolean;
-};
-export declare type LabelSlots = {
-    root: Slot<'label'>;
-    required?: Slot<'span'>;
-};
-/**
- * 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 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 | Slot<'span'>;
-};
-export {};

package/lib/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/components/Label/renderLabel.d.ts

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

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

@@ -1,12 +0,0 @@
-import * as React from 'react';
-import type { LabelProps, LabelState } from './Label.types';
-/**
- * Create the state required to render Label.
- *
- * The returned state can be modified with hooks such as useLabelStyles_unstable,
- * before being passed to renderLabel_unstable.
- *
- * @param props - props from this instance of Label
- * @param ref - reference to root HTMLElement of Label
- */
-export declare const useLabel_unstable: (props: LabelProps, ref: React.Ref<HTMLElement>) => LabelState;

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

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

package/lib/index.d.ts

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

package/lib-commonjs/Label.d.ts

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

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

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

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

@@ -1,38 +0,0 @@
-import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';
-declare type LabelCommons = {
-    /**
-     * Renders the label as disabled
-     * @defaultvalue false
-     */
-    disabled: boolean;
-    /**
-     * A label supports different sizes.
-     * @defaultvalue 'medium'
-     */
-    size: 'small' | 'medium' | 'large';
-    /**
-     * A label supports semibold/strong fontweight.
-     * @defaultvalue false
-     */
-    strong: boolean;
-};
-export declare type LabelSlots = {
-    root: Slot<'label'>;
-    required?: Slot<'span'>;
-};
-/**
- * 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 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 | Slot<'span'>;
-};
-export {};

package/lib-commonjs/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-commonjs/components/Label/renderLabel.d.ts

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

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

@@ -1,12 +0,0 @@
-import * as React from 'react';
-import type { LabelProps, LabelState } from './Label.types';
-/**
- * Create the state required to render Label.
- *
- * The returned state can be modified with hooks such as useLabelStyles_unstable,
- * before being passed to renderLabel_unstable.
- *
- * @param props - props from this instance of Label
- * @param ref - reference to root HTMLElement of Label
- */
-export declare const useLabel_unstable: (props: LabelProps, ref: React.Ref<HTMLElement>) => LabelState;

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

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

package/lib-commonjs/index.d.ts

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