@fluentui/react-switch 9.0.0-alpha.5 → 9.0.0-alpha.9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-switch",
-  "version": "9.0.0-alpha.5",
+  "version": "9.0.0-alpha.9",
   "description": "Fluent UI React Switch component.",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -25,14 +25,14 @@
     "storybook": "start-storybook"
   },
   "devDependencies": {
-    "@fluentui/babel-make-styles": "9.0.0-alpha.49",
-    "@fluentui/eslint-plugin": "^1.4.1",
-    "@fluentui/jest-serializer-make-styles": "9.0.0-alpha.42",
-    "@fluentui/react-conformance": "^0.5.0",
-    "@fluentui/react-conformance-make-styles": "9.0.0-alpha.11",
-    "@fluentui/react-label": "9.0.0-alpha.40",
-    "@fluentui/react-provider": "9.0.0-alpha.78",
-    "@fluentui/react-theme": "9.0.0-alpha.22",
+    "@fluentui/babel-make-styles": "9.0.0-alpha.53",
+    "@fluentui/eslint-plugin": "*",
+    "@fluentui/jest-serializer-make-styles": "9.0.0-alpha.46",
+    "@fluentui/react-conformance": "*",
+    "@fluentui/react-conformance-make-styles": "9.0.0-alpha.15",
+    "@fluentui/react-label": "9.0.0-alpha.44",
+    "@fluentui/react-provider": "9.0.0-alpha.82",
+    "@fluentui/react-theme": "9.0.0-alpha.23",
     "@fluentui/scripts": "^1.0.0",
     "@types/enzyme": "3.10.3",
     "@types/enzyme-adapter-react-16": "1.0.3",
@@ -46,10 +46,10 @@
     "react-test-renderer": "^16.3.0"
   },
   "dependencies": {
-    "@fluentui/react-make-styles": "9.0.0-alpha.67",
-    "@fluentui/react-shared-contexts": "9.0.0-alpha.24",
-    "@fluentui/react-tabster": "9.0.0-alpha.61",
-    "@fluentui/react-utilities": "9.0.0-alpha.49",
+    "@fluentui/react-make-styles": "9.0.0-alpha.71",
+    "@fluentui/react-shared-contexts": "9.0.0-alpha.25",
+    "@fluentui/react-tabster": "9.0.0-alpha.65",
+    "@fluentui/react-utilities": "9.0.0-alpha.51",
     "tslib": "^2.1.0"
   },
   "peerDependencies": {

package/lib-amd/Switch.d.ts

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

package/lib-amd/Switch.js

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

package/lib-amd/Switch.js.map

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

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

@@ -1,4 +0,0 @@
-import type { 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,16 +0,0 @@
-define(["require", "exports", "@fluentui/react-conformance", "@fluentui/react-conformance-make-styles"], function (require, exports, react_conformance_1, react_conformance_make_styles_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', ''),
-            extraTests: react_conformance_make_styles_1.default,
-            skipAsPropTests: true,
-        };
-        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":";;;;IAIA,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;YAC5D,UAAU,EAAE,uCAAqC;YACjD,eAAe,EAAE,IAAI;SACtB,CAAC;QAEF,gCAAgB,CAAC,cAAc,EAAE,QAAQ,CAAC,CAAC;IAC7C,CAAC;IAXD,oCAWC","sourcesContent":["import { isConformant as baseIsConformant } from '@fluentui/react-conformance';\nimport type { IsConformantOptions, TestObject } from '@fluentui/react-conformance';\nimport makeStylesTests from '@fluentui/react-conformance-make-styles';\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    extraTests: makeStylesTests as TestObject<TProps>,\n    skipAsPropTests: true,\n  };\n\n  baseIsConformant(defaultOptions, testInfo);\n}\n"]}

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

@@ -1,6 +0,0 @@
-import * as React from 'react';
-import type { SwitchProps } from './Switch.types';
-/**
- * The Switch control enables users to trigger an option on or off through pressing on the component.
- */
-export declare const Switch: React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<HTMLDivElement>>;

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

@@ -1,15 +0,0 @@
-define(["require", "exports", "react", "./useSwitch", "./renderSwitch", "./useSwitchStyles"], function (require, exports, React, useSwitch_1, renderSwitch_1, useSwitchStyles_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.Switch = void 0;
-    /**
-     * The Switch control enables users to trigger an option on or off through pressing on the component.
-     */
-    exports.Switch = React.forwardRef(function (props, ref) {
-        var state = useSwitch_1.useSwitch(props, ref);
-        useSwitchStyles_1.useSwitchStyles(state);
-        return renderSwitch_1.renderSwitch(state);
-    });
-    exports.Switch.displayName = 'Switch';
-});
-//# sourceMappingURL=Switch.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Switch.js","sourceRoot":"../src/","sources":["components/Switch/Switch.tsx"],"names":[],"mappings":";;;;IAMA;;OAEG;IACU,QAAA,MAAM,GAAG,KAAK,CAAC,UAAU,CAA8B,UAAC,KAAK,EAAE,GAAG;QAC7E,IAAM,KAAK,GAAG,qBAAS,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;QAEpC,iCAAe,CAAC,KAAK,CAAC,CAAC;QAEvB,OAAO,2BAAY,CAAC,KAAK,CAAC,CAAC;IAC7B,CAAC,CAAC,CAAC;IAEH,cAAM,CAAC,WAAW,GAAG,QAAQ,CAAC","sourcesContent":["import * as React from 'react';\nimport { useSwitch } from './useSwitch';\nimport { renderSwitch } from './renderSwitch';\nimport { useSwitchStyles } from './useSwitchStyles';\nimport type { SwitchProps } from './Switch.types';\n\n/**\n * The Switch control enables users to trigger an option on or off through pressing on the component.\n */\nexport const Switch = React.forwardRef<HTMLDivElement, SwitchProps>((props, ref) => {\n  const state = useSwitch(props, ref);\n\n  useSwitchStyles(state);\n\n  return renderSwitch(state);\n});\n\nSwitch.displayName = 'Switch';\n"]}

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

@@ -1,54 +0,0 @@
-import * as React from 'react';
-import type { ComponentProps, ComponentState, IntrinsicShorthandProps } from '@fluentui/react-utilities';
-export declare type SwitchSlots = {
-    /**
-     * The root of the Switch.
-     */
-    root: IntrinsicShorthandProps<'div'>;
-    /**
-     * The bar indicating the status of the Switch.
-     */
-    track: IntrinsicShorthandProps<'div'>;
-    /**
-     * The wrapper around the thumb. It is used as the active area for the thumb to position itself.
-     */
-    thumbWrapper: IntrinsicShorthandProps<'div'>;
-    /**
-     * The circular icon indicating the status of the Switch.
-     */
-    thumb: IntrinsicShorthandProps<'div'>;
-    /**
-     * The hidden input that handles the Switch's internal functionality.
-     */
-    input: IntrinsicShorthandProps<'input'>;
-};
-export interface SwitchCommons {
-    /**
-     * The starting value for a uncontrolled Switch. If `true` then the Switch will be enabled.
-     * Mutually exclusive with `checked` prop.
-     *
-     * @default false
-     */
-    defaultChecked?: boolean;
-    /**
-     * The current value for a controlled Switch. If `true` then the Switch will be enabled.
-     * Mutually exclusive with `defaultChecked` prop.
-     */
-    checked?: boolean;
-    /**
-     * Whether the Switch should be disabled.
-     *
-     * @default false
-     */
-    disabled?: boolean;
-    /**
-     * Callback to be called when the `checked` value changes.
-     */
-    onChange?: (ev: React.ChangeEvent<HTMLInputElement>, data: {
-        checked: boolean;
-    }) => void;
-}
-export interface SwitchProps extends Omit<ComponentProps<SwitchSlots>, 'onChange'>, SwitchCommons {
-}
-export interface SwitchState extends ComponentState<SwitchSlots>, SwitchCommons {
-}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"Switch.types.js","sourceRoot":"../src/","sources":["components/Switch/Switch.types.ts"],"names":[],"mappings":"","sourcesContent":["import * as React from 'react';\nimport type { ComponentProps, ComponentState, IntrinsicShorthandProps } from '@fluentui/react-utilities';\n\nexport type SwitchSlots = {\n  /**\n   * The root of the Switch.\n   */\n  root: IntrinsicShorthandProps<'div'>;\n\n  /**\n   * The bar indicating the status of the Switch.\n   */\n  track: IntrinsicShorthandProps<'div'>;\n\n  /**\n   * The wrapper around the thumb. It is used as the active area for the thumb to position itself.\n   */\n  thumbWrapper: IntrinsicShorthandProps<'div'>;\n\n  /**\n   * The circular icon indicating the status of the Switch.\n   */\n  thumb: IntrinsicShorthandProps<'div'>;\n\n  /**\n   * The hidden input that handles the Switch's internal functionality.\n   */\n  input: IntrinsicShorthandProps<'input'>;\n};\n\nexport interface SwitchCommons {\n  /**\n   * The starting value for a uncontrolled Switch. If `true` then the Switch will be enabled.\n   * Mutually exclusive with `checked` prop.\n   *\n   * @default false\n   */\n  defaultChecked?: boolean;\n\n  /**\n   * The current value for a controlled Switch. If `true` then the Switch will be enabled.\n   * Mutually exclusive with `defaultChecked` prop.\n   */\n  checked?: boolean;\n\n  /**\n   * Whether the Switch should be disabled.\n   *\n   * @default false\n   */\n  disabled?: boolean;\n\n  /**\n   * Callback to be called when the `checked` value changes.\n   */\n  onChange?: (\n    ev: React.ChangeEvent<HTMLInputElement>,\n    data: {\n      checked: boolean;\n    },\n  ) => void;\n}\n\nexport interface SwitchProps extends Omit<ComponentProps<SwitchSlots>, 'onChange'>, SwitchCommons {}\n\nexport interface SwitchState extends ComponentState<SwitchSlots>, SwitchCommons {}\n"]}

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

@@ -1,5 +0,0 @@
-export * from './Switch';
-export * from './Switch.types';
-export * from './renderSwitch';
-export * from './useSwitch';
-export * from './useSwitchStyles';

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

@@ -1,10 +0,0 @@
-define(["require", "exports", "tslib", "./Switch", "./Switch.types", "./renderSwitch", "./useSwitch", "./useSwitchStyles"], function (require, exports, tslib_1, Switch_1, Switch_types_1, renderSwitch_1, useSwitch_1, useSwitchStyles_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    tslib_1.__exportStar(Switch_1, exports);
-    tslib_1.__exportStar(Switch_types_1, exports);
-    tslib_1.__exportStar(renderSwitch_1, exports);
-    tslib_1.__exportStar(useSwitch_1, exports);
-    tslib_1.__exportStar(useSwitchStyles_1, exports);
-});
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["components/Switch/index.ts"],"names":[],"mappings":";;;IAAA,wCAAyB;IACzB,8CAA+B;IAC/B,8CAA+B;IAC/B,2CAA4B;IAC5B,iDAAkC","sourcesContent":["export * from './Switch';\nexport * from './Switch.types';\nexport * from './renderSwitch';\nexport * from './useSwitch';\nexport * from './useSwitchStyles';\n"]}

package/lib-amd/components/Switch/renderSwitch.d.ts

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

package/lib-amd/components/Switch/renderSwitch.js

@@ -1,18 +0,0 @@
-define(["require", "exports", "tslib", "react", "@fluentui/react-utilities", "./useSwitch"], function (require, exports, tslib_1, React, react_utilities_1, useSwitch_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.renderSwitch = void 0;
-    /**
-     * Render the final JSX of Switch
-     */
-    var renderSwitch = function (state) {
-        var _a = react_utilities_1.getSlots(state, useSwitch_1.switchShorthandProps), slots = _a.slots, slotProps = _a.slotProps;
-        return (React.createElement(slots.root, tslib_1.__assign({}, slotProps.root),
-            React.createElement(slots.track, tslib_1.__assign({}, slotProps.track)),
-            React.createElement(slots.thumbWrapper, tslib_1.__assign({}, slotProps.thumbWrapper),
-                React.createElement(slots.thumb, tslib_1.__assign({}, slotProps.thumb))),
-            React.createElement(slots.input, tslib_1.__assign({}, slotProps.input))));
-    };
-    exports.renderSwitch = renderSwitch;
-});
-//# sourceMappingURL=renderSwitch.js.map

package/lib-amd/components/Switch/renderSwitch.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"renderSwitch.js","sourceRoot":"../src/","sources":["components/Switch/renderSwitch.tsx"],"names":[],"mappings":";;;;IAKA;;OAEG;IACI,IAAM,YAAY,GAAG,UAAC,KAAkB;QACvC,IAAA,KAAuB,0BAAQ,CAAc,KAAK,EAAE,gCAAoB,CAAC,EAAvE,KAAK,WAAA,EAAE,SAAS,eAAuD,CAAC;QAEhF,OAAO,CACL,oBAAC,KAAK,CAAC,IAAI,uBAAK,SAAS,CAAC,IAAI;YAC5B,oBAAC,KAAK,CAAC,KAAK,uBAAK,SAAS,CAAC,KAAK,EAAI;YACpC,oBAAC,KAAK,CAAC,YAAY,uBAAK,SAAS,CAAC,YAAY;gBAC5C,oBAAC,KAAK,CAAC,KAAK,uBAAK,SAAS,CAAC,KAAK,EAAI,CACjB;YACrB,oBAAC,KAAK,CAAC,KAAK,uBAAK,SAAS,CAAC,KAAK,EAAI,CACzB,CACd,CAAC;IACJ,CAAC,CAAC;IAZW,QAAA,YAAY,gBAYvB","sourcesContent":["import * as React from 'react';\nimport { getSlots } from '@fluentui/react-utilities';\nimport { switchShorthandProps } from './useSwitch';\nimport type { SwitchState, SwitchSlots } from './Switch.types';\n\n/**\n * Render the final JSX of Switch\n */\nexport const renderSwitch = (state: SwitchState) => {\n  const { slots, slotProps } = getSlots<SwitchSlots>(state, switchShorthandProps);\n\n  return (\n    <slots.root {...slotProps.root}>\n      <slots.track {...slotProps.track} />\n      <slots.thumbWrapper {...slotProps.thumbWrapper}>\n        <slots.thumb {...slotProps.thumb} />\n      </slots.thumbWrapper>\n      <slots.input {...slotProps.input} />\n    </slots.root>\n  );\n};\n"]}

package/lib-amd/components/Switch/useSwitch.d.ts

@@ -1,10 +0,0 @@
-import * as React from 'react';
-import type { SwitchProps, SwitchSlots, SwitchState } from './Switch.types';
-/**
- * Array of all shorthand properties listed in SwitchSlots
- */
-export declare const switchShorthandProps: (keyof SwitchSlots)[];
-/**
- * Given user props, returns state and render function for a Switch.
- */
-export declare const useSwitch: (props: SwitchProps, ref: React.Ref<HTMLElement>) => SwitchState;

package/lib-amd/components/Switch/useSwitch.js

@@ -1,42 +0,0 @@
-define(["require", "exports", "tslib", "@fluentui/react-utilities", "./useSwitchState"], function (require, exports, tslib_1, react_utilities_1, useSwitchState_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.useSwitch = exports.switchShorthandProps = void 0;
-    /**
-     * Array of all shorthand properties listed in SwitchSlots
-     */
-    exports.switchShorthandProps = ['root', 'track', 'thumbWrapper', 'thumb', 'input'];
-    /**
-     * Given user props, returns state and render function for a Switch.
-     */
-    var useSwitch = function (props, ref) {
-        var track = props.track, thumbWrapper = props.thumbWrapper, thumb = props.thumb, input = props.input, defaultChecked = props.defaultChecked, checked = props.checked, disabled = props.disabled, onChange = props.onChange;
-        var state = {
-            defaultChecked: defaultChecked,
-            checked: checked,
-            disabled: disabled,
-            onChange: onChange,
-            root: react_utilities_1.getNativeElementProps('span', tslib_1.__assign(tslib_1.__assign({ ref: ref }, props), { id: react_utilities_1.useId('switch-', props.id) })),
-            components: {
-                root: 'div',
-                track: 'div',
-                thumbWrapper: 'div',
-                thumb: 'div',
-                input: 'input',
-            },
-            track: react_utilities_1.resolveShorthand(track, { required: true }),
-            thumbWrapper: react_utilities_1.resolveShorthand(thumbWrapper, { required: true }),
-            thumb: react_utilities_1.resolveShorthand(thumb, { required: true }),
-            input: react_utilities_1.resolveShorthand(input, {
-                required: true,
-                defaultProps: {
-                    type: 'checkbox',
-                },
-            }),
-        };
-        useSwitchState_1.useSwitchState(state);
-        return state;
-    };
-    exports.useSwitch = useSwitch;
-});
-//# sourceMappingURL=useSwitch.js.map

package/lib-amd/components/Switch/useSwitch.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useSwitch.js","sourceRoot":"../src/","sources":["components/Switch/useSwitch.ts"],"names":[],"mappings":";;;;IAKA;;OAEG;IACU,QAAA,oBAAoB,GAA0B,CAAC,MAAM,EAAE,OAAO,EAAE,cAAc,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC;IAE/G;;OAEG;IACI,IAAM,SAAS,GAAG,UAAC,KAAkB,EAAE,GAA2B;QAC/D,IAAA,KAAK,GAA8E,KAAK,MAAnF,EAAE,YAAY,GAAgE,KAAK,aAArE,EAAE,KAAK,GAAyD,KAAK,MAA9D,EAAE,KAAK,GAAkD,KAAK,MAAvD,EAAE,cAAc,GAAkC,KAAK,eAAvC,EAAE,OAAO,GAAyB,KAAK,QAA9B,EAAE,QAAQ,GAAe,KAAK,SAApB,EAAE,QAAQ,GAAK,KAAK,SAAV,CAAW;QACjG,IAAM,KAAK,GAAgB;YACzB,cAAc,gBAAA;YACd,OAAO,SAAA;YACP,QAAQ,UAAA;YACR,QAAQ,UAAA;YACR,IAAI,EAAE,uCAAqB,CAAC,MAAM,sCAChC,GAAG,KAAA,IACA,KAAK,KACR,EAAE,EAAE,uBAAK,CAAC,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,IAC9B;YACF,UAAU,EAAE;gBACV,IAAI,EAAE,KAAK;gBACX,KAAK,EAAE,KAAK;gBACZ,YAAY,EAAE,KAAK;gBACnB,KAAK,EAAE,KAAK;gBACZ,KAAK,EAAE,OAAO;aACf;YACD,KAAK,EAAE,kCAAgB,CAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;YAClD,YAAY,EAAE,kCAAgB,CAAC,YAAY,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;YAChE,KAAK,EAAE,kCAAgB,CAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;YAClD,KAAK,EAAE,kCAAgB,CAAC,KAAK,EAAE;gBAC7B,QAAQ,EAAE,IAAI;gBACd,YAAY,EAAE;oBACZ,IAAI,EAAE,UAAU;iBACjB;aACF,CAAC;SACH,CAAC;QAEF,+BAAc,CAAC,KAAK,CAAC,CAAC;QAEtB,OAAO,KAAK,CAAC;IACf,CAAC,CAAC;IAjCW,QAAA,SAAS,aAiCpB","sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, resolveShorthand, useId } from '@fluentui/react-utilities';\nimport { useSwitchState } from './useSwitchState';\nimport type { SwitchProps, SwitchSlots, SwitchState } from './Switch.types';\n\n/**\n * Array of all shorthand properties listed in SwitchSlots\n */\nexport const switchShorthandProps: (keyof SwitchSlots)[] = ['root', 'track', 'thumbWrapper', 'thumb', 'input'];\n\n/**\n * Given user props, returns state and render function for a Switch.\n */\nexport const useSwitch = (props: SwitchProps, ref: React.Ref<HTMLElement>): SwitchState => {\n  const { track, thumbWrapper, thumb, input, defaultChecked, checked, disabled, onChange } = props;\n  const state: SwitchState = {\n    defaultChecked,\n    checked,\n    disabled,\n    onChange,\n    root: getNativeElementProps('span', {\n      ref,\n      ...props,\n      id: useId('switch-', props.id),\n    }),\n    components: {\n      root: 'div',\n      track: 'div',\n      thumbWrapper: 'div',\n      thumb: 'div',\n      input: 'input',\n    },\n    track: resolveShorthand(track, { required: true }),\n    thumbWrapper: resolveShorthand(thumbWrapper, { required: true }),\n    thumb: resolveShorthand(thumb, { required: true }),\n    input: resolveShorthand(input, {\n      required: true,\n      defaultProps: {\n        type: 'checkbox',\n      },\n    }),\n  };\n\n  useSwitchState(state);\n\n  return state;\n};\n"]}

package/lib-amd/components/Switch/useSwitchState.d.ts

@@ -1,2 +0,0 @@
-import type { SwitchState } from './Switch.types';
-export declare const useSwitchState: (state: SwitchState) => SwitchState;

package/lib-amd/components/Switch/useSwitchState.js

@@ -1,44 +0,0 @@
-define(["require", "exports", "react", "@fluentui/react-utilities", "@fluentui/react-shared-contexts"], function (require, exports, React, react_utilities_1, react_shared_contexts_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.useSwitchState = void 0;
-    var useSwitchState = function (state) {
-        var _a = state.defaultChecked, defaultChecked = _a === void 0 ? false : _a, checked = state.checked, _b = state.disabled, disabled = _b === void 0 ? false : _b, onChange = state.onChange;
-        var dir = react_shared_contexts_1.useFluent().dir;
-        var inputRef = react_utilities_1.useMergedRefs(state.input.ref);
-        var _c = react_utilities_1.useControllableState({
-            defaultState: defaultChecked,
-            state: checked,
-            initialState: false,
-        }), internalValue = _c[0], setInternalValue = _c[1];
-        var setChecked = React.useCallback(function (ev, incomingValue) {
-            onChange === null || onChange === void 0 ? void 0 : onChange(ev, { checked: incomingValue });
-            setInternalValue(incomingValue);
-        }, [onChange, setInternalValue]);
-        var userOnChange = state.input.onChange;
-        var onInputChange = react_utilities_1.useEventCallback(function (ev) {
-            ev.stopPropagation();
-            userOnChange === null || userOnChange === void 0 ? void 0 : userOnChange(ev);
-            setChecked(ev, ev.currentTarget.checked);
-        });
-        var thumbWrapperStyles = {
-            transform: dir === 'rtl'
-                ? internalValue
-                    ? 'translate(-100%)'
-                    : 'translate(0%)'
-                : internalValue
-                    ? 'translate(100%)'
-                    : 'translate(0%)',
-        };
-        // Input Props
-        state.input.onChange = onInputChange;
-        state.input.checked = internalValue;
-        state.input.disabled = disabled;
-        state.input.ref = inputRef;
-        // thumbContainer Props
-        state.thumbWrapper.style = thumbWrapperStyles;
-        return state;
-    };
-    exports.useSwitchState = useSwitchState;
-});
-//# sourceMappingURL=useSwitchState.js.map

package/lib-amd/components/Switch/useSwitchState.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useSwitchState.js","sourceRoot":"../src/","sources":["components/Switch/useSwitchState.ts"],"names":[],"mappings":";;;;IAKO,IAAM,cAAc,GAAG,UAAC,KAAkB;QACvC,IAAA,KAAgE,KAAK,eAA/C,EAAtB,cAAc,mBAAG,KAAK,KAAA,EAAE,OAAO,GAAiC,KAAK,QAAtC,EAAE,KAA+B,KAAK,SAApB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAAE,QAAQ,GAAK,KAAK,SAAV,CAAW;QAEtE,IAAA,GAAG,GAAK,iCAAS,EAAE,IAAhB,CAAiB;QAC5B,IAAM,QAAQ,GAAG,+BAAa,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QAC1C,IAAA,KAAoC,sCAAoB,CAAC;YAC7D,YAAY,EAAE,cAAc;YAC5B,KAAK,EAAE,OAAO;YACd,YAAY,EAAE,KAAK;SACpB,CAAC,EAJK,aAAa,QAAA,EAAE,gBAAgB,QAIpC,CAAC;QAEH,IAAM,UAAU,GAAG,KAAK,CAAC,WAAW,CAClC,UAAC,EAAuC,EAAE,aAAsB;YAC9D,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,EAAE,EAAE,EAAE,OAAO,EAAE,aAAa,EAAE,EAAE;YAC3C,gBAAgB,CAAC,aAAa,CAAC,CAAC;QAClC,CAAC,EACD,CAAC,QAAQ,EAAE,gBAAgB,CAAC,CAC7B,CAAC;QAEF,IAAM,YAAY,GAAG,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC;QAE1C,IAAM,aAAa,GAAG,kCAAgB,CAAC,UAAC,EAAuC;YAC7E,EAAE,CAAC,eAAe,EAAE,CAAC;YACrB,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAG,EAAE,EAAE;YACnB,UAAU,CAAC,EAAE,EAAE,EAAE,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;QAC3C,CAAC,CAAC,CAAC;QAEH,IAAM,kBAAkB,GAAG;YACzB,SAAS,EACP,GAAG,KAAK,KAAK;gBACX,CAAC,CAAC,aAAa;oBACb,CAAC,CAAC,kBAAkB;oBACpB,CAAC,CAAC,eAAe;gBACnB,CAAC,CAAC,aAAa;oBACf,CAAC,CAAC,iBAAiB;oBACnB,CAAC,CAAC,eAAe;SACtB,CAAC;QAEF,cAAc;QACd,KAAK,CAAC,KAAK,CAAC,QAAQ,GAAG,aAAa,CAAC;QACrC,KAAK,CAAC,KAAK,CAAC,OAAO,GAAG,aAAa,CAAC;QACpC,KAAK,CAAC,KAAK,CAAC,QAAQ,GAAG,QAAQ,CAAC;QAChC,KAAK,CAAC,KAAK,CAAC,GAAG,GAAG,QAAQ,CAAC;QAE3B,uBAAuB;QACvB,KAAK,CAAC,YAAY,CAAC,KAAK,GAAG,kBAAkB,CAAC;QAE9C,OAAO,KAAK,CAAC;IACf,CAAC,CAAC;IAhDW,QAAA,cAAc,kBAgDzB","sourcesContent":["import * as React from 'react';\nimport { useControllableState, useEventCallback, useMergedRefs } from '@fluentui/react-utilities';\nimport { useFluent } from '@fluentui/react-shared-contexts';\nimport type { SwitchState } from './Switch.types';\n\nexport const useSwitchState = (state: SwitchState) => {\n  const { defaultChecked = false, checked, disabled = false, onChange } = state;\n\n  const { dir } = useFluent();\n  const inputRef = useMergedRefs(state.input.ref);\n  const [internalValue, setInternalValue] = useControllableState({\n    defaultState: defaultChecked,\n    state: checked,\n    initialState: false,\n  });\n\n  const setChecked = React.useCallback(\n    (ev: React.ChangeEvent<HTMLInputElement>, incomingValue: boolean) => {\n      onChange?.(ev, { checked: incomingValue });\n      setInternalValue(incomingValue);\n    },\n    [onChange, setInternalValue],\n  );\n\n  const userOnChange = state.input.onChange;\n\n  const onInputChange = useEventCallback((ev: React.ChangeEvent<HTMLInputElement>) => {\n    ev.stopPropagation();\n    userOnChange?.(ev);\n    setChecked(ev, ev.currentTarget.checked);\n  });\n\n  const thumbWrapperStyles = {\n    transform:\n      dir === 'rtl'\n        ? internalValue\n          ? 'translate(-100%)'\n          : 'translate(0%)'\n        : internalValue\n        ? 'translate(100%)'\n        : 'translate(0%)',\n  };\n\n  // Input Props\n  state.input.onChange = onInputChange;\n  state.input.checked = internalValue;\n  state.input.disabled = disabled;\n  state.input.ref = inputRef;\n\n  // thumbContainer Props\n  state.thumbWrapper.style = thumbWrapperStyles;\n\n  return state;\n};\n"]}

package/lib-amd/components/Switch/useSwitchStyles.d.ts

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

package/lib-amd/components/Switch/useSwitchStyles.js

@@ -1,161 +0,0 @@
-define(["require", "exports", "@fluentui/react-make-styles", "@fluentui/react-tabster"], function (require, exports, react_make_styles_1, react_tabster_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.useSwitchStyles = void 0;
-    var rootClassName = 'ms-Switch-root';
-    var trackClassName = 'ms-Switch-track';
-    var thumbClassName = 'ms-Switch-thumb';
-    /**
-     * Styles for the root slot
-     */
-    var useRootStyles = react_make_styles_1.makeStyles({
-        root: function (theme) { return ({
-            '--switch-width': '40px',
-            '--switch-height': '20px',
-            '--switch-thumb-size': '14px',
-            position: 'relative',
-            width: 'var(--switch-width)',
-            height: 'var(--switch-height)',
-            display: 'inline-block',
-            userSelect: 'none',
-            touchAction: 'none',
-            verticalAlign: 'bottom',
-        }); },
-        unchecked: function (theme) { return ({
-            ':hover .ms-Switch-thumb': {
-                background: theme.alias.color.neutral.neutralForeground3Hover,
-            },
-            ':hover .ms-Switch-track': {
-                borderColor: theme.alias.color.neutral.neutralForeground3Hover,
-            },
-        }); },
-        checked: function (theme) { return ({
-            ':hover .ms-Switch-track': {
-                // TODO: theme.alias.color.neutral.brandBackgroundInteractive
-                background: theme.global.palette.brand.shade30,
-            },
-        }); },
-        focusIndicator: react_tabster_1.createFocusIndicatorStyleRule(function (theme) { return ({
-            ':after': {
-                content: "''",
-                position: 'absolute',
-                top: '-8px',
-                right: '-8px',
-                bottom: '-8px',
-                left: '-8px',
-                boxSizing: 'border-box',
-                border: "1px solid " + theme.alias.color.neutral.neutralForeground1,
-                borderRadius: theme.global.borderRadius.medium,
-            },
-        }); }, { selector: 'focus-within' }),
-    });
-    /**
-     * Styles for the track slot
-     */
-    var useTrackStyles = react_make_styles_1.makeStyles({
-        track: function (theme) { return ({
-            position: 'absolute',
-            width: '100%',
-            height: '100%',
-            boxSizing: 'border-box',
-            borderRadius: '999px',
-            transition: 'background .2s cubic-bezier(0.33, 0.0, 0.67, 1), borderColor .2s cubic-bezier(0.33, 0.0, 0.67, 1)',
-            pointerEvents: 'none',
-        }); },
-        unchecked: function (theme) { return ({
-            border: "1px solid " + theme.alias.color.neutral.neutralStrokeAccessible,
-            background: 'none',
-        }); },
-        checked: function (theme) { return ({
-            // TODO: background: theme.alias.color.neutral.brandBackgroundInteractive,
-            background: theme.global.palette.brand.primary,
-            border: 'none',
-        }); },
-        disabledUnchecked: function (theme) { return ({
-            border: "1px solid " + theme.alias.color.neutral.neutralStrokeDisabled,
-        }); },
-        disabledChecked: function (theme) { return ({
-            background: theme.alias.color.neutral.neutralBackgroundDisabled,
-            border: 'none',
-        }); },
-    });
-    /**
-     * Styles for the thumb wrapper slot
-     */
-    var useThumbWrapperStyles = react_make_styles_1.makeStyles({
-        thumbWrapper: function (theme) { return ({
-            position: 'absolute',
-            top: '0',
-            bottom: '0',
-            left: 'calc(var(--switch-thumb-size) * .7)',
-            right: 'calc(var(--switch-thumb-size) * .7)',
-            transition: 'transform .2s cubic-bezier(0.33, 0.0, 0.67, 1), background .2s cubic-bezier(0.33, 0.0, 0.67, 1)',
-            pointerEvents: 'none',
-        }); },
-    });
-    /**
-     * Styles for the thumb slot
-     */
-    var useThumbStyles = react_make_styles_1.makeStyles({
-        thumb: function (theme) { return ({
-            position: 'absolute',
-            width: 'var(--switch-thumb-size)',
-            height: 'var(--switch-thumb-size)',
-            boxSizing: 'border-box',
-            borderRadius: theme.global.borderRadius.circular,
-            top: '50%',
-            transform: 'translate(-50%, -50%)',
-            pointerEvents: 'none',
-        }); },
-        unchecked: function (theme) { return ({
-            background: theme.alias.color.neutral.neutralStrokeAccessible,
-        }); },
-        checked: function (theme) { return ({
-            // Neutral foreground accessible
-            background: 'white',
-        }); },
-        disabledUnchecked: function (theme) { return ({
-            border: "1px solid " + theme.alias.color.neutral.neutralForegroundDisabled,
-            background: theme.alias.color.neutral.neutralBackground1,
-        }); },
-        disabledChecked: function (theme) { return ({
-            background: theme.alias.color.neutral.neutralForegroundDisabled,
-        }); },
-    });
-    /**
-     * Styles for the hidden input slot
-     */
-    var useInputStyle = react_make_styles_1.makeStyles({
-        input: {
-            opacity: 0,
-            width: '100%',
-            height: '100%',
-            margin: 0,
-        },
-        enabled: {
-            cursor: 'pointer',
-        },
-        disabled: {
-            cursor: 'not-allowed',
-        },
-    });
-    /**
-     * Apply styling to the Switch slots based on the state
-     */
-    var useSwitchStyles = function (state) {
-        var _a = state.input, checked = _a.checked, disabled = _a.disabled;
-        var rootStyles = useRootStyles();
-        var trackStyles = useTrackStyles();
-        var thumbWrapperStyles = useThumbWrapperStyles();
-        var thumbStyles = useThumbStyles();
-        var inputStyles = useInputStyle();
-        state.root.className = react_make_styles_1.mergeClasses(rootClassName + (checked ? ' checked' : ''), rootStyles.root, rootStyles.focusIndicator, !disabled && (checked ? rootStyles.checked : rootStyles.unchecked), state.root.className);
-        state.track.className = react_make_styles_1.mergeClasses(trackClassName, trackStyles.track, !disabled && (checked ? trackStyles.checked : trackStyles.unchecked), disabled && (checked ? trackStyles.disabledChecked : trackStyles.disabledUnchecked), state.track.className);
-        state.thumbWrapper.className = react_make_styles_1.mergeClasses(thumbWrapperStyles.thumbWrapper, state.thumbWrapper.className);
-        state.thumb.className = react_make_styles_1.mergeClasses(thumbClassName, thumbStyles.thumb, !disabled && (checked ? thumbStyles.checked : thumbStyles.unchecked), disabled && (checked ? thumbStyles.disabledChecked : thumbStyles.disabledUnchecked), state.thumb.className);
-        state.input.className = react_make_styles_1.mergeClasses(inputStyles.input, disabled ? inputStyles.disabled : inputStyles.enabled, state.input.className);
-        return state;
-    };
-    exports.useSwitchStyles = useSwitchStyles;
-});
-//# sourceMappingURL=useSwitchStyles.js.map

package/lib-amd/components/Switch/useSwitchStyles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useSwitchStyles.js","sourceRoot":"../src/","sources":["components/Switch/useSwitchStyles.ts"],"names":[],"mappings":"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","sourcesContent":["import { makeStyles, mergeClasses } from '@fluentui/react-make-styles';\nimport { createFocusIndicatorStyleRule } from '@fluentui/react-tabster';\nimport type { SwitchState } from './Switch.types';\n\nconst rootClassName = 'ms-Switch-root';\nconst trackClassName = 'ms-Switch-track';\nconst thumbClassName = 'ms-Switch-thumb';\n\n/**\n * Styles for the root slot\n */\nconst useRootStyles = makeStyles({\n  root: theme => ({\n    '--switch-width': '40px',\n    '--switch-height': '20px',\n    '--switch-thumb-size': '14px',\n\n    position: 'relative',\n    width: 'var(--switch-width)',\n    height: 'var(--switch-height)',\n    display: 'inline-block',\n    userSelect: 'none',\n    touchAction: 'none',\n    verticalAlign: 'bottom',\n  }),\n\n  unchecked: theme => ({\n    ':hover .ms-Switch-thumb': {\n      background: theme.alias.color.neutral.neutralForeground3Hover,\n    },\n\n    ':hover .ms-Switch-track': {\n      borderColor: theme.alias.color.neutral.neutralForeground3Hover,\n    },\n  }),\n\n  checked: theme => ({\n    ':hover .ms-Switch-track': {\n      // TODO: theme.alias.color.neutral.brandBackgroundInteractive\n      background: theme.global.palette.brand.shade30,\n    },\n  }),\n\n  focusIndicator: createFocusIndicatorStyleRule(\n    theme => ({\n      ':after': {\n        content: \"''\",\n        position: 'absolute',\n        top: '-8px',\n        right: '-8px',\n        bottom: '-8px',\n        left: '-8px',\n        boxSizing: 'border-box',\n        border: `1px solid ${theme.alias.color.neutral.neutralForeground1}`,\n        borderRadius: theme.global.borderRadius.medium,\n      },\n    }),\n    { selector: 'focus-within' },\n  ),\n});\n\n/**\n * Styles for the track slot\n */\nconst useTrackStyles = makeStyles({\n  track: theme => ({\n    position: 'absolute',\n    width: '100%',\n    height: '100%',\n    boxSizing: 'border-box',\n    borderRadius: '999px',\n    transition: 'background .2s cubic-bezier(0.33, 0.0, 0.67, 1), borderColor .2s cubic-bezier(0.33, 0.0, 0.67, 1)',\n    pointerEvents: 'none',\n  }),\n\n  unchecked: theme => ({\n    border: `1px solid ${theme.alias.color.neutral.neutralStrokeAccessible}`,\n    background: 'none',\n  }),\n\n  checked: theme => ({\n    // TODO: background: theme.alias.color.neutral.brandBackgroundInteractive,\n    background: theme.global.palette.brand.primary,\n    border: 'none',\n  }),\n\n  disabledUnchecked: theme => ({\n    border: `1px solid ${theme.alias.color.neutral.neutralStrokeDisabled}`,\n  }),\n\n  disabledChecked: theme => ({\n    background: theme.alias.color.neutral.neutralBackgroundDisabled,\n    border: 'none',\n  }),\n});\n\n/**\n * Styles for the thumb wrapper slot\n */\nconst useThumbWrapperStyles = makeStyles({\n  thumbWrapper: theme => ({\n    position: 'absolute',\n    top: '0',\n    bottom: '0',\n    left: 'calc(var(--switch-thumb-size) * .7)',\n    right: 'calc(var(--switch-thumb-size) * .7)',\n    transition: 'transform .2s cubic-bezier(0.33, 0.0, 0.67, 1), background .2s cubic-bezier(0.33, 0.0, 0.67, 1)',\n    pointerEvents: 'none',\n  }),\n});\n\n/**\n * Styles for the thumb slot\n */\nconst useThumbStyles = makeStyles({\n  thumb: theme => ({\n    position: 'absolute',\n    width: 'var(--switch-thumb-size)',\n    height: 'var(--switch-thumb-size)',\n    boxSizing: 'border-box',\n    borderRadius: theme.global.borderRadius.circular,\n    top: '50%',\n    transform: 'translate(-50%, -50%)',\n    pointerEvents: 'none',\n  }),\n\n  unchecked: theme => ({\n    background: theme.alias.color.neutral.neutralStrokeAccessible,\n  }),\n\n  checked: theme => ({\n    // Neutral foreground accessible\n    background: 'white',\n  }),\n\n  disabledUnchecked: theme => ({\n    border: `1px solid ${theme.alias.color.neutral.neutralForegroundDisabled}`,\n    background: theme.alias.color.neutral.neutralBackground1,\n  }),\n\n  disabledChecked: theme => ({\n    background: theme.alias.color.neutral.neutralForegroundDisabled,\n  }),\n});\n\n/**\n * Styles for the hidden input slot\n */\nconst useInputStyle = makeStyles({\n  input: {\n    opacity: 0,\n    width: '100%',\n    height: '100%',\n    margin: 0,\n  },\n\n  enabled: {\n    cursor: 'pointer',\n  },\n\n  disabled: {\n    cursor: 'not-allowed',\n  },\n});\n\n/**\n * Apply styling to the Switch slots based on the state\n */\nexport const useSwitchStyles = (state: SwitchState): SwitchState => {\n  const { checked, disabled } = state.input;\n\n  const rootStyles = useRootStyles();\n  const trackStyles = useTrackStyles();\n  const thumbWrapperStyles = useThumbWrapperStyles();\n  const thumbStyles = useThumbStyles();\n  const inputStyles = useInputStyle();\n\n  state.root.className = mergeClasses(\n    rootClassName + (checked ? ' checked' : ''),\n    rootStyles.root,\n    rootStyles.focusIndicator,\n    !disabled && (checked ? rootStyles.checked : rootStyles.unchecked),\n    state.root.className,\n  );\n\n  state.track.className = mergeClasses(\n    trackClassName,\n    trackStyles.track,\n    !disabled && (checked ? trackStyles.checked : trackStyles.unchecked),\n    disabled && (checked ? trackStyles.disabledChecked : trackStyles.disabledUnchecked),\n    state.track.className,\n  );\n\n  state.thumbWrapper.className = mergeClasses(thumbWrapperStyles.thumbWrapper, state.thumbWrapper.className);\n\n  state.thumb.className = mergeClasses(\n    thumbClassName,\n    thumbStyles.thumb,\n    !disabled && (checked ? thumbStyles.checked : thumbStyles.unchecked),\n    disabled && (checked ? thumbStyles.disabledChecked : thumbStyles.disabledUnchecked),\n    state.thumb.className,\n  );\n\n  state.input.className = mergeClasses(\n    inputStyles.input,\n    disabled ? inputStyles.disabled : inputStyles.enabled,\n    state.input.className,\n  );\n\n  return state;\n};\n"]}

package/lib-amd/index.d.ts

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

package/lib-amd/index.js

@@ -1,6 +0,0 @@
-define(["require", "exports", "tslib", "./Switch"], function (require, exports, tslib_1, Switch_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    tslib_1.__exportStar(Switch_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":";;;IACA,wCAAyB","sourcesContent":["export {};\nexport * from './Switch';\n"]}