npm - @fluentui/react-switch - Versions diffs - 0.0.0-nightly-20221228-0425.1 → 0.0.0-nightly-20221230-0421.1 - Mend

@fluentui/react-switch 0.0.0-nightly-20221228-0425.1 → 0.0.0-nightly-20221230-0421.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (35) hide show

package/CHANGELOG.json +15 -15
package/CHANGELOG.md +10 -10
package/lib/components/Switch/Switch.js +0 -1
package/lib/components/Switch/Switch.js.map +1 -1
package/lib/components/Switch/renderSwitch.js +10 -6
package/lib/components/Switch/renderSwitch.js.map +1 -1
package/lib/components/Switch/useSwitch.js +0 -1
package/lib/components/Switch/useSwitch.js.map +1 -1
package/lib/components/Switch/useSwitchStyles.js +2 -11
package/lib/components/Switch/useSwitchStyles.js.map +1 -1
package/lib/components/SwitchField/SwitchField.js.map +1 -1
package/lib/index.js +2 -1
package/lib/index.js.map +1 -1
package/lib-commonjs/Switch.js +0 -2
package/lib-commonjs/Switch.js.map +1 -1
package/lib-commonjs/SwitchField.js +0 -2
package/lib-commonjs/SwitchField.js.map +1 -1
package/lib-commonjs/components/Switch/Switch.js +0 -6
package/lib-commonjs/components/Switch/Switch.js.map +1 -1
package/lib-commonjs/components/Switch/Switch.types.js.map +1 -1
package/lib-commonjs/components/Switch/index.js +0 -6
package/lib-commonjs/components/Switch/index.js.map +1 -1
package/lib-commonjs/components/Switch/renderSwitch.js +10 -10
package/lib-commonjs/components/Switch/renderSwitch.js.map +1 -1
package/lib-commonjs/components/Switch/useSwitch.js +0 -8
package/lib-commonjs/components/Switch/useSwitch.js.map +1 -1
package/lib-commonjs/components/Switch/useSwitchStyles.js +2 -16
package/lib-commonjs/components/Switch/useSwitchStyles.js.map +1 -1
package/lib-commonjs/components/SwitchField/SwitchField.js +0 -4
package/lib-commonjs/components/SwitchField/SwitchField.js.map +1 -1
package/lib-commonjs/components/SwitchField/index.js +0 -2
package/lib-commonjs/components/SwitchField/index.js.map +1 -1
package/lib-commonjs/index.js +2 -6
package/lib-commonjs/index.js.map +1 -1
package/package.json +8 -8

package/CHANGELOG.json CHANGED Viewed

@@ -2,9 +2,9 @@
   "name": "@fluentui/react-switch",
   "entries": [
     {
-      "date": "Wed, 28 Dec 2022 04:33:33 GMT",
-      "tag": "@fluentui/react-switch_v0.0.0-nightly-20221228-0425.1",
-      "version": "0.0.0-nightly-20221228-0425.1",
+      "date": "Fri, 30 Dec 2022 04:28:28 GMT",
+      "tag": "@fluentui/react-switch_v0.0.0-nightly-20221230-0421.1",
+      "version": "0.0.0-nightly-20221230-0421.1",
       "comments": {
         "prerelease": [
           {
@@ -16,38 +16,38 @@
           {
             "author": "beachball",
             "package": "@fluentui/react-switch",
-            "comment": "Bump @fluentui/react-field to v0.0.0-nightly-20221228-0425.1",
-            "commit": "3ee907a253f14ff8e15878e0ec1355e2fbfcef69"
+            "comment": "Bump @fluentui/react-field to v0.0.0-nightly-20221230-0421.1",
+            "commit": "a38762f3d85d92ff20fe07b067fe74c91defe343"
           },
           {
             "author": "beachball",
             "package": "@fluentui/react-switch",
-            "comment": "Bump @fluentui/react-label to v0.0.0-nightly-20221228-0425.1",
-            "commit": "3ee907a253f14ff8e15878e0ec1355e2fbfcef69"
+            "comment": "Bump @fluentui/react-label to v0.0.0-nightly-20221230-0421.1",
+            "commit": "a38762f3d85d92ff20fe07b067fe74c91defe343"
           },
           {
             "author": "beachball",
             "package": "@fluentui/react-switch",
-            "comment": "Bump @fluentui/react-tabster to v0.0.0-nightly-20221228-0425.1",
-            "commit": "3ee907a253f14ff8e15878e0ec1355e2fbfcef69"
+            "comment": "Bump @fluentui/react-tabster to v0.0.0-nightly-20221230-0421.1",
+            "commit": "a38762f3d85d92ff20fe07b067fe74c91defe343"
           },
           {
             "author": "beachball",
             "package": "@fluentui/react-switch",
-            "comment": "Bump @fluentui/react-theme to v0.0.0-nightly-20221228-0425.1",
-            "commit": "3ee907a253f14ff8e15878e0ec1355e2fbfcef69"
+            "comment": "Bump @fluentui/react-theme to v0.0.0-nightly-20221230-0421.1",
+            "commit": "a38762f3d85d92ff20fe07b067fe74c91defe343"
           },
           {
             "author": "beachball",
             "package": "@fluentui/react-switch",
-            "comment": "Bump @fluentui/react-utilities to v0.0.0-nightly-20221228-0425.1",
-            "commit": "3ee907a253f14ff8e15878e0ec1355e2fbfcef69"
+            "comment": "Bump @fluentui/react-utilities to v0.0.0-nightly-20221230-0421.1",
+            "commit": "a38762f3d85d92ff20fe07b067fe74c91defe343"
           },
           {
             "author": "beachball",
             "package": "@fluentui/react-switch",
-            "comment": "Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20221228-0425.1",
-            "commit": "3ee907a253f14ff8e15878e0ec1355e2fbfcef69"
+            "comment": "Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20221230-0421.1",
+            "commit": "a38762f3d85d92ff20fe07b067fe74c91defe343"
           }
         ]
       }

package/CHANGELOG.md CHANGED Viewed

@@ -1,23 +1,23 @@
 # Change Log - @fluentui/react-switch
-This log was last generated on Wed, 28 Dec 2022 04:33:33 GMT and should not be manually modified.
+This log was last generated on Fri, 30 Dec 2022 04:28:28 GMT and should not be manually modified.
 <!-- Start content -->
-## [0.0.0-nightly-20221228-0425.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-switch_v0.0.0-nightly-20221228-0425.1)
+## [0.0.0-nightly-20221230-0421.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-switch_v0.0.0-nightly-20221230-0421.1)
-Wed, 28 Dec 2022 04:33:33 GMT
-[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-switch_v9.0.15..@fluentui/react-switch_v0.0.0-nightly-20221228-0425.1)
+Fri, 30 Dec 2022 04:28:28 GMT
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-switch_v9.0.15..@fluentui/react-switch_v0.0.0-nightly-20221230-0421.1)
 ### Changes
 - Release nightly v9 ([commit](https://github.com/microsoft/fluentui/commit/not available) by fluentui-internal@service.microsoft.com)
-- Bump @fluentui/react-field to v0.0.0-nightly-20221228-0425.1 ([commit](https://github.com/microsoft/fluentui/commit/3ee907a253f14ff8e15878e0ec1355e2fbfcef69) by beachball)
-- Bump @fluentui/react-label to v0.0.0-nightly-20221228-0425.1 ([commit](https://github.com/microsoft/fluentui/commit/3ee907a253f14ff8e15878e0ec1355e2fbfcef69) by beachball)
-- Bump @fluentui/react-tabster to v0.0.0-nightly-20221228-0425.1 ([commit](https://github.com/microsoft/fluentui/commit/3ee907a253f14ff8e15878e0ec1355e2fbfcef69) by beachball)
-- Bump @fluentui/react-theme to v0.0.0-nightly-20221228-0425.1 ([commit](https://github.com/microsoft/fluentui/commit/3ee907a253f14ff8e15878e0ec1355e2fbfcef69) by beachball)
-- Bump @fluentui/react-utilities to v0.0.0-nightly-20221228-0425.1 ([commit](https://github.com/microsoft/fluentui/commit/3ee907a253f14ff8e15878e0ec1355e2fbfcef69) by beachball)
-- Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20221228-0425.1 ([commit](https://github.com/microsoft/fluentui/commit/3ee907a253f14ff8e15878e0ec1355e2fbfcef69) by beachball)
+- Bump @fluentui/react-field to v0.0.0-nightly-20221230-0421.1 ([commit](https://github.com/microsoft/fluentui/commit/a38762f3d85d92ff20fe07b067fe74c91defe343) by beachball)
+- Bump @fluentui/react-label to v0.0.0-nightly-20221230-0421.1 ([commit](https://github.com/microsoft/fluentui/commit/a38762f3d85d92ff20fe07b067fe74c91defe343) by beachball)
+- Bump @fluentui/react-tabster to v0.0.0-nightly-20221230-0421.1 ([commit](https://github.com/microsoft/fluentui/commit/a38762f3d85d92ff20fe07b067fe74c91defe343) by beachball)
+- Bump @fluentui/react-theme to v0.0.0-nightly-20221230-0421.1 ([commit](https://github.com/microsoft/fluentui/commit/a38762f3d85d92ff20fe07b067fe74c91defe343) by beachball)
+- Bump @fluentui/react-utilities to v0.0.0-nightly-20221230-0421.1 ([commit](https://github.com/microsoft/fluentui/commit/a38762f3d85d92ff20fe07b067fe74c91defe343) by beachball)
+- Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20221230-0421.1 ([commit](https://github.com/microsoft/fluentui/commit/a38762f3d85d92ff20fe07b067fe74c91defe343) by beachball)
 ## [9.0.15](https://github.com/microsoft/fluentui/tree/@fluentui/react-switch_v9.0.15)

package/lib/components/Switch/Switch.js CHANGED Viewed

@@ -5,7 +5,6 @@ import { useSwitchStyles_unstable } from './useSwitchStyles';
 /**
  * Switches enable users to trigger an option on or off through pressing the component.
  */
 export const Switch = /*#__PURE__*/React.forwardRef((props, ref) => {
   const state = useSwitch_unstable(props, ref);
   useSwitchStyles_unstable(state);

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

	@@ -1 +1 @@
1	- {"version":3,"~~sources":["../../../../../../../../../packages/react-components/react-switch/src/components/Switch/Switch.tsx"],"names":[],"~~mappings":"AAAA,OAAO,KAAK,~~KAAZ~~,~~MAAuB,OAAvB~~;~~AACA~~,~~SAAS~~,~~kBAAT~~,~~QAAmC~~,~~aAAnC~~;~~AACA~~,~~SAAS~~,~~qBAAT~~,~~QAAsC~~,~~gBAAtC~~;~~AACA~~,~~SAAS~~,~~wBAAT~~,~~QAAyC~~,~~mBAAzC~~;~~AAIA;;AAEG;;AACH~~,OAAO,~~MAAM~~,MAAM,~~gBAAqC~~,KAAK,~~CAAC~~,~~UAAN~~,~~CAAiB,~~CAAC,~~KAAD~~,~~EAAQ~~,~~GAAR~~,~~KAAe~~;EACtF,~~MAAM~~,KAAK,~~GAAG~~,kBAAkB,~~CAAC~~,~~KAAD~~,~~EAAQ~~,~~GAAR~~,~~CAAhC~~;~~EAEA~~,wBAAwB,~~CAAC~~,~~KAAD~~,~~CAAxB~~;~~EAEA~~,~~OAAO~~,qBAAqB,~~CAAC~~,~~KAAD~~,~~CAA5B~~;~~AACD~~,~~CANuD~~,~~CAAjD~~;~~AAQP~~,MAAM,~~CAAC~~,~~WAAP~~,~~GAAqB~~,~~QAArB~~","sourcesContent":["import * as React from 'react';\nimport { useSwitch_unstable } from './useSwitch';\nimport { renderSwitch_unstable } from './renderSwitch';\nimport { useSwitchStyles_unstable } from './useSwitchStyles';\nimport type { SwitchProps } from './Switch.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\n\n/*\n Switches enable users to trigger an option on or off through pressing the component.\n */\nexport const Switch: ForwardRefComponent<SwitchProps> = React.forwardRef((props, ref) => {\n const state = useSwitch_unstable(props, ref);\n\n useSwitchStyles_unstable(state);\n\n return renderSwitch_unstable(state);\n});\n\nSwitch.displayName = 'Switch';\n"]~~,"sourceRoot":""~~}
1	+ {"version":3,"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,kBAAkB,QAAQ,aAAa;AAChD,SAASC,qBAAqB,QAAQ,gBAAgB;AACtD,SAASC,wBAAwB,QAAQ,mBAAmB;AAI5D;;;AAGA,OAAO,MAAMC,MAAM,gBAAqCJ,KAAK,CAACK,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAI;EACtF,MAAMC,KAAK,GAAGP,kBAAkB,CAACK,KAAK,EAAEC,GAAG,CAAC;EAE5CJ,wBAAwB,CAACK,KAAK,CAAC;EAE/B,OAAON,qBAAqB,CAACM,KAAK,CAAC;AACrC,CAAC,CAAC;AAEFJ,MAAM,CAACK,WAAW,GAAG,QAAQ","names":["React","useSwitch_unstable","renderSwitch_unstable","useSwitchStyles_unstable","Switch","forwardRef","props","ref","state","displayName"],"sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-switch/src/components/Switch/Switch.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useSwitch_unstable } from './useSwitch';\nimport { renderSwitch_unstable } from './renderSwitch';\nimport { useSwitchStyles_unstable } from './useSwitchStyles';\nimport type { SwitchProps } from './Switch.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\n\n/*\n Switches enable users to trigger an option on or off through pressing the component.\n */\nexport const Switch: ForwardRefComponent<SwitchProps> = React.forwardRef((props, ref) => {\n const state = useSwitch_unstable(props, ref);\n\n useSwitchStyles_unstable(state);\n\n return renderSwitch_unstable(state);\n});\n\nSwitch.displayName = 'Switch';\n"]}

package/lib/components/Switch/renderSwitch.js CHANGED Viewed

@@ -3,7 +3,6 @@ import { getSlots } from '@fluentui/react-utilities';
 /**
  * Render a Switch component by passing the state defined props to the appropriate slots.
  */
 export const renderSwitch_unstable = state => {
   const {
     slots,
@@ -12,11 +11,16 @@ export const renderSwitch_unstable = state => {
   const {
     labelPosition
   } = state;
-  return /*#__PURE__*/React.createElement(slots.root, { ...slotProps.root
-  }, /*#__PURE__*/React.createElement(slots.input, { ...slotProps.input
-  }), labelPosition !== 'after' && slots.label && /*#__PURE__*/React.createElement(slots.label, { ...slotProps.label
-  }), /*#__PURE__*/React.createElement(slots.indicator, { ...slotProps.indicator
-  }), labelPosition === 'after' && slots.label && /*#__PURE__*/React.createElement(slots.label, { ...slotProps.label
+  return /*#__PURE__*/React.createElement(slots.root, {
+    ...slotProps.root
+  }, /*#__PURE__*/React.createElement(slots.input, {
+    ...slotProps.input
+  }), labelPosition !== 'after' && slots.label && /*#__PURE__*/React.createElement(slots.label, {
+    ...slotProps.label
+  }), /*#__PURE__*/React.createElement(slots.indicator, {
+    ...slotProps.indicator
+  }), labelPosition === 'after' && slots.label && /*#__PURE__*/React.createElement(slots.label, {
+    ...slotProps.label
   }));
 };
 //# sourceMappingURL=renderSwitch.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"~~sources":["../../../../../../../../../packages/react-components/react-switch/src/components/Switch/renderSwitch.tsx"],"names":[],"~~mappings":"AAAA,OAAO,KAAK,~~KAAZ~~,~~MAAuB,OAAvB~~;~~AACA~~,~~SAAS~~,~~QAAT~~,~~QAAyB~~,~~2BAAzB~~;AAGA~~;;AAEG;;AACH~~,OAAO,~~MAAM~~,qBAAqB,~~GAAI~~,~~KAAD~~,~~IAAuB~~;EAC1D,MAAM;~~IAAE~~,~~KAAF~~;~~IAAS~~;~~EAAT~~,~~IAAuB~~,QAAQ,~~CAAc~~,~~KAAd~~,~~CAArC~~;~~EACA~~,MAAM;~~IAAE~~;~~EAAF~~,~~IAAoB~~,~~KAA1B~~;~~EAEA~~,~~oBACE~~,~~KAAA~~,~~CAAA,aAAA,CAAC,~~KAAK,~~CAAC~~,~~IAAP~~,~~EAAW~~,~~EAAA,GAAK,~~SAAS,~~CAAC~~;~~EAAf~~,~~CAAX~~,~~eACE~~,~~KAAA~~,~~CAAA~~,~~aAAA,CAAC,~~KAAK,~~CAAC~~,~~KAAP,EAAY,EAAA,GAAK,~~SAAS,~~CAAC~~;~~EAAf~~,~~CAAZ~~,~~CADF~~,~~EAEG,~~aAAa,KAAK,~~OAAlB~~,~~IAA6B~~,KAAK,~~CAAC~~,~~KAAnC~~,~~iBAA4C~~,~~KAAA~~,~~CAAA~~,~~aAAA~~,~~CAAC,~~KAAK,~~CAAC~~,~~KAAP,EAAY,EAAA,GAAK,~~SAAS,~~CAAC~~;~~EAAf~~,~~CAAZ~~,~~CAF/C~~,~~eAGE~~,~~KAAA~~,~~CAAA~~,~~aAAA~~,~~CAAC~~,~~KAAK~~,~~CAAC~~,~~SAAP~~,~~EAAgB~~,~~EAAA~~,~~GAAK~~,~~SAAS~~,~~CAAC;EAAf~~,~~CAAhB~~,~~CAHF~~,~~EAIG~~,~~aAAa~~,KAAK,~~OAAlB~~,~~IAA6B,~~KAAK,~~CAAC~~,~~KAAnC~~,~~iBAA4C~~,~~KAAA~~,~~CAAA~~,~~aAAA,~~CAAC,~~KAAK~~,~~CAAC~~,~~KAAP~~,~~EAAY~~,~~EAAA~~,~~GAAK~~,~~SAAS~~,~~CAAC;EAAf~~,~~CAAZ~~,~~CAJ/C~~,~~CADF;AAQD~~,~~CAZM~~","sourcesContent":["import * as React from 'react';\nimport { getSlots } from '@fluentui/react-utilities';\nimport type { SwitchState, SwitchSlots } from './Switch.types';\n\n/*\n Render a Switch component by passing the state defined props to the appropriate slots.\n */\nexport const renderSwitch_unstable = (state: SwitchState) => {\n const { slots, slotProps } = getSlots<SwitchSlots>(state);\n const { labelPosition } = state;\n\n return (\n <slots.root {...slotProps.root}>\n <slots.input {...slotProps.input} />\n {labelPosition !== 'after' && slots.label && <slots.label {...slotProps.label} />}\n <slots.indicator {...slotProps.indicator} />\n {labelPosition === 'after' && slots.label && <slots.label {...slotProps.label} />}\n </slots.root>\n );\n};\n"]~~,"sourceRoot":""~~}
1	+ {"version":3,"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,QAAQ,QAAQ,2BAA2B;AAGpD;;;AAGA,OAAO,MAAMC,qBAAqB,GAAIC,KAAkB,IAAI;EAC1D,MAAM;IAAEC,KAAK;IAAEC;EAAS,CAAE,GAAGJ,QAAQ,CAAcE,KAAK,CAAC;EACzD,MAAM;IAAEG;EAAa,CAAE,GAAGH,KAAK;EAE/B,oBACEH,oBAACI,KAAK,CAACG,IAAI;IAAA,GAAKF,SAAS,CAACE;EAAI,gBAC5BP,oBAACI,KAAK,CAACI,KAAK;IAAA,GAAKH,SAAS,CAACG;EAAK,EAAI,EACnCF,aAAa,KAAK,OAAO,IAAIF,KAAK,CAACK,KAAK,iBAAIT,oBAACI,KAAK,CAACK,KAAK;IAAA,GAAKJ,SAAS,CAACI;EAAK,EAAI,eACjFT,oBAACI,KAAK,CAACM,SAAS;IAAA,GAAKL,SAAS,CAACK;EAAS,EAAI,EAC3CJ,aAAa,KAAK,OAAO,IAAIF,KAAK,CAACK,KAAK,iBAAIT,oBAACI,KAAK,CAACK,KAAK;IAAA,GAAKJ,SAAS,CAACI;EAAK,EAAI,CACtE;AAEjB,CAAC","names":["React","getSlots","renderSwitch_unstable","state","slots","slotProps","labelPosition","root","input","label","indicator"],"sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-switch/src/components/Switch/renderSwitch.tsx"],"sourcesContent":["import * as React from 'react';\nimport { getSlots } from '@fluentui/react-utilities';\nimport type { SwitchState, SwitchSlots } from './Switch.types';\n\n/*\n Render a Switch component by passing the state defined props to the appropriate slots.\n */\nexport const renderSwitch_unstable = (state: SwitchState) => {\n const { slots, slotProps } = getSlots<SwitchSlots>(state);\n const { labelPosition } = state;\n\n return (\n <slots.root {...slotProps.root}>\n <slots.input {...slotProps.input} />\n {labelPosition !== 'after' && slots.label && <slots.label {...slotProps.label} />}\n <slots.indicator {...slotProps.indicator} />\n {labelPosition === 'after' && slots.label && <slots.label {...slotProps.label} />}\n </slots.root>\n );\n};\n"]}

package/lib/components/Switch/useSwitch.js CHANGED Viewed

@@ -12,7 +12,6 @@ import { getPartitionedNativeProps, mergeCallbacks, resolveShorthand, useId } fr
  * @param props - props from this instance of Switch
  * @param ref - reference to `<input>` element of Switch
  */
 export const useSwitch_unstable = (props, ref) => {
   const {
     checked,

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

	@@ -1 +1 @@
1	- {"version":3,"~~sources":["../../../../../../../../../packages/react-components/react-switch/src/components/Switch/useSwitch.tsx"],"names":[],"~~mappings":"AAAA,OAAO,KAAK,~~KAAZ~~,~~MAAuB,OAAvB~~;~~AACA~~,~~SAAS~~,~~YAAT~~,~~QAA6B~~,~~uBAA7B~~;~~AACA~~,~~SAAS~~,~~KAAT~~,~~QAAsB~~,~~uBAAtB~~;~~AACA~~,~~SAAS~~,~~cAAT~~,~~QAA+B~~,~~yBAA/B~~;~~AACA~~,~~SAAS~~,~~yBAAT~~,~~EAAoC~~,~~cAApC~~,~~EAAoD~~,~~gBAApD~~,~~EAAsE~~,~~KAAtE~~,~~QAAmF~~,~~2BAAnF~~;~~AAGA;;;;;;;;AAQG;;AACH~~,OAAO,~~MAAM~~,kBAAkB,GAAG,~~CAAC~~,~~KAAD~~,~~EAAqB~~,~~GAArB~~,~~KAAsE~~;EACtG,MAAM;~~IAAE~~,~~OAAF~~;~~IAAW~~,~~cAAX~~;~~IAA2B~~,~~QAA3B~~;~~IAAqC~~,aAAa,GAAG,~~OAArD~~;~~IAA8D~~,~~QAA9D~~;~~IAAwE~~;~~EAAxE~~,~~IAAqF~~,~~KAA3F~~;~~EAEA~~,~~MAAM~~,WAAW,~~GAAG~~,yBAAyB,CAAC;~~IAC5C~~,~~KAD4C~~;~~IAE5C~~,kBAAkB,EAAE,~~OAFwB~~;~~IAG5C~~,iBAAiB,EAAE,CAAC,~~SAAD~~,~~EAAY~~,~~gBAAZ~~,~~EAA8B~~,~~UAA9B~~;~~EAHyB~~,~~CAAD,CAA7C~~;~~EAMA~~,~~MAAM~~,EAAE,~~GAAG~~,KAAK,CAAC,~~SAAD~~,~~EAAY~~,WAAW,~~CAAC~~,~~OAAZ~~,~~CAAoB~~,~~EAAhC~~,~~CAAhB~~;~~EAEA~~,~~MAAM~~,IAAI,~~GAAG~~,gBAAgB,~~CAAC~~,KAAK,~~CAAC~~,~~IAAP~~,~~EAAa~~;~~IACxC~~,YAAY,EAAE;~~MAAE~~,GAAG,~~EAAE~~,cAAc,~~EAArB~~;~~MAAyC~~,~~GAAG~~,WAAW,~~CAAC~~;~~IAAxD~~,~~CAD0B~~;~~IAExC~~,QAAQ,EAAE;~~EAF8B~~,~~CAAb,CAA7B~~;~~EAKA~~,~~MAAM~~,SAAS,~~GAAG~~,gBAAgB,~~CAAC~~,KAAK,~~CAAC~~,~~SAAP~~,~~EAAkB~~;~~IAClD~~,YAAY,EAAE;MACZ,~~eAAe~~,~~IADH~~;~~MAEZ~~,QAAQ,~~eAAE~~,~~KAAA~~,~~CAAA,aAAA,CAAC,YAAD,EAAa,IAAb~~;~~IAFE,CADoC~~;~~IAKlD~~,QAAQ,EAAE;~~EALwC~~,~~CAAlB,CAAlC~~;~~EAQA~~,~~MAAM~~,KAAK,~~GAAG~~,gBAAgB,~~CAAC~~,KAAK,~~CAAC~~,~~KAAP~~,~~EAAc~~;~~IAC1C~~,YAAY,EAAE;~~MACZ~~,~~OADY~~;~~MAEZ~~,~~cAFY~~;~~MAGZ~~,~~EAHY~~;~~MAIZ~~,~~GAJY~~;~~MAKZ~~,IAAI,EAAE,~~QALM~~;~~MAMZ~~,IAAI,EAAE,~~UANM~~;~~MAOZ~~,~~GAAG~~,WAAW,~~CAAC~~;~~IAPH,CAD4B~~;~~IAU1C~~,QAAQ,EAAE;~~EAVgC~~,~~CAAd,CAA9B~~;~~EAYA~~,KAAK,~~CAAC~~,~~QAAN~~,~~GAAiB~~,cAAc,~~CAAC~~,KAAK,~~CAAC~~,~~QAAP~~,~~EAAiB~~,EAAE,~~IAAI~~,QAAQ,~~KAAA~~,~~IAAR,IAAA,~~QAAQ,~~KAAA~~,~~KAAA,CAAR,GAAQ,KAAA,CAAR,GAAA,~~QAAQ,~~CAAG~~,~~EAAH~~,~~EAAO~~;~~IAAE~~,OAAO,~~EAAE~~,EAAE,~~CAAC~~,~~aAAH~~,~~CAAiB~~;~~EAA5B~~,~~CAAP~~,~~CAA/B~~,~~CAA/B~~;~~EAEA~~,~~MAAM~~,KAAK,~~GAAG~~,gBAAgB,~~CAAC~~,KAAK,~~CAAC~~,~~KAAP~~,~~EAAc~~;~~IAC1C~~,YAAY,EAAE;~~MACZ~~,~~QADY~~;~~MAEZ~~,OAAO,EAAE~~,EAFG~~;~~MAGZ~~,~~QAHY~~;~~MAIZ~~,IAAI,EAAE~~;IAJM;EAD4B~~,~~CAAd,CAA9B~~;~~EASA~~,OAAO;~~IACL~~,~~aADK~~;~~IAGL~~;~~IACA~~,UAAU,EAAE;~~MACV~~,IAAI,EAAE,~~KADI~~;~~MAEV~~,SAAS,EAAE,~~KAFD~~;~~MAGV~~,KAAK,EAAE,~~OAHG~~;~~MAIV~~,KAAK,~~EAAE~~;~~IAJG,CAJP~~;~~IAWL~~,~~IAXK~~;~~IAYL~~,~~SAZK~~;~~IAaL~~,~~KAbK~~;~~IAcL~~;~~EAdK,CAAP~~;~~AAgBD~~,CA/DM","sourcesContent":["import * as React from 'react';\nimport { CircleFilled } from '@fluentui/react-icons';\nimport { Label } from '@fluentui/react-label';\nimport { useFocusWithin } from '@fluentui/react-tabster';\nimport { getPartitionedNativeProps, mergeCallbacks, resolveShorthand, useId } from '@fluentui/react-utilities';\nimport type { SwitchProps, SwitchState } from './Switch.types';\n\n/*\n Create the state required to render Switch.\n \n The returned state can be modified with hooks such as useSwitchStyles_unstable,\n * before being passed to renderSwitch_unstable.\n \n @param props - props from this instance of Switch\n * @param ref - reference to `<input>` element of Switch\n */\nexport const useSwitch_unstable = (props: SwitchProps, ref: React.Ref<HTMLInputElement>): SwitchState => {\n const { checked, defaultChecked, disabled, labelPosition = 'after', onChange, required } = props;\n\n const nativeProps = getPartitionedNativeProps({\n props,\n primarySlotTagName: 'input',\n excludedPropNames: ['checked', 'defaultChecked', 'onChange'],\n });\n\n const id = useId('switch-', nativeProps.primary.id);\n\n const root = resolveShorthand(props.root, {\n defaultProps: { ref: useFocusWithin<HTMLDivElement>(), ...nativeProps.root },\n required: true,\n });\n\n const indicator = resolveShorthand(props.indicator, {\n defaultProps: {\n 'aria-hidden': true,\n children: <CircleFilled />,\n },\n required: true,\n });\n\n const input = resolveShorthand(props.input, {\n defaultProps: {\n checked,\n defaultChecked,\n id,\n ref,\n role: 'switch',\n type: 'checkbox',\n ...nativeProps.primary,\n },\n required: true,\n });\n input.onChange = mergeCallbacks(input.onChange, ev => onChange?.(ev, { checked: ev.currentTarget.checked }));\n\n const label = resolveShorthand(props.label, {\n defaultProps: {\n disabled,\n htmlFor: id,\n required,\n size: 'medium',\n },\n });\n\n return {\n labelPosition,\n\n //Slots definition\n components: {\n root: 'div',\n indicator: 'div',\n input: 'input',\n label: Label,\n },\n\n root,\n indicator,\n input,\n label,\n };\n};\n"]~~,"sourceRoot":""~~}
1	+ {"version":3,"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,YAAY,QAAQ,uBAAuB;AACpD,SAASC,KAAK,QAAQ,uBAAuB;AAC7C,SAASC,cAAc,QAAQ,yBAAyB;AACxD,SAASC,yBAAyB,EAAEC,cAAc,EAAEC,gBAAgB,EAAEC,KAAK,QAAQ,2BAA2B;AAG9G;;;;;;;;;AASA,OAAO,MAAMC,kBAAkB,GAAG,CAACC,KAAkB,EAAEC,GAAgC,KAAiB;EACtG,MAAM;IAAEC,OAAO;IAAEC,cAAc;IAAEC,QAAQ;IAAEC,aAAa,GAAG,OAAO;IAAEC,QAAQ;IAAEC;EAAQ,CAAE,GAAGP,KAAK;EAEhG,MAAMQ,WAAW,GAAGb,yBAAyB,CAAC;IAC5CK,KAAK;IACLS,kBAAkB,EAAE,OAAO;IAC3BC,iBAAiB,EAAE,CAAC,SAAS,EAAE,gBAAgB,EAAE,UAAU;GAC5D,CAAC;EAEF,MAAMC,EAAE,GAAGb,KAAK,CAAC,SAAS,EAAEU,WAAW,CAACI,OAAO,CAACD,EAAE,CAAC;EAEnD,MAAME,IAAI,GAAGhB,gBAAgB,CAACG,KAAK,CAACa,IAAI,EAAE;IACxCC,YAAY,EAAE;MAAEb,GAAG,EAAEP,cAAc,EAAkB;MAAE,GAAGc,WAAW,CAACK;IAAI,CAAE;IAC5EN,QAAQ,EAAE;GACX,CAAC;EAEF,MAAMQ,SAAS,GAAGlB,gBAAgB,CAACG,KAAK,CAACe,SAAS,EAAE;IAClDD,YAAY,EAAE;MACZ,aAAa,EAAE,IAAI;MACnBE,QAAQ,eAAEzB,oBAACC,YAAY;KACxB;IACDe,QAAQ,EAAE;GACX,CAAC;EAEF,MAAMU,KAAK,GAAGpB,gBAAgB,CAACG,KAAK,CAACiB,KAAK,EAAE;IAC1CH,YAAY,EAAE;MACZZ,OAAO;MACPC,cAAc;MACdQ,EAAE;MACFV,GAAG;MACHiB,IAAI,EAAE,QAAQ;MACdC,IAAI,EAAE,UAAU;MAChB,GAAGX,WAAW,CAACI;KAChB;IACDL,QAAQ,EAAE;GACX,CAAC;EACFU,KAAK,CAACX,QAAQ,GAAGV,cAAc,CAACqB,KAAK,CAACX,QAAQ,EAAEc,EAAE,IAAId,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAGc,EAAE,EAAE;IAAElB,OAAO,EAAEkB,EAAE,CAACC,aAAa,CAACnB;EAAO,CAAE,CAAC,CAAC;EAE5G,MAAMoB,KAAK,GAAGzB,gBAAgB,CAACG,KAAK,CAACsB,KAAK,EAAE;IAC1CR,YAAY,EAAE;MACZV,QAAQ;MACRmB,OAAO,EAAEZ,EAAE;MACXJ,QAAQ;MACRiB,IAAI,EAAE;;GAET,CAAC;EAEF,OAAO;IACLnB,aAAa;IAEb;IACAoB,UAAU,EAAE;MACVZ,IAAI,EAAE,KAAK;MACXE,SAAS,EAAE,KAAK;MAChBE,KAAK,EAAE,OAAO;MACdK,KAAK,EAAE7B;KACR;IAEDoB,IAAI;IACJE,SAAS;IACTE,KAAK;IACLK;GACD;AACH,CAAC","names":["React","CircleFilled","Label","useFocusWithin","getPartitionedNativeProps","mergeCallbacks","resolveShorthand","useId","useSwitch_unstable","props","ref","checked","defaultChecked","disabled","labelPosition","onChange","required","nativeProps","primarySlotTagName","excludedPropNames","id","primary","root","defaultProps","indicator","children","input","role","type","ev","currentTarget","label","htmlFor","size","components"],"sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-switch/src/components/Switch/useSwitch.tsx"],"sourcesContent":["import * as React from 'react';\nimport { CircleFilled } from '@fluentui/react-icons';\nimport { Label } from '@fluentui/react-label';\nimport { useFocusWithin } from '@fluentui/react-tabster';\nimport { getPartitionedNativeProps, mergeCallbacks, resolveShorthand, useId } from '@fluentui/react-utilities';\nimport type { SwitchProps, SwitchState } from './Switch.types';\n\n/*\n Create the state required to render Switch.\n \n The returned state can be modified with hooks such as useSwitchStyles_unstable,\n * before being passed to renderSwitch_unstable.\n \n @param props - props from this instance of Switch\n * @param ref - reference to `<input>` element of Switch\n */\nexport const useSwitch_unstable = (props: SwitchProps, ref: React.Ref<HTMLInputElement>): SwitchState => {\n const { checked, defaultChecked, disabled, labelPosition = 'after', onChange, required } = props;\n\n const nativeProps = getPartitionedNativeProps({\n props,\n primarySlotTagName: 'input',\n excludedPropNames: ['checked', 'defaultChecked', 'onChange'],\n });\n\n const id = useId('switch-', nativeProps.primary.id);\n\n const root = resolveShorthand(props.root, {\n defaultProps: { ref: useFocusWithin<HTMLDivElement>(), ...nativeProps.root },\n required: true,\n });\n\n const indicator = resolveShorthand(props.indicator, {\n defaultProps: {\n 'aria-hidden': true,\n children: <CircleFilled />,\n },\n required: true,\n });\n\n const input = resolveShorthand(props.input, {\n defaultProps: {\n checked,\n defaultChecked,\n id,\n ref,\n role: 'switch',\n type: 'checkbox',\n ...nativeProps.primary,\n },\n required: true,\n });\n input.onChange = mergeCallbacks(input.onChange, ev => onChange?.(ev, { checked: ev.currentTarget.checked }));\n\n const label = resolveShorthand(props.label, {\n defaultProps: {\n disabled,\n htmlFor: id,\n required,\n size: 'medium',\n },\n });\n\n return {\n labelPosition,\n\n //Slots definition\n components: {\n root: 'div',\n indicator: 'div',\n input: 'input',\n label: Label,\n },\n\n root,\n indicator,\n input,\n label,\n };\n};\n"]}

package/lib/components/Switch/useSwitchStyles.js CHANGED Viewed

@@ -10,14 +10,12 @@ export const switchClassNames = {
 /**
  * @deprecated Use `switchClassNames.root` instead.
  */
-export const switchClassName = switchClassNames.root; // Thumb and track sizes used by the component.
+export const switchClassName = switchClassNames.root;
+// Thumb and track sizes used by the component.
 const spaceBetweenThumbAndTrack = 2;
 const trackHeight = 20;
 const trackWidth = 40;
 const thumbSize = trackHeight - spaceBetweenThumbAndTrack;
 const useRootStyles = /*#__PURE__*/__styles({
   "base": {
     "Bt984gj": "f6jr5hl",
@@ -63,7 +61,6 @@ const useRootStyles = /*#__PURE__*/__styles({
   "f": [".ftqa4ok:focus{outline-style:none;}"],
   "i": [".f2hkw1w:focus-visible{outline-style:none;}"]
 });
 const useIndicatorStyles = /*#__PURE__*/__styles({
   "base": {
     "Bbmb7ep": ["f8fbkgy", "f1nfllo7"],
@@ -110,7 +107,6 @@ const useIndicatorStyles = /*#__PURE__*/__styles({
     "m": "screen and (prefers-reduced-motion: reduce)"
   }]]
 });
 const useInputStyles = /*#__PURE__*/__styles({
   "base": {
     "B7ck84d": "f1ewtqcl",
@@ -207,7 +203,6 @@ const useInputStyles = /*#__PURE__*/__styles({
     "m": "(forced-colors: active)"
   }]]
 });
 const useLabelStyles = /*#__PURE__*/__styles({
   "base": {
     "Bceei9c": "f1k6fduh",
@@ -235,8 +230,6 @@ const useLabelStyles = /*#__PURE__*/__styles({
 /**
  * Apply styling to the Switch slots based on the state
  */
 export const useSwitchStyles_unstable = state => {
   const rootStyles = useRootStyles();
   const indicatorStyles = useIndicatorStyles();
@@ -249,11 +242,9 @@ export const useSwitchStyles_unstable = state => {
   state.root.className = mergeClasses(switchClassNames.root, rootStyles.base, labelPosition === 'above' && rootStyles.vertical, state.root.className);
   state.indicator.className = mergeClasses(switchClassNames.indicator, indicatorStyles.base, label && labelPosition === 'above' && indicatorStyles.labelAbove, state.indicator.className);
   state.input.className = mergeClasses(switchClassNames.input, inputStyles.base, inputStyles.highContrast, label && inputStyles[labelPosition], state.input.className);
   if (state.label) {
     state.label.className = mergeClasses(switchClassNames.label, labelStyles.base, labelStyles[labelPosition], state.label.className);
   }
   return state;
 };
 //# sourceMappingURL=useSwitchStyles.js.map

package/lib/components/Switch/useSwitchStyles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../../../../../../packages/react-components/react-switch/src/components/Switch/useSwitchStyles.ts"],"names":[],"mappings":"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","sourcesContent":["import { createFocusOutlineStyle } from '@fluentui/react-tabster';\nimport { tokens } from '@fluentui/react-theme';\nimport { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport type { SwitchSlots, SwitchState } from './Switch.types';\n\nexport const switchClassNames: SlotClassNames<SwitchSlots> = {\n root: 'fui-Switch',\n indicator: 'fui-Switch__indicator',\n input: 'fui-Switch__input',\n label: 'fui-Switch__label',\n};\n\n/*\n @deprecated Use `switchClassNames.root` instead.\n /\nexport const switchClassName = switchClassNames.root;\n\n// Thumb and track sizes used by the component.\nconst spaceBetweenThumbAndTrack = 2;\nconst trackHeight = 20;\nconst trackWidth = 40;\nconst thumbSize = trackHeight - spaceBetweenThumbAndTrack;\n\nconst useRootStyles = makeStyles({\n base: {\n alignItems: 'flex-start',\n boxSizing: 'border-box',\n display: 'inline-flex',\n position: 'relative',\n\n ...createFocusOutlineStyle({ style: {}, selector: 'focus-within' }),\n },\n\n vertical: {\n flexDirection: 'column',\n },\n});\n\nconst useIndicatorStyles = makeStyles({\n base: {\n ...shorthands.borderRadius(tokens.borderRadiusCircular),\n ...shorthands.borderStyle('solid'),\n ...shorthands.borderWidth('1px'),\n lineHeight: 0,\n boxSizing: 'border-box',\n fill: 'currentColor',\n flexShrink: 0,\n fontSize: `${thumbSize}px`,\n height: `${trackHeight}px`,\n ...shorthands.margin(tokens.spacingVerticalS, tokens.spacingHorizontalS),\n pointerEvents: 'none',\n transitionDuration: tokens.durationNormal,\n transitionTimingFunction: tokens.curveEasyEase,\n transitionProperty: 'background, border, color',\n width: `${trackWidth}px`,\n\n '@media screen and (prefers-reduced-motion: reduce)': {\n transitionDuration: '0.01ms',\n },\n\n '> ': {\n transitionDuration: tokens.durationNormal,\n transitionTimingFunction: tokens.curveEasyEase,\n transitionProperty: 'transform',\n\n '@media screen and (prefers-reduced-motion: reduce)': {\n transitionDuration: '0.01ms',\n },\n },\n },\n\n labelAbove: {\n marginTop: 0,\n },\n});\n\nconst useInputStyles = makeStyles({\n base: {\n boxSizing: 'border-box',\n cursor: 'pointer',\n height: '100%',\n ...shorthands.margin(0),\n opacity: 0,\n position: 'absolute',\n\n // Calculate the width of the hidden input by taking into account the size of the indicator + the padding around it.\n // This is done so that clicking on that \"empty space\" still toggles the switch.\n width: `calc(${trackWidth}px + 2 * ${tokens.spacingHorizontalS})`,\n\n // Checked (both enabled and disabled)\n ':checked': {\n [`& ~ .${switchClassNames.indicator}`]: {\n '> ': {\n transform: `translateX(${trackWidth - thumbSize - spaceBetweenThumbAndTrack}px)`,\n },\n },\n },\n\n // Disabled (both checked and unchecked)\n ':disabled': {\n cursor: 'default',\n\n [`& ~ .${switchClassNames.indicator}`]: {\n color: tokens.colorNeutralForegroundDisabled,\n },\n\n [`& ~ .${switchClassNames.label}`]: {\n cursor: 'default',\n color: tokens.colorNeutralForegroundDisabled,\n },\n },\n\n // Enabled and unchecked\n ':enabled:not(:checked)': {\n [`& ~ .${switchClassNames.indicator}`]: {\n color: tokens.colorNeutralStrokeAccessible,\n ...shorthands.borderColor(tokens.colorNeutralStrokeAccessible),\n },\n\n [`& ~ .${switchClassNames.label}`]: {\n color: tokens.colorNeutralForeground1,\n },\n\n ':hover': {\n [`& ~ .${switchClassNames.indicator}`]: {\n color: tokens.colorNeutralStrokeAccessibleHover,\n ...shorthands.borderColor(tokens.colorNeutralStrokeAccessibleHover),\n },\n },\n\n ':hover:active': {\n [`& ~ .${switchClassNames.indicator}`]: {\n color: tokens.colorNeutralStrokeAccessiblePressed,\n ...shorthands.borderColor(tokens.colorNeutralStrokeAccessiblePressed),\n },\n },\n },\n\n // Enabled and checked\n ':enabled:checked': {\n [`& ~ .${switchClassNames.indicator}`]: {\n backgroundColor: tokens.colorCompoundBrandBackground,\n color: tokens.colorNeutralForegroundInverted,\n ...shorthands.borderColor(tokens.colorTransparentStroke),\n },\n\n ':hover': {\n [`& ~ .${switchClassNames.indicator}`]: {\n backgroundColor: tokens.colorCompoundBrandBackgroundHover,\n ...shorthands.borderColor(tokens.colorTransparentStrokeInteractive),\n },\n },\n\n ':hover:active': {\n [`& ~ .${switchClassNames.indicator}`]: {\n backgroundColor: tokens.colorCompoundBrandBackgroundPressed,\n ...shorthands.borderColor(tokens.colorTransparentStrokeInteractive),\n },\n },\n },\n\n // Disabled and unchecked\n ':disabled:not(:checked)': {\n [`& ~ .${switchClassNames.indicator}`]: {\n ...shorthands.borderColor(tokens.colorNeutralStrokeDisabled),\n },\n },\n\n // Disabled and checked\n ':disabled:checked': {\n [`& ~ .${switchClassNames.indicator}`]: {\n backgroundColor: tokens.colorNeutralBackgroundDisabled,\n ...shorthands.borderColor(tokens.colorTransparentStrokeDisabled),\n },\n },\n },\n\n highContrast: {\n '@media (forced-colors: active)': {\n ':disabled': {\n [`& ~ .${switchClassNames.indicator}`]: {\n color: 'GrayText',\n ...shorthands.borderColor('GrayText'),\n },\n\n [`& ~ .${switchClassNames.label}`]: {\n color: 'GrayText',\n },\n },\n },\n },\n\n before: {\n right: 0,\n top: 0,\n },\n after: {\n left: 0,\n top: 0,\n },\n above: {\n bottom: 0,\n height: `calc(${trackHeight}px + ${tokens.spacingVerticalS})`,\n width: '100%',\n },\n});\n\nconst useLabelStyles = makeStyles({\n base: {\n cursor: 'pointer',\n\n // Use a (negative) margin to account for the difference between the track's height and the label's line height.\n // This prevents the label from expanding the height of the switch, but preserves line height if the label wraps.\n marginBottom: `calc((${trackHeight}px - ${tokens.lineHeightBase300}) / 2)`,\n marginTop: `calc((${trackHeight}px - ${tokens.lineHeightBase300}) / 2)`,\n\n ...shorthands.padding(tokens.spacingVerticalS, tokens.spacingHorizontalS),\n },\n above: {\n paddingTop: tokens.spacingVerticalXS,\n paddingBottom: tokens.spacingVerticalXS,\n width: '100%',\n },\n after: {\n paddingLeft: tokens.spacingHorizontalXS,\n },\n before: {\n paddingRight: tokens.spacingHorizontalXS,\n },\n});\n\n/\n Apply styling to the Switch slots based on the state\n */\nexport const useSwitchStyles_unstable = (state: SwitchState): SwitchState => {\n const rootStyles = useRootStyles();\n const indicatorStyles = useIndicatorStyles();\n const inputStyles = useInputStyles();\n const labelStyles = useLabelStyles();\n\n const { label, labelPosition } = state;\n\n state.root.className = mergeClasses(\n switchClassNames.root,\n rootStyles.base,\n labelPosition === 'above' && rootStyles.vertical,\n state.root.className,\n );\n\n state.indicator.className = mergeClasses(\n switchClassNames.indicator,\n indicatorStyles.base,\n label && labelPosition === 'above' && indicatorStyles.labelAbove,\n state.indicator.className,\n );\n\n state.input.className = mergeClasses(\n switchClassNames.input,\n inputStyles.base,\n inputStyles.highContrast,\n label && inputStyles[labelPosition],\n state.input.className,\n );\n\n if (state.label) {\n state.label.className = mergeClasses(\n switchClassNames.label,\n labelStyles.base,\n labelStyles[labelPosition],\n state.label.className,\n );\n }\n\n return state;\n};\n"],"sourceRoot":""}
1	+ {"version":3,"mappings":"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","names":["createFocusOutlineStyle","tokens","mergeClasses","shorthands","switchClassNames","root","indicator","input","label","switchClassName","spaceBetweenThumbAndTrack","trackHeight","trackWidth","thumbSize","useRootStyles","useIndicatorStyles","useInputStyles","useLabelStyles","useSwitchStyles_unstable","state","rootStyles","indicatorStyles","inputStyles","labelStyles","labelPosition","className","base","vertical","labelAbove","highContrast"],"sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-switch/src/components/Switch/useSwitchStyles.ts"],"sourcesContent":["import { createFocusOutlineStyle } from '@fluentui/react-tabster';\nimport { tokens } from '@fluentui/react-theme';\nimport { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport type { SwitchSlots, SwitchState } from './Switch.types';\n\nexport const switchClassNames: SlotClassNames<SwitchSlots> = {\n root: 'fui-Switch',\n indicator: 'fui-Switch__indicator',\n input: 'fui-Switch__input',\n label: 'fui-Switch__label',\n};\n\n/*\n @deprecated Use `switchClassNames.root` instead.\n /\nexport const switchClassName = switchClassNames.root;\n\n// Thumb and track sizes used by the component.\nconst spaceBetweenThumbAndTrack = 2;\nconst trackHeight = 20;\nconst trackWidth = 40;\nconst thumbSize = trackHeight - spaceBetweenThumbAndTrack;\n\nconst useRootStyles = makeStyles({\n base: {\n alignItems: 'flex-start',\n boxSizing: 'border-box',\n display: 'inline-flex',\n position: 'relative',\n\n ...createFocusOutlineStyle({ style: {}, selector: 'focus-within' }),\n },\n\n vertical: {\n flexDirection: 'column',\n },\n});\n\nconst useIndicatorStyles = makeStyles({\n base: {\n ...shorthands.borderRadius(tokens.borderRadiusCircular),\n ...shorthands.borderStyle('solid'),\n ...shorthands.borderWidth('1px'),\n lineHeight: 0,\n boxSizing: 'border-box',\n fill: 'currentColor',\n flexShrink: 0,\n fontSize: `${thumbSize}px`,\n height: `${trackHeight}px`,\n ...shorthands.margin(tokens.spacingVerticalS, tokens.spacingHorizontalS),\n pointerEvents: 'none',\n transitionDuration: tokens.durationNormal,\n transitionTimingFunction: tokens.curveEasyEase,\n transitionProperty: 'background, border, color',\n width: `${trackWidth}px`,\n\n '@media screen and (prefers-reduced-motion: reduce)': {\n transitionDuration: '0.01ms',\n },\n\n '> ': {\n transitionDuration: tokens.durationNormal,\n transitionTimingFunction: tokens.curveEasyEase,\n transitionProperty: 'transform',\n\n '@media screen and (prefers-reduced-motion: reduce)': {\n transitionDuration: '0.01ms',\n },\n },\n },\n\n labelAbove: {\n marginTop: 0,\n },\n});\n\nconst useInputStyles = makeStyles({\n base: {\n boxSizing: 'border-box',\n cursor: 'pointer',\n height: '100%',\n ...shorthands.margin(0),\n opacity: 0,\n position: 'absolute',\n\n // Calculate the width of the hidden input by taking into account the size of the indicator + the padding around it.\n // This is done so that clicking on that \"empty space\" still toggles the switch.\n width: `calc(${trackWidth}px + 2 * ${tokens.spacingHorizontalS})`,\n\n // Checked (both enabled and disabled)\n ':checked': {\n [`& ~ .${switchClassNames.indicator}`]: {\n '> ': {\n transform: `translateX(${trackWidth - thumbSize - spaceBetweenThumbAndTrack}px)`,\n },\n },\n },\n\n // Disabled (both checked and unchecked)\n ':disabled': {\n cursor: 'default',\n\n [`& ~ .${switchClassNames.indicator}`]: {\n color: tokens.colorNeutralForegroundDisabled,\n },\n\n [`& ~ .${switchClassNames.label}`]: {\n cursor: 'default',\n color: tokens.colorNeutralForegroundDisabled,\n },\n },\n\n // Enabled and unchecked\n ':enabled:not(:checked)': {\n [`& ~ .${switchClassNames.indicator}`]: {\n color: tokens.colorNeutralStrokeAccessible,\n ...shorthands.borderColor(tokens.colorNeutralStrokeAccessible),\n },\n\n [`& ~ .${switchClassNames.label}`]: {\n color: tokens.colorNeutralForeground1,\n },\n\n ':hover': {\n [`& ~ .${switchClassNames.indicator}`]: {\n color: tokens.colorNeutralStrokeAccessibleHover,\n ...shorthands.borderColor(tokens.colorNeutralStrokeAccessibleHover),\n },\n },\n\n ':hover:active': {\n [`& ~ .${switchClassNames.indicator}`]: {\n color: tokens.colorNeutralStrokeAccessiblePressed,\n ...shorthands.borderColor(tokens.colorNeutralStrokeAccessiblePressed),\n },\n },\n },\n\n // Enabled and checked\n ':enabled:checked': {\n [`& ~ .${switchClassNames.indicator}`]: {\n backgroundColor: tokens.colorCompoundBrandBackground,\n color: tokens.colorNeutralForegroundInverted,\n ...shorthands.borderColor(tokens.colorTransparentStroke),\n },\n\n ':hover': {\n [`& ~ .${switchClassNames.indicator}`]: {\n backgroundColor: tokens.colorCompoundBrandBackgroundHover,\n ...shorthands.borderColor(tokens.colorTransparentStrokeInteractive),\n },\n },\n\n ':hover:active': {\n [`& ~ .${switchClassNames.indicator}`]: {\n backgroundColor: tokens.colorCompoundBrandBackgroundPressed,\n ...shorthands.borderColor(tokens.colorTransparentStrokeInteractive),\n },\n },\n },\n\n // Disabled and unchecked\n ':disabled:not(:checked)': {\n [`& ~ .${switchClassNames.indicator}`]: {\n ...shorthands.borderColor(tokens.colorNeutralStrokeDisabled),\n },\n },\n\n // Disabled and checked\n ':disabled:checked': {\n [`& ~ .${switchClassNames.indicator}`]: {\n backgroundColor: tokens.colorNeutralBackgroundDisabled,\n ...shorthands.borderColor(tokens.colorTransparentStrokeDisabled),\n },\n },\n },\n\n highContrast: {\n '@media (forced-colors: active)': {\n ':disabled': {\n [`& ~ .${switchClassNames.indicator}`]: {\n color: 'GrayText',\n ...shorthands.borderColor('GrayText'),\n },\n\n [`& ~ .${switchClassNames.label}`]: {\n color: 'GrayText',\n },\n },\n },\n },\n\n before: {\n right: 0,\n top: 0,\n },\n after: {\n left: 0,\n top: 0,\n },\n above: {\n bottom: 0,\n height: `calc(${trackHeight}px + ${tokens.spacingVerticalS})`,\n width: '100%',\n },\n});\n\nconst useLabelStyles = makeStyles({\n base: {\n cursor: 'pointer',\n\n // Use a (negative) margin to account for the difference between the track's height and the label's line height.\n // This prevents the label from expanding the height of the switch, but preserves line height if the label wraps.\n marginBottom: `calc((${trackHeight}px - ${tokens.lineHeightBase300}) / 2)`,\n marginTop: `calc((${trackHeight}px - ${tokens.lineHeightBase300}) / 2)`,\n\n ...shorthands.padding(tokens.spacingVerticalS, tokens.spacingHorizontalS),\n },\n above: {\n paddingTop: tokens.spacingVerticalXS,\n paddingBottom: tokens.spacingVerticalXS,\n width: '100%',\n },\n after: {\n paddingLeft: tokens.spacingHorizontalXS,\n },\n before: {\n paddingRight: tokens.spacingHorizontalXS,\n },\n});\n\n/\n Apply styling to the Switch slots based on the state\n */\nexport const useSwitchStyles_unstable = (state: SwitchState): SwitchState => {\n const rootStyles = useRootStyles();\n const indicatorStyles = useIndicatorStyles();\n const inputStyles = useInputStyles();\n const labelStyles = useLabelStyles();\n\n const { label, labelPosition } = state;\n\n state.root.className = mergeClasses(\n switchClassNames.root,\n rootStyles.base,\n labelPosition === 'above' && rootStyles.vertical,\n state.root.className,\n );\n\n state.indicator.className = mergeClasses(\n switchClassNames.indicator,\n indicatorStyles.base,\n label && labelPosition === 'above' && indicatorStyles.labelAbove,\n state.indicator.className,\n );\n\n state.input.className = mergeClasses(\n switchClassNames.input,\n inputStyles.base,\n inputStyles.highContrast,\n label && inputStyles[labelPosition],\n state.input.className,\n );\n\n if (state.label) {\n state.label.className = mergeClasses(\n switchClassNames.label,\n labelStyles.base,\n labelStyles[labelPosition],\n state.label.className,\n );\n }\n\n return state;\n};\n"]}

package/lib/components/SwitchField/SwitchField.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~sources":["../../../../../../../../../packages/react-components/react-switch/src/components/SwitchField/SwitchField.tsx"],"names":[],"~~mappings":"AAAA,OAAO,KAAK,~~KAAZ~~,~~MAAuB,OAAvB~~;~~AAEA~~,~~SACE~~,~~kBADF~~,~~EAEE~~,~~oBAFF~~,~~EAGE~~,~~uBAHF~~,~~EAIE~~,~~iBAJF~~,~~QAKO~~,~~uBALP~~;~~AAOA~~,~~SAAS~~,~~MAAT~~,~~QAAuB~~,~~cAAvB~~;~~AAMA~~,OAAO,~~MAAM~~,qBAAqB,~~gBAAG~~,kBAAkB,CAAC,~~aAAD~~,~~CAAhD~~;~~AAEP~~,OAAO,~~MAAM~~,WAAW,~~gBAA0C~~,KAAK,~~CAAC~~,~~UAAN~~,~~CAAiB,~~CAAC,~~KAAD~~,~~EAAQ~~,~~GAAR~~,~~KAAe~~;EAChG,~~MAAM~~,KAAK,~~GAAG~~,iBAAiB,~~CAAC~~,~~KAAD~~,~~EAAQ~~,~~GAAR~~,~~EAAa~~;~~IAAE~~,SAAS,~~EAAE~~,~~MAAb~~;~~IAAqB~~,UAAU,~~EAAE~~;~~EAAjC~~,~~CAAb~~,~~CAA/B~~;~~EACA~~,uBAAuB,~~CAAC~~,~~KAAD~~,~~CAAvB~~;~~EACA~~,~~OAAO~~,oBAAoB,~~CAAC~~,~~KAAD~~,~~CAA3B~~;~~AACD~~,~~CAJiE~~,~~CAA3D~~;~~AAMP~~,WAAW,~~CAAC~~,~~WAAZ~~,~~GAA0B~~,~~aAA1B~~","sourcesContent":["import * as React from 'react';\nimport type { FieldProps } from '@fluentui/react-field';\nimport {\n getFieldClassNames,\n renderField_unstable,\n useFieldStyles_unstable,\n useField_unstable,\n} from '@fluentui/react-field';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { Switch } from '../../Switch';\n\n// The Field's `label` prop overrides the Switch's built-in `label`.\n// Therefore, the Switch's `labelPosition` has no effect and is omitted to avoid confusion.\nexport type SwitchFieldProps = Omit<FieldProps<typeof Switch>, 'labelPosition'>;\n\nexport const switchFieldClassNames = getFieldClassNames('SwitchField');\n\nexport const SwitchField: ForwardRefComponent<SwitchFieldProps> = React.forwardRef((props, ref) => {\n const state = useField_unstable(props, ref, { component: Switch, classNames: switchFieldClassNames });\n useFieldStyles_unstable(state);\n return renderField_unstable(state);\n});\n\nSwitchField.displayName = 'SwitchField';\n"]~~,"sourceRoot":""~~}
1	+ {"version":3,"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAE9B,SACEC,kBAAkB,EAClBC,oBAAoB,EACpBC,uBAAuB,EACvBC,iBAAiB,QACZ,uBAAuB;AAE9B,SAASC,MAAM,QAAQ,cAAc;AAMrC,OAAO,MAAMC,qBAAqB,gBAAGL,kBAAkB,CAAC,aAAa,CAAC;AAEtE,OAAO,MAAMM,WAAW,gBAA0CP,KAAK,CAACQ,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAI;EAChG,MAAMC,KAAK,GAAGP,iBAAiB,CAACK,KAAK,EAAEC,GAAG,EAAE;IAAEE,SAAS,EAAEP,MAAM;IAAEQ,UAAU,EAAEP;EAAqB,CAAE,CAAC;EACrGH,uBAAuB,CAACQ,KAAK,CAAC;EAC9B,OAAOT,oBAAoB,CAACS,KAAK,CAAC;AACpC,CAAC,CAAC;AAEFJ,WAAW,CAACO,WAAW,GAAG,aAAa","names":["React","getFieldClassNames","renderField_unstable","useFieldStyles_unstable","useField_unstable","Switch","switchFieldClassNames","SwitchField","forwardRef","props","ref","state","component","classNames","displayName"],"sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-switch/src/components/SwitchField/SwitchField.tsx"],"sourcesContent":["import * as React from 'react';\nimport type { FieldProps } from '@fluentui/react-field';\nimport {\n getFieldClassNames,\n renderField_unstable,\n useFieldStyles_unstable,\n useField_unstable,\n} from '@fluentui/react-field';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { Switch } from '../../Switch';\n\n// The Field's `label` prop overrides the Switch's built-in `label`.\n// Therefore, the Switch's `labelPosition` has no effect and is omitted to avoid confusion.\nexport type SwitchFieldProps = Omit<FieldProps<typeof Switch>, 'labelPosition'>;\n\nexport const switchFieldClassNames = getFieldClassNames('SwitchField');\n\nexport const SwitchField: ForwardRefComponent<SwitchFieldProps> = React.forwardRef((props, ref) => {\n const state = useField_unstable(props, ref, { component: Switch, classNames: switchFieldClassNames });\n useFieldStyles_unstable(state);\n return renderField_unstable(state);\n});\n\nSwitchField.displayName = 'SwitchField';\n"]}

package/lib/index.js CHANGED Viewed

@@ -1,4 +1,5 @@
-export { Switch, renderSwitch_unstable, // eslint-disable-next-line deprecation/deprecation
+export { Switch, renderSwitch_unstable,
+// eslint-disable-next-line deprecation/deprecation
 switchClassName, switchClassNames, useSwitchStyles_unstable, useSwitch_unstable } from './Switch';
 export { SwitchField as SwitchField_unstable, switchFieldClassNames } from './SwitchField';
 //# sourceMappingURL=index.js.map

package/lib/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~sources":["../../../../../../../packages/react-components/react-switch/src/index.ts"],"names":[],"~~mappings":"AAAA,~~SACE~~,~~MADF~~,~~EAEE~~,~~qBAFF,EAGE~~;~~AACA~~,~~eAJF~~,~~EAKE~~,~~gBALF~~,~~EAME~~,~~wBANF~~,~~EAOE~~,~~kBAPF~~,~~QAQO~~,~~UARP~~;~~AAWA~~,~~SAAS~~,WAAW,~~IAAI~~,~~oBAAxB~~,~~EAA8C~~,~~qBAA9C~~,~~QAA2E~~,~~eAA3E~~","sourcesContent":["export {\n Switch,\n renderSwitch_unstable,\n // eslint-disable-next-line deprecation/deprecation\n switchClassName,\n switchClassNames,\n useSwitchStyles_unstable,\n useSwitch_unstable,\n} from './Switch';\nexport type { SwitchOnChangeData, SwitchProps, SwitchSlots, SwitchState } from './Switch';\n\nexport { SwitchField as SwitchField_unstable, switchFieldClassNames } from './SwitchField';\nexport type { SwitchFieldProps as SwitchFieldProps_unstable } from './SwitchField';\n"]~~,"sourceRoot":""~~}
1	+ {"version":3,"mappings":"AAAA,SACEA,MAAM,EACNC,qBAAqB;AACrB;AACAC,eAAe,EACfC,gBAAgB,EAChBC,wBAAwB,EACxBC,kBAAkB,QACb,UAAU;AAGjB,SAASC,WAAW,IAAIC,oBAAoB,EAAEC,qBAAqB,QAAQ,eAAe","names":["Switch","renderSwitch_unstable","switchClassName","switchClassNames","useSwitchStyles_unstable","useSwitch_unstable","SwitchField","SwitchField_unstable","switchFieldClassNames"],"sourceRoot":"","sources":["../../../../../../../packages/react-components/react-switch/src/index.ts"],"sourcesContent":["export {\n Switch,\n renderSwitch_unstable,\n // eslint-disable-next-line deprecation/deprecation\n switchClassName,\n switchClassNames,\n useSwitchStyles_unstable,\n useSwitch_unstable,\n} from './Switch';\nexport type { SwitchOnChangeData, SwitchProps, SwitchSlots, SwitchState } from './Switch';\n\nexport { SwitchField as SwitchField_unstable, switchFieldClassNames } from './SwitchField';\nexport type { SwitchFieldProps as SwitchFieldProps_unstable } from './SwitchField';\n"]}

package/lib-commonjs/Switch.js CHANGED Viewed

@@ -3,8 +3,6 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 const tslib_1 = /*#__PURE__*/require("tslib");
 tslib_1.__exportStar(require("./components/Switch/index"), exports);
 //# sourceMappingURL=Switch.js.map

package/lib-commonjs/Switch.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../../../../packages/react-components/react-switch/src/Switch.ts"],"~~names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,2BAAA,CAAA,EAAA,OAAA","~~sourcesContent":["export * from './components/Switch/index';\n"]~~,"sourceRoot":""~~}
1	+ {"version":3,"mappings":";;;;;;AAAAA","names":["tslib_1"],"sourceRoot":"","sources":["../../../../../../../packages/react-components/react-switch/src/Switch.ts"],"sourcesContent":["export * from './components/Switch/index';\n"]}

package/lib-commonjs/SwitchField.js CHANGED Viewed

@@ -3,8 +3,6 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 const tslib_1 = /*#__PURE__*/require("tslib");
 tslib_1.__exportStar(require("./components/SwitchField/index"), exports);
 //# sourceMappingURL=SwitchField.js.map

package/lib-commonjs/SwitchField.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../../../../packages/react-components/react-switch/src/SwitchField.ts"],"~~names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,gCAAA,CAAA,EAAA,OAAA","~~sourcesContent":["export * from './components/SwitchField/index';\n"]~~,"sourceRoot":""~~}
1	+ {"version":3,"mappings":";;;;;;AAAAA","names":["tslib_1"],"sourceRoot":"","sources":["../../../../../../../packages/react-components/react-switch/src/SwitchField.ts"],"sourcesContent":["export * from './components/SwitchField/index';\n"]}

package/lib-commonjs/components/Switch/Switch.js CHANGED Viewed

@@ -4,19 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Switch = void 0;
 const React = /*#__PURE__*/require("react");
 const useSwitch_1 = /*#__PURE__*/require("./useSwitch");
 const renderSwitch_1 = /*#__PURE__*/require("./renderSwitch");
 const useSwitchStyles_1 = /*#__PURE__*/require("./useSwitchStyles");
 /**
  * Switches enable users to trigger an option on or off through pressing the component.
  */
 exports.Switch = /*#__PURE__*/React.forwardRef((props, ref) => {
   const state = useSwitch_1.useSwitch_unstable(props, ref);
   useSwitchStyles_1.useSwitchStyles_unstable(state);

package/lib-commonjs/components/Switch/Switch.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~sources":["../../../../../../../../../packages/react-components/react-switch/src/components/Switch/Switch.tsx"],"names":[],"~~mappings":"~~;;;;;;;~~AAAA~~,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;~~AACA~~,MAAA,WAAA,gBAAA,OAAA,CAAA,aAAA,CAAA;;~~AACA~~,MAAA,cAAA,gBAAA,OAAA,CAAA,gBAAA,CAAA;;~~AACA~~,MAAA,iBAAA,gBAAA,OAAA,CAAA,mBAAA,CAAA~~;AAIA~~;;AAEG~~;;;~~AACU~~,~~OAAA~~,~~CAAA~~,~~MAAA~~,~~gBAA2C~~,~~KAAK~~,CAAC,~~UAAN~~,~~CAAiB~~,~~CAAC~~,~~KAAD~~,~~EAAQ,GAAR,KAAe~~;EACtF,~~MAAM~~,KAAK,~~GAAG~~,~~WAAA~~,~~CAAA~~,~~kBAAA~~,~~CAAmB~~,~~KAAnB~~,~~EAA0B~~,~~GAA1B~~,~~CAAd~~;~~EAEA~~,~~iBAAA~~,~~CAAA~~,~~wBAAA~~,~~CAAyB~~,~~KAAzB~~;~~EAEA~~,~~OAAO~~,~~cAAA~~,~~CAAA~~,~~qBAAA~~,~~CAAsB~~,~~KAAtB~~,~~CAAP;AACD~~,~~CANuD~~,~~CAA3C;AAQb~~,~~OAAA~~,~~CAAA~~,~~MAAA~~,~~CAAO~~,~~WAAP~~,~~GAAqB~~,~~QAArB~~","sourcesContent":["import * as React from 'react';\nimport { useSwitch_unstable } from './useSwitch';\nimport { renderSwitch_unstable } from './renderSwitch';\nimport { useSwitchStyles_unstable } from './useSwitchStyles';\nimport type { SwitchProps } from './Switch.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\n\n/*\n Switches enable users to trigger an option on or off through pressing the component.\n */\nexport const Switch: ForwardRefComponent<SwitchProps> = React.forwardRef((props, ref) => {\n const state = useSwitch_unstable(props, ref);\n\n useSwitchStyles_unstable(state);\n\n return renderSwitch_unstable(state);\n});\n\nSwitch.displayName = 'Switch';\n"]~~,"sourceRoot":""~~}
1	+ {"version":3,"mappings":";;;;;;AAAA;AACA;AACA;AACA;AAIA;;;AAGaA,cAAM,gBAAqCC,KAAK,CAACC,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAI;EACtF,MAAMC,KAAK,GAAGC,8BAAkB,CAACH,KAAK,EAAEC,GAAG,CAAC;EAE5CG,0CAAwB,CAACF,KAAK,CAAC;EAE/B,OAAOG,oCAAqB,CAACH,KAAK,CAAC;AACrC,CAAC,CAAC;AAEFL,cAAM,CAACS,WAAW,GAAG,QAAQ","names":["exports","React","forwardRef","props","ref","state","useSwitch_1","useSwitchStyles_1","renderSwitch_1","displayName"],"sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-switch/src/components/Switch/Switch.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useSwitch_unstable } from './useSwitch';\nimport { renderSwitch_unstable } from './renderSwitch';\nimport { useSwitchStyles_unstable } from './useSwitchStyles';\nimport type { SwitchProps } from './Switch.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\n\n/*\n Switches enable users to trigger an option on or off through pressing the component.\n */\nexport const Switch: ForwardRefComponent<SwitchProps> = React.forwardRef((props, ref) => {\n const state = useSwitch_unstable(props, ref);\n\n useSwitchStyles_unstable(state);\n\n return renderSwitch_unstable(state);\n});\n\nSwitch.displayName = 'Switch';\n"]}

package/lib-commonjs/components/Switch/Switch.types.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~sources~~":[],"names":[],"~~mappings~~":"","~~sourceRoot~~":""}
1	+ {"version":3,"mappings":"","names":[],"sourceRoot":"","sources":[],"sourcesContent":[]}

package/lib-commonjs/components/Switch/index.js CHANGED Viewed

@@ -3,16 +3,10 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 const tslib_1 = /*#__PURE__*/require("tslib");
 tslib_1.__exportStar(require("./Switch"), exports);
 tslib_1.__exportStar(require("./Switch.types"), exports);
 tslib_1.__exportStar(require("./renderSwitch"), exports);
 tslib_1.__exportStar(require("./useSwitch"), exports);
 tslib_1.__exportStar(require("./useSwitchStyles"), exports);
 //# sourceMappingURL=index.js.map

package/lib-commonjs/components/Switch/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../../../../../../packages/react-components/react-switch/src/components/Switch/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,UAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,gBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,gBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,aAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,mBAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './Switch';\nexport * from './Switch.types';\nexport * from './renderSwitch';\nexport * from './useSwitch';\nexport * from './useSwitchStyles';\n"]~~,"sourceRoot":""~~}
1	+ {"version":3,"mappings":";;;;;;AAAAA;AACAA;AACAA;AACAA;AACAA","names":["tslib_1"],"sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-switch/src/components/Switch/index.ts"],"sourcesContent":["export * from './Switch';\nexport * from './Switch.types';\nexport * from './renderSwitch';\nexport * from './useSwitch';\nexport * from './useSwitchStyles';\n"]}

package/lib-commonjs/components/Switch/renderSwitch.js CHANGED Viewed

@@ -4,15 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.renderSwitch_unstable = void 0;
 const React = /*#__PURE__*/require("react");
 const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
 /**
  * Render a Switch component by passing the state defined props to the appropriate slots.
  */
 const renderSwitch_unstable = state => {
   const {
     slots,
@@ -21,13 +17,17 @@ const renderSwitch_unstable = state => {
   const {
     labelPosition
   } = state;
-  return React.createElement(slots.root, { ...slotProps.root
-  }, React.createElement(slots.input, { ...slotProps.input
-  }), labelPosition !== 'after' && slots.label && React.createElement(slots.label, { ...slotProps.label
-  }), React.createElement(slots.indicator, { ...slotProps.indicator
-  }), labelPosition === 'after' && slots.label && React.createElement(slots.label, { ...slotProps.label
+  return React.createElement(slots.root, {
+    ...slotProps.root
+  }, React.createElement(slots.input, {
+    ...slotProps.input
+  }), labelPosition !== 'after' && slots.label && React.createElement(slots.label, {
+    ...slotProps.label
+  }), React.createElement(slots.indicator, {
+    ...slotProps.indicator
+  }), labelPosition === 'after' && slots.label && React.createElement(slots.label, {
+    ...slotProps.label
   }));
 };
 exports.renderSwitch_unstable = renderSwitch_unstable;
 //# sourceMappingURL=renderSwitch.js.map

package/lib-commonjs/components/Switch/renderSwitch.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~sources":["../../../../../../../../../packages/react-components/react-switch/src/components/Switch/renderSwitch.tsx"],"names":[],"~~mappings":"~~;;;;;;;~~AAAA~~,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;~~AACA~~,MAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA~~;AAGA~~;;AAEG~~;;;~~AACI~~,~~MAAM~~,qBAAqB,~~GAAI~~,~~KAAD~~,~~IAAuB~~;EAC1D,MAAM;~~IAAE~~,~~KAAF~~;~~IAAS~~;~~EAAT~~,~~IAAuB~~,~~iBAAA~~,~~CAAA~~,~~QAAA~~,~~CAAsB~~,~~KAAtB,CAA7B~~;~~EACA~~,MAAM;~~IAAE~~;~~EAAF~~,~~IAAoB~~,~~KAA1B~~;~~EAEA~~,~~OACE~~,~~KAAA~~,~~CAAA,aAAA,CAAC,~~KAAK,~~CAAC~~,~~IAAP~~,~~EAAW~~,~~EAAA,GAAK,~~SAAS,~~CAAC~~;~~EAAf~~,~~CAAX~~,~~EACE~~,~~KAAA~~,~~CAAA~~,~~aAAA,CAAC,~~KAAK,~~CAAC~~,~~KAAP,EAAY,EAAA,GAAK,~~SAAS,~~CAAC~~;~~EAAf~~,~~CAAZ~~,~~CADF~~,~~EAEG,~~aAAa,KAAK,~~OAAlB~~,~~IAA6B~~,KAAK,~~CAAC~~,~~KAAnC~~,~~IAA4C~~,~~KAAA~~,~~CAAA~~,~~aAAA~~,~~CAAC,~~KAAK,~~CAAC~~,~~KAAP,EAAY,EAAA,GAAK,~~SAAS,~~CAAC~~;~~EAAf~~,~~CAAZ~~,~~CAF/C~~,~~EAGE~~,~~KAAA,CAAA,aAAA,CAAC,~~KAAK,~~CAAC~~,~~SAAP~~,~~EAAgB~~,~~EAAA,GAAK,~~SAAS,~~CAAC~~;~~EAAf~~,~~CAAhB~~,~~CAHF~~,~~EAIG,~~aAAa,KAAK,~~OAAlB~~,~~IAA6B~~,KAAK,~~CAAC~~,~~KAAnC~~,~~IAA4C~~,~~KAAA~~,~~CAAA~~,~~aAAA~~,~~CAAC,~~KAAK,~~CAAC~~,~~KAAP~~,~~EAAY~~,~~EAAA~~,~~GAAK~~,~~SAAS,~~CAAC;~~EAAf~~,~~CAAZ~~,~~CAJ/C~~,~~CADF;AAQD~~,~~CAZM;;AAAM~~,~~OAAA~~,~~CAAA~~,~~qBAAA~~,~~GAAqB~~,~~qBAArB~~","sourcesContent":["import * as React from 'react';\nimport { getSlots } from '@fluentui/react-utilities';\nimport type { SwitchState, SwitchSlots } from './Switch.types';\n\n/*\n Render a Switch component by passing the state defined props to the appropriate slots.\n */\nexport const renderSwitch_unstable = (state: SwitchState) => {\n const { slots, slotProps } = getSlots<SwitchSlots>(state);\n const { labelPosition } = state;\n\n return (\n <slots.root {...slotProps.root}>\n <slots.input {...slotProps.input} />\n {labelPosition !== 'after' && slots.label && <slots.label {...slotProps.label} />}\n <slots.indicator {...slotProps.indicator} />\n {labelPosition === 'after' && slots.label && <slots.label {...slotProps.label} />}\n </slots.root>\n );\n};\n"]~~,"sourceRoot":""~~}
1	+ {"version":3,"mappings":";;;;;;AAAA;AACA;AAGA;;;AAGO,MAAMA,qBAAqB,GAAIC,KAAkB,IAAI;EAC1D,MAAM;IAAEC,KAAK;IAAEC;EAAS,CAAE,GAAGC,0BAAQ,CAAcH,KAAK,CAAC;EACzD,MAAM;IAAEI;EAAa,CAAE,GAAGJ,KAAK;EAE/B,OACEK,oBAACJ,KAAK,CAACK,IAAI;IAAA,GAAKJ,SAAS,CAACI;EAAI,GAC5BD,oBAACJ,KAAK,CAACM,KAAK;IAAA,GAAKL,SAAS,CAACK;EAAK,EAAI,EACnCH,aAAa,KAAK,OAAO,IAAIH,KAAK,CAACO,KAAK,IAAIH,oBAACJ,KAAK,CAACO,KAAK;IAAA,GAAKN,SAAS,CAACM;EAAK,EAAI,EACjFH,oBAACJ,KAAK,CAACQ,SAAS;IAAA,GAAKP,SAAS,CAACO;EAAS,EAAI,EAC3CL,aAAa,KAAK,OAAO,IAAIH,KAAK,CAACO,KAAK,IAAIH,oBAACJ,KAAK,CAACO,KAAK;IAAA,GAAKN,SAAS,CAACM;EAAK,EAAI,CACtE;AAEjB,CAAC;AAZYE,6BAAqB","names":["renderSwitch_unstable","state","slots","slotProps","react_utilities_1","labelPosition","React","root","input","label","indicator","exports"],"sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-switch/src/components/Switch/renderSwitch.tsx"],"sourcesContent":["import * as React from 'react';\nimport { getSlots } from '@fluentui/react-utilities';\nimport type { SwitchState, SwitchSlots } from './Switch.types';\n\n/*\n Render a Switch component by passing the state defined props to the appropriate slots.\n */\nexport const renderSwitch_unstable = (state: SwitchState) => {\n const { slots, slotProps } = getSlots<SwitchSlots>(state);\n const { labelPosition } = state;\n\n return (\n <slots.root {...slotProps.root}>\n <slots.input {...slotProps.input} />\n {labelPosition !== 'after' && slots.label && <slots.label {...slotProps.label} />}\n <slots.indicator {...slotProps.indicator} />\n {labelPosition === 'after' && slots.label && <slots.label {...slotProps.label} />}\n </slots.root>\n );\n};\n"]}

package/lib-commonjs/components/Switch/useSwitch.js CHANGED Viewed

@@ -4,15 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useSwitch_unstable = void 0;
 const React = /*#__PURE__*/require("react");
 const react_icons_1 = /*#__PURE__*/require("@fluentui/react-icons");
 const react_label_1 = /*#__PURE__*/require("@fluentui/react-label");
 const react_tabster_1 = /*#__PURE__*/require("@fluentui/react-tabster");
 const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
 /**
  * Create the state required to render Switch.
@@ -23,8 +18,6 @@ const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
  * @param props - props from this instance of Switch
  * @param ref - reference to `<input>` element of Switch
  */
 const useSwitch_unstable = (props, ref) => {
   const {
     checked,
@@ -92,6 +85,5 @@ const useSwitch_unstable = (props, ref) => {
     label
   };
 };
 exports.useSwitch_unstable = useSwitch_unstable;
 //# sourceMappingURL=useSwitch.js.map

package/lib-commonjs/components/Switch/useSwitch.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~sources":["../../../../../../../../../packages/react-components/react-switch/src/components/Switch/useSwitch.tsx"],"names":[],"~~mappings":"~~;;;;;;;~~AAAA~~,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;~~AACA~~,MAAA,aAAA,gBAAA,OAAA,CAAA,uBAAA,CAAA;;~~AACA~~,MAAA,aAAA,gBAAA,OAAA,CAAA,uBAAA,CAAA;;~~AACA~~,MAAA,eAAA,gBAAA,OAAA,CAAA,yBAAA,CAAA;;~~AACA~~,MAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA~~;AAGA~~;;;;;;;;AAQG;;;AACI~~,~~MAAM~~,kBAAkB,GAAG,~~CAAC~~,~~KAAD~~,~~EAAqB~~,~~GAArB~~,~~KAAsE~~;EACtG,MAAM;~~IAAE~~,~~OAAF~~;~~IAAW~~,~~cAAX~~;~~IAA2B~~,~~QAA3B~~;~~IAAqC~~,aAAa,GAAG,~~OAArD~~;~~IAA8D~~,~~QAA9D~~;~~IAAwE~~;~~EAAxE~~,~~IAAqF~~,~~KAA3F~~;~~EAEA~~,~~MAAM~~,WAAW,~~GAAG~~,~~iBAAA~~,~~CAAA,yBAAA,CAA0B~~;~~IAC5C~~,~~KAD4C~~;~~IAE5C~~,kBAAkB,EAAE,~~OAFwB~~;~~IAG5C~~,iBAAiB,EAAE,CAAC,~~SAAD~~,~~EAAY~~,~~gBAAZ~~,~~EAA8B~~,~~UAA9B~~;~~EAHyB~~,~~CAA1B,CAApB~~;~~EAMA~~,~~MAAM~~,EAAE,~~GAAG~~,~~iBAAA~~,~~CAAA~~,~~KAAA~~,~~CAAM~~,~~SAAN,EAAiB,~~WAAW,~~CAAC~~,~~OAAZ~~,~~CAAoB~~,~~EAArC~~,~~CAAX~~;~~EAEA~~,~~MAAM~~,IAAI,~~GAAG~~,~~iBAAA~~,~~CAAA~~,~~gBAAA,CAAiB,~~KAAK,~~CAAC~~,~~IAAvB~~,~~EAA6B~~;~~IACxC~~,YAAY,EAAE;~~MAAE~~,GAAG,~~EAAE~~,~~eAAA~~,~~CAAA,cAAA,EAAP~~;~~MAAyC~~,~~GAAG~~,WAAW,~~CAAC~~;~~IAAxD~~,~~CAD0B~~;~~IAExC~~,QAAQ,EAAE;~~EAF8B~~,~~CAA7B,CAAb~~;~~EAKA~~,~~MAAM~~,SAAS,~~GAAG~~,~~iBAAA~~,~~CAAA~~,~~gBAAA,CAAiB,~~KAAK,~~CAAC~~,~~SAAvB~~,~~EAAkC~~;~~IAClD~~,YAAY,EAAE;MACZ,~~eAAe~~,~~IADH~~;~~MAEZ~~,QAAQ,~~EAAE~~,~~KAAA~~,~~CAAA,aAAA,CAAC,aAAA,CAAA,YAAD,EAAa,IAAb~~;~~IAFE,CADoC~~;~~IAKlD~~,QAAQ,EAAE;~~EALwC~~,~~CAAlC,CAAlB~~;~~EAQA~~,~~MAAM~~,KAAK,~~GAAG~~,~~iBAAA~~,~~CAAA~~,~~gBAAA~~,~~CAAiB~~,KAAK,~~CAAC,KAAvB,EAA8B~~;~~IAC1C~~,YAAY,EAAE;~~MACZ~~,~~OADY~~;~~MAEZ~~,~~cAFY~~;~~MAGZ~~,~~EAHY~~;~~MAIZ~~,~~GAJY~~;~~MAKZ~~,IAAI,EAAE,~~QALM~~;~~MAMZ~~,IAAI,EAAE,~~UANM~~;~~MAOZ~~,~~GAAG~~,WAAW,~~CAAC~~;~~IAPH,CAD4B~~;~~IAU1C~~,QAAQ,EAAE;~~EAVgC~~,~~CAA9B,CAAd~~;~~EAYA~~,KAAK,~~CAAC~~,~~QAAN~~,~~GAAiB~~,~~iBAAA~~,~~CAAA~~,~~cAAA,CAAe,~~KAAK,~~CAAC~~,~~QAArB~~,~~EAA+B~~,EAAE,~~IAAI~~,QAAQ,~~KAAA~~,~~IAAR,IAAA,~~QAAQ,~~KAAA~~,~~KAAA,CAAR,GAAQ,KAAA,CAAR,GAAA,~~QAAQ,~~CAAG~~,~~EAAH~~,~~EAAO~~;~~IAAE~~,OAAO,~~EAAE~~,EAAE,~~CAAC~~,~~aAAH~~,~~CAAiB~~;~~EAA5B~~,~~CAAP~~,~~CAA7C~~,~~CAAjB~~;~~EAEA~~,~~MAAM~~,KAAK,~~GAAG~~,~~iBAAA~~,~~CAAA~~,~~gBAAA~~,~~CAAiB~~,KAAK,~~CAAC,KAAvB,EAA8B~~;~~IAC1C~~,YAAY,EAAE;~~MACZ~~,~~QADY~~;~~MAEZ~~,OAAO,EAAE~~,EAFG~~;~~MAGZ~~,~~QAHY~~;~~MAIZ~~,IAAI,EAAE~~;IAJM;EAD4B~~,~~CAA9B,CAAd~~;~~EASA~~,OAAO;~~IACL~~,~~aADK~~;~~IAGL~~;~~IACA~~,UAAU,EAAE;~~MACV~~,IAAI,EAAE,~~KADI~~;~~MAEV~~,SAAS,EAAE,~~KAFD~~;~~MAGV~~,KAAK,EAAE,~~OAHG~~;~~MAIV~~,KAAK,~~EAAE,aAAA,CAAA~~;~~IAJG,CAJP~~;~~IAWL~~,~~IAXK~~;~~IAYL~~,~~SAZK~~;~~IAaL~~,~~KAbK~~;~~IAcL~~;~~EAdK~~,~~CAAP~~;~~AAgBD,CA~~/~~DM;;AAAM~~,~~OAAA~~,~~CAAA~~,~~kBAAA~~,~~GAAkB~~,~~kBAAlB~~","sourcesContent":["import * as React from 'react';\nimport { CircleFilled } from '@fluentui/react-icons';\nimport { Label } from '@fluentui/react-label';\nimport { useFocusWithin } from '@fluentui/react-tabster';\nimport { getPartitionedNativeProps, mergeCallbacks, resolveShorthand, useId } from '@fluentui/react-utilities';\nimport type { SwitchProps, SwitchState } from './Switch.types';\n\n/*\n Create the state required to render Switch.\n \n The returned state can be modified with hooks such as useSwitchStyles_unstable,\n * before being passed to renderSwitch_unstable.\n \n @param props - props from this instance of Switch\n * @param ref - reference to `<input>` element of Switch\n */\nexport const useSwitch_unstable = (props: SwitchProps, ref: React.Ref<HTMLInputElement>): SwitchState => {\n const { checked, defaultChecked, disabled, labelPosition = 'after', onChange, required } = props;\n\n const nativeProps = getPartitionedNativeProps({\n props,\n primarySlotTagName: 'input',\n excludedPropNames: ['checked', 'defaultChecked', 'onChange'],\n });\n\n const id = useId('switch-', nativeProps.primary.id);\n\n const root = resolveShorthand(props.root, {\n defaultProps: { ref: useFocusWithin<HTMLDivElement>(), ...nativeProps.root },\n required: true,\n });\n\n const indicator = resolveShorthand(props.indicator, {\n defaultProps: {\n 'aria-hidden': true,\n children: <CircleFilled />,\n },\n required: true,\n });\n\n const input = resolveShorthand(props.input, {\n defaultProps: {\n checked,\n defaultChecked,\n id,\n ref,\n role: 'switch',\n type: 'checkbox',\n ...nativeProps.primary,\n },\n required: true,\n });\n input.onChange = mergeCallbacks(input.onChange, ev => onChange?.(ev, { checked: ev.currentTarget.checked }));\n\n const label = resolveShorthand(props.label, {\n defaultProps: {\n disabled,\n htmlFor: id,\n required,\n size: 'medium',\n },\n });\n\n return {\n labelPosition,\n\n //Slots definition\n components: {\n root: 'div',\n indicator: 'div',\n input: 'input',\n label: Label,\n },\n\n root,\n indicator,\n input,\n label,\n };\n};\n"]~~,"sourceRoot":""~~}
1	+ {"version":3,"mappings":";;;;;;AAAA;AACA;AACA;AACA;AACA;AAGA;;;;;;;;;AASO,MAAMA,kBAAkB,GAAG,CAACC,KAAkB,EAAEC,GAAgC,KAAiB;EACtG,MAAM;IAAEC,OAAO;IAAEC,cAAc;IAAEC,QAAQ;IAAEC,aAAa,GAAG,OAAO;IAAEC,QAAQ;IAAEC;EAAQ,CAAE,GAAGP,KAAK;EAEhG,MAAMQ,WAAW,GAAGC,2CAAyB,CAAC;IAC5CT,KAAK;IACLU,kBAAkB,EAAE,OAAO;IAC3BC,iBAAiB,EAAE,CAAC,SAAS,EAAE,gBAAgB,EAAE,UAAU;GAC5D,CAAC;EAEF,MAAMC,EAAE,GAAGH,uBAAK,CAAC,SAAS,EAAED,WAAW,CAACK,OAAO,CAACD,EAAE,CAAC;EAEnD,MAAME,IAAI,GAAGL,kCAAgB,CAACT,KAAK,CAACc,IAAI,EAAE;IACxCC,YAAY,EAAE;MAAEd,GAAG,EAAEe,8BAAc,EAAkB;MAAE,GAAGR,WAAW,CAACM;IAAI,CAAE;IAC5EP,QAAQ,EAAE;GACX,CAAC;EAEF,MAAMU,SAAS,GAAGR,kCAAgB,CAACT,KAAK,CAACiB,SAAS,EAAE;IAClDF,YAAY,EAAE;MACZ,aAAa,EAAE,IAAI;MACnBG,QAAQ,EAAEC,oBAACC,0BAAY;KACxB;IACDb,QAAQ,EAAE;GACX,CAAC;EAEF,MAAMc,KAAK,GAAGZ,kCAAgB,CAACT,KAAK,CAACqB,KAAK,EAAE;IAC1CN,YAAY,EAAE;MACZb,OAAO;MACPC,cAAc;MACdS,EAAE;MACFX,GAAG;MACHqB,IAAI,EAAE,QAAQ;MACdC,IAAI,EAAE,UAAU;MAChB,GAAGf,WAAW,CAACK;KAChB;IACDN,QAAQ,EAAE;GACX,CAAC;EACFc,KAAK,CAACf,QAAQ,GAAGG,gCAAc,CAACY,KAAK,CAACf,QAAQ,EAAEkB,EAAE,IAAIlB,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAGkB,EAAE,EAAE;IAAEtB,OAAO,EAAEsB,EAAE,CAACC,aAAa,CAACvB;EAAO,CAAE,CAAC,CAAC;EAE5G,MAAMwB,KAAK,GAAGjB,kCAAgB,CAACT,KAAK,CAAC0B,KAAK,EAAE;IAC1CX,YAAY,EAAE;MACZX,QAAQ;MACRuB,OAAO,EAAEf,EAAE;MACXL,QAAQ;MACRqB,IAAI,EAAE;;GAET,CAAC;EAEF,OAAO;IACLvB,aAAa;IAEb;IACAwB,UAAU,EAAE;MACVf,IAAI,EAAE,KAAK;MACXG,SAAS,EAAE,KAAK;MAChBI,KAAK,EAAE,OAAO;MACdK,KAAK,EAAEI;KACR;IAEDhB,IAAI;IACJG,SAAS;IACTI,KAAK;IACLK;GACD;AACH,CAAC;AA/DYK,0BAAkB","names":["useSwitch_unstable","props","ref","checked","defaultChecked","disabled","labelPosition","onChange","required","nativeProps","react_utilities_1","primarySlotTagName","excludedPropNames","id","primary","root","defaultProps","react_tabster_1","indicator","children","React","react_icons_1","input","role","type","ev","currentTarget","label","htmlFor","size","components","react_label_1","exports"],"sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-switch/src/components/Switch/useSwitch.tsx"],"sourcesContent":["import * as React from 'react';\nimport { CircleFilled } from '@fluentui/react-icons';\nimport { Label } from '@fluentui/react-label';\nimport { useFocusWithin } from '@fluentui/react-tabster';\nimport { getPartitionedNativeProps, mergeCallbacks, resolveShorthand, useId } from '@fluentui/react-utilities';\nimport type { SwitchProps, SwitchState } from './Switch.types';\n\n/*\n Create the state required to render Switch.\n \n The returned state can be modified with hooks such as useSwitchStyles_unstable,\n * before being passed to renderSwitch_unstable.\n \n @param props - props from this instance of Switch\n * @param ref - reference to `<input>` element of Switch\n */\nexport const useSwitch_unstable = (props: SwitchProps, ref: React.Ref<HTMLInputElement>): SwitchState => {\n const { checked, defaultChecked, disabled, labelPosition = 'after', onChange, required } = props;\n\n const nativeProps = getPartitionedNativeProps({\n props,\n primarySlotTagName: 'input',\n excludedPropNames: ['checked', 'defaultChecked', 'onChange'],\n });\n\n const id = useId('switch-', nativeProps.primary.id);\n\n const root = resolveShorthand(props.root, {\n defaultProps: { ref: useFocusWithin<HTMLDivElement>(), ...nativeProps.root },\n required: true,\n });\n\n const indicator = resolveShorthand(props.indicator, {\n defaultProps: {\n 'aria-hidden': true,\n children: <CircleFilled />,\n },\n required: true,\n });\n\n const input = resolveShorthand(props.input, {\n defaultProps: {\n checked,\n defaultChecked,\n id,\n ref,\n role: 'switch',\n type: 'checkbox',\n ...nativeProps.primary,\n },\n required: true,\n });\n input.onChange = mergeCallbacks(input.onChange, ev => onChange?.(ev, { checked: ev.currentTarget.checked }));\n\n const label = resolveShorthand(props.label, {\n defaultProps: {\n disabled,\n htmlFor: id,\n required,\n size: 'medium',\n },\n });\n\n return {\n labelPosition,\n\n //Slots definition\n components: {\n root: 'div',\n indicator: 'div',\n input: 'input',\n label: Label,\n },\n\n root,\n indicator,\n input,\n label,\n };\n};\n"]}

package/lib-commonjs/components/Switch/useSwitchStyles.js CHANGED Viewed

@@ -4,13 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useSwitchStyles_unstable = exports.switchClassName = exports.switchClassNames = void 0;
 const react_tabster_1 = /*#__PURE__*/require("@fluentui/react-tabster");
 const react_theme_1 = /*#__PURE__*/require("@fluentui/react-theme");
 const react_1 = /*#__PURE__*/require("@griffel/react");
 exports.switchClassNames = {
   root: 'fui-Switch',
   indicator: 'fui-Switch__indicator',
@@ -20,14 +16,12 @@ exports.switchClassNames = {
 /**
  * @deprecated Use `switchClassNames.root` instead.
  */
-exports.switchClassName = exports.switchClassNames.root; // Thumb and track sizes used by the component.
+exports.switchClassName = exports.switchClassNames.root;
+// Thumb and track sizes used by the component.
 const spaceBetweenThumbAndTrack = 2;
 const trackHeight = 20;
 const trackWidth = 40;
 const thumbSize = trackHeight - spaceBetweenThumbAndTrack;
 const useRootStyles = /*#__PURE__*/react_1.__styles({
   "base": {
     "Bt984gj": "f6jr5hl",
@@ -73,7 +67,6 @@ const useRootStyles = /*#__PURE__*/react_1.__styles({
   "f": [".ftqa4ok:focus{outline-style:none;}"],
   "i": [".f2hkw1w:focus-visible{outline-style:none;}"]
 });
 const useIndicatorStyles = /*#__PURE__*/react_1.__styles({
   "base": {
     "Bbmb7ep": ["f8fbkgy", "f1nfllo7"],
@@ -120,7 +113,6 @@ const useIndicatorStyles = /*#__PURE__*/react_1.__styles({
     "m": "screen and (prefers-reduced-motion: reduce)"
   }]]
 });
 const useInputStyles = /*#__PURE__*/react_1.__styles({
   "base": {
     "B7ck84d": "f1ewtqcl",
@@ -217,7 +209,6 @@ const useInputStyles = /*#__PURE__*/react_1.__styles({
     "m": "(forced-colors: active)"
   }]]
 });
 const useLabelStyles = /*#__PURE__*/react_1.__styles({
   "base": {
     "Bceei9c": "f1k6fduh",
@@ -245,8 +236,6 @@ const useLabelStyles = /*#__PURE__*/react_1.__styles({
 /**
  * Apply styling to the Switch slots based on the state
  */
 const useSwitchStyles_unstable = state => {
   const rootStyles = useRootStyles();
   const indicatorStyles = useIndicatorStyles();
@@ -259,13 +248,10 @@ const useSwitchStyles_unstable = state => {
   state.root.className = react_1.mergeClasses(exports.switchClassNames.root, rootStyles.base, labelPosition === 'above' && rootStyles.vertical, state.root.className);
   state.indicator.className = react_1.mergeClasses(exports.switchClassNames.indicator, indicatorStyles.base, label && labelPosition === 'above' && indicatorStyles.labelAbove, state.indicator.className);
   state.input.className = react_1.mergeClasses(exports.switchClassNames.input, inputStyles.base, inputStyles.highContrast, label && inputStyles[labelPosition], state.input.className);
   if (state.label) {
     state.label.className = react_1.mergeClasses(exports.switchClassNames.label, labelStyles.base, labelStyles[labelPosition], state.label.className);
   }
   return state;
 };
 exports.useSwitchStyles_unstable = useSwitchStyles_unstable;
 //# sourceMappingURL=useSwitchStyles.js.map

package/lib-commonjs/components/Switch/useSwitchStyles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../../../../../../packages/react-components/react-switch/src/components/Switch/useSwitchStyles.ts"],"names":[],"mappings":"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","sourcesContent":["import { createFocusOutlineStyle } from '@fluentui/react-tabster';\nimport { tokens } from '@fluentui/react-theme';\nimport { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport type { SwitchSlots, SwitchState } from './Switch.types';\n\nexport const switchClassNames: SlotClassNames<SwitchSlots> = {\n root: 'fui-Switch',\n indicator: 'fui-Switch__indicator',\n input: 'fui-Switch__input',\n label: 'fui-Switch__label',\n};\n\n/*\n @deprecated Use `switchClassNames.root` instead.\n /\nexport const switchClassName = switchClassNames.root;\n\n// Thumb and track sizes used by the component.\nconst spaceBetweenThumbAndTrack = 2;\nconst trackHeight = 20;\nconst trackWidth = 40;\nconst thumbSize = trackHeight - spaceBetweenThumbAndTrack;\n\nconst useRootStyles = makeStyles({\n base: {\n alignItems: 'flex-start',\n boxSizing: 'border-box',\n display: 'inline-flex',\n position: 'relative',\n\n ...createFocusOutlineStyle({ style: {}, selector: 'focus-within' }),\n },\n\n vertical: {\n flexDirection: 'column',\n },\n});\n\nconst useIndicatorStyles = makeStyles({\n base: {\n ...shorthands.borderRadius(tokens.borderRadiusCircular),\n ...shorthands.borderStyle('solid'),\n ...shorthands.borderWidth('1px'),\n lineHeight: 0,\n boxSizing: 'border-box',\n fill: 'currentColor',\n flexShrink: 0,\n fontSize: `${thumbSize}px`,\n height: `${trackHeight}px`,\n ...shorthands.margin(tokens.spacingVerticalS, tokens.spacingHorizontalS),\n pointerEvents: 'none',\n transitionDuration: tokens.durationNormal,\n transitionTimingFunction: tokens.curveEasyEase,\n transitionProperty: 'background, border, color',\n width: `${trackWidth}px`,\n\n '@media screen and (prefers-reduced-motion: reduce)': {\n transitionDuration: '0.01ms',\n },\n\n '> ': {\n transitionDuration: tokens.durationNormal,\n transitionTimingFunction: tokens.curveEasyEase,\n transitionProperty: 'transform',\n\n '@media screen and (prefers-reduced-motion: reduce)': {\n transitionDuration: '0.01ms',\n },\n },\n },\n\n labelAbove: {\n marginTop: 0,\n },\n});\n\nconst useInputStyles = makeStyles({\n base: {\n boxSizing: 'border-box',\n cursor: 'pointer',\n height: '100%',\n ...shorthands.margin(0),\n opacity: 0,\n position: 'absolute',\n\n // Calculate the width of the hidden input by taking into account the size of the indicator + the padding around it.\n // This is done so that clicking on that \"empty space\" still toggles the switch.\n width: `calc(${trackWidth}px + 2 * ${tokens.spacingHorizontalS})`,\n\n // Checked (both enabled and disabled)\n ':checked': {\n [`& ~ .${switchClassNames.indicator}`]: {\n '> ': {\n transform: `translateX(${trackWidth - thumbSize - spaceBetweenThumbAndTrack}px)`,\n },\n },\n },\n\n // Disabled (both checked and unchecked)\n ':disabled': {\n cursor: 'default',\n\n [`& ~ .${switchClassNames.indicator}`]: {\n color: tokens.colorNeutralForegroundDisabled,\n },\n\n [`& ~ .${switchClassNames.label}`]: {\n cursor: 'default',\n color: tokens.colorNeutralForegroundDisabled,\n },\n },\n\n // Enabled and unchecked\n ':enabled:not(:checked)': {\n [`& ~ .${switchClassNames.indicator}`]: {\n color: tokens.colorNeutralStrokeAccessible,\n ...shorthands.borderColor(tokens.colorNeutralStrokeAccessible),\n },\n\n [`& ~ .${switchClassNames.label}`]: {\n color: tokens.colorNeutralForeground1,\n },\n\n ':hover': {\n [`& ~ .${switchClassNames.indicator}`]: {\n color: tokens.colorNeutralStrokeAccessibleHover,\n ...shorthands.borderColor(tokens.colorNeutralStrokeAccessibleHover),\n },\n },\n\n ':hover:active': {\n [`& ~ .${switchClassNames.indicator}`]: {\n color: tokens.colorNeutralStrokeAccessiblePressed,\n ...shorthands.borderColor(tokens.colorNeutralStrokeAccessiblePressed),\n },\n },\n },\n\n // Enabled and checked\n ':enabled:checked': {\n [`& ~ .${switchClassNames.indicator}`]: {\n backgroundColor: tokens.colorCompoundBrandBackground,\n color: tokens.colorNeutralForegroundInverted,\n ...shorthands.borderColor(tokens.colorTransparentStroke),\n },\n\n ':hover': {\n [`& ~ .${switchClassNames.indicator}`]: {\n backgroundColor: tokens.colorCompoundBrandBackgroundHover,\n ...shorthands.borderColor(tokens.colorTransparentStrokeInteractive),\n },\n },\n\n ':hover:active': {\n [`& ~ .${switchClassNames.indicator}`]: {\n backgroundColor: tokens.colorCompoundBrandBackgroundPressed,\n ...shorthands.borderColor(tokens.colorTransparentStrokeInteractive),\n },\n },\n },\n\n // Disabled and unchecked\n ':disabled:not(:checked)': {\n [`& ~ .${switchClassNames.indicator}`]: {\n ...shorthands.borderColor(tokens.colorNeutralStrokeDisabled),\n },\n },\n\n // Disabled and checked\n ':disabled:checked': {\n [`& ~ .${switchClassNames.indicator}`]: {\n backgroundColor: tokens.colorNeutralBackgroundDisabled,\n ...shorthands.borderColor(tokens.colorTransparentStrokeDisabled),\n },\n },\n },\n\n highContrast: {\n '@media (forced-colors: active)': {\n ':disabled': {\n [`& ~ .${switchClassNames.indicator}`]: {\n color: 'GrayText',\n ...shorthands.borderColor('GrayText'),\n },\n\n [`& ~ .${switchClassNames.label}`]: {\n color: 'GrayText',\n },\n },\n },\n },\n\n before: {\n right: 0,\n top: 0,\n },\n after: {\n left: 0,\n top: 0,\n },\n above: {\n bottom: 0,\n height: `calc(${trackHeight}px + ${tokens.spacingVerticalS})`,\n width: '100%',\n },\n});\n\nconst useLabelStyles = makeStyles({\n base: {\n cursor: 'pointer',\n\n // Use a (negative) margin to account for the difference between the track's height and the label's line height.\n // This prevents the label from expanding the height of the switch, but preserves line height if the label wraps.\n marginBottom: `calc((${trackHeight}px - ${tokens.lineHeightBase300}) / 2)`,\n marginTop: `calc((${trackHeight}px - ${tokens.lineHeightBase300}) / 2)`,\n\n ...shorthands.padding(tokens.spacingVerticalS, tokens.spacingHorizontalS),\n },\n above: {\n paddingTop: tokens.spacingVerticalXS,\n paddingBottom: tokens.spacingVerticalXS,\n width: '100%',\n },\n after: {\n paddingLeft: tokens.spacingHorizontalXS,\n },\n before: {\n paddingRight: tokens.spacingHorizontalXS,\n },\n});\n\n/\n Apply styling to the Switch slots based on the state\n */\nexport const useSwitchStyles_unstable = (state: SwitchState): SwitchState => {\n const rootStyles = useRootStyles();\n const indicatorStyles = useIndicatorStyles();\n const inputStyles = useInputStyles();\n const labelStyles = useLabelStyles();\n\n const { label, labelPosition } = state;\n\n state.root.className = mergeClasses(\n switchClassNames.root,\n rootStyles.base,\n labelPosition === 'above' && rootStyles.vertical,\n state.root.className,\n );\n\n state.indicator.className = mergeClasses(\n switchClassNames.indicator,\n indicatorStyles.base,\n label && labelPosition === 'above' && indicatorStyles.labelAbove,\n state.indicator.className,\n );\n\n state.input.className = mergeClasses(\n switchClassNames.input,\n inputStyles.base,\n inputStyles.highContrast,\n label && inputStyles[labelPosition],\n state.input.className,\n );\n\n if (state.label) {\n state.label.className = mergeClasses(\n switchClassNames.label,\n labelStyles.base,\n labelStyles[labelPosition],\n state.label.className,\n );\n }\n\n return state;\n};\n"],"sourceRoot":""}
1	+ {"version":3,"mappings":"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","names":["exports","root","indicator","input","label","spaceBetweenThumbAndTrack","trackHeight","trackWidth","thumbSize","useRootStyles","react_1","useIndicatorStyles","useInputStyles","useLabelStyles","useSwitchStyles_unstable","state","rootStyles","indicatorStyles","inputStyles","labelStyles","labelPosition","className","base","vertical","labelAbove","highContrast"],"sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-switch/src/components/Switch/useSwitchStyles.ts"],"sourcesContent":["import { createFocusOutlineStyle } from '@fluentui/react-tabster';\nimport { tokens } from '@fluentui/react-theme';\nimport { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport type { SwitchSlots, SwitchState } from './Switch.types';\n\nexport const switchClassNames: SlotClassNames<SwitchSlots> = {\n root: 'fui-Switch',\n indicator: 'fui-Switch__indicator',\n input: 'fui-Switch__input',\n label: 'fui-Switch__label',\n};\n\n/*\n @deprecated Use `switchClassNames.root` instead.\n /\nexport const switchClassName = switchClassNames.root;\n\n// Thumb and track sizes used by the component.\nconst spaceBetweenThumbAndTrack = 2;\nconst trackHeight = 20;\nconst trackWidth = 40;\nconst thumbSize = trackHeight - spaceBetweenThumbAndTrack;\n\nconst useRootStyles = makeStyles({\n base: {\n alignItems: 'flex-start',\n boxSizing: 'border-box',\n display: 'inline-flex',\n position: 'relative',\n\n ...createFocusOutlineStyle({ style: {}, selector: 'focus-within' }),\n },\n\n vertical: {\n flexDirection: 'column',\n },\n});\n\nconst useIndicatorStyles = makeStyles({\n base: {\n ...shorthands.borderRadius(tokens.borderRadiusCircular),\n ...shorthands.borderStyle('solid'),\n ...shorthands.borderWidth('1px'),\n lineHeight: 0,\n boxSizing: 'border-box',\n fill: 'currentColor',\n flexShrink: 0,\n fontSize: `${thumbSize}px`,\n height: `${trackHeight}px`,\n ...shorthands.margin(tokens.spacingVerticalS, tokens.spacingHorizontalS),\n pointerEvents: 'none',\n transitionDuration: tokens.durationNormal,\n transitionTimingFunction: tokens.curveEasyEase,\n transitionProperty: 'background, border, color',\n width: `${trackWidth}px`,\n\n '@media screen and (prefers-reduced-motion: reduce)': {\n transitionDuration: '0.01ms',\n },\n\n '> ': {\n transitionDuration: tokens.durationNormal,\n transitionTimingFunction: tokens.curveEasyEase,\n transitionProperty: 'transform',\n\n '@media screen and (prefers-reduced-motion: reduce)': {\n transitionDuration: '0.01ms',\n },\n },\n },\n\n labelAbove: {\n marginTop: 0,\n },\n});\n\nconst useInputStyles = makeStyles({\n base: {\n boxSizing: 'border-box',\n cursor: 'pointer',\n height: '100%',\n ...shorthands.margin(0),\n opacity: 0,\n position: 'absolute',\n\n // Calculate the width of the hidden input by taking into account the size of the indicator + the padding around it.\n // This is done so that clicking on that \"empty space\" still toggles the switch.\n width: `calc(${trackWidth}px + 2 * ${tokens.spacingHorizontalS})`,\n\n // Checked (both enabled and disabled)\n ':checked': {\n [`& ~ .${switchClassNames.indicator}`]: {\n '> ': {\n transform: `translateX(${trackWidth - thumbSize - spaceBetweenThumbAndTrack}px)`,\n },\n },\n },\n\n // Disabled (both checked and unchecked)\n ':disabled': {\n cursor: 'default',\n\n [`& ~ .${switchClassNames.indicator}`]: {\n color: tokens.colorNeutralForegroundDisabled,\n },\n\n [`& ~ .${switchClassNames.label}`]: {\n cursor: 'default',\n color: tokens.colorNeutralForegroundDisabled,\n },\n },\n\n // Enabled and unchecked\n ':enabled:not(:checked)': {\n [`& ~ .${switchClassNames.indicator}`]: {\n color: tokens.colorNeutralStrokeAccessible,\n ...shorthands.borderColor(tokens.colorNeutralStrokeAccessible),\n },\n\n [`& ~ .${switchClassNames.label}`]: {\n color: tokens.colorNeutralForeground1,\n },\n\n ':hover': {\n [`& ~ .${switchClassNames.indicator}`]: {\n color: tokens.colorNeutralStrokeAccessibleHover,\n ...shorthands.borderColor(tokens.colorNeutralStrokeAccessibleHover),\n },\n },\n\n ':hover:active': {\n [`& ~ .${switchClassNames.indicator}`]: {\n color: tokens.colorNeutralStrokeAccessiblePressed,\n ...shorthands.borderColor(tokens.colorNeutralStrokeAccessiblePressed),\n },\n },\n },\n\n // Enabled and checked\n ':enabled:checked': {\n [`& ~ .${switchClassNames.indicator}`]: {\n backgroundColor: tokens.colorCompoundBrandBackground,\n color: tokens.colorNeutralForegroundInverted,\n ...shorthands.borderColor(tokens.colorTransparentStroke),\n },\n\n ':hover': {\n [`& ~ .${switchClassNames.indicator}`]: {\n backgroundColor: tokens.colorCompoundBrandBackgroundHover,\n ...shorthands.borderColor(tokens.colorTransparentStrokeInteractive),\n },\n },\n\n ':hover:active': {\n [`& ~ .${switchClassNames.indicator}`]: {\n backgroundColor: tokens.colorCompoundBrandBackgroundPressed,\n ...shorthands.borderColor(tokens.colorTransparentStrokeInteractive),\n },\n },\n },\n\n // Disabled and unchecked\n ':disabled:not(:checked)': {\n [`& ~ .${switchClassNames.indicator}`]: {\n ...shorthands.borderColor(tokens.colorNeutralStrokeDisabled),\n },\n },\n\n // Disabled and checked\n ':disabled:checked': {\n [`& ~ .${switchClassNames.indicator}`]: {\n backgroundColor: tokens.colorNeutralBackgroundDisabled,\n ...shorthands.borderColor(tokens.colorTransparentStrokeDisabled),\n },\n },\n },\n\n highContrast: {\n '@media (forced-colors: active)': {\n ':disabled': {\n [`& ~ .${switchClassNames.indicator}`]: {\n color: 'GrayText',\n ...shorthands.borderColor('GrayText'),\n },\n\n [`& ~ .${switchClassNames.label}`]: {\n color: 'GrayText',\n },\n },\n },\n },\n\n before: {\n right: 0,\n top: 0,\n },\n after: {\n left: 0,\n top: 0,\n },\n above: {\n bottom: 0,\n height: `calc(${trackHeight}px + ${tokens.spacingVerticalS})`,\n width: '100%',\n },\n});\n\nconst useLabelStyles = makeStyles({\n base: {\n cursor: 'pointer',\n\n // Use a (negative) margin to account for the difference between the track's height and the label's line height.\n // This prevents the label from expanding the height of the switch, but preserves line height if the label wraps.\n marginBottom: `calc((${trackHeight}px - ${tokens.lineHeightBase300}) / 2)`,\n marginTop: `calc((${trackHeight}px - ${tokens.lineHeightBase300}) / 2)`,\n\n ...shorthands.padding(tokens.spacingVerticalS, tokens.spacingHorizontalS),\n },\n above: {\n paddingTop: tokens.spacingVerticalXS,\n paddingBottom: tokens.spacingVerticalXS,\n width: '100%',\n },\n after: {\n paddingLeft: tokens.spacingHorizontalXS,\n },\n before: {\n paddingRight: tokens.spacingHorizontalXS,\n },\n});\n\n/\n Apply styling to the Switch slots based on the state\n */\nexport const useSwitchStyles_unstable = (state: SwitchState): SwitchState => {\n const rootStyles = useRootStyles();\n const indicatorStyles = useIndicatorStyles();\n const inputStyles = useInputStyles();\n const labelStyles = useLabelStyles();\n\n const { label, labelPosition } = state;\n\n state.root.className = mergeClasses(\n switchClassNames.root,\n rootStyles.base,\n labelPosition === 'above' && rootStyles.vertical,\n state.root.className,\n );\n\n state.indicator.className = mergeClasses(\n switchClassNames.indicator,\n indicatorStyles.base,\n label && labelPosition === 'above' && indicatorStyles.labelAbove,\n state.indicator.className,\n );\n\n state.input.className = mergeClasses(\n switchClassNames.input,\n inputStyles.base,\n inputStyles.highContrast,\n label && inputStyles[labelPosition],\n state.input.className,\n );\n\n if (state.label) {\n state.label.className = mergeClasses(\n switchClassNames.label,\n labelStyles.base,\n labelStyles[labelPosition],\n state.label.className,\n );\n }\n\n return state;\n};\n"]}

package/lib-commonjs/components/SwitchField/SwitchField.js CHANGED Viewed

@@ -4,13 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SwitchField = exports.switchFieldClassNames = void 0;
 const React = /*#__PURE__*/require("react");
 const react_field_1 = /*#__PURE__*/require("@fluentui/react-field");
 const Switch_1 = /*#__PURE__*/require("../../Switch");
 exports.switchFieldClassNames = /*#__PURE__*/react_field_1.getFieldClassNames('SwitchField');
 exports.SwitchField = /*#__PURE__*/React.forwardRef((props, ref) => {
   const state = react_field_1.useField_unstable(props, ref, {

package/lib-commonjs/components/SwitchField/SwitchField.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~sources":["../../../../../../../../../packages/react-components/react-switch/src/components/SwitchField/SwitchField.tsx"],"names":[],"~~mappings":"~~;;;;;;;~~AAAA~~,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;~~AAEA~~,MAAA,aAAA,gBAAA,OAAA,CAAA,uBAAA,CAAA;;~~AAOA,~~MAAA~~,~~QAAA~~,~~gBAAA~~,~~OAAA~~,~~CAAA~~,~~cAAA,CAAA;;AAMa,OAAA,CAAA,qBAAA,gBAAwB,aAAA,CAAA,kBAAA,CAAmB,aAAnB,CAAxB~~;~~AAEA~~,~~OAAA~~,~~CAAA~~,~~WAAA~~,~~gBAAqD~~,~~KAAK~~,CAAC,~~UAAN~~,~~CAAiB~~,~~CAAC~~,~~KAAD~~,~~EAAQ,GAAR,KAAe~~;EAChG,~~MAAM~~,KAAK,~~GAAG~~,~~aAAA~~,~~CAAA~~,~~iBAAA~~,~~CAAkB~~,~~KAAlB~~,~~EAAyB~~,~~GAAzB~~,~~EAA8B~~;~~IAAE~~,~~SAAS~~,~~EAAE~~,~~QAAA~~,~~CAAA,MAAb~~;~~IAAqB~~,~~UAAU~~,~~EAAE~~,~~OAAA~~,~~CAAA~~;~~EAAjC~~,~~CAA9B~~,~~CAAd;EACA~~,~~aAAA~~,~~CAAA~~,~~uBAAA~~,~~CAAwB~~,~~KAAxB~~;~~EACA~~,~~OAAO~~,~~aAAA~~,~~CAAA~~,~~oBAAA~~,~~CAAqB~~,~~KAArB~~,~~CAAP;AACD~~,~~CAJiE~~,~~CAArD;AAMb~~,~~OAAA~~,~~CAAA~~,~~WAAA~~,~~CAAY~~,~~WAAZ~~,~~GAA0B~~,~~aAA1B~~","sourcesContent":["import * as React from 'react';\nimport type { FieldProps } from '@fluentui/react-field';\nimport {\n getFieldClassNames,\n renderField_unstable,\n useFieldStyles_unstable,\n useField_unstable,\n} from '@fluentui/react-field';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { Switch } from '../../Switch';\n\n// The Field's `label` prop overrides the Switch's built-in `label`.\n// Therefore, the Switch's `labelPosition` has no effect and is omitted to avoid confusion.\nexport type SwitchFieldProps = Omit<FieldProps<typeof Switch>, 'labelPosition'>;\n\nexport const switchFieldClassNames = getFieldClassNames('SwitchField');\n\nexport const SwitchField: ForwardRefComponent<SwitchFieldProps> = React.forwardRef((props, ref) => {\n const state = useField_unstable(props, ref, { component: Switch, classNames: switchFieldClassNames });\n useFieldStyles_unstable(state);\n return renderField_unstable(state);\n});\n\nSwitchField.displayName = 'SwitchField';\n"]~~,"sourceRoot":""~~}
1	+ {"version":3,"mappings":";;;;;;AAAA;AAEA;AAOA;AAMaA,6BAAqB,gBAAGC,gCAAkB,CAAC,aAAa,CAAC;AAEzDD,mBAAW,gBAA0CE,KAAK,CAACC,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAI;EAChG,MAAMC,KAAK,GAAGL,+BAAiB,CAACG,KAAK,EAAEC,GAAG,EAAE;IAAEE,SAAS,EAAEC,eAAM;IAAEC,UAAU,EAAET;EAAqB,CAAE,CAAC;EACrGC,qCAAuB,CAACK,KAAK,CAAC;EAC9B,OAAOL,kCAAoB,CAACK,KAAK,CAAC;AACpC,CAAC,CAAC;AAEFN,mBAAW,CAACU,WAAW,GAAG,aAAa","names":["exports","react_field_1","React","forwardRef","props","ref","state","component","Switch_1","classNames","displayName"],"sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-switch/src/components/SwitchField/SwitchField.tsx"],"sourcesContent":["import * as React from 'react';\nimport type { FieldProps } from '@fluentui/react-field';\nimport {\n getFieldClassNames,\n renderField_unstable,\n useFieldStyles_unstable,\n useField_unstable,\n} from '@fluentui/react-field';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { Switch } from '../../Switch';\n\n// The Field's `label` prop overrides the Switch's built-in `label`.\n// Therefore, the Switch's `labelPosition` has no effect and is omitted to avoid confusion.\nexport type SwitchFieldProps = Omit<FieldProps<typeof Switch>, 'labelPosition'>;\n\nexport const switchFieldClassNames = getFieldClassNames('SwitchField');\n\nexport const SwitchField: ForwardRefComponent<SwitchFieldProps> = React.forwardRef((props, ref) => {\n const state = useField_unstable(props, ref, { component: Switch, classNames: switchFieldClassNames });\n useFieldStyles_unstable(state);\n return renderField_unstable(state);\n});\n\nSwitchField.displayName = 'SwitchField';\n"]}

package/lib-commonjs/components/SwitchField/index.js CHANGED Viewed

@@ -3,8 +3,6 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 const tslib_1 = /*#__PURE__*/require("tslib");
 tslib_1.__exportStar(require("./SwitchField"), exports);
 //# sourceMappingURL=index.js.map

package/lib-commonjs/components/SwitchField/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../../../../../../packages/react-components/react-switch/src/components/SwitchField/index.ts"],"~~names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,eAAA,CAAA,EAAA,OAAA","~~sourcesContent":["export * from './SwitchField';\n"]~~,"sourceRoot":""~~}
1	+ {"version":3,"mappings":";;;;;;AAAAA","names":["tslib_1"],"sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-switch/src/components/SwitchField/index.ts"],"sourcesContent":["export * from './SwitchField';\n"]}

package/lib-commonjs/index.js CHANGED Viewed

@@ -4,9 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.switchFieldClassNames = exports.SwitchField_unstable = exports.useSwitch_unstable = exports.useSwitchStyles_unstable = exports.switchClassNames = exports.switchClassName = exports.renderSwitch_unstable = exports.Switch = void 0;
 var Switch_1 = /*#__PURE__*/require("./Switch");
 Object.defineProperty(exports, "Switch", {
   enumerable: true,
   get: function () {
@@ -18,8 +16,8 @@ Object.defineProperty(exports, "renderSwitch_unstable", {
   get: function () {
     return Switch_1.renderSwitch_unstable;
   }
-}); // eslint-disable-next-line deprecation/deprecation
+});
+// eslint-disable-next-line deprecation/deprecation
 Object.defineProperty(exports, "switchClassName", {
   enumerable: true,
   get: function () {
@@ -44,9 +42,7 @@ Object.defineProperty(exports, "useSwitch_unstable", {
     return Switch_1.useSwitch_unstable;
   }
 });
 var SwitchField_1 = /*#__PURE__*/require("./SwitchField");
 Object.defineProperty(exports, "SwitchField_unstable", {
   enumerable: true,
   get: function () {

package/lib-commonjs/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~sources":["../../../../../../../packages/react-components/react-switch/src/index.ts"],"names":[],"~~mappings":"~~;;;;;;;~~AAAA,IAAA,~~QAAA,gBAAA,OAAA,CAAA,UAAA,CAAA;;AACE,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,QAAA,EAAA~~;EAAA~~,UAAA,EAAA,IAAA~~;~~EAAA,GAAA,EAAA,YAAA~~;~~IAAA,OAAA,QAAA,CAAA,MAAA~~;~~EAAM~~;~~AAAN,CAAA~~;~~AACA~~,~~MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,uBAAA,EAAA~~;EAAA~~,UAAA,EAAA,IAAA~~;~~EAAA,GAAA,EAAA,YAAA~~;~~IAAA,OAAA,QAAA,CAAA,qBAAA~~;~~EAAqB~~;~~AAArB,CAAA,E,CACA;;AACA,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,iBAAA,EAAA~~;~~EAAA,UAAA,EAAA,~~IAAA;EAAA~~,GAAA,EAAA,YAAA~~;~~IAAA,OAAA,QAAA,CAAA,eAAA~~;~~EAAe~~;~~AAAf,CAAA~~;~~AACA,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,kBAAA,EAAA~~;~~EAAA~~,~~UAAA,EAAA,IAAA~~;EAAA~~,GAAA,EAAA,YAAA~~;~~IAAA,OAAA,QAAA,CAAA,gBAAA~~;~~EAAgB~~;~~AAAhB,CAAA~~;~~AACA,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,0BAAA,EAAA~~;~~EAAA~~,~~UAAA,EAAA,IAAA~~;EAAA~~,GAAA,EAAA,YAAA~~;~~IAAA,OAAA,QAAA,CAAA,wBAAA~~;~~EAAwB~~;~~AAAxB,CAAA~~;~~AACA,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,oBAAA,EAAA~~;~~EAAA~~,~~UAAA,EAAA,IAAA~~;EAAA~~,GAAA,EAAA,YAAA~~;~~IAAA,OAAA,QAAA,CAAA,kBAAA~~;~~EAAkB~~;~~AAAlB,CAAA;;AAIF,~~IAAA,~~aAAA,gBAAA,OAAA,CAAA,eAAA,CAAA;;AAAS,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,sBAAA,EAAA~~;EAAA~~,UAAA,EAAA,IAAA~~;~~EAAA,GAAA,EAAA,YAAA~~;~~IAAA,OAAA,aAAA,CAAA,WAAA~~;~~EAAW~~;~~AAAX,CAAA~~;~~AAAqC~~,~~MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,uBAAA,EAAA~~;EAAA~~,UAAA,EAAA,IAAA~~;~~EAAA~~,~~GAAA~~,~~EAAA~~,~~YAAA;IAAA~~,~~OAAA~~,~~aAAA,CAAA,qBAAA;EAAqB;AAArB,CAAA~~","sourcesContent":["export {\n Switch,\n renderSwitch_unstable,\n // eslint-disable-next-line deprecation/deprecation\n switchClassName,\n switchClassNames,\n useSwitchStyles_unstable,\n useSwitch_unstable,\n} from './Switch';\nexport type { SwitchOnChangeData, SwitchProps, SwitchSlots, SwitchState } from './Switch';\n\nexport { SwitchField as SwitchField_unstable, switchFieldClassNames } from './SwitchField';\nexport type { SwitchFieldProps as SwitchFieldProps_unstable } from './SwitchField';\n"]~~,"sourceRoot":""~~}
1	+ {"version":3,"mappings":";;;;;;AAAA;AACEA;EAAAC;EAAAC;IAAA,sBAAM;EAAA;AAAA;AACNF;EAAAC;EAAAC;IAAA,qCAAqB;EAAA;AAAA;AACrB;AACAF;EAAAC;EAAAC;IAAA,+BAAe;EAAA;AAAA;AACfF;EAAAC;EAAAC;IAAA,gCAAgB;EAAA;AAAA;AAChBF;EAAAC;EAAAC;IAAA,wCAAwB;EAAA;AAAA;AACxBF;EAAAC;EAAAC;IAAA,kCAAkB;EAAA;AAAA;AAIpB;AAASF;EAAAC;EAAAC;IAAA,gCAAW;EAAA;AAAA;AAA0BF;EAAAC;EAAAC;IAAA,0CAAqB;EAAA;AAAA","names":["Object","enumerable","get"],"sourceRoot":"","sources":["../../../../../../../packages/react-components/react-switch/src/index.ts"],"sourcesContent":["export {\n Switch,\n renderSwitch_unstable,\n // eslint-disable-next-line deprecation/deprecation\n switchClassName,\n switchClassNames,\n useSwitchStyles_unstable,\n useSwitch_unstable,\n} from './Switch';\nexport type { SwitchOnChangeData, SwitchProps, SwitchSlots, SwitchState } from './Switch';\n\nexport { SwitchField as SwitchField_unstable, switchFieldClassNames } from './SwitchField';\nexport type { SwitchFieldProps as SwitchFieldProps_unstable } from './SwitchField';\n"]}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-switch",
-  "version": "0.0.0-nightly-20221228-0425.1",
+  "version": "0.0.0-nightly-20221230-0421.1",
   "description": "Fluent UI React Switch component.",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -27,16 +27,16 @@
   "devDependencies": {
     "@fluentui/eslint-plugin": "*",
     "@fluentui/react-conformance": "*",
-    "@fluentui/react-conformance-griffel": "0.0.0-nightly-20221228-0425.1",
-    "@fluentui/scripts": "^1.0.0"
+    "@fluentui/react-conformance-griffel": "0.0.0-nightly-20221230-0421.1",
+    "@fluentui/scripts": "*"
   },
   "dependencies": {
-    "@fluentui/react-field": "0.0.0-nightly-20221228-0425.1",
+    "@fluentui/react-field": "0.0.0-nightly-20221230-0421.1",
     "@fluentui/react-icons": "^2.0.175",
-    "@fluentui/react-label": "0.0.0-nightly-20221228-0425.1",
-    "@fluentui/react-tabster": "0.0.0-nightly-20221228-0425.1",
-    "@fluentui/react-theme": "0.0.0-nightly-20221228-0425.1",
-    "@fluentui/react-utilities": "0.0.0-nightly-20221228-0425.1",
+    "@fluentui/react-label": "0.0.0-nightly-20221230-0421.1",
+    "@fluentui/react-tabster": "0.0.0-nightly-20221230-0421.1",
+    "@fluentui/react-theme": "0.0.0-nightly-20221230-0421.1",
+    "@fluentui/react-utilities": "0.0.0-nightly-20221230-0421.1",
     "@griffel/react": "^1.4.2",
     "tslib": "^2.1.0"
   },