@react-spectrum/switch 3.0.0-nightly-641446f65-240905

package/README.md

@@ -0,0 +1,3 @@
+# @react-spectrum/switch
+
+This package is part of [react-spectrum](https://github.com/adobe/react-spectrum). See the repo for more details.

package/dist/Switch.main.js

@@ -0,0 +1,78 @@
+require("./vars.f7257b6a.css");
+var $faeb9d1b92049ba7$exports = require("./toggle_vars_css.main.js");
+var $3aWe4$reactspectrumutils = require("@react-spectrum/utils");
+var $3aWe4$reactariafocus = require("@react-aria/focus");
+var $3aWe4$react = require("react");
+var $3aWe4$reactariainteractions = require("@react-aria/interactions");
+var $3aWe4$reactspectrumprovider = require("@react-spectrum/provider");
+var $3aWe4$reactariaswitch = require("@react-aria/switch");
+var $3aWe4$reactstatelytoggle = require("@react-stately/toggle");
+
+
+function $parcel$interopDefault(a) {
+  return a && a.__esModule ? a.default : a;
+}
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+
+$parcel$export(module.exports, "Switch", () => $e216104aee091306$export$b5d5cf8927ab7262);
+/*
+ * Copyright 2020 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
+
+
+
+
+
+
+
+function $e216104aee091306$var$Switch(props, ref) {
+    props = (0, $3aWe4$reactspectrumprovider.useProviderProps)(props);
+    let { isEmphasized: isEmphasized = false, isDisabled: isDisabled = false, autoFocus: autoFocus, children: children, ...otherProps } = props;
+    let { styleProps: styleProps } = (0, $3aWe4$reactspectrumutils.useStyleProps)(otherProps);
+    let { hoverProps: hoverProps, isHovered: isHovered } = (0, $3aWe4$reactariainteractions.useHover)({
+        isDisabled: isDisabled
+    });
+    let inputRef = (0, $3aWe4$react.useRef)(null);
+    let domRef = (0, $3aWe4$reactspectrumutils.useFocusableRef)(ref, inputRef);
+    let state = (0, $3aWe4$reactstatelytoggle.useToggleState)(props);
+    let { inputProps: inputProps } = (0, $3aWe4$reactariaswitch.useSwitch)(props, state, inputRef);
+    return /*#__PURE__*/ (0, ($parcel$interopDefault($3aWe4$react))).createElement("label", {
+        ...styleProps,
+        ...hoverProps,
+        ref: domRef,
+        className: (0, $3aWe4$reactspectrumutils.classNames)((0, ($parcel$interopDefault($faeb9d1b92049ba7$exports))), 'spectrum-ToggleSwitch', {
+            'spectrum-ToggleSwitch--quiet': !isEmphasized,
+            'is-disabled': isDisabled,
+            'is-hovered': isHovered
+        }, styleProps.className)
+    }, /*#__PURE__*/ (0, ($parcel$interopDefault($3aWe4$react))).createElement((0, $3aWe4$reactariafocus.FocusRing), {
+        focusRingClass: (0, $3aWe4$reactspectrumutils.classNames)((0, ($parcel$interopDefault($faeb9d1b92049ba7$exports))), 'focus-ring'),
+        autoFocus: autoFocus
+    }, /*#__PURE__*/ (0, ($parcel$interopDefault($3aWe4$react))).createElement("input", {
+        ...inputProps,
+        ref: inputRef,
+        className: (0, $3aWe4$reactspectrumutils.classNames)((0, ($parcel$interopDefault($faeb9d1b92049ba7$exports))), 'spectrum-ToggleSwitch-input')
+    })), /*#__PURE__*/ (0, ($parcel$interopDefault($3aWe4$react))).createElement("span", {
+        className: (0, $3aWe4$reactspectrumutils.classNames)((0, ($parcel$interopDefault($faeb9d1b92049ba7$exports))), 'spectrum-ToggleSwitch-switch')
+    }), children && /*#__PURE__*/ (0, ($parcel$interopDefault($3aWe4$react))).createElement("span", {
+        className: (0, $3aWe4$reactspectrumutils.classNames)((0, ($parcel$interopDefault($faeb9d1b92049ba7$exports))), 'spectrum-ToggleSwitch-label')
+    }, children));
+}
+/**
+ * Switches allow users to turn an individual option on or off.
+ * They are usually used to activate or deactivate a specific setting.
+ */ const $e216104aee091306$export$b5d5cf8927ab7262 = /*#__PURE__*/ (0, $3aWe4$react.forwardRef)($e216104aee091306$var$Switch);
+
+
+//# sourceMappingURL=Switch.main.js.map

package/dist/Switch.main.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;AAaD,SAAS,6BAAO,KAA0B,EAAE,GAAmC;IAC7E,QAAQ,CAAA,GAAA,6CAAe,EAAE;IACzB,IAAI,gBACF,eAAe,mBACf,aAAa,kBACb,SAAS,YACT,QAAQ,EACR,GAAG,YACJ,GAAG;IACJ,IAAI,cAAC,UAAU,EAAC,GAAG,CAAA,GAAA,uCAAY,EAAE;IACjC,IAAI,cAAC,UAAU,aAAE,SAAS,EAAC,GAAG,CAAA,GAAA,qCAAO,EAAE;oBAAC;IAAU;IAElD,IAAI,WAAW,CAAA,GAAA,mBAAK,EAAoB;IACxC,IAAI,SAAS,CAAA,GAAA,yCAAc,EAAE,KAAK;IAClC,IAAI,QAAQ,CAAA,GAAA,wCAAa,EAAE;IAC3B,IAAI,cAAC,UAAU,EAAC,GAAG,CAAA,GAAA,gCAAQ,EAAE,OAAO,OAAO;IAG3C,qBACE,0DAAC;QACE,GAAG,UAAU;QACb,GAAG,UAAU;QACd,KAAK;QACL,WACE,CAAA,GAAA,oCAAS,EACP,CAAA,GAAA,mDAAK,GACL,yBACA;YACE,gCAAgC,CAAC;YACjC,eAAe;YACf,cAAc;QAChB,GACA,WAAW,SAAS;qBAGxB,0DAAC,CAAA,GAAA,+BAAQ;QAAE,gBAAgB,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG;QAAe,WAAW;qBACtE,0DAAC;QACE,GAAG,UAAU;QACd,KAAK;QACL,WAAW,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG;uBAElC,0DAAC;QAAK,WAAW,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG;QACnC,0BACC,0DAAC;QAAK,WAAW,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG;OACjC;AAKX;AAEA;;;CAGC,GACD,MAAM,0DAAU,CAAA,GAAA,uBAAS,EAAE","sources":["packages/@react-spectrum/switch/src/Switch.tsx"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {classNames, useFocusableRef, useStyleProps} from '@react-spectrum/utils';\nimport {FocusableRef} from '@react-types/shared';\nimport {FocusRing} from '@react-aria/focus';\nimport React, {forwardRef, useRef} from 'react';\nimport {SpectrumSwitchProps} from '@react-types/switch';\nimport styles from '@adobe/spectrum-css-temp/components/toggle/vars.css';\nimport {useHover} from '@react-aria/interactions';\nimport {useProviderProps} from '@react-spectrum/provider';\nimport {useSwitch} from '@react-aria/switch';\nimport {useToggleState} from '@react-stately/toggle';\n\nfunction Switch(props: SpectrumSwitchProps, ref: FocusableRef<HTMLLabelElement>) {\n  props = useProviderProps(props);\n  let {\n    isEmphasized = false,\n    isDisabled = false,\n    autoFocus,\n    children,\n    ...otherProps\n  } = props;\n  let {styleProps} = useStyleProps(otherProps);\n  let {hoverProps, isHovered} = useHover({isDisabled});\n\n  let inputRef = useRef<HTMLInputElement>(null);\n  let domRef = useFocusableRef(ref, inputRef);\n  let state = useToggleState(props);\n  let {inputProps} = useSwitch(props, state, inputRef);\n\n\n  return (\n    <label\n      {...styleProps}\n      {...hoverProps}\n      ref={domRef}\n      className={\n        classNames(\n          styles,\n          'spectrum-ToggleSwitch',\n          {\n            'spectrum-ToggleSwitch--quiet': !isEmphasized,\n            'is-disabled': isDisabled,\n            'is-hovered': isHovered\n          },\n          styleProps.className\n        )\n      }>\n      <FocusRing focusRingClass={classNames(styles, 'focus-ring')} autoFocus={autoFocus}>\n        <input\n          {...inputProps}\n          ref={inputRef}\n          className={classNames(styles, 'spectrum-ToggleSwitch-input')} />\n      </FocusRing>\n      <span className={classNames(styles, 'spectrum-ToggleSwitch-switch')} />\n      {children && (\n        <span className={classNames(styles, 'spectrum-ToggleSwitch-label')}>\n          {children}\n        </span>\n      )}\n    </label>\n  );\n}\n\n/**\n * Switches allow users to turn an individual option on or off.\n * They are usually used to activate or deactivate a specific setting.\n */\nconst _Switch = forwardRef(Switch);\nexport {_Switch as Switch};\n"],"names":[],"version":3,"file":"Switch.main.js.map"}

package/dist/Switch.mjs

@@ -0,0 +1,73 @@
+import "./vars.f7257b6a.css";
+import $cEq2J$toggle_vars_cssmodulejs from "./toggle_vars_css.mjs";
+import {useStyleProps as $cEq2J$useStyleProps, useFocusableRef as $cEq2J$useFocusableRef, classNames as $cEq2J$classNames} from "@react-spectrum/utils";
+import {FocusRing as $cEq2J$FocusRing} from "@react-aria/focus";
+import $cEq2J$react, {useRef as $cEq2J$useRef, forwardRef as $cEq2J$forwardRef} from "react";
+import {useHover as $cEq2J$useHover} from "@react-aria/interactions";
+import {useProviderProps as $cEq2J$useProviderProps} from "@react-spectrum/provider";
+import {useSwitch as $cEq2J$useSwitch} from "@react-aria/switch";
+import {useToggleState as $cEq2J$useToggleState} from "@react-stately/toggle";
+
+
+function $parcel$interopDefault(a) {
+  return a && a.__esModule ? a.default : a;
+}
+/*
+ * Copyright 2020 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
+
+
+
+
+
+
+
+function $8341c396cee1c5fc$var$Switch(props, ref) {
+    props = (0, $cEq2J$useProviderProps)(props);
+    let { isEmphasized: isEmphasized = false, isDisabled: isDisabled = false, autoFocus: autoFocus, children: children, ...otherProps } = props;
+    let { styleProps: styleProps } = (0, $cEq2J$useStyleProps)(otherProps);
+    let { hoverProps: hoverProps, isHovered: isHovered } = (0, $cEq2J$useHover)({
+        isDisabled: isDisabled
+    });
+    let inputRef = (0, $cEq2J$useRef)(null);
+    let domRef = (0, $cEq2J$useFocusableRef)(ref, inputRef);
+    let state = (0, $cEq2J$useToggleState)(props);
+    let { inputProps: inputProps } = (0, $cEq2J$useSwitch)(props, state, inputRef);
+    return /*#__PURE__*/ (0, $cEq2J$react).createElement("label", {
+        ...styleProps,
+        ...hoverProps,
+        ref: domRef,
+        className: (0, $cEq2J$classNames)((0, ($parcel$interopDefault($cEq2J$toggle_vars_cssmodulejs))), 'spectrum-ToggleSwitch', {
+            'spectrum-ToggleSwitch--quiet': !isEmphasized,
+            'is-disabled': isDisabled,
+            'is-hovered': isHovered
+        }, styleProps.className)
+    }, /*#__PURE__*/ (0, $cEq2J$react).createElement((0, $cEq2J$FocusRing), {
+        focusRingClass: (0, $cEq2J$classNames)((0, ($parcel$interopDefault($cEq2J$toggle_vars_cssmodulejs))), 'focus-ring'),
+        autoFocus: autoFocus
+    }, /*#__PURE__*/ (0, $cEq2J$react).createElement("input", {
+        ...inputProps,
+        ref: inputRef,
+        className: (0, $cEq2J$classNames)((0, ($parcel$interopDefault($cEq2J$toggle_vars_cssmodulejs))), 'spectrum-ToggleSwitch-input')
+    })), /*#__PURE__*/ (0, $cEq2J$react).createElement("span", {
+        className: (0, $cEq2J$classNames)((0, ($parcel$interopDefault($cEq2J$toggle_vars_cssmodulejs))), 'spectrum-ToggleSwitch-switch')
+    }), children && /*#__PURE__*/ (0, $cEq2J$react).createElement("span", {
+        className: (0, $cEq2J$classNames)((0, ($parcel$interopDefault($cEq2J$toggle_vars_cssmodulejs))), 'spectrum-ToggleSwitch-label')
+    }, children));
+}
+/**
+ * Switches allow users to turn an individual option on or off.
+ * They are usually used to activate or deactivate a specific setting.
+ */ const $8341c396cee1c5fc$export$b5d5cf8927ab7262 = /*#__PURE__*/ (0, $cEq2J$forwardRef)($8341c396cee1c5fc$var$Switch);
+
+
+export {$8341c396cee1c5fc$export$b5d5cf8927ab7262 as Switch};
+//# sourceMappingURL=Switch.module.js.map

package/dist/Switch.module.js

@@ -0,0 +1,73 @@
+import "./vars.f7257b6a.css";
+import $cEq2J$toggle_vars_cssmodulejs from "./toggle_vars_css.module.js";
+import {useStyleProps as $cEq2J$useStyleProps, useFocusableRef as $cEq2J$useFocusableRef, classNames as $cEq2J$classNames} from "@react-spectrum/utils";
+import {FocusRing as $cEq2J$FocusRing} from "@react-aria/focus";
+import $cEq2J$react, {useRef as $cEq2J$useRef, forwardRef as $cEq2J$forwardRef} from "react";
+import {useHover as $cEq2J$useHover} from "@react-aria/interactions";
+import {useProviderProps as $cEq2J$useProviderProps} from "@react-spectrum/provider";
+import {useSwitch as $cEq2J$useSwitch} from "@react-aria/switch";
+import {useToggleState as $cEq2J$useToggleState} from "@react-stately/toggle";
+
+
+function $parcel$interopDefault(a) {
+  return a && a.__esModule ? a.default : a;
+}
+/*
+ * Copyright 2020 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
+
+
+
+
+
+
+
+function $8341c396cee1c5fc$var$Switch(props, ref) {
+    props = (0, $cEq2J$useProviderProps)(props);
+    let { isEmphasized: isEmphasized = false, isDisabled: isDisabled = false, autoFocus: autoFocus, children: children, ...otherProps } = props;
+    let { styleProps: styleProps } = (0, $cEq2J$useStyleProps)(otherProps);
+    let { hoverProps: hoverProps, isHovered: isHovered } = (0, $cEq2J$useHover)({
+        isDisabled: isDisabled
+    });
+    let inputRef = (0, $cEq2J$useRef)(null);
+    let domRef = (0, $cEq2J$useFocusableRef)(ref, inputRef);
+    let state = (0, $cEq2J$useToggleState)(props);
+    let { inputProps: inputProps } = (0, $cEq2J$useSwitch)(props, state, inputRef);
+    return /*#__PURE__*/ (0, $cEq2J$react).createElement("label", {
+        ...styleProps,
+        ...hoverProps,
+        ref: domRef,
+        className: (0, $cEq2J$classNames)((0, ($parcel$interopDefault($cEq2J$toggle_vars_cssmodulejs))), 'spectrum-ToggleSwitch', {
+            'spectrum-ToggleSwitch--quiet': !isEmphasized,
+            'is-disabled': isDisabled,
+            'is-hovered': isHovered
+        }, styleProps.className)
+    }, /*#__PURE__*/ (0, $cEq2J$react).createElement((0, $cEq2J$FocusRing), {
+        focusRingClass: (0, $cEq2J$classNames)((0, ($parcel$interopDefault($cEq2J$toggle_vars_cssmodulejs))), 'focus-ring'),
+        autoFocus: autoFocus
+    }, /*#__PURE__*/ (0, $cEq2J$react).createElement("input", {
+        ...inputProps,
+        ref: inputRef,
+        className: (0, $cEq2J$classNames)((0, ($parcel$interopDefault($cEq2J$toggle_vars_cssmodulejs))), 'spectrum-ToggleSwitch-input')
+    })), /*#__PURE__*/ (0, $cEq2J$react).createElement("span", {
+        className: (0, $cEq2J$classNames)((0, ($parcel$interopDefault($cEq2J$toggle_vars_cssmodulejs))), 'spectrum-ToggleSwitch-switch')
+    }), children && /*#__PURE__*/ (0, $cEq2J$react).createElement("span", {
+        className: (0, $cEq2J$classNames)((0, ($parcel$interopDefault($cEq2J$toggle_vars_cssmodulejs))), 'spectrum-ToggleSwitch-label')
+    }, children));
+}
+/**
+ * Switches allow users to turn an individual option on or off.
+ * They are usually used to activate or deactivate a specific setting.
+ */ const $8341c396cee1c5fc$export$b5d5cf8927ab7262 = /*#__PURE__*/ (0, $cEq2J$forwardRef)($8341c396cee1c5fc$var$Switch);
+
+
+export {$8341c396cee1c5fc$export$b5d5cf8927ab7262 as Switch};
+//# sourceMappingURL=Switch.module.js.map

package/dist/Switch.module.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;AAaD,SAAS,6BAAO,KAA0B,EAAE,GAAmC;IAC7E,QAAQ,CAAA,GAAA,uBAAe,EAAE;IACzB,IAAI,gBACF,eAAe,mBACf,aAAa,kBACb,SAAS,YACT,QAAQ,EACR,GAAG,YACJ,GAAG;IACJ,IAAI,cAAC,UAAU,EAAC,GAAG,CAAA,GAAA,oBAAY,EAAE;IACjC,IAAI,cAAC,UAAU,aAAE,SAAS,EAAC,GAAG,CAAA,GAAA,eAAO,EAAE;oBAAC;IAAU;IAElD,IAAI,WAAW,CAAA,GAAA,aAAK,EAAoB;IACxC,IAAI,SAAS,CAAA,GAAA,sBAAc,EAAE,KAAK;IAClC,IAAI,QAAQ,CAAA,GAAA,qBAAa,EAAE;IAC3B,IAAI,cAAC,UAAU,EAAC,GAAG,CAAA,GAAA,gBAAQ,EAAE,OAAO,OAAO;IAG3C,qBACE,gCAAC;QACE,GAAG,UAAU;QACb,GAAG,UAAU;QACd,KAAK;QACL,WACE,CAAA,GAAA,iBAAS,EACP,CAAA,GAAA,wDAAK,GACL,yBACA;YACE,gCAAgC,CAAC;YACjC,eAAe;YACf,cAAc;QAChB,GACA,WAAW,SAAS;qBAGxB,gCAAC,CAAA,GAAA,gBAAQ;QAAE,gBAAgB,CAAA,GAAA,iBAAS,EAAE,CAAA,GAAA,wDAAK,GAAG;QAAe,WAAW;qBACtE,gCAAC;QACE,GAAG,UAAU;QACd,KAAK;QACL,WAAW,CAAA,GAAA,iBAAS,EAAE,CAAA,GAAA,wDAAK,GAAG;uBAElC,gCAAC;QAAK,WAAW,CAAA,GAAA,iBAAS,EAAE,CAAA,GAAA,wDAAK,GAAG;QACnC,0BACC,gCAAC;QAAK,WAAW,CAAA,GAAA,iBAAS,EAAE,CAAA,GAAA,wDAAK,GAAG;OACjC;AAKX;AAEA;;;CAGC,GACD,MAAM,0DAAU,CAAA,GAAA,iBAAS,EAAE","sources":["packages/@react-spectrum/switch/src/Switch.tsx"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {classNames, useFocusableRef, useStyleProps} from '@react-spectrum/utils';\nimport {FocusableRef} from '@react-types/shared';\nimport {FocusRing} from '@react-aria/focus';\nimport React, {forwardRef, useRef} from 'react';\nimport {SpectrumSwitchProps} from '@react-types/switch';\nimport styles from '@adobe/spectrum-css-temp/components/toggle/vars.css';\nimport {useHover} from '@react-aria/interactions';\nimport {useProviderProps} from '@react-spectrum/provider';\nimport {useSwitch} from '@react-aria/switch';\nimport {useToggleState} from '@react-stately/toggle';\n\nfunction Switch(props: SpectrumSwitchProps, ref: FocusableRef<HTMLLabelElement>) {\n  props = useProviderProps(props);\n  let {\n    isEmphasized = false,\n    isDisabled = false,\n    autoFocus,\n    children,\n    ...otherProps\n  } = props;\n  let {styleProps} = useStyleProps(otherProps);\n  let {hoverProps, isHovered} = useHover({isDisabled});\n\n  let inputRef = useRef<HTMLInputElement>(null);\n  let domRef = useFocusableRef(ref, inputRef);\n  let state = useToggleState(props);\n  let {inputProps} = useSwitch(props, state, inputRef);\n\n\n  return (\n    <label\n      {...styleProps}\n      {...hoverProps}\n      ref={domRef}\n      className={\n        classNames(\n          styles,\n          'spectrum-ToggleSwitch',\n          {\n            'spectrum-ToggleSwitch--quiet': !isEmphasized,\n            'is-disabled': isDisabled,\n            'is-hovered': isHovered\n          },\n          styleProps.className\n        )\n      }>\n      <FocusRing focusRingClass={classNames(styles, 'focus-ring')} autoFocus={autoFocus}>\n        <input\n          {...inputProps}\n          ref={inputRef}\n          className={classNames(styles, 'spectrum-ToggleSwitch-input')} />\n      </FocusRing>\n      <span className={classNames(styles, 'spectrum-ToggleSwitch-switch')} />\n      {children && (\n        <span className={classNames(styles, 'spectrum-ToggleSwitch-label')}>\n          {children}\n        </span>\n      )}\n    </label>\n  );\n}\n\n/**\n * Switches allow users to turn an individual option on or off.\n * They are usually used to activate or deactivate a specific setting.\n */\nconst _Switch = forwardRef(Switch);\nexport {_Switch as Switch};\n"],"names":[],"version":3,"file":"Switch.module.js.map"}

package/dist/import.mjs

@@ -0,0 +1,18 @@
+import {Switch as $8341c396cee1c5fc$export$b5d5cf8927ab7262} from "./Switch.mjs";
+
+/*
+ * Copyright 2020 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ /// <reference types="css-module-types" />
+
+
+
+export {$8341c396cee1c5fc$export$b5d5cf8927ab7262 as Switch};
+//# sourceMappingURL=module.js.map

package/dist/main.js

@@ -0,0 +1,23 @@
+var $e216104aee091306$exports = require("./Switch.main.js");
+
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+
+$parcel$export(module.exports, "Switch", () => $e216104aee091306$exports.Switch);
+/*
+ * Copyright 2020 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ /// <reference types="css-module-types" />
+
+
+
+//# sourceMappingURL=main.js.map

package/dist/main.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;AAAA;;;;;;;;;;CAUC,GAED,0CAA0C","sources":["packages/@react-spectrum/switch/src/index.ts"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n/// <reference types=\"css-module-types\" />\n\nexport {Switch} from './Switch';\nexport type {SpectrumSwitchProps} from '@react-types/switch';\n"],"names":[],"version":3,"file":"main.js.map"}

package/dist/module.js

@@ -0,0 +1,18 @@
+import {Switch as $8341c396cee1c5fc$export$b5d5cf8927ab7262} from "./Switch.module.js";
+
+/*
+ * Copyright 2020 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ /// <reference types="css-module-types" />
+
+
+
+export {$8341c396cee1c5fc$export$b5d5cf8927ab7262 as Switch};
+//# sourceMappingURL=module.js.map

package/dist/module.js.map

@@ -0,0 +1 @@
+{"mappings":";;AAAA;;;;;;;;;;CAUC,GAED,0CAA0C","sources":["packages/@react-spectrum/switch/src/index.ts"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n/// <reference types=\"css-module-types\" />\n\nexport {Switch} from './Switch';\nexport type {SpectrumSwitchProps} from '@react-types/switch';\n"],"names":[],"version":3,"file":"module.js.map"}

package/dist/toggle_vars_css.main.js

@@ -0,0 +1,44 @@
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+
+$parcel$export(module.exports, "focus-ring", () => $faeb9d1b92049ba7$export$f39a09f249340e2a, (v) => $faeb9d1b92049ba7$export$f39a09f249340e2a = v);
+$parcel$export(module.exports, "i18nFontFamily", () => $faeb9d1b92049ba7$export$8c4ee2c50c22c514, (v) => $faeb9d1b92049ba7$export$8c4ee2c50c22c514 = v);
+$parcel$export(module.exports, "is-hovered", () => $faeb9d1b92049ba7$export$b8813cd5d7824ce7, (v) => $faeb9d1b92049ba7$export$b8813cd5d7824ce7 = v);
+$parcel$export(module.exports, "spectrum-FocusRing-ring", () => $faeb9d1b92049ba7$export$4109102f950813a6, (v) => $faeb9d1b92049ba7$export$4109102f950813a6 = v);
+$parcel$export(module.exports, "spectrum-FocusRing", () => $faeb9d1b92049ba7$export$24c7f46a6e3605dd, (v) => $faeb9d1b92049ba7$export$24c7f46a6e3605dd = v);
+$parcel$export(module.exports, "spectrum-FocusRing--quiet", () => $faeb9d1b92049ba7$export$2927016961429360, (v) => $faeb9d1b92049ba7$export$2927016961429360 = v);
+$parcel$export(module.exports, "spectrum-ToggleSwitch", () => $faeb9d1b92049ba7$export$89a9162656c0c38c, (v) => $faeb9d1b92049ba7$export$89a9162656c0c38c = v);
+$parcel$export(module.exports, "spectrum-ToggleSwitch--ab", () => $faeb9d1b92049ba7$export$dc5a33fddabf5882, (v) => $faeb9d1b92049ba7$export$dc5a33fddabf5882 = v);
+$parcel$export(module.exports, "spectrum-ToggleSwitch--quiet", () => $faeb9d1b92049ba7$export$ce1b1dcfc10f3df4, (v) => $faeb9d1b92049ba7$export$ce1b1dcfc10f3df4 = v);
+$parcel$export(module.exports, "spectrum-ToggleSwitch-input", () => $faeb9d1b92049ba7$export$38df7ea4ffef819a, (v) => $faeb9d1b92049ba7$export$38df7ea4ffef819a = v);
+$parcel$export(module.exports, "spectrum-ToggleSwitch-label", () => $faeb9d1b92049ba7$export$8f1a69021a3897b2, (v) => $faeb9d1b92049ba7$export$8f1a69021a3897b2 = v);
+$parcel$export(module.exports, "spectrum-ToggleSwitch-switch", () => $faeb9d1b92049ba7$export$b82d06d1b520a22f, (v) => $faeb9d1b92049ba7$export$b82d06d1b520a22f = v);
+var $faeb9d1b92049ba7$export$f39a09f249340e2a;
+var $faeb9d1b92049ba7$export$8c4ee2c50c22c514;
+var $faeb9d1b92049ba7$export$b8813cd5d7824ce7;
+var $faeb9d1b92049ba7$export$4109102f950813a6;
+var $faeb9d1b92049ba7$export$24c7f46a6e3605dd;
+var $faeb9d1b92049ba7$export$2927016961429360;
+var $faeb9d1b92049ba7$export$89a9162656c0c38c;
+var $faeb9d1b92049ba7$export$dc5a33fddabf5882;
+var $faeb9d1b92049ba7$export$ce1b1dcfc10f3df4;
+var $faeb9d1b92049ba7$export$38df7ea4ffef819a;
+var $faeb9d1b92049ba7$export$8f1a69021a3897b2;
+var $faeb9d1b92049ba7$export$b82d06d1b520a22f;
+$faeb9d1b92049ba7$export$f39a09f249340e2a = `XHynUq_focus-ring`;
+$faeb9d1b92049ba7$export$8c4ee2c50c22c514 = `XHynUq_i18nFontFamily`;
+$faeb9d1b92049ba7$export$b8813cd5d7824ce7 = `XHynUq_is-hovered`;
+$faeb9d1b92049ba7$export$4109102f950813a6 = `XHynUq_spectrum-FocusRing-ring`;
+$faeb9d1b92049ba7$export$24c7f46a6e3605dd = `XHynUq_spectrum-FocusRing ${$faeb9d1b92049ba7$export$4109102f950813a6}`;
+$faeb9d1b92049ba7$export$2927016961429360 = `XHynUq_spectrum-FocusRing--quiet`;
+$faeb9d1b92049ba7$export$89a9162656c0c38c = `XHynUq_spectrum-ToggleSwitch`;
+$faeb9d1b92049ba7$export$dc5a33fddabf5882 = `XHynUq_spectrum-ToggleSwitch--ab`;
+$faeb9d1b92049ba7$export$ce1b1dcfc10f3df4 = `XHynUq_spectrum-ToggleSwitch--quiet`;
+$faeb9d1b92049ba7$export$38df7ea4ffef819a = `XHynUq_spectrum-ToggleSwitch-input`;
+$faeb9d1b92049ba7$export$8f1a69021a3897b2 = `XHynUq_spectrum-ToggleSwitch-label`;
+$faeb9d1b92049ba7$export$b82d06d1b520a22f = `XHynUq_spectrum-ToggleSwitch-switch`;
+
+
+//# sourceMappingURL=toggle_vars_css.main.js.map

package/dist/toggle_vars_css.main.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;;;;;;;AAAA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AAXA,4CAA+B,CAAC,iBAAiB,CAAC;AAClD,4CAAmC,CAAC,qBAAqB,CAAC;AAC1D,4CAA+B,CAAC,iBAAiB,CAAC;AAClD,4CAA4C,CAAC,8BAA8B,CAAC;AAC5E,4CAAuC,CAAC,0BAA0B,EAAE,0CAA0C,CAAC;AAC/G,4CAA8C,CAAC,gCAAgC,CAAC;AAChF,4CAA0C,CAAC,4BAA4B,CAAC;AACxE,4CAA8C,CAAC,gCAAgC,CAAC;AAChF,4CAAiD,CAAC,mCAAmC,CAAC;AACtF,4CAAgD,CAAC,kCAAkC,CAAC;AACpF,4CAAgD,CAAC,kCAAkC,CAAC;AACpF,4CAAiD,CAAC,mCAAmC,CAAC","sources":["packages/@adobe/spectrum-css-temp/components/toggle/vars.css"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n@import './index.css';\n@import './skin.css';\n"],"names":[],"version":3,"file":"toggle_vars_css.main.js.map"}

package/dist/toggle_vars_css.mjs

@@ -0,0 +1,46 @@
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+var $dfcff93ab25bb9b3$exports = {};
+
+$parcel$export($dfcff93ab25bb9b3$exports, "focus-ring", () => $dfcff93ab25bb9b3$export$f39a09f249340e2a, (v) => $dfcff93ab25bb9b3$export$f39a09f249340e2a = v);
+$parcel$export($dfcff93ab25bb9b3$exports, "i18nFontFamily", () => $dfcff93ab25bb9b3$export$8c4ee2c50c22c514, (v) => $dfcff93ab25bb9b3$export$8c4ee2c50c22c514 = v);
+$parcel$export($dfcff93ab25bb9b3$exports, "is-hovered", () => $dfcff93ab25bb9b3$export$b8813cd5d7824ce7, (v) => $dfcff93ab25bb9b3$export$b8813cd5d7824ce7 = v);
+$parcel$export($dfcff93ab25bb9b3$exports, "spectrum-FocusRing-ring", () => $dfcff93ab25bb9b3$export$4109102f950813a6, (v) => $dfcff93ab25bb9b3$export$4109102f950813a6 = v);
+$parcel$export($dfcff93ab25bb9b3$exports, "spectrum-FocusRing", () => $dfcff93ab25bb9b3$export$24c7f46a6e3605dd, (v) => $dfcff93ab25bb9b3$export$24c7f46a6e3605dd = v);
+$parcel$export($dfcff93ab25bb9b3$exports, "spectrum-FocusRing--quiet", () => $dfcff93ab25bb9b3$export$2927016961429360, (v) => $dfcff93ab25bb9b3$export$2927016961429360 = v);
+$parcel$export($dfcff93ab25bb9b3$exports, "spectrum-ToggleSwitch", () => $dfcff93ab25bb9b3$export$89a9162656c0c38c, (v) => $dfcff93ab25bb9b3$export$89a9162656c0c38c = v);
+$parcel$export($dfcff93ab25bb9b3$exports, "spectrum-ToggleSwitch--ab", () => $dfcff93ab25bb9b3$export$dc5a33fddabf5882, (v) => $dfcff93ab25bb9b3$export$dc5a33fddabf5882 = v);
+$parcel$export($dfcff93ab25bb9b3$exports, "spectrum-ToggleSwitch--quiet", () => $dfcff93ab25bb9b3$export$ce1b1dcfc10f3df4, (v) => $dfcff93ab25bb9b3$export$ce1b1dcfc10f3df4 = v);
+$parcel$export($dfcff93ab25bb9b3$exports, "spectrum-ToggleSwitch-input", () => $dfcff93ab25bb9b3$export$38df7ea4ffef819a, (v) => $dfcff93ab25bb9b3$export$38df7ea4ffef819a = v);
+$parcel$export($dfcff93ab25bb9b3$exports, "spectrum-ToggleSwitch-label", () => $dfcff93ab25bb9b3$export$8f1a69021a3897b2, (v) => $dfcff93ab25bb9b3$export$8f1a69021a3897b2 = v);
+$parcel$export($dfcff93ab25bb9b3$exports, "spectrum-ToggleSwitch-switch", () => $dfcff93ab25bb9b3$export$b82d06d1b520a22f, (v) => $dfcff93ab25bb9b3$export$b82d06d1b520a22f = v);
+var $dfcff93ab25bb9b3$export$f39a09f249340e2a;
+var $dfcff93ab25bb9b3$export$8c4ee2c50c22c514;
+var $dfcff93ab25bb9b3$export$b8813cd5d7824ce7;
+var $dfcff93ab25bb9b3$export$4109102f950813a6;
+var $dfcff93ab25bb9b3$export$24c7f46a6e3605dd;
+var $dfcff93ab25bb9b3$export$2927016961429360;
+var $dfcff93ab25bb9b3$export$89a9162656c0c38c;
+var $dfcff93ab25bb9b3$export$dc5a33fddabf5882;
+var $dfcff93ab25bb9b3$export$ce1b1dcfc10f3df4;
+var $dfcff93ab25bb9b3$export$38df7ea4ffef819a;
+var $dfcff93ab25bb9b3$export$8f1a69021a3897b2;
+var $dfcff93ab25bb9b3$export$b82d06d1b520a22f;
+$dfcff93ab25bb9b3$export$f39a09f249340e2a = `XHynUq_focus-ring`;
+$dfcff93ab25bb9b3$export$8c4ee2c50c22c514 = `XHynUq_i18nFontFamily`;
+$dfcff93ab25bb9b3$export$b8813cd5d7824ce7 = `XHynUq_is-hovered`;
+$dfcff93ab25bb9b3$export$4109102f950813a6 = `XHynUq_spectrum-FocusRing-ring`;
+$dfcff93ab25bb9b3$export$24c7f46a6e3605dd = `XHynUq_spectrum-FocusRing ${$dfcff93ab25bb9b3$export$4109102f950813a6}`;
+$dfcff93ab25bb9b3$export$2927016961429360 = `XHynUq_spectrum-FocusRing--quiet`;
+$dfcff93ab25bb9b3$export$89a9162656c0c38c = `XHynUq_spectrum-ToggleSwitch`;
+$dfcff93ab25bb9b3$export$dc5a33fddabf5882 = `XHynUq_spectrum-ToggleSwitch--ab`;
+$dfcff93ab25bb9b3$export$ce1b1dcfc10f3df4 = `XHynUq_spectrum-ToggleSwitch--quiet`;
+$dfcff93ab25bb9b3$export$38df7ea4ffef819a = `XHynUq_spectrum-ToggleSwitch-input`;
+$dfcff93ab25bb9b3$export$8f1a69021a3897b2 = `XHynUq_spectrum-ToggleSwitch-label`;
+$dfcff93ab25bb9b3$export$b82d06d1b520a22f = `XHynUq_spectrum-ToggleSwitch-switch`;
+
+
+export {$dfcff93ab25bb9b3$exports as default};
+//# sourceMappingURL=toggle_vars_css.module.js.map

package/dist/toggle_vars_css.module.js

@@ -0,0 +1,46 @@
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+var $dfcff93ab25bb9b3$exports = {};
+
+$parcel$export($dfcff93ab25bb9b3$exports, "focus-ring", () => $dfcff93ab25bb9b3$export$f39a09f249340e2a, (v) => $dfcff93ab25bb9b3$export$f39a09f249340e2a = v);
+$parcel$export($dfcff93ab25bb9b3$exports, "i18nFontFamily", () => $dfcff93ab25bb9b3$export$8c4ee2c50c22c514, (v) => $dfcff93ab25bb9b3$export$8c4ee2c50c22c514 = v);
+$parcel$export($dfcff93ab25bb9b3$exports, "is-hovered", () => $dfcff93ab25bb9b3$export$b8813cd5d7824ce7, (v) => $dfcff93ab25bb9b3$export$b8813cd5d7824ce7 = v);
+$parcel$export($dfcff93ab25bb9b3$exports, "spectrum-FocusRing-ring", () => $dfcff93ab25bb9b3$export$4109102f950813a6, (v) => $dfcff93ab25bb9b3$export$4109102f950813a6 = v);
+$parcel$export($dfcff93ab25bb9b3$exports, "spectrum-FocusRing", () => $dfcff93ab25bb9b3$export$24c7f46a6e3605dd, (v) => $dfcff93ab25bb9b3$export$24c7f46a6e3605dd = v);
+$parcel$export($dfcff93ab25bb9b3$exports, "spectrum-FocusRing--quiet", () => $dfcff93ab25bb9b3$export$2927016961429360, (v) => $dfcff93ab25bb9b3$export$2927016961429360 = v);
+$parcel$export($dfcff93ab25bb9b3$exports, "spectrum-ToggleSwitch", () => $dfcff93ab25bb9b3$export$89a9162656c0c38c, (v) => $dfcff93ab25bb9b3$export$89a9162656c0c38c = v);
+$parcel$export($dfcff93ab25bb9b3$exports, "spectrum-ToggleSwitch--ab", () => $dfcff93ab25bb9b3$export$dc5a33fddabf5882, (v) => $dfcff93ab25bb9b3$export$dc5a33fddabf5882 = v);
+$parcel$export($dfcff93ab25bb9b3$exports, "spectrum-ToggleSwitch--quiet", () => $dfcff93ab25bb9b3$export$ce1b1dcfc10f3df4, (v) => $dfcff93ab25bb9b3$export$ce1b1dcfc10f3df4 = v);
+$parcel$export($dfcff93ab25bb9b3$exports, "spectrum-ToggleSwitch-input", () => $dfcff93ab25bb9b3$export$38df7ea4ffef819a, (v) => $dfcff93ab25bb9b3$export$38df7ea4ffef819a = v);
+$parcel$export($dfcff93ab25bb9b3$exports, "spectrum-ToggleSwitch-label", () => $dfcff93ab25bb9b3$export$8f1a69021a3897b2, (v) => $dfcff93ab25bb9b3$export$8f1a69021a3897b2 = v);
+$parcel$export($dfcff93ab25bb9b3$exports, "spectrum-ToggleSwitch-switch", () => $dfcff93ab25bb9b3$export$b82d06d1b520a22f, (v) => $dfcff93ab25bb9b3$export$b82d06d1b520a22f = v);
+var $dfcff93ab25bb9b3$export$f39a09f249340e2a;
+var $dfcff93ab25bb9b3$export$8c4ee2c50c22c514;
+var $dfcff93ab25bb9b3$export$b8813cd5d7824ce7;
+var $dfcff93ab25bb9b3$export$4109102f950813a6;
+var $dfcff93ab25bb9b3$export$24c7f46a6e3605dd;
+var $dfcff93ab25bb9b3$export$2927016961429360;
+var $dfcff93ab25bb9b3$export$89a9162656c0c38c;
+var $dfcff93ab25bb9b3$export$dc5a33fddabf5882;
+var $dfcff93ab25bb9b3$export$ce1b1dcfc10f3df4;
+var $dfcff93ab25bb9b3$export$38df7ea4ffef819a;
+var $dfcff93ab25bb9b3$export$8f1a69021a3897b2;
+var $dfcff93ab25bb9b3$export$b82d06d1b520a22f;
+$dfcff93ab25bb9b3$export$f39a09f249340e2a = `XHynUq_focus-ring`;
+$dfcff93ab25bb9b3$export$8c4ee2c50c22c514 = `XHynUq_i18nFontFamily`;
+$dfcff93ab25bb9b3$export$b8813cd5d7824ce7 = `XHynUq_is-hovered`;
+$dfcff93ab25bb9b3$export$4109102f950813a6 = `XHynUq_spectrum-FocusRing-ring`;
+$dfcff93ab25bb9b3$export$24c7f46a6e3605dd = `XHynUq_spectrum-FocusRing ${$dfcff93ab25bb9b3$export$4109102f950813a6}`;
+$dfcff93ab25bb9b3$export$2927016961429360 = `XHynUq_spectrum-FocusRing--quiet`;
+$dfcff93ab25bb9b3$export$89a9162656c0c38c = `XHynUq_spectrum-ToggleSwitch`;
+$dfcff93ab25bb9b3$export$dc5a33fddabf5882 = `XHynUq_spectrum-ToggleSwitch--ab`;
+$dfcff93ab25bb9b3$export$ce1b1dcfc10f3df4 = `XHynUq_spectrum-ToggleSwitch--quiet`;
+$dfcff93ab25bb9b3$export$38df7ea4ffef819a = `XHynUq_spectrum-ToggleSwitch-input`;
+$dfcff93ab25bb9b3$export$8f1a69021a3897b2 = `XHynUq_spectrum-ToggleSwitch-label`;
+$dfcff93ab25bb9b3$export$b82d06d1b520a22f = `XHynUq_spectrum-ToggleSwitch-switch`;
+
+
+export {$dfcff93ab25bb9b3$exports as default};
+//# sourceMappingURL=toggle_vars_css.module.js.map

package/dist/toggle_vars_css.module.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;;;;;;;;AAAA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AAXA,4CAA+B,CAAC,iBAAiB,CAAC;AAClD,4CAAmC,CAAC,qBAAqB,CAAC;AAC1D,4CAA+B,CAAC,iBAAiB,CAAC;AAClD,4CAA4C,CAAC,8BAA8B,CAAC;AAC5E,4CAAuC,CAAC,0BAA0B,EAAE,0CAA0C,CAAC;AAC/G,4CAA8C,CAAC,gCAAgC,CAAC;AAChF,4CAA0C,CAAC,4BAA4B,CAAC;AACxE,4CAA8C,CAAC,gCAAgC,CAAC;AAChF,4CAAiD,CAAC,mCAAmC,CAAC;AACtF,4CAAgD,CAAC,kCAAkC,CAAC;AACpF,4CAAgD,CAAC,kCAAkC,CAAC;AACpF,4CAAiD,CAAC,mCAAmC,CAAC","sources":["packages/@adobe/spectrum-css-temp/components/toggle/vars.css"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n@import './index.css';\n@import './skin.css';\n"],"names":[],"version":3,"file":"toggle_vars_css.module.js.map"}

package/dist/types.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import { SpectrumSwitchProps } from "@react-types/switch";
+import { FocusableRefValue } from "@react-types/shared";
+/**
+ * Switches allow users to turn an individual option on or off.
+ * They are usually used to activate or deactivate a specific setting.
+ */
+export const Switch: React.ForwardRefExoticComponent<SpectrumSwitchProps & React.RefAttributes<FocusableRefValue<HTMLLabelElement, HTMLLabelElement>>>;
+export type { SpectrumSwitchProps } from '@react-types/switch';
+
+//# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -0,0 +1 @@
+{"mappings":";;;AA0EA;;;GAGG;AACH,OAAA,MAAM,yIAA4B,CAAC;AC/DnC,YAAY,EAAC,mBAAmB,EAAC,MAAM,qBAAqB,CAAC","sources":["packages/@react-spectrum/switch/src/packages/@react-spectrum/switch/src/Switch.tsx","packages/@react-spectrum/switch/src/packages/@react-spectrum/switch/src/index.ts","packages/@react-spectrum/switch/src/index.ts"],"sourcesContent":[null,null,"/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n/// <reference types=\"css-module-types\" />\n\nexport {Switch} from './Switch';\nexport type {SpectrumSwitchProps} from '@react-types/switch';\n"],"names":[],"version":3,"file":"types.d.ts.map"}

package/dist/vars.f7257b6a.css

@@ -0,0 +1,447 @@
+.XHynUq_i18nFontFamily {
+  font-synthesis: weight;
+  font-family: adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
+}
+
+.XHynUq_i18nFontFamily:lang(ar) {
+  font-family: myriad-arabic, adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
+}
+
+.XHynUq_i18nFontFamily:lang(he) {
+  font-family: myriad-hebrew, adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
+}
+
+.XHynUq_i18nFontFamily:lang(zh) {
+  font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Heiti TC Light, sans-serif;
+}
+
+.XHynUq_i18nFontFamily:lang(zh-Hans) {
+  font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
+}
+
+.XHynUq_i18nFontFamily:lang(zh-Hant) {
+  font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Microsoft JhengHei UI, Microsoft JhengHei, Heiti TC Light, sans-serif;
+}
+
+.XHynUq_i18nFontFamily:lang(zh-SG), .XHynUq_i18nFontFamily:lang(zh-CN) {
+  font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
+}
+
+.XHynUq_i18nFontFamily:lang(ko) {
+  font-family: adobe-clean-han-korean, source-han-korean, Malgun Gothic, Apple Gothic, sans-serif;
+}
+
+.XHynUq_i18nFontFamily:lang(ja) {
+  font-family: adobe-clean-han-japanese, Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN W3, Osaka, YuGothic, Yu Gothic, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif;
+}
+
+.XHynUq_spectrum-FocusRing-ring {
+  --spectrum-focus-ring-border-radius: var(--spectrum-textfield-border-radius, var(--spectrum-alias-border-radius-regular));
+  --spectrum-focus-ring-gap: var(--spectrum-alias-input-focusring-gap);
+  --spectrum-focus-ring-size: var(--spectrum-alias-input-focusring-size);
+  --spectrum-focus-ring-border-size: 0px;
+  --spectrum-focus-ring-color: var(--spectrum-high-contrast-focus-ring-color, var(--spectrum-alias-focus-ring-color, var(--spectrum-alias-focus-color)));
+}
+
+.XHynUq_spectrum-FocusRing-ring:after {
+  border-radius: calc(var(--spectrum-focus-ring-border-radius)  + var(--spectrum-focus-ring-gap));
+  content: "";
+  margin: calc(-1 * var(--spectrum-focus-ring-border-size));
+  pointer-events: none;
+  transition: box-shadow var(--spectrum-global-animation-duration-100, .13s) ease-out, margin var(--spectrum-global-animation-duration-100, .13s) ease-out;
+  display: block;
+  position: absolute;
+  inset: 0;
+}
+
+.XHynUq_spectrum-FocusRing.XHynUq_focus-ring:after {
+  margin: calc(var(--spectrum-focus-ring-gap) * -1 - var(--spectrum-focus-ring-border-size));
+  box-shadow: 0 0 0 var(--spectrum-focus-ring-size) var(--spectrum-focus-ring-color);
+}
+
+.XHynUq_spectrum-FocusRing--quiet:after {
+  border-radius: 0;
+}
+
+.XHynUq_spectrum-FocusRing--quiet.XHynUq_focus-ring:after {
+  margin: 0 0 calc(var(--spectrum-focus-ring-gap) * -1 - var(--spectrum-focus-ring-border-size)) 0;
+  box-shadow: 0 var(--spectrum-focus-ring-size) 0 var(--spectrum-focus-ring-color);
+}
+
+@media (forced-colors: active) {
+  .XHynUq_spectrum-FocusRing, .XHynUq_spectrum-FocusRing-ring, .XHynUq_spectrum-FocusRing--quiet {
+    --spectrum-high-contrast-focus-ring-color: Highlight;
+  }
+
+  :is(.XHynUq_spectrum-FocusRing, .XHynUq_spectrum-FocusRing-ring, .XHynUq_spectrum-FocusRing--quiet):after {
+    forced-color-adjust: none;
+  }
+}
+
+.XHynUq_spectrum-ToggleSwitch {
+  min-block-size: var(--spectrum-switch-height, var(--spectrum-global-dimension-size-400));
+  vertical-align: top;
+  isolation: isolate;
+  align-items: flex-start;
+  max-inline-size: 100%;
+  margin-inline-end: calc(var(--spectrum-switch-cursor-hit-x, var(--spectrum-global-dimension-size-100)) * 2);
+  display: inline-flex;
+  position: relative;
+}
+
+.XHynUq_spectrum-ToggleSwitch-input {
+  box-sizing: border-box;
+  opacity: .0001;
+  z-index: 1;
+  cursor: default;
+  block-size: 100%;
+  inline-size: 100%;
+  margin: 0;
+  padding: 0;
+  position: absolute;
+  top: 0;
+}
+
+.XHynUq_spectrum-ToggleSwitch-input:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
+  left: 0;
+}
+
+.XHynUq_spectrum-ToggleSwitch-input:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
+  left: 0;
+}
+
+.XHynUq_spectrum-ToggleSwitch-input:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
+  right: 0;
+}
+
+.XHynUq_spectrum-ToggleSwitch-input:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
+  right: 0;
+}
+
+[dir="ltr"] :is(.XHynUq_spectrum-ToggleSwitch-input:checked + .XHynUq_spectrum-ToggleSwitch-switch):before {
+  transform: translateX(calc(var(--spectrum-switch-track-width)  - 100%));
+}
+
+[dir="rtl"] :is(.XHynUq_spectrum-ToggleSwitch-input:checked + .XHynUq_spectrum-ToggleSwitch-switch):before {
+  transform: translateX(calc(100% - var(--spectrum-switch-track-width)));
+}
+
+.XHynUq_spectrum-ToggleSwitch-input:disabled, .XHynUq_spectrum-ToggleSwitch-input[disabled] {
+  cursor: default;
+}
+
+.XHynUq_spectrum-ToggleSwitch-input.XHynUq_focus-ring + .XHynUq_spectrum-ToggleSwitch-switch:after {
+  margin: calc(var(--spectrum-alias-focus-ring-gap, var(--spectrum-global-dimension-static-size-25)) * -1);
+}
+
+.XHynUq_spectrum-ToggleSwitch-label {
+  text-align: start;
+  margin: 0 var(--spectrum-switch-text-gap, var(--spectrum-global-dimension-size-125));
+  font-size: var(--spectrum-switch-text-size, var(--spectrum-alias-font-size-default));
+  transition: color var(--spectrum-global-animation-duration-200, .16s) ease-in-out;
+  margin-block-start: var(--spectrum-global-dimension-size-65);
+  line-height: 1.49;
+}
+
+.XHynUq_spectrum-ToggleSwitch-switch {
+  box-sizing: border-box;
+  inline-size: var(--spectrum-switch-track-width);
+  margin: calc((var(--spectrum-switch-height, var(--spectrum-global-dimension-size-400))  - var(--spectrum-switch-track-height, var(--spectrum-global-dimension-size-175))) / 2) 0;
+  vertical-align: middle;
+  will-change: transform;
+  transition: background var(--spectrum-global-animation-duration-100, .13s) ease-in-out, border var(--spectrum-global-animation-duration-100, .13s) ease-in-out;
+  block-size: var(--spectrum-switch-track-height, var(--spectrum-global-dimension-size-175));
+  border-radius: calc(var(--spectrum-switch-track-height, var(--spectrum-global-dimension-size-175)) / 2);
+  flex-grow: 0;
+  flex-shrink: 0;
+  display: inline-block;
+  position: relative;
+  left: 0;
+  right: 0;
+}
+
+.XHynUq_spectrum-ToggleSwitch-switch:before {
+  content: "";
+  box-sizing: border-box;
+  transition: background var(--spectrum-global-animation-duration-100, .13s) ease-in-out, border var(--spectrum-global-animation-duration-100, .13s) ease-in-out, transform var(--spectrum-global-animation-duration-100, .13s) ease-in-out, box-shadow var(--spectrum-global-animation-duration-100, .13s) ease-in-out;
+  inline-size: var(--spectrum-switch-handle-size, var(--spectrum-global-dimension-size-175));
+  block-size: var(--spectrum-switch-handle-size, var(--spectrum-global-dimension-size-175));
+  border-width: var(--spectrum-switch-handle-border-size, var(--spectrum-alias-border-size-thick));
+  border-radius: calc(var(--spectrum-switch-handle-size, var(--spectrum-global-dimension-size-175)) / 2);
+  border-style: solid;
+  display: block;
+  position: absolute;
+  top: 0;
+}
+
+.XHynUq_spectrum-ToggleSwitch-switch:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))):before {
+  left: 0;
+}
+
+.XHynUq_spectrum-ToggleSwitch-switch:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))):before {
+  left: 0;
+}
+
+.XHynUq_spectrum-ToggleSwitch-switch:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):before {
+  right: 0;
+}
+
+.XHynUq_spectrum-ToggleSwitch-switch:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):before {
+  right: 0;
+}
+
+.XHynUq_spectrum-ToggleSwitch-switch:after {
+  border-radius: calc(calc(var(--spectrum-switch-track-height, var(--spectrum-global-dimension-size-175)) / 2)  + var(--spectrum-alias-focus-ring-gap, var(--spectrum-global-dimension-static-size-25)) * 2);
+  content: "";
+  transition: box-shadow var(--spectrum-global-animation-duration-100, .13s) ease-out, margin var(--spectrum-global-animation-duration-100, .13s) ease-out;
+  margin: 0;
+  display: block;
+  position: absolute;
+  inset: 0;
+  transform: translateX(0);
+}
+
+.XHynUq_spectrum-ToggleSwitch {
+  --spectrum-switch-emphasized-handle-border-color: var(--spectrum-alias-toggle-color-default);
+  --spectrum-switch-emphasized-handle-border-color-hover: var(--spectrum-alias-toggle-color-hover);
+  --spectrum-switch-emphasized-handle-border-color-key-focus: var(--spectrum-alias-toggle-color-key-focus);
+  --spectrum-switch-quiet-track-color-selected: var(--spectrum-alias-toggle-color-selected);
+  --spectrum-switch-quiet-track-color-selected-hover: var(--spectrum-alias-toggle-color-selected-hover);
+  --spectrum-switch-quiet-track-color-selected-key-focus: var(--spectrum-alias-toggle-color-selected-key-focus);
+  --spectrum-switch-quiet-handle-border-color-selected: var(--spectrum-alias-toggle-color-selected);
+  --spectrum-switch-quiet-handle-border-color-selected-hover: var(--spectrum-alias-toggle-color-selected-hover);
+  --spectrum-switch-quiet-handle-border-color-selected-key-focus: var(--spectrum-alias-toggle-color-selected-key-focus);
+  --spectrum-switch-emphasized-track-color-selected: var(--spectrum-accent-color-900);
+  --spectrum-switch-emphasized-handle-border-color-selected: var(--spectrum-accent-color-900);
+  --spectrum-switch-emphasized-track-color-selected-hover: var(--spectrum-accent-color-1000);
+  --spectrum-switch-emphasized-handle-border-color-selected-hover: var(--spectrum-accent-color-1000);
+  --spectrum-switch-emphasized-track-color-selected-key-focus: var(--spectrum-accent-color-1000);
+  --spectrum-switch-emphasized-handle-border-color-selected-key-focus: var(--spectrum-accent-color-1000);
+  --spectrum-switch-emphasized-track-color-selected-down: var(--spectrum-accent-color-1100);
+  --spectrum-switch-emphasized-handle-border-color-selected-down: var(--spectrum-accent-color-1100);
+}
+
+.XHynUq_spectrum-ToggleSwitch-switch {
+  background-color: var(--spectrum-switch-emphasized-track-color, var(--spectrum-global-color-gray-300));
+}
+
+.XHynUq_spectrum-ToggleSwitch-switch:before {
+  background-color: var(--spectrum-switch-emphasized-handle-background-color, var(--spectrum-global-color-gray-75));
+  border-color: var(--spectrum-switch-emphasized-handle-border-color, var(--spectrum-global-color-gray-600));
+}
+
+.XHynUq_spectrum-ToggleSwitch-input ~ .XHynUq_spectrum-ToggleSwitch-label {
+  color: var(--spectrum-switch-emphasized-text-color, var(--spectrum-alias-text-color));
+}
+
+.XHynUq_spectrum-ToggleSwitch-input:checked + .XHynUq_spectrum-ToggleSwitch-switch {
+  background-color: var(--spectrum-switch-emphasized-track-color-selected, var(--spectrum-global-color-blue-500));
+}
+
+.XHynUq_spectrum-ToggleSwitch-input:checked + .XHynUq_spectrum-ToggleSwitch-switch:before {
+  border-color: var(--spectrum-switch-emphasized-handle-border-color-selected, var(--spectrum-global-color-blue-500));
+}
+
+.XHynUq_spectrum-ToggleSwitch.XHynUq_is-hovered .XHynUq_spectrum-ToggleSwitch-input + .XHynUq_spectrum-ToggleSwitch-switch:before {
+  border-color: var(--spectrum-switch-emphasized-handle-border-color-hover, var(--spectrum-global-color-gray-700));
+  box-shadow: none;
+}
+
+.XHynUq_spectrum-ToggleSwitch.XHynUq_is-hovered .XHynUq_spectrum-ToggleSwitch-input ~ .XHynUq_spectrum-ToggleSwitch-label {
+  color: var(--spectrum-switch-emphasized-text-color-hover, var(--spectrum-alias-text-color-hover));
+}
+
+.XHynUq_spectrum-ToggleSwitch.XHynUq_is-hovered .XHynUq_spectrum-ToggleSwitch-input:checked:enabled + .XHynUq_spectrum-ToggleSwitch-switch {
+  background-color: var(--spectrum-switch-emphasized-track-color-selected-hover, var(--spectrum-global-color-blue-600));
+}
+
+.XHynUq_spectrum-ToggleSwitch.XHynUq_is-hovered .XHynUq_spectrum-ToggleSwitch-input:checked:enabled + .XHynUq_spectrum-ToggleSwitch-switch:before {
+  border-color: var(--spectrum-switch-emphasized-handle-border-color-selected-hover, var(--spectrum-global-color-blue-600));
+}
+
+.XHynUq_spectrum-ToggleSwitch:active .XHynUq_spectrum-ToggleSwitch-input + .XHynUq_spectrum-ToggleSwitch-switch:before {
+  border-color: var(--spectrum-switch-emphasized-handle-border-color-down, var(--spectrum-global-color-gray-800));
+}
+
+.XHynUq_spectrum-ToggleSwitch:active .XHynUq_spectrum-ToggleSwitch-input ~ .XHynUq_spectrum-ToggleSwitch-label {
+  color: var(--spectrum-switch-emphasized-text-color-down, var(--spectrum-alias-text-color-down));
+}
+
+.XHynUq_spectrum-ToggleSwitch:active .XHynUq_spectrum-ToggleSwitch-input:checked:enabled + .XHynUq_spectrum-ToggleSwitch-switch {
+  background-color: var(--spectrum-switch-emphasized-track-color-selected-down, var(--spectrum-global-color-blue-700));
+}
+
+.XHynUq_spectrum-ToggleSwitch:active .XHynUq_spectrum-ToggleSwitch-input:checked:enabled + .XHynUq_spectrum-ToggleSwitch-switch:before {
+  border-color: var(--spectrum-switch-emphasized-handle-border-color-selected-down, var(--spectrum-global-color-blue-700));
+}
+
+.XHynUq_spectrum-ToggleSwitch .XHynUq_spectrum-ToggleSwitch-input:disabled + .XHynUq_spectrum-ToggleSwitch-switch {
+  background-color: var(--spectrum-switch-emphasized-track-color-disabled, var(--spectrum-global-color-gray-300));
+}
+
+.XHynUq_spectrum-ToggleSwitch .XHynUq_spectrum-ToggleSwitch-input:disabled + .XHynUq_spectrum-ToggleSwitch-switch:before {
+  border-color: var(--spectrum-switch-emphasized-handle-border-color-disabled, var(--spectrum-global-color-gray-400));
+}
+
+.XHynUq_spectrum-ToggleSwitch .XHynUq_spectrum-ToggleSwitch-input:disabled ~ .XHynUq_spectrum-ToggleSwitch-label {
+  color: var(--spectrum-switch-emphasized-text-color-disabled, var(--spectrum-alias-text-color-disabled));
+}
+
+.XHynUq_spectrum-ToggleSwitch .XHynUq_spectrum-ToggleSwitch-input:disabled:checked + .XHynUq_spectrum-ToggleSwitch-switch {
+  background-color: var(--spectrum-switch-emphasized-track-color-selected-disabled, var(--spectrum-global-color-gray-400));
+}
+
+.XHynUq_spectrum-ToggleSwitch .XHynUq_spectrum-ToggleSwitch-input:disabled:checked + .XHynUq_spectrum-ToggleSwitch-switch:before {
+  border-color: var(--spectrum-switch-emphasized-handle-border-color-selected-disabled, var(--spectrum-global-color-gray-400));
+}
+
+.XHynUq_spectrum-ToggleSwitch .XHynUq_spectrum-ToggleSwitch-input:disabled:checked ~ .XHynUq_spectrum-ToggleSwitch-label {
+  color: var(--spectrum-switch-emphasized-text-color-selected-disabled, var(--spectrum-alias-text-color-disabled));
+}
+
+.XHynUq_spectrum-ToggleSwitch--quiet .XHynUq_spectrum-ToggleSwitch-input:checked + .XHynUq_spectrum-ToggleSwitch-switch {
+  background-color: var(--spectrum-switch-quiet-track-color-selected, var(--spectrum-global-color-gray-700));
+}
+
+.XHynUq_spectrum-ToggleSwitch--quiet .XHynUq_spectrum-ToggleSwitch-input:checked + .XHynUq_spectrum-ToggleSwitch-switch:before {
+  border-color: var(--spectrum-switch-quiet-handle-border-color-selected, var(--spectrum-global-color-gray-700));
+}
+
+.XHynUq_spectrum-ToggleSwitch--quiet.XHynUq_is-hovered .XHynUq_spectrum-ToggleSwitch-input:checked:enabled + .XHynUq_spectrum-ToggleSwitch-switch {
+  background-color: var(--spectrum-switch-quiet-track-color-selected-hover, var(--spectrum-global-color-gray-800));
+}
+
+.XHynUq_spectrum-ToggleSwitch--quiet.XHynUq_is-hovered .XHynUq_spectrum-ToggleSwitch-input:checked:enabled + .XHynUq_spectrum-ToggleSwitch-switch:before {
+  border-color: var(--spectrum-switch-quiet-handle-border-color-selected-hover, var(--spectrum-global-color-gray-800));
+}
+
+.XHynUq_spectrum-ToggleSwitch.XHynUq_spectrum-ToggleSwitch--quiet:active .XHynUq_spectrum-ToggleSwitch-input:checked:enabled + .XHynUq_spectrum-ToggleSwitch-switch {
+  background-color: var(--spectrum-switch-quiet-track-color-selected-down, var(--spectrum-global-color-gray-900));
+}
+
+.XHynUq_spectrum-ToggleSwitch.XHynUq_spectrum-ToggleSwitch--quiet:active .XHynUq_spectrum-ToggleSwitch-input:checked:enabled + .XHynUq_spectrum-ToggleSwitch-switch:before {
+  border-color: var(--spectrum-switch-quiet-handle-border-color-selected-down, var(--spectrum-global-color-gray-900));
+}
+
+:is(.XHynUq_spectrum-ToggleSwitch, .XHynUq_spectrum-ToggleSwitch.XHynUq_is-hovered) .XHynUq_spectrum-ToggleSwitch-input.XHynUq_focus-ring + .XHynUq_spectrum-ToggleSwitch-switch:after {
+  box-shadow: 0 0 0 var(--spectrum-switch-focus-ring-size-key-focus, var(--spectrum-alias-focus-ring-size)) var(--spectrum-switch-focus-ring-color-key-focus, var(--spectrum-alias-focus-ring-color));
+}
+
+:is(.XHynUq_spectrum-ToggleSwitch, .XHynUq_spectrum-ToggleSwitch.XHynUq_is-hovered) .XHynUq_spectrum-ToggleSwitch-input.XHynUq_focus-ring + .XHynUq_spectrum-ToggleSwitch-switch:before {
+  border-color: var(--spectrum-switch-emphasized-handle-border-color-key-focus, var(--spectrum-global-color-gray-700));
+}
+
+:is(.XHynUq_spectrum-ToggleSwitch, .XHynUq_spectrum-ToggleSwitch.XHynUq_is-hovered) .XHynUq_spectrum-ToggleSwitch-input.XHynUq_focus-ring:checked + .XHynUq_spectrum-ToggleSwitch-switch {
+  background-color: var(--spectrum-switch-emphasized-track-color-selected-key-focus, var(--spectrum-global-color-blue-600));
+}
+
+:is(.XHynUq_spectrum-ToggleSwitch, .XHynUq_spectrum-ToggleSwitch.XHynUq_is-hovered) .XHynUq_spectrum-ToggleSwitch-input.XHynUq_focus-ring:checked + .XHynUq_spectrum-ToggleSwitch-switch:before {
+  border-color: var(--spectrum-switch-emphasized-handle-border-color-selected-key-focus, var(--spectrum-global-color-blue-600));
+}
+
+:is(.XHynUq_spectrum-ToggleSwitch--quiet, .XHynUq_spectrum-ToggleSwitch--quiet.XHynUq_is-hovered) .XHynUq_spectrum-ToggleSwitch-input.XHynUq_focus-ring:checked + .XHynUq_spectrum-ToggleSwitch-switch {
+  background-color: var(--spectrum-switch-quiet-track-color-selected-key-focus, var(--spectrum-global-color-gray-800));
+}
+
+:is(.XHynUq_spectrum-ToggleSwitch--quiet, .XHynUq_spectrum-ToggleSwitch--quiet.XHynUq_is-hovered) .XHynUq_spectrum-ToggleSwitch-input.XHynUq_focus-ring:checked + .XHynUq_spectrum-ToggleSwitch-switch:before {
+  border-color: var(--spectrum-switch-quiet-handle-border-color-selected-key-focus, var(--spectrum-global-color-gray-800));
+}
+
+.XHynUq_spectrum-ToggleSwitch--ab .XHynUq_spectrum-ToggleSwitch-input:checked + .XHynUq_spectrum-ToggleSwitch-switch {
+  background-color: var(--spectrum-switch-track-color, var(--spectrum-global-color-gray-300));
+}
+
+.XHynUq_spectrum-ToggleSwitch--ab .XHynUq_spectrum-ToggleSwitch-input:checked + .XHynUq_spectrum-ToggleSwitch-switch:before {
+  border-color: var(--spectrum-switch-handle-border-color, var(--spectrum-global-color-gray-600));
+}
+
+.XHynUq_spectrum-ToggleSwitch--ab .XHynUq_spectrum-ToggleSwitch-input.XHynUq_focus-ring:checked + .XHynUq_spectrum-ToggleSwitch-switch {
+  background-color: var(--spectrum-switch-track-color, var(--spectrum-global-color-gray-300));
+}
+
+.XHynUq_spectrum-ToggleSwitch--ab .XHynUq_spectrum-ToggleSwitch-input.XHynUq_focus-ring:checked + .XHynUq_spectrum-ToggleSwitch-switch:before {
+  border-color: var(--spectrum-switch-handle-border-color-selected, var(--spectrum-global-color-gray-700));
+}
+
+.XHynUq_spectrum-ToggleSwitch--ab .XHynUq_spectrum-ToggleSwitch-input:disabled:checked + .XHynUq_spectrum-ToggleSwitch-switch, .XHynUq_spectrum-ToggleSwitch--ab .XHynUq_spectrum-ToggleSwitch-input:disabled + .XHynUq_spectrum-ToggleSwitch-switch {
+  background-color: var(--spectrum-switch-emphasized-track-color-disabled, var(--spectrum-global-color-gray-300));
+}
+
+.XHynUq_spectrum-ToggleSwitch--ab .XHynUq_spectrum-ToggleSwitch-input:disabled + .XHynUq_spectrum-ToggleSwitch-switch:before {
+  border-color: var(--spectrum-switch-emphasized-handle-border-color-disabled, var(--spectrum-global-color-gray-400));
+}
+
+.XHynUq_spectrum-ToggleSwitch--ab.XHynUq_is-hovered .XHynUq_spectrum-ToggleSwitch-input:checked:enabled + .XHynUq_spectrum-ToggleSwitch-switch {
+  background-color: var(--spectrum-switch-emphasized-track-color, var(--spectrum-global-color-gray-300));
+}
+
+.XHynUq_spectrum-ToggleSwitch--ab.XHynUq_is-hovered .XHynUq_spectrum-ToggleSwitch-input:checked:enabled + .XHynUq_spectrum-ToggleSwitch-switch:before {
+  border-color: var(--spectrum-switch-emphasized-handle-border-color-hover, var(--spectrum-global-color-gray-700));
+}
+
+.XHynUq_spectrum-ToggleSwitch--ab:active .XHynUq_spectrum-ToggleSwitch-input:checked:enabled + .XHynUq_spectrum-ToggleSwitch-switch {
+  background-color: var(--spectrum-switch-emphasized-track-color, var(--spectrum-global-color-gray-300));
+}
+
+.XHynUq_spectrum-ToggleSwitch--ab:active .XHynUq_spectrum-ToggleSwitch-input:checked:enabled + .XHynUq_spectrum-ToggleSwitch-switch:before {
+  border-color: var(--spectrum-switch-emphasized-handle-border-color-down, var(--spectrum-global-color-gray-800));
+}
+
+@media (forced-colors: active) {
+  .XHynUq_spectrum-ToggleSwitch {
+    forced-color-adjust: none;
+    --spectrum-switch-emphasized-handle-background-color: ButtonFace;
+    --spectrum-switch-emphasized-handle-border-color: ButtonText;
+    --spectrum-switch-emphasized-handle-border-color-disabled: GrayText;
+    --spectrum-switch-emphasized-handle-border-color-down: Highlight;
+    --spectrum-switch-emphasized-handle-border-color-hover: Highlight;
+    --spectrum-switch-emphasized-handle-border-color-key-focus: Highlight;
+    --spectrum-switch-emphasized-handle-border-color-selected: Highlight;
+    --spectrum-switch-emphasized-handle-border-color-selected-disabled: GrayText;
+    --spectrum-switch-emphasized-handle-border-color-selected-down: Highlight;
+    --spectrum-switch-emphasized-handle-border-color-selected-hover: Highlight;
+    --spectrum-switch-emphasized-handle-border-color-selected-key-focus: Highlight;
+    --spectrum-switch-emphasized-text-color: CanvasText;
+    --spectrum-switch-emphasized-text-color-disabled: GrayText;
+    --spectrum-switch-emphasized-text-color-down: CanvasText;
+    --spectrum-switch-emphasized-text-color-hover: CanvasText;
+    --spectrum-switch-emphasized-text-color-selected-disabled: GrayText;
+    --spectrum-switch-emphasized-track-color: ButtonFace;
+    --spectrum-switch-emphasized-track-color-disabled: ButtonFace;
+    --spectrum-switch-emphasized-track-color-selected: Highlight;
+    --spectrum-switch-emphasized-track-color-selected-disabled: GrayText;
+    --spectrum-switch-emphasized-track-color-selected-down: Highlight;
+    --spectrum-switch-emphasized-track-color-selected-hover: Highlight;
+    --spectrum-switch-emphasized-track-color-selected-key-focus: Highlight;
+    --spectrum-switch-focus-ring-color-key-focus: ButtonText;
+    --spectrum-switch-handle-border-color: ButtonText;
+    --spectrum-switch-handle-border-color-selected: Highlight;
+    --spectrum-switch-quiet-handle-border-color-selected: Highlight;
+    --spectrum-switch-quiet-handle-border-color-selected-down: Highlight;
+    --spectrum-switch-quiet-handle-border-color-selected-hover: Highlight;
+    --spectrum-switch-quiet-handle-border-color-selected-key-focus: Highlight;
+    --spectrum-switch-quiet-track-color-selected: Highlight;
+    --spectrum-switch-quiet-track-color-selected-down: Highlight;
+    --spectrum-switch-quiet-track-color-selected-hover: Highlight;
+    --spectrum-switch-quiet-track-color-selected-key-focus: Highlight;
+    --spectrum-switch-track-color: ButtonFace;
+    --spectrum-switch-track-color-disabled: ButtonFace;
+  }
+
+  .XHynUq_spectrum-ToggleSwitch .XHynUq_spectrum-ToggleSwitch-input:not(:checked) + .XHynUq_spectrum-ToggleSwitch-switch {
+    box-shadow: inset 0 0 0 1px var(--spectrum-switch-handle-border-color, var(--spectrum-global-color-gray-600));
+  }
+
+  .XHynUq_spectrum-ToggleSwitch.XHynUq_is-hovered .XHynUq_spectrum-ToggleSwitch-input:not(:checked) + .XHynUq_spectrum-ToggleSwitch-switch {
+    box-shadow: inset 0 0 0 1px var(--spectrum-switch-emphasized-handle-border-color-hover, var(--spectrum-global-color-gray-700));
+  }
+
+  .XHynUq_spectrum-ToggleSwitch .XHynUq_spectrum-ToggleSwitch-input:not(:checked):focus + .XHynUq_spectrum-ToggleSwitch-switch {
+    box-shadow: inset 0 0 0 1px var(--spectrum-switch-emphasized-handle-border-color-key-focus, var(--spectrum-global-color-gray-700));
+  }
+
+  .XHynUq_spectrum-ToggleSwitch .XHynUq_spectrum-ToggleSwitch-input:disabled + .XHynUq_spectrum-ToggleSwitch-switch {
+    box-shadow: inset 0 0 0 1px var(--spectrum-switch-emphasized-handle-border-color-disabled, var(--spectrum-global-color-gray-400));
+  }
+}
+/*# sourceMappingURL=vars.f7257b6a.css.map */

package/dist/vars.f7257b6a.css.map

@@ -0,0 +1 @@
+{"mappings":"AA4DA;;;;;AAIE;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAQA;;;;AAIA;;;;AAKF;;;;;;;;AAOE;;;;;;;;;;;AAqBE;;;;;AAQF;;;;AAKE;;;;;AAOJ;EACE;;;;EAIE;;;;;AAMJ;;;;;;;;;;;AAgBA;;;;;;;;;;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAqBI;;;;AAGA;;;;AAKF;;;;AAOI;;;;AAON;;;;;;;;;AASA;;;;;;;;;;;;;;;;;AA6BE;;;;;;;;;;;;;;AAQA;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAeA;;;;;;;;;;;AA6BF;;;;;;;;;;;;;;;;;;;;AAuBA;;;;AAIE;;;;;AAMF;;;;AAOE;;;;AAEE;;;;AAWE;;;;;AAKF;;;;AAIA;;;;AAEE;;;;AAYA;;;;AAIF;;;;AAIA;;;;AAEE;;;;AAUJ;;;;AAEE;;;;AAIF;;;;AAKE;;;;AAEE;;;;AAIF;;;;AAWF;;;;AAEE;;;;AASF;;;;AAEE;;;;AASF;;;;AAEE;;;;AAYE;;;;AAGA;;;;AAMA;;;;AAEE;;;;AAaF;;;;AAEE;;;;AAUJ;;;;AAKE;;;;AAOA;;;;AAGE;;;;AAOF;;;;AAOE;;;;AASF;;;;AAEE;;;;AASF;;;;AAEE;;;;AAQR;EACE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwCE;;;;EAIE;;;;EAIF;;;;EAIA","sources":["packages/@adobe/spectrum-css-temp/components/toggle/vars.css"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n@import './index.css';\n@import './skin.css';\n"],"names":[],"version":3,"file":"vars.f7257b6a.css.map"}

package/package.json

@@ -0,0 +1,59 @@
+{
+  "name": "@react-spectrum/switch",
+  "version": "3.0.0-nightly-641446f65-240905",
+  "description": "Spectrum UI components in React",
+  "license": "Apache-2.0",
+  "main": "dist/main.js",
+  "module": "dist/module.js",
+  "exports": {
+    "types": "./dist/types.d.ts",
+    "import": "./dist/import.mjs",
+    "require": "./dist/main.js"
+  },
+  "types": "dist/types.d.ts",
+  "source": "src/index.ts",
+  "files": [
+    "dist",
+    "src"
+  ],
+  "sideEffects": [
+    "*.css"
+  ],
+  "targets": {
+    "main": {
+      "includeNodeModules": [
+        "@adobe/spectrum-css-temp"
+      ]
+    },
+    "module": {
+      "includeNodeModules": [
+        "@adobe/spectrum-css-temp"
+      ]
+    }
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/adobe/react-spectrum"
+  },
+  "dependencies": {
+    "@react-aria/focus": "^3.0.0-nightly-641446f65-240905",
+    "@react-aria/interactions": "^3.0.0-nightly-641446f65-240905",
+    "@react-aria/switch": "^3.0.0-nightly-641446f65-240905",
+    "@react-spectrum/utils": "^3.0.0-nightly-641446f65-240905",
+    "@react-stately/toggle": "^3.0.0-nightly-641446f65-240905",
+    "@react-types/shared": "^3.0.0-nightly-641446f65-240905",
+    "@react-types/switch": "^3.0.0-nightly-641446f65-240905",
+    "@swc/helpers": "^0.5.0"
+  },
+  "devDependencies": {
+    "@adobe/spectrum-css-temp": "3.0.0-alpha.1"
+  },
+  "peerDependencies": {
+    "@react-spectrum/provider": "^3.0.0-nightly-641446f65-240905",
+    "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "stableVersion": "3.5.7"
+}

package/src/Switch.tsx

@@ -0,0 +1,80 @@
+/*
+ * Copyright 2020 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
+
+import {classNames, useFocusableRef, useStyleProps} from '@react-spectrum/utils';
+import {FocusableRef} from '@react-types/shared';
+import {FocusRing} from '@react-aria/focus';
+import React, {forwardRef, useRef} from 'react';
+import {SpectrumSwitchProps} from '@react-types/switch';
+import styles from '@adobe/spectrum-css-temp/components/toggle/vars.css';
+import {useHover} from '@react-aria/interactions';
+import {useProviderProps} from '@react-spectrum/provider';
+import {useSwitch} from '@react-aria/switch';
+import {useToggleState} from '@react-stately/toggle';
+
+function Switch(props: SpectrumSwitchProps, ref: FocusableRef<HTMLLabelElement>) {
+  props = useProviderProps(props);
+  let {
+    isEmphasized = false,
+    isDisabled = false,
+    autoFocus,
+    children,
+    ...otherProps
+  } = props;
+  let {styleProps} = useStyleProps(otherProps);
+  let {hoverProps, isHovered} = useHover({isDisabled});
+
+  let inputRef = useRef<HTMLInputElement>(null);
+  let domRef = useFocusableRef(ref, inputRef);
+  let state = useToggleState(props);
+  let {inputProps} = useSwitch(props, state, inputRef);
+
+
+  return (
+    <label
+      {...styleProps}
+      {...hoverProps}
+      ref={domRef}
+      className={
+        classNames(
+          styles,
+          'spectrum-ToggleSwitch',
+          {
+            'spectrum-ToggleSwitch--quiet': !isEmphasized,
+            'is-disabled': isDisabled,
+            'is-hovered': isHovered
+          },
+          styleProps.className
+        )
+      }>
+      <FocusRing focusRingClass={classNames(styles, 'focus-ring')} autoFocus={autoFocus}>
+        <input
+          {...inputProps}
+          ref={inputRef}
+          className={classNames(styles, 'spectrum-ToggleSwitch-input')} />
+      </FocusRing>
+      <span className={classNames(styles, 'spectrum-ToggleSwitch-switch')} />
+      {children && (
+        <span className={classNames(styles, 'spectrum-ToggleSwitch-label')}>
+          {children}
+        </span>
+      )}
+    </label>
+  );
+}
+
+/**
+ * Switches allow users to turn an individual option on or off.
+ * They are usually used to activate or deactivate a specific setting.
+ */
+const _Switch = forwardRef(Switch);
+export {_Switch as Switch};

package/src/index.ts

@@ -0,0 +1,16 @@
+/*
+ * Copyright 2020 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
+
+/// <reference types="css-module-types" />
+
+export {Switch} from './Switch';
+export type {SpectrumSwitchProps} from '@react-types/switch';