@react-spectrum/switch 3.5.10 → 3.5.12
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.
- package/dist/Switch.main.js +3 -7
- package/dist/Switch.main.js.map +1 -1
- package/dist/Switch.mjs +4 -8
- package/dist/Switch.module.js +4 -8
- package/dist/Switch.module.js.map +1 -1
- package/dist/toggle_vars_css.main.js +12 -12
- package/dist/toggle_vars_css.mjs +12 -12
- package/dist/toggle_vars_css.module.js +12 -12
- package/dist/types.d.ts.map +1 -1
- package/dist/{vars.ee098a37.css → vars.e8066356.css} +84 -83
- package/dist/vars.e8066356.css.map +1 -0
- package/package.json +9 -9
- package/src/Switch.tsx +6 -9
- package/dist/vars.ee098a37.css.map +0 -1
package/dist/Switch.main.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
require("./vars.
|
|
1
|
+
require("./vars.e8066356.css");
|
|
2
2
|
var $faeb9d1b92049ba7$exports = require("./toggle_vars_css.main.js");
|
|
3
3
|
var $3aWe4$reactspectrumutils = require("@react-spectrum/utils");
|
|
4
4
|
var $3aWe4$reactariafocus = require("@react-aria/focus");
|
|
@@ -36,7 +36,7 @@ $parcel$export(module.exports, "Switch", () => $e216104aee091306$export$b5d5cf89
|
|
|
36
36
|
|
|
37
37
|
|
|
38
38
|
|
|
39
|
-
|
|
39
|
+
const $e216104aee091306$export$b5d5cf8927ab7262 = /*#__PURE__*/ (0, $3aWe4$react.forwardRef)(function Switch(props, ref) {
|
|
40
40
|
props = (0, $3aWe4$reactspectrumprovider.useProviderProps)(props);
|
|
41
41
|
let { isEmphasized: isEmphasized = false, isDisabled: isDisabled = false, autoFocus: autoFocus, children: children, ...otherProps } = props;
|
|
42
42
|
let { styleProps: styleProps } = (0, $3aWe4$reactspectrumutils.useStyleProps)(otherProps);
|
|
@@ -68,11 +68,7 @@ function $e216104aee091306$var$Switch(props, ref) {
|
|
|
68
68
|
}), children && /*#__PURE__*/ (0, ($parcel$interopDefault($3aWe4$react))).createElement("span", {
|
|
69
69
|
className: (0, $3aWe4$reactspectrumutils.classNames)((0, ($parcel$interopDefault($faeb9d1b92049ba7$exports))), 'spectrum-ToggleSwitch-label')
|
|
70
70
|
}, children));
|
|
71
|
-
}
|
|
72
|
-
/**
|
|
73
|
-
* Switches allow users to turn an individual option on or off.
|
|
74
|
-
* They are usually used to activate or deactivate a specific setting.
|
|
75
|
-
*/ const $e216104aee091306$export$b5d5cf8927ab7262 = /*#__PURE__*/ (0, $3aWe4$react.forwardRef)($e216104aee091306$var$Switch);
|
|
71
|
+
});
|
|
76
72
|
|
|
77
73
|
|
|
78
74
|
//# sourceMappingURL=Switch.main.js.map
|
package/dist/Switch.main.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;
|
|
1
|
+
{"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;AAiBM,MAAM,0DAAS,CAAA,GAAA,uBAAS,EAAE,SAAS,OAAO,KAA0B,EAAE,GAAmC;IAC9G,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","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\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 */\nexport const Switch = forwardRef(function 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"],"names":[],"version":3,"file":"Switch.main.js.map"}
|
package/dist/Switch.mjs
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import "./vars.
|
|
1
|
+
import "./vars.e8066356.css";
|
|
2
2
|
import $cEq2J$toggle_vars_cssmodulejs from "./toggle_vars_css.mjs";
|
|
3
3
|
import {useStyleProps as $cEq2J$useStyleProps, useFocusableRef as $cEq2J$useFocusableRef, classNames as $cEq2J$classNames} from "@react-spectrum/utils";
|
|
4
4
|
import {FocusRing as $cEq2J$FocusRing} from "@react-aria/focus";
|
|
5
|
-
import $cEq2J$react, {
|
|
5
|
+
import $cEq2J$react, {forwardRef as $cEq2J$forwardRef, useRef as $cEq2J$useRef} from "react";
|
|
6
6
|
import {useHover as $cEq2J$useHover} from "@react-aria/interactions";
|
|
7
7
|
import {useProviderProps as $cEq2J$useProviderProps} from "@react-spectrum/provider";
|
|
8
8
|
import {useSwitch as $cEq2J$useSwitch} from "@react-aria/switch";
|
|
@@ -30,7 +30,7 @@ function $parcel$interopDefault(a) {
|
|
|
30
30
|
|
|
31
31
|
|
|
32
32
|
|
|
33
|
-
|
|
33
|
+
const $8341c396cee1c5fc$export$b5d5cf8927ab7262 = /*#__PURE__*/ (0, $cEq2J$forwardRef)(function Switch(props, ref) {
|
|
34
34
|
props = (0, $cEq2J$useProviderProps)(props);
|
|
35
35
|
let { isEmphasized: isEmphasized = false, isDisabled: isDisabled = false, autoFocus: autoFocus, children: children, ...otherProps } = props;
|
|
36
36
|
let { styleProps: styleProps } = (0, $cEq2J$useStyleProps)(otherProps);
|
|
@@ -62,11 +62,7 @@ function $8341c396cee1c5fc$var$Switch(props, ref) {
|
|
|
62
62
|
}), children && /*#__PURE__*/ (0, $cEq2J$react).createElement("span", {
|
|
63
63
|
className: (0, $cEq2J$classNames)((0, ($parcel$interopDefault($cEq2J$toggle_vars_cssmodulejs))), 'spectrum-ToggleSwitch-label')
|
|
64
64
|
}, children));
|
|
65
|
-
}
|
|
66
|
-
/**
|
|
67
|
-
* Switches allow users to turn an individual option on or off.
|
|
68
|
-
* They are usually used to activate or deactivate a specific setting.
|
|
69
|
-
*/ const $8341c396cee1c5fc$export$b5d5cf8927ab7262 = /*#__PURE__*/ (0, $cEq2J$forwardRef)($8341c396cee1c5fc$var$Switch);
|
|
65
|
+
});
|
|
70
66
|
|
|
71
67
|
|
|
72
68
|
export {$8341c396cee1c5fc$export$b5d5cf8927ab7262 as Switch};
|
package/dist/Switch.module.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import "./vars.
|
|
1
|
+
import "./vars.e8066356.css";
|
|
2
2
|
import $cEq2J$toggle_vars_cssmodulejs from "./toggle_vars_css.module.js";
|
|
3
3
|
import {useStyleProps as $cEq2J$useStyleProps, useFocusableRef as $cEq2J$useFocusableRef, classNames as $cEq2J$classNames} from "@react-spectrum/utils";
|
|
4
4
|
import {FocusRing as $cEq2J$FocusRing} from "@react-aria/focus";
|
|
5
|
-
import $cEq2J$react, {
|
|
5
|
+
import $cEq2J$react, {forwardRef as $cEq2J$forwardRef, useRef as $cEq2J$useRef} from "react";
|
|
6
6
|
import {useHover as $cEq2J$useHover} from "@react-aria/interactions";
|
|
7
7
|
import {useProviderProps as $cEq2J$useProviderProps} from "@react-spectrum/provider";
|
|
8
8
|
import {useSwitch as $cEq2J$useSwitch} from "@react-aria/switch";
|
|
@@ -30,7 +30,7 @@ function $parcel$interopDefault(a) {
|
|
|
30
30
|
|
|
31
31
|
|
|
32
32
|
|
|
33
|
-
|
|
33
|
+
const $8341c396cee1c5fc$export$b5d5cf8927ab7262 = /*#__PURE__*/ (0, $cEq2J$forwardRef)(function Switch(props, ref) {
|
|
34
34
|
props = (0, $cEq2J$useProviderProps)(props);
|
|
35
35
|
let { isEmphasized: isEmphasized = false, isDisabled: isDisabled = false, autoFocus: autoFocus, children: children, ...otherProps } = props;
|
|
36
36
|
let { styleProps: styleProps } = (0, $cEq2J$useStyleProps)(otherProps);
|
|
@@ -62,11 +62,7 @@ function $8341c396cee1c5fc$var$Switch(props, ref) {
|
|
|
62
62
|
}), children && /*#__PURE__*/ (0, $cEq2J$react).createElement("span", {
|
|
63
63
|
className: (0, $cEq2J$classNames)((0, ($parcel$interopDefault($cEq2J$toggle_vars_cssmodulejs))), 'spectrum-ToggleSwitch-label')
|
|
64
64
|
}, children));
|
|
65
|
-
}
|
|
66
|
-
/**
|
|
67
|
-
* Switches allow users to turn an individual option on or off.
|
|
68
|
-
* They are usually used to activate or deactivate a specific setting.
|
|
69
|
-
*/ const $8341c396cee1c5fc$export$b5d5cf8927ab7262 = /*#__PURE__*/ (0, $cEq2J$forwardRef)($8341c396cee1c5fc$var$Switch);
|
|
65
|
+
});
|
|
70
66
|
|
|
71
67
|
|
|
72
68
|
export {$8341c396cee1c5fc$export$b5d5cf8927ab7262 as Switch};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"mappings":";;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;
|
|
1
|
+
{"mappings":";;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;AAiBM,MAAM,0DAAS,CAAA,GAAA,iBAAS,EAAE,SAAS,OAAO,KAA0B,EAAE,GAAmC;IAC9G,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","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\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 */\nexport const Switch = forwardRef(function 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"],"names":[],"version":3,"file":"Switch.module.js.map"}
|
|
@@ -27,18 +27,18 @@ var $faeb9d1b92049ba7$export$ce1b1dcfc10f3df4;
|
|
|
27
27
|
var $faeb9d1b92049ba7$export$38df7ea4ffef819a;
|
|
28
28
|
var $faeb9d1b92049ba7$export$8f1a69021a3897b2;
|
|
29
29
|
var $faeb9d1b92049ba7$export$b82d06d1b520a22f;
|
|
30
|
-
$faeb9d1b92049ba7$export$f39a09f249340e2a = `
|
|
31
|
-
$faeb9d1b92049ba7$export$8c4ee2c50c22c514 = `
|
|
32
|
-
$faeb9d1b92049ba7$export$b8813cd5d7824ce7 = `
|
|
33
|
-
$faeb9d1b92049ba7$export$4109102f950813a6 = `
|
|
34
|
-
$faeb9d1b92049ba7$export$24c7f46a6e3605dd = `
|
|
35
|
-
$faeb9d1b92049ba7$export$2927016961429360 = `
|
|
36
|
-
$faeb9d1b92049ba7$export$89a9162656c0c38c = `
|
|
37
|
-
$faeb9d1b92049ba7$export$dc5a33fddabf5882 = `
|
|
38
|
-
$faeb9d1b92049ba7$export$ce1b1dcfc10f3df4 = `
|
|
39
|
-
$faeb9d1b92049ba7$export$38df7ea4ffef819a = `
|
|
40
|
-
$faeb9d1b92049ba7$export$8f1a69021a3897b2 = `
|
|
41
|
-
$faeb9d1b92049ba7$export$b82d06d1b520a22f = `
|
|
30
|
+
$faeb9d1b92049ba7$export$f39a09f249340e2a = `El90pa_focus-ring`;
|
|
31
|
+
$faeb9d1b92049ba7$export$8c4ee2c50c22c514 = `El90pa_i18nFontFamily`;
|
|
32
|
+
$faeb9d1b92049ba7$export$b8813cd5d7824ce7 = `El90pa_is-hovered`;
|
|
33
|
+
$faeb9d1b92049ba7$export$4109102f950813a6 = `El90pa_spectrum-FocusRing-ring`;
|
|
34
|
+
$faeb9d1b92049ba7$export$24c7f46a6e3605dd = `El90pa_spectrum-FocusRing ${$faeb9d1b92049ba7$export$4109102f950813a6}`;
|
|
35
|
+
$faeb9d1b92049ba7$export$2927016961429360 = `El90pa_spectrum-FocusRing--quiet`;
|
|
36
|
+
$faeb9d1b92049ba7$export$89a9162656c0c38c = `El90pa_spectrum-ToggleSwitch`;
|
|
37
|
+
$faeb9d1b92049ba7$export$dc5a33fddabf5882 = `El90pa_spectrum-ToggleSwitch--ab`;
|
|
38
|
+
$faeb9d1b92049ba7$export$ce1b1dcfc10f3df4 = `El90pa_spectrum-ToggleSwitch--quiet`;
|
|
39
|
+
$faeb9d1b92049ba7$export$38df7ea4ffef819a = `El90pa_spectrum-ToggleSwitch-input`;
|
|
40
|
+
$faeb9d1b92049ba7$export$8f1a69021a3897b2 = `El90pa_spectrum-ToggleSwitch-label`;
|
|
41
|
+
$faeb9d1b92049ba7$export$b82d06d1b520a22f = `El90pa_spectrum-ToggleSwitch-switch`;
|
|
42
42
|
|
|
43
43
|
|
|
44
44
|
//# sourceMappingURL=toggle_vars_css.main.js.map
|
package/dist/toggle_vars_css.mjs
CHANGED
|
@@ -28,18 +28,18 @@ var $dfcff93ab25bb9b3$export$ce1b1dcfc10f3df4;
|
|
|
28
28
|
var $dfcff93ab25bb9b3$export$38df7ea4ffef819a;
|
|
29
29
|
var $dfcff93ab25bb9b3$export$8f1a69021a3897b2;
|
|
30
30
|
var $dfcff93ab25bb9b3$export$b82d06d1b520a22f;
|
|
31
|
-
$dfcff93ab25bb9b3$export$f39a09f249340e2a = `
|
|
32
|
-
$dfcff93ab25bb9b3$export$8c4ee2c50c22c514 = `
|
|
33
|
-
$dfcff93ab25bb9b3$export$b8813cd5d7824ce7 = `
|
|
34
|
-
$dfcff93ab25bb9b3$export$4109102f950813a6 = `
|
|
35
|
-
$dfcff93ab25bb9b3$export$24c7f46a6e3605dd = `
|
|
36
|
-
$dfcff93ab25bb9b3$export$2927016961429360 = `
|
|
37
|
-
$dfcff93ab25bb9b3$export$89a9162656c0c38c = `
|
|
38
|
-
$dfcff93ab25bb9b3$export$dc5a33fddabf5882 = `
|
|
39
|
-
$dfcff93ab25bb9b3$export$ce1b1dcfc10f3df4 = `
|
|
40
|
-
$dfcff93ab25bb9b3$export$38df7ea4ffef819a = `
|
|
41
|
-
$dfcff93ab25bb9b3$export$8f1a69021a3897b2 = `
|
|
42
|
-
$dfcff93ab25bb9b3$export$b82d06d1b520a22f = `
|
|
31
|
+
$dfcff93ab25bb9b3$export$f39a09f249340e2a = `El90pa_focus-ring`;
|
|
32
|
+
$dfcff93ab25bb9b3$export$8c4ee2c50c22c514 = `El90pa_i18nFontFamily`;
|
|
33
|
+
$dfcff93ab25bb9b3$export$b8813cd5d7824ce7 = `El90pa_is-hovered`;
|
|
34
|
+
$dfcff93ab25bb9b3$export$4109102f950813a6 = `El90pa_spectrum-FocusRing-ring`;
|
|
35
|
+
$dfcff93ab25bb9b3$export$24c7f46a6e3605dd = `El90pa_spectrum-FocusRing ${$dfcff93ab25bb9b3$export$4109102f950813a6}`;
|
|
36
|
+
$dfcff93ab25bb9b3$export$2927016961429360 = `El90pa_spectrum-FocusRing--quiet`;
|
|
37
|
+
$dfcff93ab25bb9b3$export$89a9162656c0c38c = `El90pa_spectrum-ToggleSwitch`;
|
|
38
|
+
$dfcff93ab25bb9b3$export$dc5a33fddabf5882 = `El90pa_spectrum-ToggleSwitch--ab`;
|
|
39
|
+
$dfcff93ab25bb9b3$export$ce1b1dcfc10f3df4 = `El90pa_spectrum-ToggleSwitch--quiet`;
|
|
40
|
+
$dfcff93ab25bb9b3$export$38df7ea4ffef819a = `El90pa_spectrum-ToggleSwitch-input`;
|
|
41
|
+
$dfcff93ab25bb9b3$export$8f1a69021a3897b2 = `El90pa_spectrum-ToggleSwitch-label`;
|
|
42
|
+
$dfcff93ab25bb9b3$export$b82d06d1b520a22f = `El90pa_spectrum-ToggleSwitch-switch`;
|
|
43
43
|
|
|
44
44
|
|
|
45
45
|
export {$dfcff93ab25bb9b3$exports as default};
|
|
@@ -28,18 +28,18 @@ var $dfcff93ab25bb9b3$export$ce1b1dcfc10f3df4;
|
|
|
28
28
|
var $dfcff93ab25bb9b3$export$38df7ea4ffef819a;
|
|
29
29
|
var $dfcff93ab25bb9b3$export$8f1a69021a3897b2;
|
|
30
30
|
var $dfcff93ab25bb9b3$export$b82d06d1b520a22f;
|
|
31
|
-
$dfcff93ab25bb9b3$export$f39a09f249340e2a = `
|
|
32
|
-
$dfcff93ab25bb9b3$export$8c4ee2c50c22c514 = `
|
|
33
|
-
$dfcff93ab25bb9b3$export$b8813cd5d7824ce7 = `
|
|
34
|
-
$dfcff93ab25bb9b3$export$4109102f950813a6 = `
|
|
35
|
-
$dfcff93ab25bb9b3$export$24c7f46a6e3605dd = `
|
|
36
|
-
$dfcff93ab25bb9b3$export$2927016961429360 = `
|
|
37
|
-
$dfcff93ab25bb9b3$export$89a9162656c0c38c = `
|
|
38
|
-
$dfcff93ab25bb9b3$export$dc5a33fddabf5882 = `
|
|
39
|
-
$dfcff93ab25bb9b3$export$ce1b1dcfc10f3df4 = `
|
|
40
|
-
$dfcff93ab25bb9b3$export$38df7ea4ffef819a = `
|
|
41
|
-
$dfcff93ab25bb9b3$export$8f1a69021a3897b2 = `
|
|
42
|
-
$dfcff93ab25bb9b3$export$b82d06d1b520a22f = `
|
|
31
|
+
$dfcff93ab25bb9b3$export$f39a09f249340e2a = `El90pa_focus-ring`;
|
|
32
|
+
$dfcff93ab25bb9b3$export$8c4ee2c50c22c514 = `El90pa_i18nFontFamily`;
|
|
33
|
+
$dfcff93ab25bb9b3$export$b8813cd5d7824ce7 = `El90pa_is-hovered`;
|
|
34
|
+
$dfcff93ab25bb9b3$export$4109102f950813a6 = `El90pa_spectrum-FocusRing-ring`;
|
|
35
|
+
$dfcff93ab25bb9b3$export$24c7f46a6e3605dd = `El90pa_spectrum-FocusRing ${$dfcff93ab25bb9b3$export$4109102f950813a6}`;
|
|
36
|
+
$dfcff93ab25bb9b3$export$2927016961429360 = `El90pa_spectrum-FocusRing--quiet`;
|
|
37
|
+
$dfcff93ab25bb9b3$export$89a9162656c0c38c = `El90pa_spectrum-ToggleSwitch`;
|
|
38
|
+
$dfcff93ab25bb9b3$export$dc5a33fddabf5882 = `El90pa_spectrum-ToggleSwitch--ab`;
|
|
39
|
+
$dfcff93ab25bb9b3$export$ce1b1dcfc10f3df4 = `El90pa_spectrum-ToggleSwitch--quiet`;
|
|
40
|
+
$dfcff93ab25bb9b3$export$38df7ea4ffef819a = `El90pa_spectrum-ToggleSwitch-input`;
|
|
41
|
+
$dfcff93ab25bb9b3$export$8f1a69021a3897b2 = `El90pa_spectrum-ToggleSwitch-label`;
|
|
42
|
+
$dfcff93ab25bb9b3$export$b82d06d1b520a22f = `El90pa_spectrum-ToggleSwitch-switch`;
|
|
43
43
|
|
|
44
44
|
|
|
45
45
|
export {$dfcff93ab25bb9b3$exports as default};
|
package/dist/types.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"mappings":";;;
|
|
1
|
+
{"mappings":";;;AAuBA;;;GAGG;AACH,OAAO,MAAM,yIAiDX,CAAC;AC7DH,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"}
|
|
@@ -1,41 +1,41 @@
|
|
|
1
|
-
.
|
|
1
|
+
.El90pa_i18nFontFamily {
|
|
2
2
|
font-synthesis: weight;
|
|
3
3
|
font-family: adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
|
|
4
4
|
}
|
|
5
5
|
|
|
6
|
-
.
|
|
6
|
+
.El90pa_i18nFontFamily:lang(ar) {
|
|
7
7
|
font-family: myriad-arabic, adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
|
|
8
8
|
}
|
|
9
9
|
|
|
10
|
-
.
|
|
10
|
+
.El90pa_i18nFontFamily:lang(he) {
|
|
11
11
|
font-family: myriad-hebrew, adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
|
|
12
12
|
}
|
|
13
13
|
|
|
14
|
-
.
|
|
14
|
+
.El90pa_i18nFontFamily:lang(zh) {
|
|
15
15
|
font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Heiti TC Light, sans-serif;
|
|
16
16
|
}
|
|
17
17
|
|
|
18
|
-
.
|
|
18
|
+
.El90pa_i18nFontFamily:lang(zh-Hans) {
|
|
19
19
|
font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
|
|
20
20
|
}
|
|
21
21
|
|
|
22
|
-
.
|
|
22
|
+
.El90pa_i18nFontFamily:lang(zh-Hant) {
|
|
23
23
|
font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Microsoft JhengHei UI, Microsoft JhengHei, Heiti TC Light, sans-serif;
|
|
24
24
|
}
|
|
25
25
|
|
|
26
|
-
.
|
|
26
|
+
.El90pa_i18nFontFamily:lang(zh-SG), .El90pa_i18nFontFamily:lang(zh-CN) {
|
|
27
27
|
font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
|
|
28
28
|
}
|
|
29
29
|
|
|
30
|
-
.
|
|
30
|
+
.El90pa_i18nFontFamily:lang(ko) {
|
|
31
31
|
font-family: adobe-clean-han-korean, source-han-korean, Malgun Gothic, Apple Gothic, sans-serif;
|
|
32
32
|
}
|
|
33
33
|
|
|
34
|
-
.
|
|
34
|
+
.El90pa_i18nFontFamily:lang(ja) {
|
|
35
35
|
font-family: adobe-clean-han-japanese, Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN W3, Osaka, YuGothic, Yu Gothic, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif;
|
|
36
36
|
}
|
|
37
37
|
|
|
38
|
-
.
|
|
38
|
+
.El90pa_spectrum-FocusRing-ring {
|
|
39
39
|
--spectrum-focus-ring-border-radius: var(--spectrum-textfield-border-radius, var(--spectrum-alias-border-radius-regular));
|
|
40
40
|
--spectrum-focus-ring-gap: var(--spectrum-alias-input-focusring-gap);
|
|
41
41
|
--spectrum-focus-ring-size: var(--spectrum-alias-input-focusring-size);
|
|
@@ -43,7 +43,7 @@
|
|
|
43
43
|
--spectrum-focus-ring-color: var(--spectrum-high-contrast-focus-ring-color, var(--spectrum-alias-focus-ring-color, var(--spectrum-alias-focus-color)));
|
|
44
44
|
}
|
|
45
45
|
|
|
46
|
-
.
|
|
46
|
+
.El90pa_spectrum-FocusRing-ring:after {
|
|
47
47
|
border-radius: calc(var(--spectrum-focus-ring-border-radius) + var(--spectrum-focus-ring-gap));
|
|
48
48
|
content: "";
|
|
49
49
|
margin: calc(-1 * var(--spectrum-focus-ring-border-size));
|
|
@@ -54,45 +54,46 @@
|
|
|
54
54
|
inset: 0;
|
|
55
55
|
}
|
|
56
56
|
|
|
57
|
-
.
|
|
57
|
+
.El90pa_spectrum-FocusRing.El90pa_focus-ring:after {
|
|
58
58
|
margin: calc(var(--spectrum-focus-ring-gap) * -1 - var(--spectrum-focus-ring-border-size));
|
|
59
59
|
box-shadow: 0 0 0 var(--spectrum-focus-ring-size) var(--spectrum-focus-ring-color);
|
|
60
60
|
}
|
|
61
61
|
|
|
62
|
-
.
|
|
62
|
+
.El90pa_spectrum-FocusRing--quiet:after {
|
|
63
63
|
border-radius: 0;
|
|
64
64
|
}
|
|
65
65
|
|
|
66
|
-
.
|
|
66
|
+
.El90pa_spectrum-FocusRing--quiet.El90pa_focus-ring:after {
|
|
67
67
|
margin: 0 0 calc(var(--spectrum-focus-ring-gap) * -1 - var(--spectrum-focus-ring-border-size)) 0;
|
|
68
68
|
box-shadow: 0 var(--spectrum-focus-ring-size) 0 var(--spectrum-focus-ring-color);
|
|
69
69
|
}
|
|
70
70
|
|
|
71
71
|
@media (forced-colors: active) {
|
|
72
|
-
.
|
|
72
|
+
.El90pa_spectrum-FocusRing, .El90pa_spectrum-FocusRing-ring, .El90pa_spectrum-FocusRing--quiet {
|
|
73
73
|
--spectrum-high-contrast-focus-ring-color: Highlight;
|
|
74
74
|
}
|
|
75
75
|
|
|
76
|
-
:is(.
|
|
76
|
+
:is(.El90pa_spectrum-FocusRing, .El90pa_spectrum-FocusRing-ring, .El90pa_spectrum-FocusRing--quiet):after {
|
|
77
77
|
forced-color-adjust: none;
|
|
78
78
|
}
|
|
79
79
|
}
|
|
80
80
|
|
|
81
|
-
.
|
|
81
|
+
.El90pa_spectrum-ToggleSwitch {
|
|
82
82
|
min-block-size: var(--spectrum-switch-height, var(--spectrum-global-dimension-size-400));
|
|
83
83
|
vertical-align: top;
|
|
84
84
|
isolation: isolate;
|
|
85
|
-
align-items: flex-start;
|
|
86
85
|
max-inline-size: 100%;
|
|
86
|
+
align-items: flex-start;
|
|
87
87
|
margin-inline-end: calc(var(--spectrum-switch-cursor-hit-x, var(--spectrum-global-dimension-size-100)) * 2);
|
|
88
88
|
display: inline-flex;
|
|
89
89
|
position: relative;
|
|
90
90
|
}
|
|
91
91
|
|
|
92
|
-
.
|
|
92
|
+
.El90pa_spectrum-ToggleSwitch-input {
|
|
93
93
|
box-sizing: border-box;
|
|
94
94
|
opacity: .0001;
|
|
95
95
|
z-index: 1;
|
|
96
|
+
touch-action: manipulation;
|
|
96
97
|
cursor: default;
|
|
97
98
|
block-size: 100%;
|
|
98
99
|
inline-size: 100%;
|
|
@@ -102,39 +103,39 @@
|
|
|
102
103
|
top: 0;
|
|
103
104
|
}
|
|
104
105
|
|
|
105
|
-
.
|
|
106
|
+
.El90pa_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))) {
|
|
106
107
|
left: 0;
|
|
107
108
|
}
|
|
108
109
|
|
|
109
|
-
.
|
|
110
|
+
.El90pa_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))) {
|
|
110
111
|
left: 0;
|
|
111
112
|
}
|
|
112
113
|
|
|
113
|
-
.
|
|
114
|
+
.El90pa_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)) {
|
|
114
115
|
right: 0;
|
|
115
116
|
}
|
|
116
117
|
|
|
117
|
-
.
|
|
118
|
+
.El90pa_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)) {
|
|
118
119
|
right: 0;
|
|
119
120
|
}
|
|
120
121
|
|
|
121
|
-
[dir="ltr"] :is(.
|
|
122
|
+
[dir="ltr"] :is(.El90pa_spectrum-ToggleSwitch-input:checked + .El90pa_spectrum-ToggleSwitch-switch):before {
|
|
122
123
|
transform: translateX(calc(var(--spectrum-switch-track-width) - 100%));
|
|
123
124
|
}
|
|
124
125
|
|
|
125
|
-
[dir="rtl"] :is(.
|
|
126
|
+
[dir="rtl"] :is(.El90pa_spectrum-ToggleSwitch-input:checked + .El90pa_spectrum-ToggleSwitch-switch):before {
|
|
126
127
|
transform: translateX(calc(100% - var(--spectrum-switch-track-width)));
|
|
127
128
|
}
|
|
128
129
|
|
|
129
|
-
.
|
|
130
|
+
.El90pa_spectrum-ToggleSwitch-input:disabled, .El90pa_spectrum-ToggleSwitch-input[disabled] {
|
|
130
131
|
cursor: default;
|
|
131
132
|
}
|
|
132
133
|
|
|
133
|
-
.
|
|
134
|
+
.El90pa_spectrum-ToggleSwitch-input.El90pa_focus-ring + .El90pa_spectrum-ToggleSwitch-switch:after {
|
|
134
135
|
margin: calc(var(--spectrum-alias-focus-ring-gap, var(--spectrum-global-dimension-static-size-25)) * -1);
|
|
135
136
|
}
|
|
136
137
|
|
|
137
|
-
.
|
|
138
|
+
.El90pa_spectrum-ToggleSwitch-label {
|
|
138
139
|
text-align: start;
|
|
139
140
|
margin: 0 var(--spectrum-switch-text-gap, var(--spectrum-global-dimension-size-125));
|
|
140
141
|
font-size: var(--spectrum-switch-text-size, var(--spectrum-alias-font-size-default));
|
|
@@ -143,7 +144,7 @@
|
|
|
143
144
|
line-height: 1.49;
|
|
144
145
|
}
|
|
145
146
|
|
|
146
|
-
.
|
|
147
|
+
.El90pa_spectrum-ToggleSwitch-switch {
|
|
147
148
|
box-sizing: border-box;
|
|
148
149
|
inline-size: var(--spectrum-switch-track-width);
|
|
149
150
|
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;
|
|
@@ -160,7 +161,7 @@
|
|
|
160
161
|
right: 0;
|
|
161
162
|
}
|
|
162
163
|
|
|
163
|
-
.
|
|
164
|
+
.El90pa_spectrum-ToggleSwitch-switch:before {
|
|
164
165
|
content: "";
|
|
165
166
|
box-sizing: border-box;
|
|
166
167
|
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;
|
|
@@ -174,23 +175,23 @@
|
|
|
174
175
|
top: 0;
|
|
175
176
|
}
|
|
176
177
|
|
|
177
|
-
.
|
|
178
|
+
.El90pa_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 {
|
|
178
179
|
left: 0;
|
|
179
180
|
}
|
|
180
181
|
|
|
181
|
-
.
|
|
182
|
+
.El90pa_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 {
|
|
182
183
|
left: 0;
|
|
183
184
|
}
|
|
184
185
|
|
|
185
|
-
.
|
|
186
|
+
.El90pa_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 {
|
|
186
187
|
right: 0;
|
|
187
188
|
}
|
|
188
189
|
|
|
189
|
-
.
|
|
190
|
+
.El90pa_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 {
|
|
190
191
|
right: 0;
|
|
191
192
|
}
|
|
192
193
|
|
|
193
|
-
.
|
|
194
|
+
.El90pa_spectrum-ToggleSwitch-switch:after {
|
|
194
195
|
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);
|
|
195
196
|
content: "";
|
|
196
197
|
transition: box-shadow var(--spectrum-global-animation-duration-100, .13s) ease-out, margin var(--spectrum-global-animation-duration-100, .13s) ease-out;
|
|
@@ -201,7 +202,7 @@
|
|
|
201
202
|
transform: translateX(0);
|
|
202
203
|
}
|
|
203
204
|
|
|
204
|
-
.
|
|
205
|
+
.El90pa_spectrum-ToggleSwitch {
|
|
205
206
|
--spectrum-switch-emphasized-handle-border-color: var(--spectrum-alias-toggle-color-default);
|
|
206
207
|
--spectrum-switch-emphasized-handle-border-color-hover: var(--spectrum-alias-toggle-color-hover);
|
|
207
208
|
--spectrum-switch-emphasized-handle-border-color-key-focus: var(--spectrum-alias-toggle-color-key-focus);
|
|
@@ -221,174 +222,174 @@
|
|
|
221
222
|
--spectrum-switch-emphasized-handle-border-color-selected-down: var(--spectrum-accent-color-1100);
|
|
222
223
|
}
|
|
223
224
|
|
|
224
|
-
.
|
|
225
|
+
.El90pa_spectrum-ToggleSwitch-switch {
|
|
225
226
|
background-color: var(--spectrum-switch-emphasized-track-color, var(--spectrum-global-color-gray-300));
|
|
226
227
|
}
|
|
227
228
|
|
|
228
|
-
.
|
|
229
|
+
.El90pa_spectrum-ToggleSwitch-switch:before {
|
|
229
230
|
background-color: var(--spectrum-switch-emphasized-handle-background-color, var(--spectrum-global-color-gray-75));
|
|
230
231
|
border-color: var(--spectrum-switch-emphasized-handle-border-color, var(--spectrum-global-color-gray-600));
|
|
231
232
|
}
|
|
232
233
|
|
|
233
|
-
.
|
|
234
|
+
.El90pa_spectrum-ToggleSwitch-input ~ .El90pa_spectrum-ToggleSwitch-label {
|
|
234
235
|
color: var(--spectrum-switch-emphasized-text-color, var(--spectrum-alias-text-color));
|
|
235
236
|
}
|
|
236
237
|
|
|
237
|
-
.
|
|
238
|
+
.El90pa_spectrum-ToggleSwitch-input:checked + .El90pa_spectrum-ToggleSwitch-switch {
|
|
238
239
|
background-color: var(--spectrum-switch-emphasized-track-color-selected, var(--spectrum-global-color-blue-500));
|
|
239
240
|
}
|
|
240
241
|
|
|
241
|
-
.
|
|
242
|
+
.El90pa_spectrum-ToggleSwitch-input:checked + .El90pa_spectrum-ToggleSwitch-switch:before {
|
|
242
243
|
border-color: var(--spectrum-switch-emphasized-handle-border-color-selected, var(--spectrum-global-color-blue-500));
|
|
243
244
|
}
|
|
244
245
|
|
|
245
|
-
.
|
|
246
|
+
.El90pa_spectrum-ToggleSwitch.El90pa_is-hovered .El90pa_spectrum-ToggleSwitch-input + .El90pa_spectrum-ToggleSwitch-switch:before {
|
|
246
247
|
border-color: var(--spectrum-switch-emphasized-handle-border-color-hover, var(--spectrum-global-color-gray-700));
|
|
247
248
|
box-shadow: none;
|
|
248
249
|
}
|
|
249
250
|
|
|
250
|
-
.
|
|
251
|
+
.El90pa_spectrum-ToggleSwitch.El90pa_is-hovered .El90pa_spectrum-ToggleSwitch-input ~ .El90pa_spectrum-ToggleSwitch-label {
|
|
251
252
|
color: var(--spectrum-switch-emphasized-text-color-hover, var(--spectrum-alias-text-color-hover));
|
|
252
253
|
}
|
|
253
254
|
|
|
254
|
-
.
|
|
255
|
+
.El90pa_spectrum-ToggleSwitch.El90pa_is-hovered .El90pa_spectrum-ToggleSwitch-input:checked:enabled + .El90pa_spectrum-ToggleSwitch-switch {
|
|
255
256
|
background-color: var(--spectrum-switch-emphasized-track-color-selected-hover, var(--spectrum-global-color-blue-600));
|
|
256
257
|
}
|
|
257
258
|
|
|
258
|
-
.
|
|
259
|
+
.El90pa_spectrum-ToggleSwitch.El90pa_is-hovered .El90pa_spectrum-ToggleSwitch-input:checked:enabled + .El90pa_spectrum-ToggleSwitch-switch:before {
|
|
259
260
|
border-color: var(--spectrum-switch-emphasized-handle-border-color-selected-hover, var(--spectrum-global-color-blue-600));
|
|
260
261
|
}
|
|
261
262
|
|
|
262
|
-
.
|
|
263
|
+
.El90pa_spectrum-ToggleSwitch:active .El90pa_spectrum-ToggleSwitch-input + .El90pa_spectrum-ToggleSwitch-switch:before {
|
|
263
264
|
border-color: var(--spectrum-switch-emphasized-handle-border-color-down, var(--spectrum-global-color-gray-800));
|
|
264
265
|
}
|
|
265
266
|
|
|
266
|
-
.
|
|
267
|
+
.El90pa_spectrum-ToggleSwitch:active .El90pa_spectrum-ToggleSwitch-input ~ .El90pa_spectrum-ToggleSwitch-label {
|
|
267
268
|
color: var(--spectrum-switch-emphasized-text-color-down, var(--spectrum-alias-text-color-down));
|
|
268
269
|
}
|
|
269
270
|
|
|
270
|
-
.
|
|
271
|
+
.El90pa_spectrum-ToggleSwitch:active .El90pa_spectrum-ToggleSwitch-input:checked:enabled + .El90pa_spectrum-ToggleSwitch-switch {
|
|
271
272
|
background-color: var(--spectrum-switch-emphasized-track-color-selected-down, var(--spectrum-global-color-blue-700));
|
|
272
273
|
}
|
|
273
274
|
|
|
274
|
-
.
|
|
275
|
+
.El90pa_spectrum-ToggleSwitch:active .El90pa_spectrum-ToggleSwitch-input:checked:enabled + .El90pa_spectrum-ToggleSwitch-switch:before {
|
|
275
276
|
border-color: var(--spectrum-switch-emphasized-handle-border-color-selected-down, var(--spectrum-global-color-blue-700));
|
|
276
277
|
}
|
|
277
278
|
|
|
278
|
-
.
|
|
279
|
+
.El90pa_spectrum-ToggleSwitch .El90pa_spectrum-ToggleSwitch-input:disabled + .El90pa_spectrum-ToggleSwitch-switch {
|
|
279
280
|
background-color: var(--spectrum-switch-emphasized-track-color-disabled, var(--spectrum-global-color-gray-300));
|
|
280
281
|
}
|
|
281
282
|
|
|
282
|
-
.
|
|
283
|
+
.El90pa_spectrum-ToggleSwitch .El90pa_spectrum-ToggleSwitch-input:disabled + .El90pa_spectrum-ToggleSwitch-switch:before {
|
|
283
284
|
border-color: var(--spectrum-switch-emphasized-handle-border-color-disabled, var(--spectrum-global-color-gray-400));
|
|
284
285
|
}
|
|
285
286
|
|
|
286
|
-
.
|
|
287
|
+
.El90pa_spectrum-ToggleSwitch .El90pa_spectrum-ToggleSwitch-input:disabled ~ .El90pa_spectrum-ToggleSwitch-label {
|
|
287
288
|
color: var(--spectrum-switch-emphasized-text-color-disabled, var(--spectrum-alias-text-color-disabled));
|
|
288
289
|
}
|
|
289
290
|
|
|
290
|
-
.
|
|
291
|
+
.El90pa_spectrum-ToggleSwitch .El90pa_spectrum-ToggleSwitch-input:disabled:checked + .El90pa_spectrum-ToggleSwitch-switch {
|
|
291
292
|
background-color: var(--spectrum-switch-emphasized-track-color-selected-disabled, var(--spectrum-global-color-gray-400));
|
|
292
293
|
}
|
|
293
294
|
|
|
294
|
-
.
|
|
295
|
+
.El90pa_spectrum-ToggleSwitch .El90pa_spectrum-ToggleSwitch-input:disabled:checked + .El90pa_spectrum-ToggleSwitch-switch:before {
|
|
295
296
|
border-color: var(--spectrum-switch-emphasized-handle-border-color-selected-disabled, var(--spectrum-global-color-gray-400));
|
|
296
297
|
}
|
|
297
298
|
|
|
298
|
-
.
|
|
299
|
+
.El90pa_spectrum-ToggleSwitch .El90pa_spectrum-ToggleSwitch-input:disabled:checked ~ .El90pa_spectrum-ToggleSwitch-label {
|
|
299
300
|
color: var(--spectrum-switch-emphasized-text-color-selected-disabled, var(--spectrum-alias-text-color-disabled));
|
|
300
301
|
}
|
|
301
302
|
|
|
302
|
-
.
|
|
303
|
+
.El90pa_spectrum-ToggleSwitch--quiet .El90pa_spectrum-ToggleSwitch-input:checked + .El90pa_spectrum-ToggleSwitch-switch {
|
|
303
304
|
background-color: var(--spectrum-switch-quiet-track-color-selected, var(--spectrum-global-color-gray-700));
|
|
304
305
|
}
|
|
305
306
|
|
|
306
|
-
.
|
|
307
|
+
.El90pa_spectrum-ToggleSwitch--quiet .El90pa_spectrum-ToggleSwitch-input:checked + .El90pa_spectrum-ToggleSwitch-switch:before {
|
|
307
308
|
border-color: var(--spectrum-switch-quiet-handle-border-color-selected, var(--spectrum-global-color-gray-700));
|
|
308
309
|
}
|
|
309
310
|
|
|
310
|
-
.
|
|
311
|
+
.El90pa_spectrum-ToggleSwitch--quiet.El90pa_is-hovered .El90pa_spectrum-ToggleSwitch-input:checked:enabled + .El90pa_spectrum-ToggleSwitch-switch {
|
|
311
312
|
background-color: var(--spectrum-switch-quiet-track-color-selected-hover, var(--spectrum-global-color-gray-800));
|
|
312
313
|
}
|
|
313
314
|
|
|
314
|
-
.
|
|
315
|
+
.El90pa_spectrum-ToggleSwitch--quiet.El90pa_is-hovered .El90pa_spectrum-ToggleSwitch-input:checked:enabled + .El90pa_spectrum-ToggleSwitch-switch:before {
|
|
315
316
|
border-color: var(--spectrum-switch-quiet-handle-border-color-selected-hover, var(--spectrum-global-color-gray-800));
|
|
316
317
|
}
|
|
317
318
|
|
|
318
|
-
.
|
|
319
|
+
.El90pa_spectrum-ToggleSwitch.El90pa_spectrum-ToggleSwitch--quiet:active .El90pa_spectrum-ToggleSwitch-input:checked:enabled + .El90pa_spectrum-ToggleSwitch-switch {
|
|
319
320
|
background-color: var(--spectrum-switch-quiet-track-color-selected-down, var(--spectrum-global-color-gray-900));
|
|
320
321
|
}
|
|
321
322
|
|
|
322
|
-
.
|
|
323
|
+
.El90pa_spectrum-ToggleSwitch.El90pa_spectrum-ToggleSwitch--quiet:active .El90pa_spectrum-ToggleSwitch-input:checked:enabled + .El90pa_spectrum-ToggleSwitch-switch:before {
|
|
323
324
|
border-color: var(--spectrum-switch-quiet-handle-border-color-selected-down, var(--spectrum-global-color-gray-900));
|
|
324
325
|
}
|
|
325
326
|
|
|
326
|
-
:is(.
|
|
327
|
+
:is(.El90pa_spectrum-ToggleSwitch, .El90pa_spectrum-ToggleSwitch.El90pa_is-hovered) .El90pa_spectrum-ToggleSwitch-input.El90pa_focus-ring + .El90pa_spectrum-ToggleSwitch-switch:after {
|
|
327
328
|
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));
|
|
328
329
|
}
|
|
329
330
|
|
|
330
|
-
:is(.
|
|
331
|
+
:is(.El90pa_spectrum-ToggleSwitch, .El90pa_spectrum-ToggleSwitch.El90pa_is-hovered) .El90pa_spectrum-ToggleSwitch-input.El90pa_focus-ring + .El90pa_spectrum-ToggleSwitch-switch:before {
|
|
331
332
|
border-color: var(--spectrum-switch-emphasized-handle-border-color-key-focus, var(--spectrum-global-color-gray-700));
|
|
332
333
|
}
|
|
333
334
|
|
|
334
|
-
:is(.
|
|
335
|
+
:is(.El90pa_spectrum-ToggleSwitch, .El90pa_spectrum-ToggleSwitch.El90pa_is-hovered) .El90pa_spectrum-ToggleSwitch-input.El90pa_focus-ring:checked + .El90pa_spectrum-ToggleSwitch-switch {
|
|
335
336
|
background-color: var(--spectrum-switch-emphasized-track-color-selected-key-focus, var(--spectrum-global-color-blue-600));
|
|
336
337
|
}
|
|
337
338
|
|
|
338
|
-
:is(.
|
|
339
|
+
:is(.El90pa_spectrum-ToggleSwitch, .El90pa_spectrum-ToggleSwitch.El90pa_is-hovered) .El90pa_spectrum-ToggleSwitch-input.El90pa_focus-ring:checked + .El90pa_spectrum-ToggleSwitch-switch:before {
|
|
339
340
|
border-color: var(--spectrum-switch-emphasized-handle-border-color-selected-key-focus, var(--spectrum-global-color-blue-600));
|
|
340
341
|
}
|
|
341
342
|
|
|
342
|
-
:is(.
|
|
343
|
+
:is(.El90pa_spectrum-ToggleSwitch--quiet, .El90pa_spectrum-ToggleSwitch--quiet.El90pa_is-hovered) .El90pa_spectrum-ToggleSwitch-input.El90pa_focus-ring:checked + .El90pa_spectrum-ToggleSwitch-switch {
|
|
343
344
|
background-color: var(--spectrum-switch-quiet-track-color-selected-key-focus, var(--spectrum-global-color-gray-800));
|
|
344
345
|
}
|
|
345
346
|
|
|
346
|
-
:is(.
|
|
347
|
+
:is(.El90pa_spectrum-ToggleSwitch--quiet, .El90pa_spectrum-ToggleSwitch--quiet.El90pa_is-hovered) .El90pa_spectrum-ToggleSwitch-input.El90pa_focus-ring:checked + .El90pa_spectrum-ToggleSwitch-switch:before {
|
|
347
348
|
border-color: var(--spectrum-switch-quiet-handle-border-color-selected-key-focus, var(--spectrum-global-color-gray-800));
|
|
348
349
|
}
|
|
349
350
|
|
|
350
|
-
.
|
|
351
|
+
.El90pa_spectrum-ToggleSwitch--ab .El90pa_spectrum-ToggleSwitch-input:checked + .El90pa_spectrum-ToggleSwitch-switch {
|
|
351
352
|
background-color: var(--spectrum-switch-track-color, var(--spectrum-global-color-gray-300));
|
|
352
353
|
}
|
|
353
354
|
|
|
354
|
-
.
|
|
355
|
+
.El90pa_spectrum-ToggleSwitch--ab .El90pa_spectrum-ToggleSwitch-input:checked + .El90pa_spectrum-ToggleSwitch-switch:before {
|
|
355
356
|
border-color: var(--spectrum-switch-handle-border-color, var(--spectrum-global-color-gray-600));
|
|
356
357
|
}
|
|
357
358
|
|
|
358
|
-
.
|
|
359
|
+
.El90pa_spectrum-ToggleSwitch--ab .El90pa_spectrum-ToggleSwitch-input.El90pa_focus-ring:checked + .El90pa_spectrum-ToggleSwitch-switch {
|
|
359
360
|
background-color: var(--spectrum-switch-track-color, var(--spectrum-global-color-gray-300));
|
|
360
361
|
}
|
|
361
362
|
|
|
362
|
-
.
|
|
363
|
+
.El90pa_spectrum-ToggleSwitch--ab .El90pa_spectrum-ToggleSwitch-input.El90pa_focus-ring:checked + .El90pa_spectrum-ToggleSwitch-switch:before {
|
|
363
364
|
border-color: var(--spectrum-switch-handle-border-color-selected, var(--spectrum-global-color-gray-700));
|
|
364
365
|
}
|
|
365
366
|
|
|
366
|
-
.
|
|
367
|
+
.El90pa_spectrum-ToggleSwitch--ab .El90pa_spectrum-ToggleSwitch-input:disabled:checked + .El90pa_spectrum-ToggleSwitch-switch, .El90pa_spectrum-ToggleSwitch--ab .El90pa_spectrum-ToggleSwitch-input:disabled + .El90pa_spectrum-ToggleSwitch-switch {
|
|
367
368
|
background-color: var(--spectrum-switch-emphasized-track-color-disabled, var(--spectrum-global-color-gray-300));
|
|
368
369
|
}
|
|
369
370
|
|
|
370
|
-
.
|
|
371
|
+
.El90pa_spectrum-ToggleSwitch--ab .El90pa_spectrum-ToggleSwitch-input:disabled + .El90pa_spectrum-ToggleSwitch-switch:before {
|
|
371
372
|
border-color: var(--spectrum-switch-emphasized-handle-border-color-disabled, var(--spectrum-global-color-gray-400));
|
|
372
373
|
}
|
|
373
374
|
|
|
374
|
-
.
|
|
375
|
+
.El90pa_spectrum-ToggleSwitch--ab.El90pa_is-hovered .El90pa_spectrum-ToggleSwitch-input:checked:enabled + .El90pa_spectrum-ToggleSwitch-switch {
|
|
375
376
|
background-color: var(--spectrum-switch-emphasized-track-color, var(--spectrum-global-color-gray-300));
|
|
376
377
|
}
|
|
377
378
|
|
|
378
|
-
.
|
|
379
|
+
.El90pa_spectrum-ToggleSwitch--ab.El90pa_is-hovered .El90pa_spectrum-ToggleSwitch-input:checked:enabled + .El90pa_spectrum-ToggleSwitch-switch:before {
|
|
379
380
|
border-color: var(--spectrum-switch-emphasized-handle-border-color-hover, var(--spectrum-global-color-gray-700));
|
|
380
381
|
}
|
|
381
382
|
|
|
382
|
-
.
|
|
383
|
+
.El90pa_spectrum-ToggleSwitch--ab:active .El90pa_spectrum-ToggleSwitch-input:checked:enabled + .El90pa_spectrum-ToggleSwitch-switch {
|
|
383
384
|
background-color: var(--spectrum-switch-emphasized-track-color, var(--spectrum-global-color-gray-300));
|
|
384
385
|
}
|
|
385
386
|
|
|
386
|
-
.
|
|
387
|
+
.El90pa_spectrum-ToggleSwitch--ab:active .El90pa_spectrum-ToggleSwitch-input:checked:enabled + .El90pa_spectrum-ToggleSwitch-switch:before {
|
|
387
388
|
border-color: var(--spectrum-switch-emphasized-handle-border-color-down, var(--spectrum-global-color-gray-800));
|
|
388
389
|
}
|
|
389
390
|
|
|
390
391
|
@media (forced-colors: active) {
|
|
391
|
-
.
|
|
392
|
+
.El90pa_spectrum-ToggleSwitch {
|
|
392
393
|
forced-color-adjust: none;
|
|
393
394
|
--spectrum-switch-emphasized-handle-background-color: ButtonFace;
|
|
394
395
|
--spectrum-switch-emphasized-handle-border-color: ButtonText;
|
|
@@ -428,20 +429,20 @@
|
|
|
428
429
|
--spectrum-switch-track-color-disabled: ButtonFace;
|
|
429
430
|
}
|
|
430
431
|
|
|
431
|
-
.
|
|
432
|
+
.El90pa_spectrum-ToggleSwitch .El90pa_spectrum-ToggleSwitch-input:not(:checked) + .El90pa_spectrum-ToggleSwitch-switch {
|
|
432
433
|
box-shadow: inset 0 0 0 1px var(--spectrum-switch-handle-border-color, var(--spectrum-global-color-gray-600));
|
|
433
434
|
}
|
|
434
435
|
|
|
435
|
-
.
|
|
436
|
+
.El90pa_spectrum-ToggleSwitch.El90pa_is-hovered .El90pa_spectrum-ToggleSwitch-input:not(:checked) + .El90pa_spectrum-ToggleSwitch-switch {
|
|
436
437
|
box-shadow: inset 0 0 0 1px var(--spectrum-switch-emphasized-handle-border-color-hover, var(--spectrum-global-color-gray-700));
|
|
437
438
|
}
|
|
438
439
|
|
|
439
|
-
.
|
|
440
|
+
.El90pa_spectrum-ToggleSwitch .El90pa_spectrum-ToggleSwitch-input:not(:checked):focus + .El90pa_spectrum-ToggleSwitch-switch {
|
|
440
441
|
box-shadow: inset 0 0 0 1px var(--spectrum-switch-emphasized-handle-border-color-key-focus, var(--spectrum-global-color-gray-700));
|
|
441
442
|
}
|
|
442
443
|
|
|
443
|
-
.
|
|
444
|
+
.El90pa_spectrum-ToggleSwitch .El90pa_spectrum-ToggleSwitch-input:disabled + .El90pa_spectrum-ToggleSwitch-switch {
|
|
444
445
|
box-shadow: inset 0 0 0 1px var(--spectrum-switch-emphasized-handle-border-color-disabled, var(--spectrum-global-color-gray-400));
|
|
445
446
|
}
|
|
446
447
|
}
|
|
447
|
-
/*# sourceMappingURL=vars.
|
|
448
|
+
/*# sourceMappingURL=vars.e8066356.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
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;;;;AAuBI;;;;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.e8066356.css.map"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@react-spectrum/switch",
|
|
3
|
-
"version": "3.5.
|
|
3
|
+
"version": "3.5.12",
|
|
4
4
|
"description": "Spectrum UI components in React",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"main": "dist/main.js",
|
|
@@ -36,13 +36,13 @@
|
|
|
36
36
|
"url": "https://github.com/adobe/react-spectrum"
|
|
37
37
|
},
|
|
38
38
|
"dependencies": {
|
|
39
|
-
"@react-aria/focus": "^3.
|
|
40
|
-
"@react-aria/interactions": "^3.
|
|
41
|
-
"@react-aria/switch": "^3.
|
|
42
|
-
"@react-spectrum/utils": "^3.12.
|
|
43
|
-
"@react-stately/toggle": "^3.8.
|
|
44
|
-
"@react-types/shared": "^3.
|
|
45
|
-
"@react-types/switch": "^3.5.
|
|
39
|
+
"@react-aria/focus": "^3.20.0",
|
|
40
|
+
"@react-aria/interactions": "^3.24.0",
|
|
41
|
+
"@react-aria/switch": "^3.7.0",
|
|
42
|
+
"@react-spectrum/utils": "^3.12.2",
|
|
43
|
+
"@react-stately/toggle": "^3.8.2",
|
|
44
|
+
"@react-types/shared": "^3.28.0",
|
|
45
|
+
"@react-types/switch": "^3.5.9",
|
|
46
46
|
"@swc/helpers": "^0.5.0"
|
|
47
47
|
},
|
|
48
48
|
"devDependencies": {
|
|
@@ -55,5 +55,5 @@
|
|
|
55
55
|
"publishConfig": {
|
|
56
56
|
"access": "public"
|
|
57
57
|
},
|
|
58
|
-
"gitHead": "
|
|
58
|
+
"gitHead": "4d3c72c94eea2d72eb3a0e7d56000c6ef7e39726"
|
|
59
59
|
}
|
package/src/Switch.tsx
CHANGED
|
@@ -21,7 +21,11 @@ import {useProviderProps} from '@react-spectrum/provider';
|
|
|
21
21
|
import {useSwitch} from '@react-aria/switch';
|
|
22
22
|
import {useToggleState} from '@react-stately/toggle';
|
|
23
23
|
|
|
24
|
-
|
|
24
|
+
/**
|
|
25
|
+
* Switches allow users to turn an individual option on or off.
|
|
26
|
+
* They are usually used to activate or deactivate a specific setting.
|
|
27
|
+
*/
|
|
28
|
+
export const Switch = forwardRef(function Switch(props: SpectrumSwitchProps, ref: FocusableRef<HTMLLabelElement>) {
|
|
25
29
|
props = useProviderProps(props);
|
|
26
30
|
let {
|
|
27
31
|
isEmphasized = false,
|
|
@@ -70,11 +74,4 @@ function Switch(props: SpectrumSwitchProps, ref: FocusableRef<HTMLLabelElement>)
|
|
|
70
74
|
)}
|
|
71
75
|
</label>
|
|
72
76
|
);
|
|
73
|
-
}
|
|
74
|
-
|
|
75
|
-
/**
|
|
76
|
-
* Switches allow users to turn an individual option on or off.
|
|
77
|
-
* They are usually used to activate or deactivate a specific setting.
|
|
78
|
-
*/
|
|
79
|
-
const _Switch = forwardRef(Switch);
|
|
80
|
-
export {_Switch as Switch};
|
|
77
|
+
});
|
|
@@ -1 +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.ee098a37.css.map"}
|