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

package/lib-amd/components/ToggleButton/useToggleButton.d.ts

@@ -1,6 +0,0 @@
-import * as React from 'react';
-import { ToggleButtonProps } from './ToggleButton.types';
-export declare const useToggleButton: (props: ToggleButtonProps, ref: React.Ref<HTMLElement>, defaultProps?: ToggleButtonProps | undefined) => {
-    state: Record<string, any>;
-    render: (state: import("../Button").ButtonState) => JSX.Element;
-};

package/lib-amd/components/ToggleButton/useToggleButton.js

@@ -1,10 +0,0 @@
-define(["require", "exports", "../Button/useButton", "./useChecked"], function (require, exports, useButton_1, useChecked_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.useToggleButton = function (props, ref, defaultProps) {
-        var buttonDefinition = useButton_1.useButton(props, ref, defaultProps);
-        useChecked_1.useChecked(buttonDefinition.state);
-        return buttonDefinition;
-    };
-});
-//# sourceMappingURL=useToggleButton.js.map

package/lib-amd/components/ToggleButton/useToggleButton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useToggleButton.js","sourceRoot":"../src/","sources":["components/ToggleButton/useToggleButton.tsx"],"names":[],"mappings":";;;IAKa,QAAA,eAAe,GAAG,UAC7B,KAAwB,EACxB,GAA2B,EAC3B,YAAgC;QAEhC,IAAM,gBAAgB,GAAG,qBAAS,CAAC,KAAK,EAAE,GAAG,EAAE,YAAY,CAAC,CAAC;QAE7D,uBAAU,CAAC,gBAAgB,CAAC,KAA0B,CAAC,CAAC;QAExD,OAAO,gBAAgB,CAAC;IAC1B,CAAC,CAAC","sourcesContent":["import * as React from 'react';\nimport { useButton } from '../Button/useButton';\nimport { ToggleButtonProps } from './ToggleButton.types';\nimport { useChecked } from './useChecked';\n\nexport const useToggleButton = (\n  props: ToggleButtonProps,\n  ref: React.Ref<HTMLElement>,\n  defaultProps?: ToggleButtonProps,\n) => {\n  const buttonDefinition = useButton(props, ref, defaultProps);\n\n  useChecked(buttonDefinition.state as ToggleButtonProps);\n\n  return buttonDefinition;\n};\n"]}

package/lib-amd/components/ToggleButton/useToggleButtonClasses.d.ts

@@ -1,3 +0,0 @@
-import { Theme } from '@fluentui/react-theme-provider';
-import { ToggleButtonState } from './ToggleButton.types';
-export declare const useToggleButtonClasses: (state: ToggleButtonState, theme?: Theme | undefined, renderer?: import("@fluentui/react-theme-provider").StyleRenderer | undefined) => void;

package/lib-amd/components/ToggleButton/useToggleButtonClasses.js

@@ -1,132 +0,0 @@
-define(["require", "exports", "@fluentui/style-utilities", "@fluentui/react-theme-provider"], function (require, exports, style_utilities_1, react_theme_provider_1) {
-    "use strict";
-    var _a, _b, _c;
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.useToggleButtonClasses = react_theme_provider_1.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[style_utilities_1.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[style_utilities_1.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[style_utilities_1.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-amd/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-amd/index.d.ts

@@ -1,6 +0,0 @@
-import './version';
-export * from './Button';
-export * from './CompoundButton';
-export * from './MenuButton';
-export * from './SplitButton';
-export * from './ToggleButton';

package/lib-amd/index.js

@@ -1,10 +0,0 @@
-define(["require", "exports", "tslib", "./Button", "./CompoundButton", "./MenuButton", "./SplitButton", "./ToggleButton", "./version"], function (require, exports, tslib_1, Button_1, CompoundButton_1, MenuButton_1, SplitButton_1, ToggleButton_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    tslib_1.__exportStar(Button_1, exports);
-    tslib_1.__exportStar(CompoundButton_1, exports);
-    tslib_1.__exportStar(MenuButton_1, exports);
-    tslib_1.__exportStar(SplitButton_1, exports);
-    tslib_1.__exportStar(ToggleButton_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,wCAAyB;IACzB,gDAAiC;IACjC,4CAA6B;IAC7B,6CAA8B;IAC9B,8CAA+B","sourcesContent":["import './version';\n\nexport * from './Button';\nexport * from './CompoundButton';\nexport * from './MenuButton';\nexport * from './SplitButton';\nexport * from './ToggleButton';\n"]}

package/lib-amd/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-amd/utils/tempTypes.js

@@ -1,8 +0,0 @@
-/**
- * NOTE! THIS FILE IS TEMPORARY AND SHOULD BE DELETED ONCE IT HAS MOVED TO `@fluentui/react-compose`.
- */
-define(["require", "exports"], function (require, exports) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-});
-//# sourceMappingURL=tempTypes.js.map

package/lib-amd/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-amd/version.d.ts

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

package/lib-amd/version.js

@@ -1,6 +0,0 @@
-define(["require", "exports", "@fluentui/set-version"], function (require, exports, set_version_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    set_version_1.setVersion('@fluentui/react-button', '1.0.0-beta.8');
-});
-//# sourceMappingURL=version.js.map

package/lib-amd/version.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"version.js","sourceRoot":"../src/","sources":["version.ts"],"names":[],"mappings":";;;IAGA,wBAAU,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-commonjs/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;