@fluentui/react-switch 0.0.0-nightly0e0cf06c3420211029.1 → 0.0.0-nightly554221a5aa20211202.1

package/CHANGELOG.json

@@ -2,76 +2,188 @@
   "name": "@fluentui/react-switch",
   "entries": [
     {
-      "date": "Fri, 29 Oct 2021 06:39:53 GMT",
-      "tag": "@fluentui/react-switch_v0.0.0-nightly0e0cf06c3420211029.1",
-      "version": "0.0.0-nightly0e0cf06c3420211029.1",
+      "date": "Thu, 02 Dec 2021 04:16:17 GMT",
+      "tag": "@fluentui/react-switch_v0.0.0-nightly554221a5aa20211202.1",
+      "version": "0.0.0-nightly554221a5aa20211202.1",
       "comments": {
         "prerelease": [
           {
             "author": "email not defined",
             "package": "@fluentui/react-switch",
-            "commit": "3535f78f7af73f13f2c1e7470293fb5e592866de",
+            "commit": "09da80c5c669ccd56bbfd16c53fd632f4579aa3b",
             "comment": "Release nightly v9"
           },
           {
             "author": "beachball",
             "package": "@fluentui/react-switch",
-            "comment": "Bump @fluentui/react-make-styles to v0.0.0-nightly0e0cf06c3420211029.1",
-            "commit": "3535f78f7af73f13f2c1e7470293fb5e592866de"
+            "comment": "Bump @fluentui/react-make-styles to v0.0.0-nightly554221a5aa20211202.1",
+            "commit": "09da80c5c669ccd56bbfd16c53fd632f4579aa3b"
           },
           {
             "author": "beachball",
             "package": "@fluentui/react-switch",
-            "comment": "Bump @fluentui/react-shared-contexts to v0.0.0-nightly0e0cf06c3420211029.1",
-            "commit": "3535f78f7af73f13f2c1e7470293fb5e592866de"
+            "comment": "Bump @fluentui/react-shared-contexts to v0.0.0-nightly554221a5aa20211202.1",
+            "commit": "09da80c5c669ccd56bbfd16c53fd632f4579aa3b"
           },
           {
             "author": "beachball",
             "package": "@fluentui/react-switch",
-            "comment": "Bump @fluentui/react-tabster to v0.0.0-nightly0e0cf06c3420211029.1",
-            "commit": "3535f78f7af73f13f2c1e7470293fb5e592866de"
+            "comment": "Bump @fluentui/react-tabster to v0.0.0-nightly554221a5aa20211202.1",
+            "commit": "09da80c5c669ccd56bbfd16c53fd632f4579aa3b"
           },
           {
             "author": "beachball",
             "package": "@fluentui/react-switch",
-            "comment": "Bump @fluentui/react-utilities to v0.0.0-nightly0e0cf06c3420211029.1",
-            "commit": "3535f78f7af73f13f2c1e7470293fb5e592866de"
+            "comment": "Bump @fluentui/react-utilities to v0.0.0-nightly554221a5aa20211202.1",
+            "commit": "09da80c5c669ccd56bbfd16c53fd632f4579aa3b"
           },
           {
             "author": "beachball",
             "package": "@fluentui/react-switch",
-            "comment": "Bump @fluentui/babel-make-styles to v0.0.0-nightly0e0cf06c3420211029.1",
-            "commit": "3535f78f7af73f13f2c1e7470293fb5e592866de"
+            "comment": "Bump @fluentui/babel-make-styles to v0.0.0-nightly554221a5aa20211202.1",
+            "commit": "09da80c5c669ccd56bbfd16c53fd632f4579aa3b"
           },
           {
             "author": "beachball",
             "package": "@fluentui/react-switch",
-            "comment": "Bump @fluentui/jest-serializer-make-styles to v0.0.0-nightly0e0cf06c3420211029.1",
-            "commit": "3535f78f7af73f13f2c1e7470293fb5e592866de"
+            "comment": "Bump @fluentui/jest-serializer-make-styles to v0.0.0-nightly554221a5aa20211202.1",
+            "commit": "09da80c5c669ccd56bbfd16c53fd632f4579aa3b"
           },
           {
             "author": "beachball",
             "package": "@fluentui/react-switch",
-            "comment": "Bump @fluentui/react-conformance-make-styles to v0.0.0-nightly0e0cf06c3420211029.1",
-            "commit": "3535f78f7af73f13f2c1e7470293fb5e592866de"
+            "comment": "Bump @fluentui/react-conformance-make-styles to v0.0.0-nightly554221a5aa20211202.1",
+            "commit": "09da80c5c669ccd56bbfd16c53fd632f4579aa3b"
+          }
+        ],
+        "none": [
+          {
+            "author": "andredias@microsoft.com",
+            "package": "@fluentui/react-switch",
+            "commit": "bf950e951b102fd8be046993dbb604073fc4ea9e",
+            "comment": "Migrate package to use solution tsconfigs"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Thu, 25 Nov 2021 08:34:17 GMT",
+      "tag": "@fluentui/react-switch_v9.0.0-beta.5",
+      "version": "9.0.0-beta.5",
+      "comments": {
+        "prerelease": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-switch",
+            "comment": "Bump @fluentui/react-make-styles to v9.0.0-beta.4",
+            "commit": "48d236ac53a4950fabc3ddd52f91dac93ca0195b"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-switch",
+            "comment": "Bump @fluentui/react-shared-contexts to v9.0.0-beta.4",
+            "commit": "48d236ac53a4950fabc3ddd52f91dac93ca0195b"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-switch",
+            "comment": "Bump @fluentui/react-tabster to v9.0.0-beta.5",
+            "commit": "48d236ac53a4950fabc3ddd52f91dac93ca0195b"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-switch",
+            "comment": "Bump @fluentui/react-utilities to v9.0.0-beta.4",
+            "commit": "48d236ac53a4950fabc3ddd52f91dac93ca0195b"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-switch",
+            "comment": "Bump @fluentui/babel-make-styles to v9.0.0-beta.4",
+            "commit": "48d236ac53a4950fabc3ddd52f91dac93ca0195b"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-switch",
+            "comment": "Bump @fluentui/jest-serializer-make-styles to v9.0.0-beta.4",
+            "commit": "48d236ac53a4950fabc3ddd52f91dac93ca0195b"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-switch",
+            "comment": "Bump @fluentui/react-conformance-make-styles to v9.0.0-beta.4",
+            "commit": "48d236ac53a4950fabc3ddd52f91dac93ca0195b"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Fri, 12 Nov 2021 13:25:33 GMT",
+      "tag": "@fluentui/react-switch_v9.0.0-beta.4",
+      "version": "9.0.0-beta.4",
+      "comments": {
+        "none": [
+          {
+            "author": "olfedias@microsoft.com",
+            "package": "@fluentui/react-switch",
+            "commit": "9e6977945782df1cc997c92804a1b214cc4e4f43",
+            "comment": "do not use other packages in devDependencies"
+          },
+          {
+            "author": "lingfangao@hotmail.com",
+            "package": "@fluentui/react-switch",
+            "commit": "00f70581480b536e723fb69edf0ae617beac4807",
+            "comment": "Remove beta release tag"
+          }
+        ],
+        "prerelease": [
+          {
+            "author": "olfedias@microsoft.com",
+            "package": "@fluentui/react-switch",
+            "commit": "9186578324773f95f4d61be3d70e67752159d843",
+            "comment": "export static classes for components"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-switch",
+            "comment": "Bump @fluentui/react-make-styles to v9.0.0-beta.3",
+            "commit": "742342e52c65066f779232e4e1302fedf0dd460d"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-switch",
+            "comment": "Bump @fluentui/react-shared-contexts to v9.0.0-beta.3",
+            "commit": "742342e52c65066f779232e4e1302fedf0dd460d"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-switch",
+            "comment": "Bump @fluentui/react-tabster to v9.0.0-beta.4",
+            "commit": "742342e52c65066f779232e4e1302fedf0dd460d"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-switch",
+            "comment": "Bump @fluentui/react-utilities to v9.0.0-beta.3",
+            "commit": "742342e52c65066f779232e4e1302fedf0dd460d"
           },
           {
             "author": "beachball",
             "package": "@fluentui/react-switch",
-            "comment": "Bump @fluentui/react-label to v0.0.0-nightly0e0cf06c3420211029.1",
-            "commit": "3535f78f7af73f13f2c1e7470293fb5e592866de"
+            "comment": "Bump @fluentui/babel-make-styles to v9.0.0-beta.3",
+            "commit": "742342e52c65066f779232e4e1302fedf0dd460d"
           },
           {
             "author": "beachball",
             "package": "@fluentui/react-switch",
-            "comment": "Bump @fluentui/react-provider to v0.0.0-nightly0e0cf06c3420211029.1",
-            "commit": "3535f78f7af73f13f2c1e7470293fb5e592866de"
+            "comment": "Bump @fluentui/jest-serializer-make-styles to v9.0.0-beta.3",
+            "commit": "742342e52c65066f779232e4e1302fedf0dd460d"
           },
           {
             "author": "beachball",
             "package": "@fluentui/react-switch",
-            "comment": "Bump @fluentui/react-theme to v0.0.0-nightly0e0cf06c3420211029.1",
-            "commit": "3535f78f7af73f13f2c1e7470293fb5e592866de"
+            "comment": "Bump @fluentui/react-conformance-make-styles to v9.0.0-beta.3",
+            "commit": "742342e52c65066f779232e4e1302fedf0dd460d"
           }
         ]
       }

package/CHANGELOG.md

@@ -1,27 +1,55 @@
 # Change Log - @fluentui/react-switch
 
-This log was last generated on Fri, 29 Oct 2021 06:39:53 GMT and should not be manually modified.
+This log was last generated on Thu, 02 Dec 2021 04:16:17 GMT and should not be manually modified.
 
 <!-- Start content -->
 
-## [0.0.0-nightly0e0cf06c3420211029.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-switch_v0.0.0-nightly0e0cf06c3420211029.1)
+## [0.0.0-nightly554221a5aa20211202.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-switch_v0.0.0-nightly554221a5aa20211202.1)
 
-Fri, 29 Oct 2021 06:39:53 GMT 
-[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-switch_v9.0.0-beta.3..@fluentui/react-switch_v0.0.0-nightly0e0cf06c3420211029.1)
+Thu, 02 Dec 2021 04:16:17 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-switch_v9.0.0-beta.5..@fluentui/react-switch_v0.0.0-nightly554221a5aa20211202.1)
 
 ### Changes
 
-- Release nightly v9 ([commit](https://github.com/microsoft/fluentui/commit/3535f78f7af73f13f2c1e7470293fb5e592866de) by email not defined)
-- Bump @fluentui/react-make-styles to v0.0.0-nightly0e0cf06c3420211029.1 ([commit](https://github.com/microsoft/fluentui/commit/3535f78f7af73f13f2c1e7470293fb5e592866de) by beachball)
-- Bump @fluentui/react-shared-contexts to v0.0.0-nightly0e0cf06c3420211029.1 ([commit](https://github.com/microsoft/fluentui/commit/3535f78f7af73f13f2c1e7470293fb5e592866de) by beachball)
-- Bump @fluentui/react-tabster to v0.0.0-nightly0e0cf06c3420211029.1 ([commit](https://github.com/microsoft/fluentui/commit/3535f78f7af73f13f2c1e7470293fb5e592866de) by beachball)
-- Bump @fluentui/react-utilities to v0.0.0-nightly0e0cf06c3420211029.1 ([commit](https://github.com/microsoft/fluentui/commit/3535f78f7af73f13f2c1e7470293fb5e592866de) by beachball)
-- Bump @fluentui/babel-make-styles to v0.0.0-nightly0e0cf06c3420211029.1 ([commit](https://github.com/microsoft/fluentui/commit/3535f78f7af73f13f2c1e7470293fb5e592866de) by beachball)
-- Bump @fluentui/jest-serializer-make-styles to v0.0.0-nightly0e0cf06c3420211029.1 ([commit](https://github.com/microsoft/fluentui/commit/3535f78f7af73f13f2c1e7470293fb5e592866de) by beachball)
-- Bump @fluentui/react-conformance-make-styles to v0.0.0-nightly0e0cf06c3420211029.1 ([commit](https://github.com/microsoft/fluentui/commit/3535f78f7af73f13f2c1e7470293fb5e592866de) by beachball)
-- Bump @fluentui/react-label to v0.0.0-nightly0e0cf06c3420211029.1 ([commit](https://github.com/microsoft/fluentui/commit/3535f78f7af73f13f2c1e7470293fb5e592866de) by beachball)
-- Bump @fluentui/react-provider to v0.0.0-nightly0e0cf06c3420211029.1 ([commit](https://github.com/microsoft/fluentui/commit/3535f78f7af73f13f2c1e7470293fb5e592866de) by beachball)
-- Bump @fluentui/react-theme to v0.0.0-nightly0e0cf06c3420211029.1 ([commit](https://github.com/microsoft/fluentui/commit/3535f78f7af73f13f2c1e7470293fb5e592866de) by beachball)
+- Release nightly v9 ([commit](https://github.com/microsoft/fluentui/commit/09da80c5c669ccd56bbfd16c53fd632f4579aa3b) by email not defined)
+- Bump @fluentui/react-make-styles to v0.0.0-nightly554221a5aa20211202.1 ([commit](https://github.com/microsoft/fluentui/commit/09da80c5c669ccd56bbfd16c53fd632f4579aa3b) by beachball)
+- Bump @fluentui/react-shared-contexts to v0.0.0-nightly554221a5aa20211202.1 ([commit](https://github.com/microsoft/fluentui/commit/09da80c5c669ccd56bbfd16c53fd632f4579aa3b) by beachball)
+- Bump @fluentui/react-tabster to v0.0.0-nightly554221a5aa20211202.1 ([commit](https://github.com/microsoft/fluentui/commit/09da80c5c669ccd56bbfd16c53fd632f4579aa3b) by beachball)
+- Bump @fluentui/react-utilities to v0.0.0-nightly554221a5aa20211202.1 ([commit](https://github.com/microsoft/fluentui/commit/09da80c5c669ccd56bbfd16c53fd632f4579aa3b) by beachball)
+- Bump @fluentui/babel-make-styles to v0.0.0-nightly554221a5aa20211202.1 ([commit](https://github.com/microsoft/fluentui/commit/09da80c5c669ccd56bbfd16c53fd632f4579aa3b) by beachball)
+- Bump @fluentui/jest-serializer-make-styles to v0.0.0-nightly554221a5aa20211202.1 ([commit](https://github.com/microsoft/fluentui/commit/09da80c5c669ccd56bbfd16c53fd632f4579aa3b) by beachball)
+- Bump @fluentui/react-conformance-make-styles to v0.0.0-nightly554221a5aa20211202.1 ([commit](https://github.com/microsoft/fluentui/commit/09da80c5c669ccd56bbfd16c53fd632f4579aa3b) by beachball)
+
+## [9.0.0-beta.5](https://github.com/microsoft/fluentui/tree/@fluentui/react-switch_v9.0.0-beta.5)
+
+Thu, 25 Nov 2021 08:34:17 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-switch_v9.0.0-beta.4..@fluentui/react-switch_v9.0.0-beta.5)
+
+### Changes
+
+- Bump @fluentui/react-make-styles to v9.0.0-beta.4 ([PR #20762](https://github.com/microsoft/fluentui/pull/20762) by beachball)
+- Bump @fluentui/react-shared-contexts to v9.0.0-beta.4 ([PR #20762](https://github.com/microsoft/fluentui/pull/20762) by beachball)
+- Bump @fluentui/react-tabster to v9.0.0-beta.5 ([PR #20762](https://github.com/microsoft/fluentui/pull/20762) by beachball)
+- Bump @fluentui/react-utilities to v9.0.0-beta.4 ([PR #20762](https://github.com/microsoft/fluentui/pull/20762) by beachball)
+- Bump @fluentui/babel-make-styles to v9.0.0-beta.4 ([PR #20762](https://github.com/microsoft/fluentui/pull/20762) by beachball)
+- Bump @fluentui/jest-serializer-make-styles to v9.0.0-beta.4 ([PR #20762](https://github.com/microsoft/fluentui/pull/20762) by beachball)
+- Bump @fluentui/react-conformance-make-styles to v9.0.0-beta.4 ([PR #20762](https://github.com/microsoft/fluentui/pull/20762) by beachball)
+
+## [9.0.0-beta.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-switch_v9.0.0-beta.4)
+
+Fri, 12 Nov 2021 13:25:33 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-switch_v9.0.0-beta.3..@fluentui/react-switch_v9.0.0-beta.4)
+
+### Changes
+
+- export static classes for components ([PR #20456](https://github.com/microsoft/fluentui/pull/20456) by olfedias@microsoft.com)
+- Bump @fluentui/react-make-styles to v9.0.0-beta.3 ([PR #20583](https://github.com/microsoft/fluentui/pull/20583) by beachball)
+- Bump @fluentui/react-shared-contexts to v9.0.0-beta.3 ([PR #20583](https://github.com/microsoft/fluentui/pull/20583) by beachball)
+- Bump @fluentui/react-tabster to v9.0.0-beta.4 ([PR #20583](https://github.com/microsoft/fluentui/pull/20583) by beachball)
+- Bump @fluentui/react-utilities to v9.0.0-beta.3 ([PR #20583](https://github.com/microsoft/fluentui/pull/20583) by beachball)
+- Bump @fluentui/babel-make-styles to v9.0.0-beta.3 ([PR #20583](https://github.com/microsoft/fluentui/pull/20583) by beachball)
+- Bump @fluentui/jest-serializer-make-styles to v9.0.0-beta.3 ([PR #20583](https://github.com/microsoft/fluentui/pull/20583) by beachball)
+- Bump @fluentui/react-conformance-make-styles to v9.0.0-beta.3 ([PR #20583](https://github.com/microsoft/fluentui/pull/20583) by beachball)
 
 ## [9.0.0-beta.3](https://github.com/microsoft/fluentui/tree/@fluentui/react-switch_v9.0.0-beta.3)
 

package/Spec.md

@@ -86,10 +86,10 @@ Amongst other major component libraries (`Material UI`, `Ant Design`, `Evergreen
 - _**DOM**_
 
 ```jsx=
-<div className="ms-switch-root">
-  <div className="ms-switch-track" />
-  <div className="ms-switch-thumbWrapper">
-    <div className="ms-switch-thumb" />
+<div className="fui-Switch">
+  <div className="fui-Switch-track" />
+  <div className="fui-Switch-thumbWrapper">
+    <div className="fui-Switch-thumb" />
   </div>
   <input type="checkbox" />
 </div>;

package/dist/react-switch.d.ts

@@ -14,6 +14,8 @@ export declare const renderSwitch: (state: SwitchState) => JSX.Element;
  */
 export declare const Switch: ForwardRefComponent<SwitchProps>;
 
+export declare const switchClassName = "fui-Switch";
+
 export declare interface SwitchCommons {
     /**
      * The starting value for a uncontrolled Switch. If `true` then the Switch will be enabled.

package/lib/components/Switch/Switch.js

@@ -6,8 +6,8 @@ import { useSwitchStyles } from './useSwitchStyles';
  * The Switch control enables users to trigger an option on or off through pressing on the component.
  */
 
-export var Switch = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var state = useSwitch(props, ref);
+export const Switch = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const state = useSwitch(props, ref);
   useSwitchStyles(state);
   return renderSwitch(state);
 });

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Switch/Switch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,SAAT,QAA0B,aAA1B;AACA,SAAS,YAAT,QAA6B,gBAA7B;AACA,SAAS,eAAT,QAAgC,mBAAhC;AAIA;;AAEG;;AACH,OAAO,IAAM,MAAM,gBAAqC,KAAK,CAAC,UAAN,CAAiB,UAAC,KAAD,EAAQ,GAAR,EAAW;AAClF,MAAM,KAAK,GAAG,SAAS,CAAC,KAAD,EAAQ,GAAR,CAAvB;AAEA,EAAA,eAAe,CAAC,KAAD,CAAf;AAEA,SAAO,YAAY,CAAC,KAAD,CAAnB;AACD,CANuD,CAAjD;AAQP,MAAM,CAAC,WAAP,GAAqB,QAArB","sourceRoot":""}
+{"version":3,"sources":["../../../src/components/Switch/Switch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,SAAT,QAA0B,aAA1B;AACA,SAAS,YAAT,QAA6B,gBAA7B;AACA,SAAS,eAAT,QAAgC,mBAAhC;AAIA;;AAEG;;AACH,OAAO,MAAM,MAAM,gBAAqC,KAAK,CAAC,UAAN,CAAiB,CAAC,KAAD,EAAQ,GAAR,KAAe;AACtF,QAAM,KAAK,GAAG,SAAS,CAAC,KAAD,EAAQ,GAAR,CAAvB;AAEA,EAAA,eAAe,CAAC,KAAD,CAAf;AAEA,SAAO,YAAY,CAAC,KAAD,CAAnB;AACD,CANuD,CAAjD;AAQP,MAAM,CAAC,WAAP,GAAqB,QAArB","sourceRoot":""}

package/lib/components/Switch/renderSwitch.js

@@ -1,4 +1,3 @@
-import { __assign } from "tslib";
 import * as React from 'react';
 import { getSlots } from '@fluentui/react-utilities';
 import { switchShorthandProps } from './useSwitch';
@@ -6,11 +5,11 @@ import { switchShorthandProps } from './useSwitch';
  * Render the final JSX of Switch
  */
 
-export var renderSwitch = function (state) {
-  var _a = getSlots(state, switchShorthandProps),
-      slots = _a.slots,
-      slotProps = _a.slotProps;
-
-  return /*#__PURE__*/React.createElement(slots.root, __assign({}, slotProps.root), /*#__PURE__*/React.createElement(slots.track, __assign({}, slotProps.track)), /*#__PURE__*/React.createElement(slots.thumbWrapper, __assign({}, slotProps.thumbWrapper), /*#__PURE__*/React.createElement(slots.thumb, __assign({}, slotProps.thumb))), /*#__PURE__*/React.createElement(slots.input, __assign({}, slotProps.input)), /*#__PURE__*/React.createElement(slots.activeRail, __assign({}, slotProps.activeRail)));
+export const renderSwitch = state => {
+  const {
+    slots,
+    slotProps
+  } = getSlots(state, switchShorthandProps);
+  return /*#__PURE__*/React.createElement(slots.root, Object.assign({}, slotProps.root), /*#__PURE__*/React.createElement(slots.track, Object.assign({}, slotProps.track)), /*#__PURE__*/React.createElement(slots.thumbWrapper, Object.assign({}, slotProps.thumbWrapper), /*#__PURE__*/React.createElement(slots.thumb, Object.assign({}, slotProps.thumb))), /*#__PURE__*/React.createElement(slots.input, Object.assign({}, slotProps.input)), /*#__PURE__*/React.createElement(slots.activeRail, Object.assign({}, slotProps.activeRail)));
 };
 //# sourceMappingURL=renderSwitch.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Switch/renderSwitch.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,QAAT,QAAyB,2BAAzB;AACA,SAAS,oBAAT,QAAqC,aAArC;AAGA;;AAEG;;AACH,OAAO,IAAM,YAAY,GAAG,UAAC,KAAD,EAAmB;AACvC,MAAA,EAAA,GAAuB,QAAQ,CAAc,KAAd,EAAqB,oBAArB,CAA/B;AAAA,MAAE,KAAK,GAAA,EAAA,CAAA,KAAP;AAAA,MAAS,SAAS,GAAA,EAAA,CAAA,SAAlB;;AAEN,sBACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,QAAA,CAAA,EAAA,EAAK,SAAS,CAAC,IAAf,CAAX,eACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,KAAP,EAAY,QAAA,CAAA,EAAA,EAAK,SAAS,CAAC,KAAf,CAAZ,CADF,eAEE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,YAAP,EAAmB,QAAA,CAAA,EAAA,EAAK,SAAS,CAAC,YAAf,CAAnB,eACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,KAAP,EAAY,QAAA,CAAA,EAAA,EAAK,SAAS,CAAC,KAAf,CAAZ,CADF,CAFF,eAKE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,KAAP,EAAY,QAAA,CAAA,EAAA,EAAK,SAAS,CAAC,KAAf,CAAZ,CALF,eAME,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,UAAP,EAAiB,QAAA,CAAA,EAAA,EAAK,SAAS,CAAC,UAAf,CAAjB,CANF,CADF;AAUD,CAbM","sourceRoot":""}
+{"version":3,"sources":["../../../src/components/Switch/renderSwitch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,QAAT,QAAyB,2BAAzB;AACA,SAAS,oBAAT,QAAqC,aAArC;AAGA;;AAEG;;AACH,OAAO,MAAM,YAAY,GAAI,KAAD,IAAuB;AACjD,QAAM;AAAE,IAAA,KAAF;AAAS,IAAA;AAAT,MAAuB,QAAQ,CAAc,KAAd,EAAqB,oBAArB,CAArC;AAEA,sBACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,MAAA,CAAA,MAAA,CAAA,EAAA,EAAK,SAAS,CAAC,IAAf,CAAX,eACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,KAAP,EAAY,MAAA,CAAA,MAAA,CAAA,EAAA,EAAK,SAAS,CAAC,KAAf,CAAZ,CADF,eAEE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,YAAP,EAAmB,MAAA,CAAA,MAAA,CAAA,EAAA,EAAK,SAAS,CAAC,YAAf,CAAnB,eACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,KAAP,EAAY,MAAA,CAAA,MAAA,CAAA,EAAA,EAAK,SAAS,CAAC,KAAf,CAAZ,CADF,CAFF,eAKE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,KAAP,EAAY,MAAA,CAAA,MAAA,CAAA,EAAA,EAAK,SAAS,CAAC,KAAf,CAAZ,CALF,eAME,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,UAAP,EAAiB,MAAA,CAAA,MAAA,CAAA,EAAA,EAAK,SAAS,CAAC,UAAf,CAAjB,CANF,CADF;AAUD,CAbM","sourceRoot":""}

package/lib/components/Switch/useSwitch.js

@@ -1,35 +1,36 @@
-import { __assign } from "tslib";
 import { getNativeElementProps, resolveShorthand, useId } from '@fluentui/react-utilities';
 import { useSwitchState } from './useSwitchState';
 /**
  * Array of all shorthand properties listed in SwitchSlots
  */
 
-export var switchShorthandProps = ['root', 'track', 'thumbWrapper', 'thumb', 'activeRail', 'input'];
+export const switchShorthandProps = ['root', 'track', 'thumbWrapper', 'thumb', 'activeRail', 'input'];
 /**
  * Given user props, returns state and render function for a Switch.
  */
 
-export var useSwitch = function (props, ref) {
-  var track = props.track,
-      thumbWrapper = props.thumbWrapper,
-      thumb = props.thumb,
-      activeRail = props.activeRail,
-      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: getNativeElementProps('span', __assign(__assign({
-      ref: ref
-    }, props), {
+export const useSwitch = (props, ref) => {
+  const {
+    track,
+    thumbWrapper,
+    thumb,
+    activeRail,
+    input,
+    defaultChecked,
+    checked,
+    disabled,
+    onChange
+  } = props;
+  const state = {
+    defaultChecked,
+    checked,
+    disabled,
+    onChange,
+    root: getNativeElementProps('span', {
+      ref,
+      ...props,
       id: useId('switch-', props.id)
-    })),
+    }),
     components: {
       root: 'div',
       track: 'div',

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Switch/useSwitch.ts"],"names":[],"mappings":";AACA,SAAS,qBAAT,EAAgC,gBAAhC,EAAkD,KAAlD,QAA+D,2BAA/D;AACA,SAAS,cAAT,QAA+B,kBAA/B;AAGA;;AAEG;;AACH,OAAO,IAAM,oBAAoB,GAA0B,CACzD,MADyD,EAEzD,OAFyD,EAGzD,cAHyD,EAIzD,OAJyD,EAKzD,YALyD,EAMzD,OANyD,CAApD;AASP;;AAEG;;AACH,OAAO,IAAM,SAAS,GAAG,UAAC,KAAD,EAAqB,GAArB,EAAgD;AAC/D,MAAA,KAAK,GAA0F,KAAK,CAA/F,KAAL;AAAA,MAAO,YAAY,GAA4E,KAAK,CAAjF,YAAnB;AAAA,MAAqB,KAAK,GAAqE,KAAK,CAA1E,KAA1B;AAAA,MAA4B,UAAU,GAAyD,KAAK,CAA9D,UAAtC;AAAA,MAAwC,KAAK,GAAkD,KAAK,CAAvD,KAA7C;AAAA,MAA+C,cAAc,GAAkC,KAAK,CAAvC,cAA7D;AAAA,MAA+D,OAAO,GAAyB,KAAK,CAA9B,OAAtE;AAAA,MAAwE,QAAQ,GAAe,KAAK,CAApB,QAAhF;AAAA,MAAkF,QAAQ,GAAK,KAAK,CAAV,QAA1F;AACR,MAAM,KAAK,GAAgB;AACzB,IAAA,cAAc,EAAA,cADW;AAEzB,IAAA,OAAO,EAAA,OAFkB;AAGzB,IAAA,QAAQ,EAAA,QAHiB;AAIzB,IAAA,QAAQ,EAAA,QAJiB;AAKzB,IAAA,IAAI,EAAE,qBAAqB,CAAC,MAAD,EAAO,QAAA,CAAA,QAAA,CAAA;AAChC,MAAA,GAAG,EAAA;AAD6B,KAAA,EAE7B,KAF6B,CAAA,EAExB;AACR,MAAA,EAAE,EAAE,KAAK,CAAC,SAAD,EAAY,KAAK,CAAC,EAAlB;AADD,KAFwB,CAAP,CALF;AAUzB,IAAA,UAAU,EAAE;AACV,MAAA,IAAI,EAAE,KADI;AAEV,MAAA,KAAK,EAAE,KAFG;AAGV,MAAA,YAAY,EAAE,KAHJ;AAIV,MAAA,KAAK,EAAE,KAJG;AAKV,MAAA,UAAU,EAAE,KALF;AAMV,MAAA,KAAK,EAAE;AANG,KAVa;AAkBzB,IAAA,KAAK,EAAE,gBAAgB,CAAC,KAAD,EAAQ;AAAE,MAAA,QAAQ,EAAE;AAAZ,KAAR,CAlBE;AAmBzB,IAAA,YAAY,EAAE,gBAAgB,CAAC,YAAD,EAAe;AAAE,MAAA,QAAQ,EAAE;AAAZ,KAAf,CAnBL;AAoBzB,IAAA,KAAK,EAAE,gBAAgB,CAAC,KAAD,EAAQ;AAAE,MAAA,QAAQ,EAAE;AAAZ,KAAR,CApBE;AAqBzB,IAAA,UAAU,EAAE,gBAAgB,CAAC,UAAD,EAAa;AAAE,MAAA,QAAQ,EAAE;AAAZ,KAAb,CArBH;AAsBzB,IAAA,KAAK,EAAE,gBAAgB,CAAC,KAAD,EAAQ;AAC7B,MAAA,QAAQ,EAAE,IADmB;AAE7B,MAAA,YAAY,EAAE;AACZ,QAAA,IAAI,EAAE;AADM;AAFe,KAAR;AAtBE,GAA3B;AA8BA,EAAA,cAAc,CAAC,KAAD,CAAd;AAEA,SAAO,KAAP;AACD,CAnCM","sourceRoot":""}
+{"version":3,"sources":["../../../src/components/Switch/useSwitch.ts"],"names":[],"mappings":"AACA,SAAS,qBAAT,EAAgC,gBAAhC,EAAkD,KAAlD,QAA+D,2BAA/D;AACA,SAAS,cAAT,QAA+B,kBAA/B;AAGA;;AAEG;;AACH,OAAO,MAAM,oBAAoB,GAA0B,CACzD,MADyD,EAEzD,OAFyD,EAGzD,cAHyD,EAIzD,OAJyD,EAKzD,YALyD,EAMzD,OANyD,CAApD;AASP;;AAEG;;AACH,OAAO,MAAM,SAAS,GAAG,CAAC,KAAD,EAAqB,GAArB,KAAiE;AACxF,QAAM;AAAE,IAAA,KAAF;AAAS,IAAA,YAAT;AAAuB,IAAA,KAAvB;AAA8B,IAAA,UAA9B;AAA0C,IAAA,KAA1C;AAAiD,IAAA,cAAjD;AAAiE,IAAA,OAAjE;AAA0E,IAAA,QAA1E;AAAoF,IAAA;AAApF,MAAiG,KAAvG;AACA,QAAM,KAAK,GAAgB;AACzB,IAAA,cADyB;AAEzB,IAAA,OAFyB;AAGzB,IAAA,QAHyB;AAIzB,IAAA,QAJyB;AAKzB,IAAA,IAAI,EAAE,qBAAqB,CAAC,MAAD,EAAS;AAClC,MAAA,GADkC;AAElC,SAAG,KAF+B;AAGlC,MAAA,EAAE,EAAE,KAAK,CAAC,SAAD,EAAY,KAAK,CAAC,EAAlB;AAHyB,KAAT,CALF;AAUzB,IAAA,UAAU,EAAE;AACV,MAAA,IAAI,EAAE,KADI;AAEV,MAAA,KAAK,EAAE,KAFG;AAGV,MAAA,YAAY,EAAE,KAHJ;AAIV,MAAA,KAAK,EAAE,KAJG;AAKV,MAAA,UAAU,EAAE,KALF;AAMV,MAAA,KAAK,EAAE;AANG,KAVa;AAkBzB,IAAA,KAAK,EAAE,gBAAgB,CAAC,KAAD,EAAQ;AAAE,MAAA,QAAQ,EAAE;AAAZ,KAAR,CAlBE;AAmBzB,IAAA,YAAY,EAAE,gBAAgB,CAAC,YAAD,EAAe;AAAE,MAAA,QAAQ,EAAE;AAAZ,KAAf,CAnBL;AAoBzB,IAAA,KAAK,EAAE,gBAAgB,CAAC,KAAD,EAAQ;AAAE,MAAA,QAAQ,EAAE;AAAZ,KAAR,CApBE;AAqBzB,IAAA,UAAU,EAAE,gBAAgB,CAAC,UAAD,EAAa;AAAE,MAAA,QAAQ,EAAE;AAAZ,KAAb,CArBH;AAsBzB,IAAA,KAAK,EAAE,gBAAgB,CAAC,KAAD,EAAQ;AAC7B,MAAA,QAAQ,EAAE,IADmB;AAE7B,MAAA,YAAY,EAAE;AACZ,QAAA,IAAI,EAAE;AADM;AAFe,KAAR;AAtBE,GAA3B;AA8BA,EAAA,cAAc,CAAC,KAAD,CAAd;AAEA,SAAO,KAAP;AACD,CAnCM","sourceRoot":""}

package/lib/components/Switch/useSwitchState.js

@@ -3,51 +3,43 @@ import { clamp, useBoolean, useControllableState, useEventCallback, useMergedRef
 import { useFluent } from '@fluentui/react-shared-contexts'; // TODO: This should be replaced with a useEvent hook
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 
-var on = function (element, eventName, callback) {
+const on = (element, eventName, callback) => {
   element.addEventListener(eventName, callback);
-  return function () {
-    return element.removeEventListener(eventName, callback);
-  };
+  return () => element.removeEventListener(eventName, callback);
 };
 
-export 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 _c = state.root,
-      onPointerDownCallback = _c.onPointerDown,
-      onKeyUpCallback = _c.onKeyUp;
-  var dir = useFluent().dir;
-  var inputRef = useMergedRefs(state.input.ref);
-  var railRef = React.useRef(null);
-  var internalState = React.useRef({
+export const useSwitchState = state => {
+  const {
+    defaultChecked = false,
+    checked,
+    disabled = false,
+    onChange
+  } = state;
+  const {
+    onPointerDown: onPointerDownCallback,
+    onKeyUp: onKeyUpCallback
+  } = state.root;
+  const {
+    dir
+  } = useFluent();
+  const inputRef = useMergedRefs(state.input.ref);
+  const railRef = React.useRef(null);
+  const internalState = React.useRef({
     internalValue: checked ? checked : defaultChecked,
     thumbIsDragging: false,
     disposables: []
   });
-
-  var _d = useControllableState({
+  const [currentValue, setCurrentValue] = useControllableState({
     defaultState: defaultChecked,
     state: checked,
     initialState: false
-  }),
-      currentValue = _d[0],
-      setCurrentValue = _d[1];
-
-  var _e = useBoolean(true),
-      thumbAnimation = _e[0],
-      _f = _e[1],
-      showThumbAnimation = _f.setTrue,
-      hideThumbAnimation = _f.setFalse;
-
-  var _g = React.useState(currentValue === true ? 100 : 0),
-      renderedPosition = _g[0],
-      setRenderedPosition = _g[1];
-
-  var setChecked = useEventCallback(function (ev, incomingValue) {
+  });
+  const [thumbAnimation, {
+    setTrue: showThumbAnimation,
+    setFalse: hideThumbAnimation
+  }] = useBoolean(true);
+  const [renderedPosition, setRenderedPosition] = React.useState(currentValue === true ? 100 : 0);
+  const setChecked = useEventCallback((ev, incomingValue) => {
     ev.stopPropagation();
     ev.preventDefault();
     internalState.current.internalValue = incomingValue;
@@ -57,17 +49,17 @@ export var useSwitchState = function (state) {
     setCurrentValue(incomingValue);
     setRenderedPosition(undefined);
   });
-  var calculatePosition = React.useCallback(function (ev) {
+  const calculatePosition = React.useCallback(ev => {
     var _a;
 
-    var currentBounds = (_a = railRef === null || railRef === void 0 ? void 0 : railRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect();
-    var railWidth = currentBounds.width;
-    var railPosition = dir === 'rtl' ? currentBounds.right : currentBounds.left;
-    var distance = dir === 'rtl' ? railPosition - ev.clientX : ev.clientX - railPosition;
+    const currentBounds = (_a = railRef === null || railRef === void 0 ? void 0 : railRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect();
+    const railWidth = currentBounds.width;
+    const railPosition = dir === 'rtl' ? currentBounds.right : currentBounds.left;
+    const distance = dir === 'rtl' ? railPosition - ev.clientX : ev.clientX - railPosition;
     return clamp(distance / railWidth * 100, 0, 100);
   }, [dir]);
-  var onPointerMove = React.useCallback(function (ev) {
-    var incomingPosition = calculatePosition(ev);
+  const onPointerMove = React.useCallback(ev => {
+    const incomingPosition = calculatePosition(ev);
     internalState.current.thumbIsDragging = true;
     hideThumbAnimation();
     setRenderedPosition(incomingPosition); // If the Switch reaches a new position of 0% or 100%, update the state and fire change.
@@ -78,15 +70,13 @@ export var useSwitchState = function (state) {
       setChecked(ev, false);
     }
   }, [calculatePosition, hideThumbAnimation, setChecked]);
-  var onPointerUp = React.useCallback(function (ev) {
-    internalState.current.disposables.forEach(function (dispose) {
-      return dispose();
-    });
+  const onPointerUp = React.useCallback(ev => {
+    internalState.current.disposables.forEach(dispose => dispose());
     internalState.current.disposables = [];
     inputRef.current.focus();
 
     if (internalState.current.thumbIsDragging) {
-      var roundedPosition = Math.round(calculatePosition(ev) / 100) * 100;
+      const roundedPosition = Math.round(calculatePosition(ev) / 100) * 100;
       showThumbAnimation();
 
       if (roundedPosition === 100) {
@@ -98,35 +88,37 @@ export var useSwitchState = function (state) {
       setChecked(ev, !internalState.current.internalValue);
     }
   }, [calculatePosition, inputRef, setChecked, showThumbAnimation]);
-  var onPointerDown = React.useCallback(function (ev) {
+  const onPointerDown = React.useCallback(ev => {
     var _a;
 
-    var pointerId = ev.pointerId;
-    var target = ev.target;
+    const {
+      pointerId
+    } = ev;
+    const target = ev.target;
     onPointerDownCallback === null || onPointerDownCallback === void 0 ? void 0 : onPointerDownCallback(ev);
     showThumbAnimation();
     (_a = target.setPointerCapture) === null || _a === void 0 ? void 0 : _a.call(target, pointerId);
     internalState.current.thumbIsDragging = false;
-    internalState.current.disposables.push(on(target, 'pointermove', onPointerMove), on(target, 'pointerup', onPointerUp), function () {
+    internalState.current.disposables.push(on(target, 'pointermove', onPointerMove), on(target, 'pointerup', onPointerUp), () => {
       var _a;
 
       (_a = target.releasePointerCapture) === null || _a === void 0 ? void 0 : _a.call(target, pointerId);
     });
   }, [onPointerDownCallback, onPointerMove, onPointerUp, showThumbAnimation]);
-  var onKeyUp = React.useCallback(function (ev) {
+  const onKeyUp = React.useCallback(ev => {
     onKeyUpCallback === null || onKeyUpCallback === void 0 ? void 0 : onKeyUpCallback(ev);
 
     if (ev.key === ' ') {
       setChecked(ev, !internalState.current.internalValue);
     }
   }, [onKeyUpCallback, setChecked]);
-  var currentPosition = renderedPosition !== undefined ? renderedPosition : currentValue ? 100 : 0;
-  var rootStyles = {
+  const currentPosition = renderedPosition !== undefined ? renderedPosition : currentValue ? 100 : 0;
+  const rootStyles = {
     '--switch-checked-opacity': currentPosition / 100,
     '--switch-unchecked-opacity': (100 - currentPosition) / 100
   };
-  var thumbWrapperStyles = {
-    transform: "translate(" + (dir === 'rtl' ? -currentPosition : currentPosition) + "%)",
+  const thumbWrapperStyles = {
+    transform: `translate(${dir === 'rtl' ? -currentPosition : currentPosition}%)`,
     transition: thumbAnimation ? 'transform .1s cubic-bezier(0.33, 0.0, 0.67, 1), opacity .1s cubic-bezier(0.33, 0.0, 0.67, 1)' : 'none'
   }; // Root Props