@fluentui/react-button 1.0.0-beta.8 → 9.0.0-alpha.100

package/lib/components/ToggleButton/useToggleButtonClasses.js

@@ -1,130 +0,0 @@
-var _a, _b, _c;
-import { EdgeChromiumHighContrastSelector } from '@fluentui/style-utilities';
-import { makeVariantClasses } from '@fluentui/react-theme-provider';
-export var useToggleButtonClasses = makeVariantClasses({
-    name: 'ToggleButton',
-    prefix: '--button',
-    styles: {
-        // When checked is applied, apply the right tokens to the right css properties.
-        _checked: (_a = {
-                background: 'var(--button-checked-background)',
-                color: 'var(--button-checked-contentColor)',
-                '.ms-Button-icon': {
-                    color: 'var(--button-checked-iconColor)',
-                }
-            },
-            _a[EdgeChromiumHighContrastSelector] = {
-                background: 'var(--button-highContrast-checked-background)',
-                color: 'var(--button-highContrast-checked-contentColor)',
-                '.ms-Button-icon': {
-                    color: 'var(--button-highContrast-checked-iconColor)',
-                },
-            },
-            _a[':hover'] = (_b = {
-                    background: 'var(--button-checkedHovered-background)',
-                    color: 'var(--button-checkedHovered-contentColor)',
-                    '.ms-Button-icon': {
-                        color: 'var(--button-checkedHovered-iconColor)',
-                    }
-                },
-                _b[EdgeChromiumHighContrastSelector] = {
-                    background: 'var(--button-highContrast-checkedHovered-background, var(--button-highContrast-checked-background))',
-                    color: 'var(--button-highContrast-checkedHovered-contentColor, var(--button-highContrast-checked-contentColor))',
-                    '.ms-Button-icon': {
-                        color: 'var(--button-highContrast-checkedHovered-iconColor, var(--button-highContrast-checked-iconColor))',
-                    },
-                },
-                _b),
-            _a[':active'] = (_c = {
-                    background: 'var(--button-checkedPressed-background, var(--button-checkedHovered-background))',
-                    color: 'var(--button-checkedPressed-contentColor, var(--button-checkedHovered-contentColor))',
-                    '.ms-Button-icon': {
-                        color: 'var(--button-checkedPressed-iconColor, var(--button-checkedHovered-iconColor))',
-                    }
-                },
-                _c[EdgeChromiumHighContrastSelector] = {
-                    background: 'var(--button-highContrast-checkedPressed-background, ' +
-                        'var(--button-highContrast-checkedHovered-background, ' +
-                        'var(--button-highContrast-checked-background)))',
-                    color: 'var(--button-highContrast-checked--pressed-contentColor, ' +
-                        'var(--button-highContrast-checked--hovered-contentColor, ' +
-                        'var(--button-highContrast-checked-contentColor)))',
-                    '.ms-Button-icon': {
-                        color: 'var(--button-highContrast-checkedPressed-iconColor, ' +
-                            'var(--button-highContrast-checkedHovered-iconColor, ' +
-                            '--button-highContrast-checked-iconColor)))',
-                    },
-                },
-                _c),
-            _a),
-    },
-    variants: function (theme) {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
-        var palette = theme.palette, semanticColors = theme.semanticColors;
-        return {
-            root: {
-                checked: {
-                    background: (_a = semanticColors) === null || _a === void 0 ? void 0 : _a.buttonBackgroundPressed,
-                    contentColor: (_b = semanticColors) === null || _b === void 0 ? void 0 : _b.buttonTextChecked,
-                },
-                checkedHovered: {
-                    background: (_c = semanticColors) === null || _c === void 0 ? void 0 : _c.buttonBackgroundPressed,
-                    contentColor: (_d = semanticColors) === null || _d === void 0 ? void 0 : _d.buttonTextCheckedHovered,
-                },
-                highContrast: {
-                    checked: {
-                        background: 'Window',
-                        contentColor: 'Highlight',
-                        iconColor: 'Highlight',
-                    },
-                },
-            },
-            primary: {
-                checked: {
-                    background: 'var(--color-brand-checked-background)',
-                    contentColor: 'var(--color-brand-checked-contentColor)',
-                },
-                checkedHovered: {
-                    background: 'var(--color-brand-checkedHovered-background)',
-                    contentColor: 'var(--color-brand-checkedHovered-contentColor)',
-                },
-                checkedPressed: {
-                    background: 'var(--color-brand-checkedPressed-background)',
-                    contentColor: 'var(--color-brand-checkedPressed-contentColor)',
-                },
-                highContrast: {
-                    checked: {
-                        background: 'Highlight',
-                        contentColor: 'Window',
-                        iconColor: 'Window',
-                    },
-                },
-            },
-            ghost: {
-                checked: {
-                    background: (_e = palette) === null || _e === void 0 ? void 0 : _e.neutralLight,
-                    contentColor: (_f = palette) === null || _f === void 0 ? void 0 : _f.neutralDark,
-                    iconColor: (_g = palette) === null || _g === void 0 ? void 0 : _g.themeDark,
-                },
-                checkedHovered: {
-                    background: (_h = palette) === null || _h === void 0 ? void 0 : _h.neutralQuaternaryAlt,
-                    contentColor: (_j = palette) === null || _j === void 0 ? void 0 : _j.neutralDark,
-                    iconColor: (_k = palette) === null || _k === void 0 ? void 0 : _k.themeDark,
-                },
-            },
-            transparent: {
-                checked: {
-                    background: 'transparent',
-                    contentColor: (_l = palette) === null || _l === void 0 ? void 0 : _l.themePrimary,
-                    iconColor: (_m = palette) === null || _m === void 0 ? void 0 : _m.themePrimary,
-                },
-                checkedHovered: {
-                    background: 'transparent',
-                    contentColor: (_o = palette) === null || _o === void 0 ? void 0 : _o.black,
-                    iconColor: (_p = palette) === null || _p === void 0 ? void 0 : _p.themeDarker,
-                },
-            },
-        };
-    },
-});
-//# sourceMappingURL=useToggleButtonClasses.js.map

package/lib/components/ToggleButton/useToggleButtonClasses.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useToggleButtonClasses.js","sourceRoot":"../src/","sources":["components/ToggleButton/useToggleButtonClasses.tsx"],"names":[],"mappings":"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","sourcesContent":["import { EdgeChromiumHighContrastSelector } from '@fluentui/style-utilities';\nimport { makeVariantClasses, Theme } from '@fluentui/react-theme-provider';\nimport { ToggleButtonState, ToggleButtonVariants } from './ToggleButton.types';\n\nexport const useToggleButtonClasses = makeVariantClasses<ToggleButtonState, ToggleButtonVariants>({\n  name: 'ToggleButton',\n  prefix: '--button',\n\n  styles: {\n    // When checked is applied, apply the right tokens to the right css properties.\n    _checked: {\n      background: 'var(--button-checked-background)',\n      color: 'var(--button-checked-contentColor)',\n      '.ms-Button-icon': {\n        color: 'var(--button-checked-iconColor)',\n      },\n\n      [EdgeChromiumHighContrastSelector]: {\n        background: 'var(--button-highContrast-checked-background)',\n        color: 'var(--button-highContrast-checked-contentColor)',\n        '.ms-Button-icon': {\n          color: 'var(--button-highContrast-checked-iconColor)',\n        },\n      },\n\n      ':hover': {\n        background: 'var(--button-checkedHovered-background)',\n        color: 'var(--button-checkedHovered-contentColor)',\n        '.ms-Button-icon': {\n          color: 'var(--button-checkedHovered-iconColor)',\n        },\n\n        [EdgeChromiumHighContrastSelector]: {\n          background:\n            'var(--button-highContrast-checkedHovered-background, var(--button-highContrast-checked-background))',\n          color:\n            'var(--button-highContrast-checkedHovered-contentColor, var(--button-highContrast-checked-contentColor))',\n          '.ms-Button-icon': {\n            color: 'var(--button-highContrast-checkedHovered-iconColor, var(--button-highContrast-checked-iconColor))',\n          },\n        },\n      },\n\n      ':active': {\n        background: 'var(--button-checkedPressed-background, var(--button-checkedHovered-background))',\n        color: 'var(--button-checkedPressed-contentColor, var(--button-checkedHovered-contentColor))',\n        '.ms-Button-icon': {\n          color: 'var(--button-checkedPressed-iconColor, var(--button-checkedHovered-iconColor))',\n        },\n\n        [EdgeChromiumHighContrastSelector]: {\n          background:\n            'var(--button-highContrast-checkedPressed-background, ' +\n            'var(--button-highContrast-checkedHovered-background, ' +\n            'var(--button-highContrast-checked-background)))',\n          color:\n            'var(--button-highContrast-checked--pressed-contentColor, ' +\n            'var(--button-highContrast-checked--hovered-contentColor, ' +\n            'var(--button-highContrast-checked-contentColor)))',\n          '.ms-Button-icon': {\n            color:\n              'var(--button-highContrast-checkedPressed-iconColor, ' +\n              'var(--button-highContrast-checkedHovered-iconColor, ' +\n              '--button-highContrast-checked-iconColor)))',\n          },\n        },\n      },\n    },\n  },\n\n  variants: (theme: Theme): ToggleButtonVariants => {\n    const { palette, semanticColors } = theme;\n\n    return {\n      root: {\n        checked: {\n          background: semanticColors?.buttonBackgroundPressed,\n          contentColor: semanticColors?.buttonTextChecked,\n        },\n\n        checkedHovered: {\n          background: semanticColors?.buttonBackgroundPressed,\n          contentColor: semanticColors?.buttonTextCheckedHovered,\n        },\n\n        highContrast: {\n          checked: {\n            background: 'Window',\n            contentColor: 'Highlight',\n            iconColor: 'Highlight',\n          },\n        },\n      },\n\n      primary: {\n        checked: {\n          background: 'var(--color-brand-checked-background)',\n          contentColor: 'var(--color-brand-checked-contentColor)',\n        },\n\n        checkedHovered: {\n          background: 'var(--color-brand-checkedHovered-background)',\n          contentColor: 'var(--color-brand-checkedHovered-contentColor)',\n        },\n\n        checkedPressed: {\n          background: 'var(--color-brand-checkedPressed-background)',\n          contentColor: 'var(--color-brand-checkedPressed-contentColor)',\n        },\n\n        highContrast: {\n          checked: {\n            background: 'Highlight',\n            contentColor: 'Window',\n            iconColor: 'Window',\n          },\n        },\n      },\n\n      ghost: {\n        checked: {\n          background: palette?.neutralLight,\n          contentColor: palette?.neutralDark,\n          iconColor: palette?.themeDark,\n        },\n\n        checkedHovered: {\n          background: palette?.neutralQuaternaryAlt,\n          contentColor: palette?.neutralDark,\n          iconColor: palette?.themeDark,\n        },\n      },\n\n      transparent: {\n        checked: {\n          background: 'transparent',\n          contentColor: palette?.themePrimary,\n          iconColor: palette?.themePrimary,\n        },\n\n        checkedHovered: {\n          background: 'transparent',\n          contentColor: palette?.black,\n          iconColor: palette?.themeDarker,\n        },\n      },\n    };\n  },\n});\n"]}

package/lib/utils/tempTypes.d.ts

@@ -1,33 +0,0 @@
-/**
- * NOTE! THIS FILE IS TEMPORARY AND SHOULD BE DELETED ONCE IT HAS MOVED TO `@fluentui/react-compose`.
- */
-import * as React from 'react';
-export declare type ComponentClasses<TClasses, TState> = Partial<TClasses> | ((state: TState) => Partial<TClasses>);
-export interface ComponentProps {
-    as?: React.ElementType;
-    className?: string;
-}
-export declare type ShorthandValue<TProps> = string | boolean | number | null | undefined | TProps | JSX.Element;
-export declare type ComposeRender<TProps, TOptions> = (props: TProps, ref?: React.RefObject<HTMLElement>, options?: TOptions) => JSX.Element;
-export declare type ClassDictionary = any;
-export declare type GenericDictionary = Record<string, any>;
-export interface ComposeOptions<TProps, TSlots, TSlotProps, TStatics> {
-    render: ComposeRender<TProps, ComposeOptions<TProps, TSlots, TSlotProps, TStatics>>;
-    defaultProps: TProps;
-    classes: ClassDictionary;
-    stylesheet: string;
-    slots: {
-        [key in keyof TSlots]?: TSlots[key] | null;
-    };
-    slotProps: TSlotProps;
-    statics: TStatics;
-}
-export declare type ComposedComponent<TProps = {}, TOptions = ComposeOptions<any, any, any, any>> = React.ForwardRefExoticComponent<TProps> & {
-    options: TOptions;
-    parent: ComposedComponent;
-} & ComposeStandardStatics;
-export interface ComposeStandardStatics {
-    displayName?: string;
-    mappedProp?: string;
-    stylesheets?: string[];
-}

package/lib/utils/tempTypes.js

@@ -1,4 +0,0 @@
-/**
- * NOTE! THIS FILE IS TEMPORARY AND SHOULD BE DELETED ONCE IT HAS MOVED TO `@fluentui/react-compose`.
- */
-//# sourceMappingURL=tempTypes.js.map

package/lib/utils/tempTypes.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tempTypes.js","sourceRoot":"../src/","sources":["utils/tempTypes.ts"],"names":[],"mappings":"AAAA;;GAEG","sourcesContent":["/**\n * NOTE! THIS FILE IS TEMPORARY AND SHOULD BE DELETED ONCE IT HAS MOVED TO `@fluentui/react-compose`.\n */\n\nimport * as React from 'react';\n\nexport type ComponentClasses<TClasses, TState> = Partial<TClasses> | ((state: TState) => Partial<TClasses>);\n\nexport interface ComponentProps {\n  // Removing these props:\n  // design - use style or className instead\n\n  as?: React.ElementType;\n\n  className?: string;\n}\n\nexport type ShorthandValue<TProps> = string | boolean | number | null | undefined | TProps | JSX.Element;\n\nexport type ComposeRender<TProps, TOptions> = (\n  props: TProps,\n  ref?: React.RefObject<HTMLElement>,\n  options?: TOptions,\n) => JSX.Element;\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport type ClassDictionary = any;\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport type GenericDictionary = Record<string, any>;\n\nexport interface ComposeOptions<TProps, TSlots, TSlotProps, TStatics> {\n  render: ComposeRender<TProps, ComposeOptions<TProps, TSlots, TSlotProps, TStatics>>;\n  defaultProps: TProps;\n  classes: ClassDictionary;\n  stylesheet: string;\n  slots: { [key in keyof TSlots]?: TSlots[key] | null };\n  slotProps: TSlotProps;\n  statics: TStatics;\n}\n\nexport type ComposedComponent<\n  TProps = {},\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  TOptions = ComposeOptions<any, any, any, any>\n> = React.ForwardRefExoticComponent<TProps> & {\n  options: TOptions;\n  parent: ComposedComponent;\n} & ComposeStandardStatics;\n\nexport interface ComposeStandardStatics {\n  displayName?: string;\n  mappedProp?: string;\n  stylesheets?: string[];\n}\n"]}

package/lib/version.d.ts

@@ -1 +0,0 @@
-export {};

package/lib/version.js

@@ -1,5 +0,0 @@
-// Do not modify this file; it is generated as part of publish.
-// The checked in version is a placeholder only and will not be updated.
-import { setVersion } from '@fluentui/set-version';
-setVersion('@fluentui/react-button', '1.0.0-beta.8');
-//# sourceMappingURL=version.js.map

package/lib/version.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"version.js","sourceRoot":"../src/","sources":["version.ts"],"names":[],"mappings":"AAAA,+DAA+D;AAC/D,wEAAwE;AACxE,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AACnD,UAAU,CAAC,wBAAwB,EAAE,cAAc,CAAC,CAAC","sourcesContent":["// Do not modify this file; it is generated as part of publish.\n// The checked in version is a placeholder only and will not be updated.\nimport { setVersion } from '@fluentui/set-version';\nsetVersion('@fluentui/react-button', '1.0.0-beta.8');"]}

package/lib-amd/Button.d.ts

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

package/lib-amd/Button.js

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

package/lib-amd/Button.js.map

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

package/lib-amd/CompoundButton.d.ts

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

package/lib-amd/CompoundButton.js

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

package/lib-amd/CompoundButton.js.map

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

package/lib-amd/MenuButton.d.ts

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

package/lib-amd/MenuButton.js

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

package/lib-amd/MenuButton.js.map

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

package/lib-amd/SplitButton.d.ts

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

package/lib-amd/SplitButton.js

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

package/lib-amd/SplitButton.js.map

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

package/lib-amd/ToggleButton.d.ts

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

package/lib-amd/ToggleButton.js

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

package/lib-amd/ToggleButton.js.map

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

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

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

package/lib-amd/common/isConformant.js

@@ -1,13 +0,0 @@
-define(["require", "exports", "@fluentui/react-conformance"], function (require, exports, react_conformance_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    function isConformant(testInfo) {
-        var defaultOptions = {
-            disabledTests: ['has-docblock', 'kebab-aria-attributes'],
-            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,CAAC,QAAoD;QAC/E,IAAM,cAAc,GAAG;YACrB,aAAa,EAAE,CAAC,cAAc,EAAE,uBAAuB,CAAC;YACxD,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;IAPD,oCAOC","sourcesContent":["import { isConformant as baseIsConformant, IsConformantOptions } from '@fluentui/react-conformance';\n\nexport function isConformant(testInfo: Omit<IsConformantOptions, 'componentPath'>) {\n  const defaultOptions = {\n    disabledTests: ['has-docblock', 'kebab-aria-attributes'],\n    componentPath: module!.parent!.filename.replace('.test', ''),\n  };\n\n  baseIsConformant(defaultOptions, testInfo);\n}\n"]}

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

@@ -1,7 +0,0 @@
-import * as React from 'react';
-import { ButtonProps } from './Button.types';
-/**
- * Define a styled Button, using the `useButton` hook.
- * {@docCategory Button}
- */
-export declare const Button: React.ForwardRefExoticComponent<Pick<ButtonProps, string | number> & React.RefAttributes<HTMLElement>>;

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

@@ -1,16 +0,0 @@
-define(["require", "exports", "react", "./useButton", "@fluentui/react-theme-provider", "./useButtonClasses"], function (require, exports, React, useButton_1, react_theme_provider_1, useButtonClasses_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    /**
-     * Define a styled Button, using the `useButton` hook.
-     * {@docCategory Button}
-     */
-    exports.Button = React.forwardRef(function (props, ref) {
-        var _a = useButton_1.useButton(props, ref), render = _a.render, state = _a.state;
-        useButtonClasses_1.useButtonClasses(state);
-        react_theme_provider_1.useInlineTokens(state, '--button');
-        return render(state);
-    });
-    exports.Button.displayName = 'Button';
-});
-//# sourceMappingURL=Button.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Button.js","sourceRoot":"../src/","sources":["components/Button/Button.tsx"],"names":[],"mappings":";;;IAMA;;;OAGG;IACU,QAAA,MAAM,GAAG,KAAK,CAAC,UAAU,CAA2B,UAAC,KAAK,EAAE,GAAG;QACpE,IAAA,sCAAyC,EAAvC,kBAAM,EAAE,gBAA+B,CAAC;QAEhD,mCAAgB,CAAC,KAAK,CAAC,CAAC;QACxB,sCAAe,CAAC,KAAK,EAAE,UAAU,CAAC,CAAC;QAEnC,OAAO,MAAM,CAAC,KAAK,CAAC,CAAC;IACvB,CAAC,CAAC,CAAC;IAEH,cAAM,CAAC,WAAW,GAAG,QAAQ,CAAC","sourcesContent":["import * as React from 'react';\nimport { useButton } from './useButton';\nimport { ButtonProps } from './Button.types';\nimport { useInlineTokens } from '@fluentui/react-theme-provider';\nimport { useButtonClasses } from './useButtonClasses';\n\n/**\n * Define a styled Button, using the `useButton` hook.\n * {@docCategory Button}\n */\nexport const Button = React.forwardRef<HTMLElement, ButtonProps>((props, ref) => {\n  const { render, state } = useButton(props, ref);\n\n  useButtonClasses(state);\n  useInlineTokens(state, '--button');\n\n  return render(state);\n});\n\nButton.displayName = 'Button';\n"]}

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

@@ -1,130 +0,0 @@
-import * as React from 'react';
-import { ComponentProps, ShorthandProps } from '@fluentui/react-compose/lib/next/index';
-import { ColorTokens, RecursivePartial, SizeValue, FontTokens } from '@fluentui/theme';
-/**
- * {@docCategory Button}
- */
-export declare type ButtonProps = ComponentProps & React.HTMLAttributes<HTMLElement> & {
-    /**
-     * Shorthand icon. A shorthand prop can be a literal, object, or
-     * JSX. The `children` prop of the object can be a render function,
-     * taking in the original slot component and props.
-     */
-    icon?: ShorthandProps;
-    /**
-     * Shorthand loader content within the button.
-     */
-    loader?: ShorthandProps;
-    /**
-     * Shorthand children content within the button.
-     */
-    content?: ShorthandProps;
-    /**
-     * Defines the href to navigate to. If applied, will render the button as an anchor
-     * element by default, unless `as` specifies otherwise. Note that specifying an href
-     * and a non-anchor as the render type will prevent the Button from behaving like a
-     * hyperlink and opening the href on click.
-     */
-    href?: string;
-    /**
-     * Defines the target window to open the href in. Only is applied if the button renders
-     * as an anchor tag, which is the default behavior if href is provided.
-     */
-    target?: string;
-    /** A button can appear circular. */
-    circular?: boolean;
-    /** A button can show that it cannot be interacted with. */
-    disabled?: boolean;
-    /** A button can fill the width of its container. */
-    block?: boolean;
-    /** A button can contain only an icon. */
-    iconOnly?: boolean;
-    /** An icon button can format its icon to appear before or after its content. */
-    iconPosition?: 'before' | 'after';
-    /** A button that inherits its background and has a subtle appearance. */
-    inverted?: boolean;
-    /** Opt in to a named variant which can be supplied by a theme. */
-    variant?: string;
-    /** A button can show a loading indicator. */
-    loading?: boolean;
-    /**
-     * Called after a user clicks the button.
-     * @param event - React's original SyntheticEvent.
-     * @param data - All props.
-     */
-    /**
-     * Called after a user focuses the button.
-     * @param event - React's original SyntheticEvent.
-     * @param data - All props.
-     */
-    /** A button can emphasize that it represents the primary action. */
-    primary?: boolean;
-    /** A button can emphasize that it represents an alternative action. */
-    secondary?: boolean;
-    /** A button can blend into its background to become less emphasized. */
-    ghost?: boolean;
-    /** A button can have no background styling and just be emphasized through its content styling. */
-    transparent?: boolean;
-    /** A button can be sized. */
-    size?: SizeValue;
-    /** A button can be formatted to show only text in order to indicate a less-pronounced action. */
-    tokens?: RecursivePartial<ButtonTokens>;
-};
-/**
- * {@docCategory Button}
- */
-export interface ButtonState extends ButtonProps {
-    buttonRef?: React.RefObject<HTMLButtonElement>;
-}
-/**
- * {@docCategory Button}
- */
-export declare type ButtonTokens = ColorTokens & FontTokens & {
-    paddingLeft?: string;
-    paddingRight?: string;
-    paddingTop?: string;
-    paddingBottom?: string;
-    margin?: string;
-    height?: string;
-    minWidth?: string;
-    maxWidth?: string;
-    minHeight?: string;
-    contentGap?: string;
-    iconSize?: string;
-    borderRadius?: string;
-    borderTopLeftRadius?: string;
-    borderTopRightRadius?: string;
-    borderBottomLeftRadius?: string;
-    borderBottomRightRadius?: string;
-    borderWidth?: string;
-    boxShadow?: string;
-    width?: string;
-    forcedColorAdjust?: string;
-    transform?: string;
-    transition?: string;
-    size?: {
-        smallest?: string;
-        smaller?: string;
-        small?: string;
-        regular?: string;
-        large?: string;
-        larger?: string;
-        largest?: string;
-    };
-    pressed?: {
-        transform?: string;
-        transition?: string;
-    };
-};
-/**
- * {@docCategory Button}
- */
-export declare type ButtonVariants<TTokens = ButtonTokens> = {
-    root?: TTokens;
-    block?: TTokens;
-    circular?: TTokens;
-    iconOnly?: TTokens;
-    ghost?: TTokens;
-    primary?: TTokens;
-    transparent?: TTokens;
-};

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"Button.types.js","sourceRoot":"../src/","sources":["components/Button/Button.types.ts"],"names":[],"mappings":"","sourcesContent":["import * as React from 'react';\nimport { ComponentProps, ShorthandProps } from '@fluentui/react-compose/lib/next/index';\nimport { ColorTokens, RecursivePartial, SizeValue, FontTokens } from '@fluentui/theme';\n\n/**\n * {@docCategory Button}\n */\nexport type ButtonProps = ComponentProps &\n  React.HTMLAttributes<HTMLElement> & {\n    /**\n     * Shorthand icon. A shorthand prop can be a literal, object, or\n     * JSX. The `children` prop of the object can be a render function,\n     * taking in the original slot component and props.\n     */\n    icon?: ShorthandProps;\n\n    /**\n     * Shorthand loader content within the button.\n     */\n    loader?: ShorthandProps;\n\n    /**\n     * Shorthand children content within the button.\n     */\n    content?: ShorthandProps;\n\n    /**\n     * Defines the href to navigate to. If applied, will render the button as an anchor\n     * element by default, unless `as` specifies otherwise. Note that specifying an href\n     * and a non-anchor as the render type will prevent the Button from behaving like a\n     * hyperlink and opening the href on click.\n     */\n    href?: string;\n\n    /**\n     * Defines the target window to open the href in. Only is applied if the button renders\n     * as an anchor tag, which is the default behavior if href is provided.\n     */\n    target?: string;\n\n    /** A button can appear circular. */\n    circular?: boolean;\n\n    /** A button can show that it cannot be interacted with. */\n    disabled?: boolean;\n\n    /** A button can fill the width of its container. */\n    block?: boolean;\n\n    /** A button can contain only an icon. */\n    iconOnly?: boolean;\n\n    /** An icon button can format its icon to appear before or after its content. */\n    iconPosition?: 'before' | 'after';\n\n    /** A button that inherits its background and has a subtle appearance. */\n    inverted?: boolean;\n\n    /** Opt in to a named variant which can be supplied by a theme. */\n    variant?: string;\n\n    /** A button can show a loading indicator. */\n    loading?: boolean;\n\n    /**\n     * Called after a user clicks the button.\n     * @param event - React's original SyntheticEvent.\n     * @param data - All props.\n     */\n    // onClick?: ComponentEventHandler<ButtonProps>;\n\n    /**\n     * Called after a user focuses the button.\n     * @param event - React's original SyntheticEvent.\n     * @param data - All props.\n     */\n    // onFocus?: ComponentEventHandler<ButtonProps>;\n\n    /** A button can emphasize that it represents the primary action. */\n    primary?: boolean;\n\n    /** A button can emphasize that it represents an alternative action. */\n    secondary?: boolean;\n\n    /** A button can blend into its background to become less emphasized. */\n    ghost?: boolean;\n\n    /** A button can have no background styling and just be emphasized through its content styling. */\n    transparent?: boolean;\n\n    /** A button can be sized. */\n    size?: SizeValue;\n\n    // TODO: Deprecate or rename to textOnly for alignment with iconOnly?\n    /** A button can be formatted to show only text in order to indicate a less-pronounced action. */\n    // text?: boolean;\n\n    tokens?: RecursivePartial<ButtonTokens>;\n  };\n\n/**\n * {@docCategory Button}\n */\nexport interface ButtonState extends ButtonProps {\n  buttonRef?: React.RefObject<HTMLButtonElement>;\n}\n\n/**\n * {@docCategory Button}\n */\nexport type ButtonTokens = ColorTokens &\n  FontTokens & {\n    /* sizing */\n    paddingLeft?: string;\n    paddingRight?: string;\n    paddingTop?: string;\n    paddingBottom?: string;\n    margin?: string;\n    height?: string;\n    minWidth?: string;\n    maxWidth?: string;\n    minHeight?: string;\n    contentGap?: string;\n    iconSize?: string;\n    borderRadius?: string;\n    borderTopLeftRadius?: string;\n    borderTopRightRadius?: string;\n    borderBottomLeftRadius?: string;\n    borderBottomRightRadius?: string;\n    borderWidth?: string;\n    boxShadow?: string;\n    width?: string;\n\n    forcedColorAdjust?: string;\n\n    transform?: string;\n    transition?: string;\n\n    size?: {\n      smallest?: string;\n      smaller?: string;\n      small?: string;\n      regular?: string;\n      large?: string;\n      larger?: string;\n      largest?: string;\n    };\n\n    pressed?: {\n      transform?: string;\n      transition?: string;\n    };\n  };\n\n/**\n * {@docCategory Button}\n */\nexport type ButtonVariants<TTokens = ButtonTokens> = {\n  root?: TTokens;\n  block?: TTokens;\n  circular?: TTokens;\n  iconOnly?: TTokens;\n  ghost?: TTokens;\n  primary?: TTokens;\n  transparent?: TTokens;\n};\n"]}

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

@@ -1,5 +0,0 @@
-export * from './Button.types';
-export * from './useButtonClasses';
-export * from './useButton';
-export * from './useButtonState';
-export * from './Button';

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

@@ -1,9 +0,0 @@
-define(["require", "exports", "tslib", "./useButtonClasses", "./useButton", "./useButtonState", "./Button"], function (require, exports, tslib_1, useButtonClasses_1, useButton_1, useButtonState_1, Button_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    tslib_1.__exportStar(useButtonClasses_1, exports);
-    tslib_1.__exportStar(useButton_1, exports);
-    tslib_1.__exportStar(useButtonState_1, exports);
-    tslib_1.__exportStar(Button_1, exports);
-});
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["components/Button/index.ts"],"names":[],"mappings":";;;IACA,kDAAmC;IACnC,2CAA4B;IAC5B,gDAAiC;IACjC,wCAAyB","sourcesContent":["export * from './Button.types';\nexport * from './useButtonClasses';\nexport * from './useButton';\nexport * from './useButtonState';\nexport * from './Button';\n"]}

package/lib-amd/components/Button/renderButton.d.ts

@@ -1,5 +0,0 @@
-import { ButtonState } from './Button.types';
-/**
- * Define the render function. Given the state of a button, renders it.
- */
-export declare const renderButton: (state: ButtonState) => JSX.Element;

package/lib-amd/components/Button/renderButton.js

@@ -1,17 +0,0 @@
-define(["require", "exports", "tslib", "react", "@fluentui/react-compose/lib/next/index", "./useButton"], function (require, exports, tslib_1, React, index_1, useButton_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    /**
-     * Define the render function. Given the state of a button, renders it.
-     */
-    exports.renderButton = function (state) {
-        var _a = index_1.getSlots(state, useButton_1.buttonShorthandProps), slots = _a.slots, slotProps = _a.slotProps;
-        var loading = state.loading, iconPosition = state.iconPosition, iconOnly = state.iconOnly;
-        return (React.createElement(slots.root, tslib_1.__assign({}, slotProps.root),
-            loading && React.createElement(slots.loader, tslib_1.__assign({}, slotProps.loader)),
-            iconPosition !== 'after' && React.createElement(slots.icon, tslib_1.__assign({}, slotProps.icon)),
-            !iconOnly && React.createElement(slots.content, tslib_1.__assign({}, slotProps.content)),
-            iconPosition === 'after' && React.createElement(slots.icon, tslib_1.__assign({}, slotProps.icon))));
-    };
-});
-//# sourceMappingURL=renderButton.js.map

package/lib-amd/components/Button/renderButton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"renderButton.js","sourceRoot":"../src/","sources":["components/Button/renderButton.tsx"],"names":[],"mappings":";;;IAKA;;OAEG;IACU,QAAA,YAAY,GAAG,UAAC,KAAkB;QACvC,IAAA,8DAA4D,EAA1D,gBAAK,EAAE,wBAAmD,CAAC;QAC3D,IAAA,uBAAO,EAAE,iCAAY,EAAE,yBAAQ,CAAW;QAElD,OAAO,CACL,oBAAC,KAAK,CAAC,IAAI,uBAAK,SAAS,CAAC,IAAI;YAC3B,OAAO,IAAI,oBAAC,KAAK,CAAC,MAAM,uBAAK,SAAS,CAAC,MAAM,EAAI;YACjD,YAAY,KAAK,OAAO,IAAI,oBAAC,KAAK,CAAC,IAAI,uBAAK,SAAS,CAAC,IAAI,EAAI;YAC9D,CAAC,QAAQ,IAAI,oBAAC,KAAK,CAAC,OAAO,uBAAK,SAAS,CAAC,OAAO,EAAI;YACrD,YAAY,KAAK,OAAO,IAAI,oBAAC,KAAK,CAAC,IAAI,uBAAK,SAAS,CAAC,IAAI,EAAI,CACpD,CACd,CAAC;IACJ,CAAC,CAAC","sourcesContent":["import * as React from 'react';\nimport { getSlots } from '@fluentui/react-compose/lib/next/index';\nimport { ButtonState } from './Button.types';\nimport { buttonShorthandProps } from './useButton';\n\n/**\n * Define the render function. Given the state of a button, renders it.\n */\nexport const renderButton = (state: ButtonState) => {\n  const { slots, slotProps } = getSlots(state, buttonShorthandProps);\n  const { loading, iconPosition, iconOnly } = state;\n\n  return (\n    <slots.root {...slotProps.root}>\n      {loading && <slots.loader {...slotProps.loader} />}\n      {iconPosition !== 'after' && <slots.icon {...slotProps.icon} />}\n      {!iconOnly && <slots.content {...slotProps.content} />}\n      {iconPosition === 'after' && <slots.icon {...slotProps.icon} />}\n    </slots.root>\n  );\n};\n"]}

package/lib-amd/components/Button/useButton.d.ts

@@ -1,13 +0,0 @@
-import * as React from 'react';
-import { ButtonProps } from './Button.types';
-/**
- * Consts listing which props are shorthand props.
- */
-export declare const buttonShorthandProps: string[];
-/**
- * Given user props, returns state and render function for a Button.
- */
-export declare const useButton: (props: ButtonProps, ref: React.Ref<HTMLElement>, defaultProps?: ButtonProps | undefined) => {
-    state: Record<string, any>;
-    render: (state: import("./Button.types").ButtonState) => JSX.Element;
-};

package/lib-amd/components/Button/useButton.js

@@ -1,28 +0,0 @@
-define(["require", "exports", "react", "@fluentui/react-compose/lib/next/index", "./useButtonState", "./renderButton"], function (require, exports, React, index_1, useButtonState_1, renderButton_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    /**
-     * Consts listing which props are shorthand props.
-     */
-    exports.buttonShorthandProps = ['icon', 'loader', 'content'];
-    var mergeProps = index_1.makeMergeProps({ deepMerge: exports.buttonShorthandProps });
-    /**
-     * Given user props, returns state and render function for a Button.
-     */
-    exports.useButton = function (props, ref, defaultProps) {
-        // Ensure that the `ref` prop can be used by other things (like useFocusRects) to refer to the root.
-        // NOTE: We are assuming refs should not mutate to undefined. Either they are passed or not.
-        // eslint-disable-next-line react-hooks/rules-of-hooks
-        var resolvedRef = ref || React.useRef();
-        var state = mergeProps({
-            ref: resolvedRef,
-            as: props.href ? 'a' : 'button',
-            icon: { as: 'span' },
-            content: { as: 'span', children: props.children },
-            loader: { as: 'span' },
-        }, defaultProps, index_1.resolveShorthandProps(props, exports.buttonShorthandProps));
-        useButtonState_1.useButtonState(state);
-        return { state: state, render: renderButton_1.renderButton };
-    };
-});
-//# sourceMappingURL=useButton.js.map

package/lib-amd/components/Button/useButton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useButton.js","sourceRoot":"../src/","sources":["components/Button/useButton.ts"],"names":[],"mappings":";;;IAMA;;OAEG;IACU,QAAA,oBAAoB,GAAG,CAAC,MAAM,EAAE,QAAQ,EAAE,SAAS,CAAC,CAAC;IAElE,IAAM,UAAU,GAAG,sBAAc,CAAC,EAAE,SAAS,EAAE,4BAAoB,EAAE,CAAC,CAAC;IAEvE;;OAEG;IACU,QAAA,SAAS,GAAG,UAAC,KAAkB,EAAE,GAA2B,EAAE,YAA0B;QACnG,oGAAoG;QACpG,4FAA4F;QAC5F,sDAAsD;QACtD,IAAM,WAAW,GAAG,GAAG,IAAI,KAAK,CAAC,MAAM,EAAE,CAAC;QAC1C,IAAM,KAAK,GAAG,UAAU,CACtB;YACE,GAAG,EAAE,WAAW;YAChB,EAAE,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,QAAQ;YAC/B,IAAI,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE;YACpB,OAAO,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,CAAC,QAAQ,EAAE;YACjD,MAAM,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE;SACvB,EACD,YAAY,EACZ,6BAAqB,CAAC,KAAK,EAAE,4BAAoB,CAAC,CACnD,CAAC;QAEF,+BAAc,CAAC,KAAK,CAAC,CAAC;QAEtB,OAAO,EAAE,KAAK,OAAA,EAAE,MAAM,EAAE,2BAAY,EAAE,CAAC;IACzC,CAAC,CAAC","sourcesContent":["import * as React from 'react';\nimport { makeMergeProps, resolveShorthandProps } from '@fluentui/react-compose/lib/next/index';\nimport { ButtonProps } from './Button.types';\nimport { useButtonState } from './useButtonState';\nimport { renderButton } from './renderButton';\n\n/**\n * Consts listing which props are shorthand props.\n */\nexport const buttonShorthandProps = ['icon', 'loader', 'content'];\n\nconst mergeProps = makeMergeProps({ deepMerge: buttonShorthandProps });\n\n/**\n * Given user props, returns state and render function for a Button.\n */\nexport const useButton = (props: ButtonProps, ref: React.Ref<HTMLElement>, defaultProps?: ButtonProps) => {\n  // Ensure that the `ref` prop can be used by other things (like useFocusRects) to refer to the root.\n  // NOTE: We are assuming refs should not mutate to undefined. Either they are passed or not.\n  // eslint-disable-next-line react-hooks/rules-of-hooks\n  const resolvedRef = ref || React.useRef();\n  const state = mergeProps(\n    {\n      ref: resolvedRef,\n      as: props.href ? 'a' : 'button',\n      icon: { as: 'span' },\n      content: { as: 'span', children: props.children },\n      loader: { as: 'span' },\n    },\n    defaultProps,\n    resolveShorthandProps(props, buttonShorthandProps),\n  );\n\n  useButtonState(state);\n\n  return { state, render: renderButton };\n};\n"]}

package/lib-amd/components/Button/useButtonClasses.d.ts

@@ -1,29 +0,0 @@
-import { Theme } from '@fluentui/react-theme-provider';
-import { ButtonState } from './Button.types';
-export declare const ButtonSizeVariants: {
-    size_smallest: {
-        height: string;
-        minHeight: string;
-    };
-    size_smaller: {
-        height: string;
-        minHeight: string;
-    };
-    size_small: {
-        height: string;
-        minHeight: string;
-    };
-    size_large: {
-        height: string;
-        minHeight: string;
-    };
-    size_larger: {
-        height: string;
-        minHeight: string;
-    };
-    size_largest: {
-        height: string;
-        minHeight: string;
-    };
-};
-export declare const useButtonClasses: (state: ButtonState, theme?: Theme | undefined, renderer?: import("@fluentui/react-theme-provider").StyleRenderer | undefined) => void;