@react-spectrum/switch 3.4.5 → 3.4.7
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/import.mjs +34 -22
- package/dist/main.css +1 -1
- package/dist/main.js +34 -22
- package/dist/main.js.map +1 -1
- package/dist/module.js +34 -22
- package/dist/module.js.map +1 -1
- package/package.json +11 -11
package/dist/import.mjs
CHANGED
|
@@ -39,30 +39,42 @@ function $parcel$export(e, n, v, s) {
|
|
|
39
39
|
|
|
40
40
|
var $dfcff93ab25bb9b3$exports = {};
|
|
41
41
|
|
|
42
|
-
$parcel$export($dfcff93ab25bb9b3$exports, "spectrum-ToggleSwitch", () => $dfcff93ab25bb9b3$export$89a9162656c0c38c, (v) => $dfcff93ab25bb9b3$export$89a9162656c0c38c = v);
|
|
43
|
-
$parcel$export($dfcff93ab25bb9b3$exports, "spectrum-ToggleSwitch-input", () => $dfcff93ab25bb9b3$export$38df7ea4ffef819a, (v) => $dfcff93ab25bb9b3$export$38df7ea4ffef819a = v);
|
|
44
|
-
$parcel$export($dfcff93ab25bb9b3$exports, "spectrum-ToggleSwitch-switch", () => $dfcff93ab25bb9b3$export$b82d06d1b520a22f, (v) => $dfcff93ab25bb9b3$export$b82d06d1b520a22f = v);
|
|
45
42
|
$parcel$export($dfcff93ab25bb9b3$exports, "focus-ring", () => $dfcff93ab25bb9b3$export$f39a09f249340e2a, (v) => $dfcff93ab25bb9b3$export$f39a09f249340e2a = v);
|
|
46
|
-
$parcel$export($dfcff93ab25bb9b3$exports, "
|
|
43
|
+
$parcel$export($dfcff93ab25bb9b3$exports, "i18nFontFamily", () => $dfcff93ab25bb9b3$export$8c4ee2c50c22c514, (v) => $dfcff93ab25bb9b3$export$8c4ee2c50c22c514 = v);
|
|
47
44
|
$parcel$export($dfcff93ab25bb9b3$exports, "is-hovered", () => $dfcff93ab25bb9b3$export$b8813cd5d7824ce7, (v) => $dfcff93ab25bb9b3$export$b8813cd5d7824ce7 = v);
|
|
48
|
-
$parcel$export($dfcff93ab25bb9b3$exports, "spectrum-
|
|
45
|
+
$parcel$export($dfcff93ab25bb9b3$exports, "spectrum-FocusRing-ring", () => $dfcff93ab25bb9b3$export$4109102f950813a6, (v) => $dfcff93ab25bb9b3$export$4109102f950813a6 = v);
|
|
46
|
+
$parcel$export($dfcff93ab25bb9b3$exports, "spectrum-FocusRing", () => $dfcff93ab25bb9b3$export$24c7f46a6e3605dd, (v) => $dfcff93ab25bb9b3$export$24c7f46a6e3605dd = v);
|
|
47
|
+
$parcel$export($dfcff93ab25bb9b3$exports, "spectrum-FocusRing--quiet", () => $dfcff93ab25bb9b3$export$2927016961429360, (v) => $dfcff93ab25bb9b3$export$2927016961429360 = v);
|
|
48
|
+
$parcel$export($dfcff93ab25bb9b3$exports, "spectrum-ToggleSwitch", () => $dfcff93ab25bb9b3$export$89a9162656c0c38c, (v) => $dfcff93ab25bb9b3$export$89a9162656c0c38c = v);
|
|
49
49
|
$parcel$export($dfcff93ab25bb9b3$exports, "spectrum-ToggleSwitch--ab", () => $dfcff93ab25bb9b3$export$dc5a33fddabf5882, (v) => $dfcff93ab25bb9b3$export$dc5a33fddabf5882 = v);
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
50
|
+
$parcel$export($dfcff93ab25bb9b3$exports, "spectrum-ToggleSwitch--quiet", () => $dfcff93ab25bb9b3$export$ce1b1dcfc10f3df4, (v) => $dfcff93ab25bb9b3$export$ce1b1dcfc10f3df4 = v);
|
|
51
|
+
$parcel$export($dfcff93ab25bb9b3$exports, "spectrum-ToggleSwitch-input", () => $dfcff93ab25bb9b3$export$38df7ea4ffef819a, (v) => $dfcff93ab25bb9b3$export$38df7ea4ffef819a = v);
|
|
52
|
+
$parcel$export($dfcff93ab25bb9b3$exports, "spectrum-ToggleSwitch-label", () => $dfcff93ab25bb9b3$export$8f1a69021a3897b2, (v) => $dfcff93ab25bb9b3$export$8f1a69021a3897b2 = v);
|
|
53
|
+
$parcel$export($dfcff93ab25bb9b3$exports, "spectrum-ToggleSwitch-switch", () => $dfcff93ab25bb9b3$export$b82d06d1b520a22f, (v) => $dfcff93ab25bb9b3$export$b82d06d1b520a22f = v);
|
|
53
54
|
var $dfcff93ab25bb9b3$export$f39a09f249340e2a;
|
|
54
|
-
var $dfcff93ab25bb9b3$export$
|
|
55
|
+
var $dfcff93ab25bb9b3$export$8c4ee2c50c22c514;
|
|
55
56
|
var $dfcff93ab25bb9b3$export$b8813cd5d7824ce7;
|
|
56
|
-
var $dfcff93ab25bb9b3$export$
|
|
57
|
+
var $dfcff93ab25bb9b3$export$4109102f950813a6;
|
|
58
|
+
var $dfcff93ab25bb9b3$export$24c7f46a6e3605dd;
|
|
59
|
+
var $dfcff93ab25bb9b3$export$2927016961429360;
|
|
60
|
+
var $dfcff93ab25bb9b3$export$89a9162656c0c38c;
|
|
57
61
|
var $dfcff93ab25bb9b3$export$dc5a33fddabf5882;
|
|
58
|
-
$dfcff93ab25bb9b3$export$
|
|
59
|
-
$dfcff93ab25bb9b3$export$38df7ea4ffef819a
|
|
60
|
-
$dfcff93ab25bb9b3$export$
|
|
61
|
-
$dfcff93ab25bb9b3$export$
|
|
62
|
-
$dfcff93ab25bb9b3$export$
|
|
63
|
-
$dfcff93ab25bb9b3$export$
|
|
64
|
-
$dfcff93ab25bb9b3$export$
|
|
65
|
-
$dfcff93ab25bb9b3$export$
|
|
62
|
+
var $dfcff93ab25bb9b3$export$ce1b1dcfc10f3df4;
|
|
63
|
+
var $dfcff93ab25bb9b3$export$38df7ea4ffef819a;
|
|
64
|
+
var $dfcff93ab25bb9b3$export$8f1a69021a3897b2;
|
|
65
|
+
var $dfcff93ab25bb9b3$export$b82d06d1b520a22f;
|
|
66
|
+
$dfcff93ab25bb9b3$export$f39a09f249340e2a = `XHynUq_focus-ring`;
|
|
67
|
+
$dfcff93ab25bb9b3$export$8c4ee2c50c22c514 = `XHynUq_i18nFontFamily`;
|
|
68
|
+
$dfcff93ab25bb9b3$export$b8813cd5d7824ce7 = `XHynUq_is-hovered`;
|
|
69
|
+
$dfcff93ab25bb9b3$export$4109102f950813a6 = `XHynUq_spectrum-FocusRing-ring`;
|
|
70
|
+
$dfcff93ab25bb9b3$export$24c7f46a6e3605dd = `XHynUq_spectrum-FocusRing ${$dfcff93ab25bb9b3$export$4109102f950813a6}`;
|
|
71
|
+
$dfcff93ab25bb9b3$export$2927016961429360 = `XHynUq_spectrum-FocusRing--quiet`;
|
|
72
|
+
$dfcff93ab25bb9b3$export$89a9162656c0c38c = `XHynUq_spectrum-ToggleSwitch`;
|
|
73
|
+
$dfcff93ab25bb9b3$export$dc5a33fddabf5882 = `XHynUq_spectrum-ToggleSwitch--ab`;
|
|
74
|
+
$dfcff93ab25bb9b3$export$ce1b1dcfc10f3df4 = `XHynUq_spectrum-ToggleSwitch--quiet`;
|
|
75
|
+
$dfcff93ab25bb9b3$export$38df7ea4ffef819a = `XHynUq_spectrum-ToggleSwitch-input`;
|
|
76
|
+
$dfcff93ab25bb9b3$export$8f1a69021a3897b2 = `XHynUq_spectrum-ToggleSwitch-label`;
|
|
77
|
+
$dfcff93ab25bb9b3$export$b82d06d1b520a22f = `XHynUq_spectrum-ToggleSwitch-switch`;
|
|
66
78
|
|
|
67
79
|
|
|
68
80
|
|
|
@@ -71,15 +83,15 @@ $dfcff93ab25bb9b3$export$dc5a33fddabf5882 = "spectrum-ToggleSwitch--ab_3526dd";
|
|
|
71
83
|
|
|
72
84
|
function $8341c396cee1c5fc$var$Switch(props, ref) {
|
|
73
85
|
props = (0, $8Tpjb$useProviderProps)(props);
|
|
74
|
-
let { isEmphasized: isEmphasized = false
|
|
75
|
-
let { styleProps: styleProps
|
|
76
|
-
let { hoverProps: hoverProps
|
|
86
|
+
let { isEmphasized: isEmphasized = false, isDisabled: isDisabled = false, autoFocus: autoFocus, children: children, ...otherProps } = props;
|
|
87
|
+
let { styleProps: styleProps } = (0, $8Tpjb$useStyleProps)(otherProps);
|
|
88
|
+
let { hoverProps: hoverProps, isHovered: isHovered } = (0, $8Tpjb$useHover)({
|
|
77
89
|
isDisabled: isDisabled
|
|
78
90
|
});
|
|
79
91
|
let inputRef = (0, $8Tpjb$useRef)(null);
|
|
80
92
|
let domRef = (0, $8Tpjb$useFocusableRef)(ref, inputRef);
|
|
81
93
|
let state = (0, $8Tpjb$useToggleState)(props);
|
|
82
|
-
let { inputProps: inputProps
|
|
94
|
+
let { inputProps: inputProps } = (0, $8Tpjb$useSwitch)(props, state, inputRef);
|
|
83
95
|
return /*#__PURE__*/ (0, $8Tpjb$react).createElement("label", {
|
|
84
96
|
...styleProps,
|
|
85
97
|
...hoverProps,
|
package/dist/main.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{font-synthesis:weight}[dir=ltr] .spectrum-ToggleSwitch_3526dd{margin-right:calc(var(--spectrum-switch-cursor-hit-x,var(--spectrum-global-dimension-size-100))*2)}[dir=rtl] .spectrum-ToggleSwitch_3526dd{margin-left:calc(var(--spectrum-switch-cursor-hit-x,var(--spectrum-global-dimension-size-100))*2)}.spectrum-ToggleSwitch_3526dd{min-height:var(--spectrum-switch-height,var(--spectrum-global-dimension-size-400));max-width:100%;vertical-align:top;isolation:isolate;align-items:flex-start;display:inline-flex;position:relative}[dir=ltr] .spectrum-ToggleSwitch-input_3526dd{left:0}[dir=rtl] .spectrum-ToggleSwitch-input_3526dd{right:0}.spectrum-ToggleSwitch-input_3526dd{box-sizing:border-box;width:100%;height:100%;opacity:.0001;z-index:1;cursor:default;margin:0;padding:0;position:absolute;top:0}[dir=ltr] .spectrum-ToggleSwitch-input_3526dd:checked+.spectrum-ToggleSwitch-switch_3526dd:before{transform:translateX(calc(var(--spectrum-switch-track-width) - 100%))}[dir=rtl] .spectrum-ToggleSwitch-input_3526dd:checked+.spectrum-ToggleSwitch-switch_3526dd:before{transform:translateX(calc(100% - var(--spectrum-switch-track-width)))}.spectrum-ToggleSwitch-input_3526dd:disabled,.spectrum-ToggleSwitch-input_3526dd[disabled]{cursor:default}.spectrum-ToggleSwitch-input_3526dd.focus-ring_3526dd+.spectrum-ToggleSwitch-switch_3526dd:after{margin:calc(var(--spectrum-alias-focus-ring-gap,var(--spectrum-global-dimension-static-size-25))*-1)}[dir=ltr] .spectrum-ToggleSwitch-label_3526dd{text-align:left}[dir=rtl] .spectrum-ToggleSwitch-label_3526dd{text-align:right}.spectrum-ToggleSwitch-label_3526dd{margin:0 var(--spectrum-switch-text-gap,var(--spectrum-global-dimension-size-125));margin-top:var(--spectrum-global-dimension-size-65);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;line-height:1.49}[dir=ltr] .spectrum-ToggleSwitch-switch_3526dd{left:0}[dir=rtl] .spectrum-ToggleSwitch-switch_3526dd,[dir=ltr] .spectrum-ToggleSwitch-switch_3526dd{right:0}[dir=rtl] .spectrum-ToggleSwitch-switch_3526dd{left:0}.spectrum-ToggleSwitch-switch_3526dd{box-sizing:border-box;width: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;height: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}.spectrum-ToggleSwitch-switch_3526dd:before{content:"";box-sizing:border-box;display:block;position:absolute}[dir=ltr] .spectrum-ToggleSwitch-switch_3526dd:before{left:0}[dir=rtl] .spectrum-ToggleSwitch-switch_3526dd:before{right:0}.spectrum-ToggleSwitch-switch_3526dd:before{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;width:var(--spectrum-switch-handle-size,var(--spectrum-global-dimension-size-175));height: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;top:0}.spectrum-ToggleSwitch-switch_3526dd:after{border-radius:calc(var(--spectrum-switch-track-height,var(--spectrum-global-dimension-size-175)) + var(--spectrum-alias-focus-ring-gap,var(--spectrum-global-dimension-static-size-25)));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;top:0;bottom:0;left:0;right:0;transform:translate(0)}.spectrum-ToggleSwitch_3526dd{--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)}.spectrum-ToggleSwitch-switch_3526dd{background-color:var(--spectrum-switch-emphasized-track-color,var(--spectrum-global-color-gray-300))}.spectrum-ToggleSwitch-switch_3526dd: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))}.spectrum-ToggleSwitch-input_3526dd~.spectrum-ToggleSwitch-label_3526dd{color:var(--spectrum-switch-emphasized-text-color,var(--spectrum-alias-text-color))}.spectrum-ToggleSwitch-input_3526dd:checked+.spectrum-ToggleSwitch-switch_3526dd{background-color:var(--spectrum-switch-emphasized-track-color-selected,var(--spectrum-global-color-blue-500))}.spectrum-ToggleSwitch-input_3526dd:checked+.spectrum-ToggleSwitch-switch_3526dd:before{border-color:var(--spectrum-switch-emphasized-handle-border-color-selected,var(--spectrum-global-color-blue-500))}.spectrum-ToggleSwitch_3526dd.is-hovered_3526dd .spectrum-ToggleSwitch-input_3526dd+.spectrum-ToggleSwitch-switch_3526dd:before{border-color:var(--spectrum-switch-emphasized-handle-border-color-hover,var(--spectrum-global-color-gray-700));box-shadow:none}.spectrum-ToggleSwitch_3526dd.is-hovered_3526dd .spectrum-ToggleSwitch-input_3526dd~.spectrum-ToggleSwitch-label_3526dd{color:var(--spectrum-switch-emphasized-text-color-hover,var(--spectrum-alias-text-color-hover))}.spectrum-ToggleSwitch_3526dd.is-hovered_3526dd .spectrum-ToggleSwitch-input_3526dd:checked:enabled+.spectrum-ToggleSwitch-switch_3526dd{background-color:var(--spectrum-switch-emphasized-track-color-selected-hover,var(--spectrum-global-color-blue-600))}.spectrum-ToggleSwitch_3526dd.is-hovered_3526dd .spectrum-ToggleSwitch-input_3526dd:checked:enabled+.spectrum-ToggleSwitch-switch_3526dd:before{border-color:var(--spectrum-switch-emphasized-handle-border-color-selected-hover,var(--spectrum-global-color-blue-600))}.spectrum-ToggleSwitch_3526dd:active .spectrum-ToggleSwitch-input_3526dd+.spectrum-ToggleSwitch-switch_3526dd:before{border-color:var(--spectrum-switch-emphasized-handle-border-color-down,var(--spectrum-global-color-gray-800))}.spectrum-ToggleSwitch_3526dd:active .spectrum-ToggleSwitch-input_3526dd~.spectrum-ToggleSwitch-label_3526dd{color:var(--spectrum-switch-emphasized-text-color-down,var(--spectrum-alias-text-color-down))}.spectrum-ToggleSwitch_3526dd:active .spectrum-ToggleSwitch-input_3526dd:checked:enabled+.spectrum-ToggleSwitch-switch_3526dd{background-color:var(--spectrum-switch-emphasized-track-color-selected-down,var(--spectrum-global-color-blue-700))}.spectrum-ToggleSwitch_3526dd:active .spectrum-ToggleSwitch-input_3526dd:checked:enabled+.spectrum-ToggleSwitch-switch_3526dd:before{border-color:var(--spectrum-switch-emphasized-handle-border-color-selected-down,var(--spectrum-global-color-blue-700))}.spectrum-ToggleSwitch_3526dd .spectrum-ToggleSwitch-input_3526dd:disabled+.spectrum-ToggleSwitch-switch_3526dd{background-color:var(--spectrum-switch-emphasized-track-color-disabled,var(--spectrum-global-color-gray-300))}.spectrum-ToggleSwitch_3526dd .spectrum-ToggleSwitch-input_3526dd:disabled+.spectrum-ToggleSwitch-switch_3526dd:before{border-color:var(--spectrum-switch-emphasized-handle-border-color-disabled,var(--spectrum-global-color-gray-400))}.spectrum-ToggleSwitch_3526dd .spectrum-ToggleSwitch-input_3526dd:disabled~.spectrum-ToggleSwitch-label_3526dd{color:var(--spectrum-switch-emphasized-text-color-disabled,var(--spectrum-alias-text-color-disabled))}.spectrum-ToggleSwitch_3526dd .spectrum-ToggleSwitch-input_3526dd:disabled:checked+.spectrum-ToggleSwitch-switch_3526dd{background-color:var(--spectrum-switch-emphasized-track-color-selected-disabled,var(--spectrum-global-color-gray-400))}.spectrum-ToggleSwitch_3526dd .spectrum-ToggleSwitch-input_3526dd:disabled:checked+.spectrum-ToggleSwitch-switch_3526dd:before{border-color:var(--spectrum-switch-emphasized-handle-border-color-selected-disabled,var(--spectrum-global-color-gray-400))}.spectrum-ToggleSwitch_3526dd .spectrum-ToggleSwitch-input_3526dd:disabled:checked~.spectrum-ToggleSwitch-label_3526dd{color:var(--spectrum-switch-emphasized-text-color-selected-disabled,var(--spectrum-alias-text-color-disabled))}.spectrum-ToggleSwitch--quiet_3526dd .spectrum-ToggleSwitch-input_3526dd:checked+.spectrum-ToggleSwitch-switch_3526dd{background-color:var(--spectrum-switch-quiet-track-color-selected,var(--spectrum-global-color-gray-700))}.spectrum-ToggleSwitch--quiet_3526dd .spectrum-ToggleSwitch-input_3526dd:checked+.spectrum-ToggleSwitch-switch_3526dd:before{border-color:var(--spectrum-switch-quiet-handle-border-color-selected,var(--spectrum-global-color-gray-700))}.spectrum-ToggleSwitch--quiet_3526dd.is-hovered_3526dd .spectrum-ToggleSwitch-input_3526dd:checked:enabled+.spectrum-ToggleSwitch-switch_3526dd{background-color:var(--spectrum-switch-quiet-track-color-selected-hover,var(--spectrum-global-color-gray-800))}.spectrum-ToggleSwitch--quiet_3526dd.is-hovered_3526dd .spectrum-ToggleSwitch-input_3526dd:checked:enabled+.spectrum-ToggleSwitch-switch_3526dd:before{border-color:var(--spectrum-switch-quiet-handle-border-color-selected-hover,var(--spectrum-global-color-gray-800))}.spectrum-ToggleSwitch_3526dd.spectrum-ToggleSwitch--quiet_3526dd:active .spectrum-ToggleSwitch-input_3526dd:checked:enabled+.spectrum-ToggleSwitch-switch_3526dd{background-color:var(--spectrum-switch-quiet-track-color-selected-down,var(--spectrum-global-color-gray-900))}.spectrum-ToggleSwitch_3526dd.spectrum-ToggleSwitch--quiet_3526dd:active .spectrum-ToggleSwitch-input_3526dd:checked:enabled+.spectrum-ToggleSwitch-switch_3526dd:before{border-color:var(--spectrum-switch-quiet-handle-border-color-selected-down,var(--spectrum-global-color-gray-900))}.spectrum-ToggleSwitch_3526dd .spectrum-ToggleSwitch-input_3526dd.focus-ring_3526dd+.spectrum-ToggleSwitch-switch_3526dd:after,.spectrum-ToggleSwitch_3526dd.is-hovered_3526dd .spectrum-ToggleSwitch-input_3526dd.focus-ring_3526dd+.spectrum-ToggleSwitch-switch_3526dd: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))}.spectrum-ToggleSwitch_3526dd .spectrum-ToggleSwitch-input_3526dd.focus-ring_3526dd+.spectrum-ToggleSwitch-switch_3526dd:before,.spectrum-ToggleSwitch_3526dd.is-hovered_3526dd .spectrum-ToggleSwitch-input_3526dd.focus-ring_3526dd+.spectrum-ToggleSwitch-switch_3526dd:before{border-color:var(--spectrum-switch-emphasized-handle-border-color-key-focus,var(--spectrum-global-color-gray-700))}.spectrum-ToggleSwitch_3526dd .spectrum-ToggleSwitch-input_3526dd.focus-ring_3526dd:checked+.spectrum-ToggleSwitch-switch_3526dd,.spectrum-ToggleSwitch_3526dd.is-hovered_3526dd .spectrum-ToggleSwitch-input_3526dd.focus-ring_3526dd:checked+.spectrum-ToggleSwitch-switch_3526dd{background-color:var(--spectrum-switch-emphasized-track-color-selected-key-focus,var(--spectrum-global-color-blue-600))}.spectrum-ToggleSwitch_3526dd .spectrum-ToggleSwitch-input_3526dd.focus-ring_3526dd:checked+.spectrum-ToggleSwitch-switch_3526dd:before,.spectrum-ToggleSwitch_3526dd.is-hovered_3526dd .spectrum-ToggleSwitch-input_3526dd.focus-ring_3526dd:checked+.spectrum-ToggleSwitch-switch_3526dd:before{border-color:var(--spectrum-switch-emphasized-handle-border-color-selected-key-focus,var(--spectrum-global-color-blue-600))}.spectrum-ToggleSwitch--quiet_3526dd .spectrum-ToggleSwitch-input_3526dd.focus-ring_3526dd:checked+.spectrum-ToggleSwitch-switch_3526dd,.spectrum-ToggleSwitch--quiet_3526dd.is-hovered_3526dd .spectrum-ToggleSwitch-input_3526dd.focus-ring_3526dd:checked+.spectrum-ToggleSwitch-switch_3526dd{background-color:var(--spectrum-switch-quiet-track-color-selected-key-focus,var(--spectrum-global-color-gray-800))}.spectrum-ToggleSwitch--quiet_3526dd .spectrum-ToggleSwitch-input_3526dd.focus-ring_3526dd:checked+.spectrum-ToggleSwitch-switch_3526dd:before,.spectrum-ToggleSwitch--quiet_3526dd.is-hovered_3526dd .spectrum-ToggleSwitch-input_3526dd.focus-ring_3526dd:checked+.spectrum-ToggleSwitch-switch_3526dd:before{border-color:var(--spectrum-switch-quiet-handle-border-color-selected-key-focus,var(--spectrum-global-color-gray-800))}.spectrum-ToggleSwitch--ab_3526dd .spectrum-ToggleSwitch-input_3526dd:checked+.spectrum-ToggleSwitch-switch_3526dd{background-color:var(--spectrum-switch-track-color,var(--spectrum-global-color-gray-300))}.spectrum-ToggleSwitch--ab_3526dd .spectrum-ToggleSwitch-input_3526dd:checked+.spectrum-ToggleSwitch-switch_3526dd:before{border-color:var(--spectrum-switch-handle-border-color,var(--spectrum-global-color-gray-600))}.spectrum-ToggleSwitch--ab_3526dd .spectrum-ToggleSwitch-input_3526dd.focus-ring_3526dd:checked+.spectrum-ToggleSwitch-switch_3526dd{background-color:var(--spectrum-switch-track-color,var(--spectrum-global-color-gray-300))}.spectrum-ToggleSwitch--ab_3526dd .spectrum-ToggleSwitch-input_3526dd.focus-ring_3526dd:checked+.spectrum-ToggleSwitch-switch_3526dd:before{border-color:var(--spectrum-switch-handle-border-color-selected,var(--spectrum-global-color-gray-700))}.spectrum-ToggleSwitch--ab_3526dd .spectrum-ToggleSwitch-input_3526dd:disabled:checked+.spectrum-ToggleSwitch-switch_3526dd,.spectrum-ToggleSwitch--ab_3526dd .spectrum-ToggleSwitch-input_3526dd:disabled+.spectrum-ToggleSwitch-switch_3526dd{background-color:var(--spectrum-switch-emphasized-track-color-disabled,var(--spectrum-global-color-gray-300))}.spectrum-ToggleSwitch--ab_3526dd .spectrum-ToggleSwitch-input_3526dd:disabled+.spectrum-ToggleSwitch-switch_3526dd:before{border-color:var(--spectrum-switch-emphasized-handle-border-color-disabled,var(--spectrum-global-color-gray-400))}.spectrum-ToggleSwitch--ab_3526dd.is-hovered_3526dd .spectrum-ToggleSwitch-input_3526dd:checked:enabled+.spectrum-ToggleSwitch-switch_3526dd{background-color:var(--spectrum-switch-emphasized-track-color,var(--spectrum-global-color-gray-300))}.spectrum-ToggleSwitch--ab_3526dd.is-hovered_3526dd .spectrum-ToggleSwitch-input_3526dd:checked:enabled+.spectrum-ToggleSwitch-switch_3526dd:before{border-color:var(--spectrum-switch-emphasized-handle-border-color-hover,var(--spectrum-global-color-gray-700))}.spectrum-ToggleSwitch--ab_3526dd:active .spectrum-ToggleSwitch-input_3526dd:checked:enabled+.spectrum-ToggleSwitch-switch_3526dd{background-color:var(--spectrum-switch-emphasized-track-color,var(--spectrum-global-color-gray-300))}.spectrum-ToggleSwitch--ab_3526dd:active .spectrum-ToggleSwitch-input_3526dd:checked:enabled+.spectrum-ToggleSwitch-switch_3526dd:before{border-color:var(--spectrum-switch-emphasized-handle-border-color-down,var(--spectrum-global-color-gray-800))}@media (forced-colors:active){.spectrum-ToggleSwitch_3526dd{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}.spectrum-ToggleSwitch_3526dd .spectrum-ToggleSwitch-input_3526dd:not(:checked)+.spectrum-ToggleSwitch-switch_3526dd{box-shadow:inset 0 0 0 1px var(--spectrum-switch-handle-border-color,var(--spectrum-global-color-gray-600))}.spectrum-ToggleSwitch_3526dd.is-hovered_3526dd .spectrum-ToggleSwitch-input_3526dd:not(:checked)+.spectrum-ToggleSwitch-switch_3526dd{box-shadow:inset 0 0 0 1px var(--spectrum-switch-emphasized-handle-border-color-hover,var(--spectrum-global-color-gray-700))}.spectrum-ToggleSwitch_3526dd .spectrum-ToggleSwitch-input_3526dd:not(:checked):focus+.spectrum-ToggleSwitch-switch_3526dd{box-shadow:inset 0 0 0 1px var(--spectrum-switch-emphasized-handle-border-color-key-focus,var(--spectrum-global-color-gray-700))}.spectrum-ToggleSwitch_3526dd .spectrum-ToggleSwitch-input_3526dd:disabled+.spectrum-ToggleSwitch-switch_3526dd{box-shadow:inset 0 0 0 1px var(--spectrum-switch-emphasized-handle-border-color-disabled,var(--spectrum-global-color-gray-400))}}
|
|
1
|
+
.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 Pゴシック,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;top:0;bottom:0;left:0;right: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)}.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%;display:inline-flex;position:relative}.XHynUq_spectrum-ToggleSwitch:not(:-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))){margin-right:calc(var(--spectrum-switch-cursor-hit-x,var(--spectrum-global-dimension-size-100))*2)}.XHynUq_spectrum-ToggleSwitch:not(:-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))){margin-right:calc(var(--spectrum-switch-cursor-hit-x,var(--spectrum-global-dimension-size-100))*2)}.XHynUq_spectrum-ToggleSwitch: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))){margin-right:calc(var(--spectrum-switch-cursor-hit-x,var(--spectrum-global-dimension-size-100))*2)}.XHynUq_spectrum-ToggleSwitch:-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)){margin-left:calc(var(--spectrum-switch-cursor-hit-x,var(--spectrum-global-dimension-size-100))*2)}.XHynUq_spectrum-ToggleSwitch: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)){margin-left:calc(var(--spectrum-switch-cursor-hit-x,var(--spectrum-global-dimension-size-100))*2)}.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(:-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))){left:0}.XHynUq_spectrum-ToggleSwitch-input:not(:-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))){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-top: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(:-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{left:0}.XHynUq_spectrum-ToggleSwitch-switch:not(:-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{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;top:0;bottom:0;left:0;right:0;transform:translate(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))}:-webkit-any(.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: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))}:-webkit-any(.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+.XHynUq_spectrum-ToggleSwitch-switch:before{border-color:var(--spectrum-switch-emphasized-handle-border-color-key-focus,var(--spectrum-global-color-gray-700))}:-webkit-any(.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{background-color:var(--spectrum-switch-emphasized-track-color-selected-key-focus,var(--spectrum-global-color-blue-600))}:-webkit-any(.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,.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))}:-webkit-any(.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{background-color:var(--spectrum-switch-quiet-track-color-selected-key-focus,var(--spectrum-global-color-gray-800))}:-webkit-any(.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))}: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))}}
|
package/dist/main.js
CHANGED
|
@@ -41,30 +41,42 @@ $parcel$export(module.exports, "Switch", () => $e216104aee091306$export$b5d5cf89
|
|
|
41
41
|
|
|
42
42
|
var $faeb9d1b92049ba7$exports = {};
|
|
43
43
|
|
|
44
|
-
$parcel$export($faeb9d1b92049ba7$exports, "spectrum-ToggleSwitch", () => $faeb9d1b92049ba7$export$89a9162656c0c38c, (v) => $faeb9d1b92049ba7$export$89a9162656c0c38c = v);
|
|
45
|
-
$parcel$export($faeb9d1b92049ba7$exports, "spectrum-ToggleSwitch-input", () => $faeb9d1b92049ba7$export$38df7ea4ffef819a, (v) => $faeb9d1b92049ba7$export$38df7ea4ffef819a = v);
|
|
46
|
-
$parcel$export($faeb9d1b92049ba7$exports, "spectrum-ToggleSwitch-switch", () => $faeb9d1b92049ba7$export$b82d06d1b520a22f, (v) => $faeb9d1b92049ba7$export$b82d06d1b520a22f = v);
|
|
47
44
|
$parcel$export($faeb9d1b92049ba7$exports, "focus-ring", () => $faeb9d1b92049ba7$export$f39a09f249340e2a, (v) => $faeb9d1b92049ba7$export$f39a09f249340e2a = v);
|
|
48
|
-
$parcel$export($faeb9d1b92049ba7$exports, "
|
|
45
|
+
$parcel$export($faeb9d1b92049ba7$exports, "i18nFontFamily", () => $faeb9d1b92049ba7$export$8c4ee2c50c22c514, (v) => $faeb9d1b92049ba7$export$8c4ee2c50c22c514 = v);
|
|
49
46
|
$parcel$export($faeb9d1b92049ba7$exports, "is-hovered", () => $faeb9d1b92049ba7$export$b8813cd5d7824ce7, (v) => $faeb9d1b92049ba7$export$b8813cd5d7824ce7 = v);
|
|
50
|
-
$parcel$export($faeb9d1b92049ba7$exports, "spectrum-
|
|
47
|
+
$parcel$export($faeb9d1b92049ba7$exports, "spectrum-FocusRing-ring", () => $faeb9d1b92049ba7$export$4109102f950813a6, (v) => $faeb9d1b92049ba7$export$4109102f950813a6 = v);
|
|
48
|
+
$parcel$export($faeb9d1b92049ba7$exports, "spectrum-FocusRing", () => $faeb9d1b92049ba7$export$24c7f46a6e3605dd, (v) => $faeb9d1b92049ba7$export$24c7f46a6e3605dd = v);
|
|
49
|
+
$parcel$export($faeb9d1b92049ba7$exports, "spectrum-FocusRing--quiet", () => $faeb9d1b92049ba7$export$2927016961429360, (v) => $faeb9d1b92049ba7$export$2927016961429360 = v);
|
|
50
|
+
$parcel$export($faeb9d1b92049ba7$exports, "spectrum-ToggleSwitch", () => $faeb9d1b92049ba7$export$89a9162656c0c38c, (v) => $faeb9d1b92049ba7$export$89a9162656c0c38c = v);
|
|
51
51
|
$parcel$export($faeb9d1b92049ba7$exports, "spectrum-ToggleSwitch--ab", () => $faeb9d1b92049ba7$export$dc5a33fddabf5882, (v) => $faeb9d1b92049ba7$export$dc5a33fddabf5882 = v);
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
52
|
+
$parcel$export($faeb9d1b92049ba7$exports, "spectrum-ToggleSwitch--quiet", () => $faeb9d1b92049ba7$export$ce1b1dcfc10f3df4, (v) => $faeb9d1b92049ba7$export$ce1b1dcfc10f3df4 = v);
|
|
53
|
+
$parcel$export($faeb9d1b92049ba7$exports, "spectrum-ToggleSwitch-input", () => $faeb9d1b92049ba7$export$38df7ea4ffef819a, (v) => $faeb9d1b92049ba7$export$38df7ea4ffef819a = v);
|
|
54
|
+
$parcel$export($faeb9d1b92049ba7$exports, "spectrum-ToggleSwitch-label", () => $faeb9d1b92049ba7$export$8f1a69021a3897b2, (v) => $faeb9d1b92049ba7$export$8f1a69021a3897b2 = v);
|
|
55
|
+
$parcel$export($faeb9d1b92049ba7$exports, "spectrum-ToggleSwitch-switch", () => $faeb9d1b92049ba7$export$b82d06d1b520a22f, (v) => $faeb9d1b92049ba7$export$b82d06d1b520a22f = v);
|
|
55
56
|
var $faeb9d1b92049ba7$export$f39a09f249340e2a;
|
|
56
|
-
var $faeb9d1b92049ba7$export$
|
|
57
|
+
var $faeb9d1b92049ba7$export$8c4ee2c50c22c514;
|
|
57
58
|
var $faeb9d1b92049ba7$export$b8813cd5d7824ce7;
|
|
58
|
-
var $faeb9d1b92049ba7$export$
|
|
59
|
+
var $faeb9d1b92049ba7$export$4109102f950813a6;
|
|
60
|
+
var $faeb9d1b92049ba7$export$24c7f46a6e3605dd;
|
|
61
|
+
var $faeb9d1b92049ba7$export$2927016961429360;
|
|
62
|
+
var $faeb9d1b92049ba7$export$89a9162656c0c38c;
|
|
59
63
|
var $faeb9d1b92049ba7$export$dc5a33fddabf5882;
|
|
60
|
-
$faeb9d1b92049ba7$export$
|
|
61
|
-
$faeb9d1b92049ba7$export$38df7ea4ffef819a
|
|
62
|
-
$faeb9d1b92049ba7$export$
|
|
63
|
-
$faeb9d1b92049ba7$export$
|
|
64
|
-
$faeb9d1b92049ba7$export$
|
|
65
|
-
$faeb9d1b92049ba7$export$
|
|
66
|
-
$faeb9d1b92049ba7$export$
|
|
67
|
-
$faeb9d1b92049ba7$export$
|
|
64
|
+
var $faeb9d1b92049ba7$export$ce1b1dcfc10f3df4;
|
|
65
|
+
var $faeb9d1b92049ba7$export$38df7ea4ffef819a;
|
|
66
|
+
var $faeb9d1b92049ba7$export$8f1a69021a3897b2;
|
|
67
|
+
var $faeb9d1b92049ba7$export$b82d06d1b520a22f;
|
|
68
|
+
$faeb9d1b92049ba7$export$f39a09f249340e2a = `XHynUq_focus-ring`;
|
|
69
|
+
$faeb9d1b92049ba7$export$8c4ee2c50c22c514 = `XHynUq_i18nFontFamily`;
|
|
70
|
+
$faeb9d1b92049ba7$export$b8813cd5d7824ce7 = `XHynUq_is-hovered`;
|
|
71
|
+
$faeb9d1b92049ba7$export$4109102f950813a6 = `XHynUq_spectrum-FocusRing-ring`;
|
|
72
|
+
$faeb9d1b92049ba7$export$24c7f46a6e3605dd = `XHynUq_spectrum-FocusRing ${$faeb9d1b92049ba7$export$4109102f950813a6}`;
|
|
73
|
+
$faeb9d1b92049ba7$export$2927016961429360 = `XHynUq_spectrum-FocusRing--quiet`;
|
|
74
|
+
$faeb9d1b92049ba7$export$89a9162656c0c38c = `XHynUq_spectrum-ToggleSwitch`;
|
|
75
|
+
$faeb9d1b92049ba7$export$dc5a33fddabf5882 = `XHynUq_spectrum-ToggleSwitch--ab`;
|
|
76
|
+
$faeb9d1b92049ba7$export$ce1b1dcfc10f3df4 = `XHynUq_spectrum-ToggleSwitch--quiet`;
|
|
77
|
+
$faeb9d1b92049ba7$export$38df7ea4ffef819a = `XHynUq_spectrum-ToggleSwitch-input`;
|
|
78
|
+
$faeb9d1b92049ba7$export$8f1a69021a3897b2 = `XHynUq_spectrum-ToggleSwitch-label`;
|
|
79
|
+
$faeb9d1b92049ba7$export$b82d06d1b520a22f = `XHynUq_spectrum-ToggleSwitch-switch`;
|
|
68
80
|
|
|
69
81
|
|
|
70
82
|
|
|
@@ -73,15 +85,15 @@ $faeb9d1b92049ba7$export$dc5a33fddabf5882 = "spectrum-ToggleSwitch--ab_3526dd";
|
|
|
73
85
|
|
|
74
86
|
function $e216104aee091306$var$Switch(props, ref) {
|
|
75
87
|
props = (0, $3fKzX$reactspectrumprovider.useProviderProps)(props);
|
|
76
|
-
let { isEmphasized: isEmphasized = false
|
|
77
|
-
let { styleProps: styleProps
|
|
78
|
-
let { hoverProps: hoverProps
|
|
88
|
+
let { isEmphasized: isEmphasized = false, isDisabled: isDisabled = false, autoFocus: autoFocus, children: children, ...otherProps } = props;
|
|
89
|
+
let { styleProps: styleProps } = (0, $3fKzX$reactspectrumutils.useStyleProps)(otherProps);
|
|
90
|
+
let { hoverProps: hoverProps, isHovered: isHovered } = (0, $3fKzX$reactariainteractions.useHover)({
|
|
79
91
|
isDisabled: isDisabled
|
|
80
92
|
});
|
|
81
93
|
let inputRef = (0, $3fKzX$react.useRef)(null);
|
|
82
94
|
let domRef = (0, $3fKzX$reactspectrumutils.useFocusableRef)(ref, inputRef);
|
|
83
95
|
let state = (0, $3fKzX$reactstatelytoggle.useToggleState)(props);
|
|
84
|
-
let { inputProps: inputProps
|
|
96
|
+
let { inputProps: inputProps } = (0, $3fKzX$reactariaswitch.useSwitch)(props, state, inputRef);
|
|
85
97
|
return /*#__PURE__*/ (0, ($parcel$interopDefault($3fKzX$react))).createElement("label", {
|
|
86
98
|
...styleProps,
|
|
87
99
|
...hoverProps,
|
package/dist/main.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"mappings":";;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC,GAED,0CAA0C;ACZ1C;;;;;;;;;;CAUC
|
|
1
|
+
{"mappings":";;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC,GAED,0CAA0C;ACZ1C;;;;;;;;;;CAUC;;;;;;;;;;;;;;;;;ACVD,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;;;;;;;ADYtF,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,gEAAK,GACL,yBACA;YACE,gCAAgC,CAAC;YACjC,eAAe;YACf,cAAc;QAChB,GACA,WAAW;qBAGf,0DAAC,CAAA,GAAA,+BAAQ;QAAE,gBAAgB,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,gEAAK,GAAG;QAAe,WAAW;qBACtE,0DAAC;QACE,GAAG,UAAU;QACd,KAAK;QACL,WAAW,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,gEAAK,GAAG;uBAElC,0DAAC;QAAK,WAAW,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,gEAAK,GAAG;QACnC,0BACC,0DAAC;QAAK,WAAW,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,gEAAK,GAAG;OACjC;AAKX;AAEA;;;CAGC,GACD,MAAM,0DAAU,CAAA,GAAA,uBAAS,EAAE;","sources":["packages/@react-spectrum/switch/src/index.ts","packages/@react-spectrum/switch/src/Switch.tsx","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/// <reference types=\"css-module-types\" />\n\nexport {Switch} from './Switch';\nexport type {SpectrumSwitchProps} from '@react-types/switch';\n","/*\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","/*\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":"main.js.map"}
|
package/dist/module.js
CHANGED
|
@@ -39,30 +39,42 @@ function $parcel$export(e, n, v, s) {
|
|
|
39
39
|
|
|
40
40
|
var $dfcff93ab25bb9b3$exports = {};
|
|
41
41
|
|
|
42
|
-
$parcel$export($dfcff93ab25bb9b3$exports, "spectrum-ToggleSwitch", () => $dfcff93ab25bb9b3$export$89a9162656c0c38c, (v) => $dfcff93ab25bb9b3$export$89a9162656c0c38c = v);
|
|
43
|
-
$parcel$export($dfcff93ab25bb9b3$exports, "spectrum-ToggleSwitch-input", () => $dfcff93ab25bb9b3$export$38df7ea4ffef819a, (v) => $dfcff93ab25bb9b3$export$38df7ea4ffef819a = v);
|
|
44
|
-
$parcel$export($dfcff93ab25bb9b3$exports, "spectrum-ToggleSwitch-switch", () => $dfcff93ab25bb9b3$export$b82d06d1b520a22f, (v) => $dfcff93ab25bb9b3$export$b82d06d1b520a22f = v);
|
|
45
42
|
$parcel$export($dfcff93ab25bb9b3$exports, "focus-ring", () => $dfcff93ab25bb9b3$export$f39a09f249340e2a, (v) => $dfcff93ab25bb9b3$export$f39a09f249340e2a = v);
|
|
46
|
-
$parcel$export($dfcff93ab25bb9b3$exports, "
|
|
43
|
+
$parcel$export($dfcff93ab25bb9b3$exports, "i18nFontFamily", () => $dfcff93ab25bb9b3$export$8c4ee2c50c22c514, (v) => $dfcff93ab25bb9b3$export$8c4ee2c50c22c514 = v);
|
|
47
44
|
$parcel$export($dfcff93ab25bb9b3$exports, "is-hovered", () => $dfcff93ab25bb9b3$export$b8813cd5d7824ce7, (v) => $dfcff93ab25bb9b3$export$b8813cd5d7824ce7 = v);
|
|
48
|
-
$parcel$export($dfcff93ab25bb9b3$exports, "spectrum-
|
|
45
|
+
$parcel$export($dfcff93ab25bb9b3$exports, "spectrum-FocusRing-ring", () => $dfcff93ab25bb9b3$export$4109102f950813a6, (v) => $dfcff93ab25bb9b3$export$4109102f950813a6 = v);
|
|
46
|
+
$parcel$export($dfcff93ab25bb9b3$exports, "spectrum-FocusRing", () => $dfcff93ab25bb9b3$export$24c7f46a6e3605dd, (v) => $dfcff93ab25bb9b3$export$24c7f46a6e3605dd = v);
|
|
47
|
+
$parcel$export($dfcff93ab25bb9b3$exports, "spectrum-FocusRing--quiet", () => $dfcff93ab25bb9b3$export$2927016961429360, (v) => $dfcff93ab25bb9b3$export$2927016961429360 = v);
|
|
48
|
+
$parcel$export($dfcff93ab25bb9b3$exports, "spectrum-ToggleSwitch", () => $dfcff93ab25bb9b3$export$89a9162656c0c38c, (v) => $dfcff93ab25bb9b3$export$89a9162656c0c38c = v);
|
|
49
49
|
$parcel$export($dfcff93ab25bb9b3$exports, "spectrum-ToggleSwitch--ab", () => $dfcff93ab25bb9b3$export$dc5a33fddabf5882, (v) => $dfcff93ab25bb9b3$export$dc5a33fddabf5882 = v);
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
50
|
+
$parcel$export($dfcff93ab25bb9b3$exports, "spectrum-ToggleSwitch--quiet", () => $dfcff93ab25bb9b3$export$ce1b1dcfc10f3df4, (v) => $dfcff93ab25bb9b3$export$ce1b1dcfc10f3df4 = v);
|
|
51
|
+
$parcel$export($dfcff93ab25bb9b3$exports, "spectrum-ToggleSwitch-input", () => $dfcff93ab25bb9b3$export$38df7ea4ffef819a, (v) => $dfcff93ab25bb9b3$export$38df7ea4ffef819a = v);
|
|
52
|
+
$parcel$export($dfcff93ab25bb9b3$exports, "spectrum-ToggleSwitch-label", () => $dfcff93ab25bb9b3$export$8f1a69021a3897b2, (v) => $dfcff93ab25bb9b3$export$8f1a69021a3897b2 = v);
|
|
53
|
+
$parcel$export($dfcff93ab25bb9b3$exports, "spectrum-ToggleSwitch-switch", () => $dfcff93ab25bb9b3$export$b82d06d1b520a22f, (v) => $dfcff93ab25bb9b3$export$b82d06d1b520a22f = v);
|
|
53
54
|
var $dfcff93ab25bb9b3$export$f39a09f249340e2a;
|
|
54
|
-
var $dfcff93ab25bb9b3$export$
|
|
55
|
+
var $dfcff93ab25bb9b3$export$8c4ee2c50c22c514;
|
|
55
56
|
var $dfcff93ab25bb9b3$export$b8813cd5d7824ce7;
|
|
56
|
-
var $dfcff93ab25bb9b3$export$
|
|
57
|
+
var $dfcff93ab25bb9b3$export$4109102f950813a6;
|
|
58
|
+
var $dfcff93ab25bb9b3$export$24c7f46a6e3605dd;
|
|
59
|
+
var $dfcff93ab25bb9b3$export$2927016961429360;
|
|
60
|
+
var $dfcff93ab25bb9b3$export$89a9162656c0c38c;
|
|
57
61
|
var $dfcff93ab25bb9b3$export$dc5a33fddabf5882;
|
|
58
|
-
$dfcff93ab25bb9b3$export$
|
|
59
|
-
$dfcff93ab25bb9b3$export$38df7ea4ffef819a
|
|
60
|
-
$dfcff93ab25bb9b3$export$
|
|
61
|
-
$dfcff93ab25bb9b3$export$
|
|
62
|
-
$dfcff93ab25bb9b3$export$
|
|
63
|
-
$dfcff93ab25bb9b3$export$
|
|
64
|
-
$dfcff93ab25bb9b3$export$
|
|
65
|
-
$dfcff93ab25bb9b3$export$
|
|
62
|
+
var $dfcff93ab25bb9b3$export$ce1b1dcfc10f3df4;
|
|
63
|
+
var $dfcff93ab25bb9b3$export$38df7ea4ffef819a;
|
|
64
|
+
var $dfcff93ab25bb9b3$export$8f1a69021a3897b2;
|
|
65
|
+
var $dfcff93ab25bb9b3$export$b82d06d1b520a22f;
|
|
66
|
+
$dfcff93ab25bb9b3$export$f39a09f249340e2a = `XHynUq_focus-ring`;
|
|
67
|
+
$dfcff93ab25bb9b3$export$8c4ee2c50c22c514 = `XHynUq_i18nFontFamily`;
|
|
68
|
+
$dfcff93ab25bb9b3$export$b8813cd5d7824ce7 = `XHynUq_is-hovered`;
|
|
69
|
+
$dfcff93ab25bb9b3$export$4109102f950813a6 = `XHynUq_spectrum-FocusRing-ring`;
|
|
70
|
+
$dfcff93ab25bb9b3$export$24c7f46a6e3605dd = `XHynUq_spectrum-FocusRing ${$dfcff93ab25bb9b3$export$4109102f950813a6}`;
|
|
71
|
+
$dfcff93ab25bb9b3$export$2927016961429360 = `XHynUq_spectrum-FocusRing--quiet`;
|
|
72
|
+
$dfcff93ab25bb9b3$export$89a9162656c0c38c = `XHynUq_spectrum-ToggleSwitch`;
|
|
73
|
+
$dfcff93ab25bb9b3$export$dc5a33fddabf5882 = `XHynUq_spectrum-ToggleSwitch--ab`;
|
|
74
|
+
$dfcff93ab25bb9b3$export$ce1b1dcfc10f3df4 = `XHynUq_spectrum-ToggleSwitch--quiet`;
|
|
75
|
+
$dfcff93ab25bb9b3$export$38df7ea4ffef819a = `XHynUq_spectrum-ToggleSwitch-input`;
|
|
76
|
+
$dfcff93ab25bb9b3$export$8f1a69021a3897b2 = `XHynUq_spectrum-ToggleSwitch-label`;
|
|
77
|
+
$dfcff93ab25bb9b3$export$b82d06d1b520a22f = `XHynUq_spectrum-ToggleSwitch-switch`;
|
|
66
78
|
|
|
67
79
|
|
|
68
80
|
|
|
@@ -71,15 +83,15 @@ $dfcff93ab25bb9b3$export$dc5a33fddabf5882 = "spectrum-ToggleSwitch--ab_3526dd";
|
|
|
71
83
|
|
|
72
84
|
function $8341c396cee1c5fc$var$Switch(props, ref) {
|
|
73
85
|
props = (0, $8Tpjb$useProviderProps)(props);
|
|
74
|
-
let { isEmphasized: isEmphasized = false
|
|
75
|
-
let { styleProps: styleProps
|
|
76
|
-
let { hoverProps: hoverProps
|
|
86
|
+
let { isEmphasized: isEmphasized = false, isDisabled: isDisabled = false, autoFocus: autoFocus, children: children, ...otherProps } = props;
|
|
87
|
+
let { styleProps: styleProps } = (0, $8Tpjb$useStyleProps)(otherProps);
|
|
88
|
+
let { hoverProps: hoverProps, isHovered: isHovered } = (0, $8Tpjb$useHover)({
|
|
77
89
|
isDisabled: isDisabled
|
|
78
90
|
});
|
|
79
91
|
let inputRef = (0, $8Tpjb$useRef)(null);
|
|
80
92
|
let domRef = (0, $8Tpjb$useFocusableRef)(ref, inputRef);
|
|
81
93
|
let state = (0, $8Tpjb$useToggleState)(props);
|
|
82
|
-
let { inputProps: inputProps
|
|
94
|
+
let { inputProps: inputProps } = (0, $8Tpjb$useSwitch)(props, state, inputRef);
|
|
83
95
|
return /*#__PURE__*/ (0, $8Tpjb$react).createElement("label", {
|
|
84
96
|
...styleProps,
|
|
85
97
|
...hoverProps,
|
package/dist/module.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"mappings":";;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC,GAED,0CAA0C;ACZ1C;;;;;;;;;;CAUC
|
|
1
|
+
{"mappings":";;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC,GAED,0CAA0C;ACZ1C;;;;;;;;;;CAUC;;;;;;;;;;;;;;;;;ACVD,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;;;;;;;ADYtF,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,gEAAK,GACL,yBACA;YACE,gCAAgC,CAAC;YACjC,eAAe;YACf,cAAc;QAChB,GACA,WAAW;qBAGf,gCAAC,CAAA,GAAA,gBAAQ;QAAE,gBAAgB,CAAA,GAAA,iBAAS,EAAE,CAAA,GAAA,gEAAK,GAAG;QAAe,WAAW;qBACtE,gCAAC;QACE,GAAG,UAAU;QACd,KAAK;QACL,WAAW,CAAA,GAAA,iBAAS,EAAE,CAAA,GAAA,gEAAK,GAAG;uBAElC,gCAAC;QAAK,WAAW,CAAA,GAAA,iBAAS,EAAE,CAAA,GAAA,gEAAK,GAAG;QACnC,0BACC,gCAAC;QAAK,WAAW,CAAA,GAAA,iBAAS,EAAE,CAAA,GAAA,gEAAK,GAAG;OACjC;AAKX;AAEA;;;CAGC,GACD,MAAM,0DAAU,CAAA,GAAA,iBAAS,EAAE;","sources":["packages/@react-spectrum/switch/src/index.ts","packages/@react-spectrum/switch/src/Switch.tsx","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/// <reference types=\"css-module-types\" />\n\nexport {Switch} from './Switch';\nexport type {SpectrumSwitchProps} from '@react-types/switch';\n","/*\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","/*\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":"module.js.map"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@react-spectrum/switch",
|
|
3
|
-
"version": "3.4.
|
|
3
|
+
"version": "3.4.7",
|
|
4
4
|
"description": "Spectrum UI components in React",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"main": "dist/main.js",
|
|
@@ -36,15 +36,15 @@
|
|
|
36
36
|
"url": "https://github.com/adobe/react-spectrum"
|
|
37
37
|
},
|
|
38
38
|
"dependencies": {
|
|
39
|
-
"@react-aria/focus": "^3.14.
|
|
40
|
-
"@react-aria/interactions": "^3.
|
|
41
|
-
"@react-aria/switch": "^3.5.
|
|
42
|
-
"@react-aria/utils": "^3.
|
|
43
|
-
"@react-spectrum/utils": "^3.
|
|
44
|
-
"@react-stately/toggle": "^3.6.
|
|
45
|
-
"@react-types/shared": "^3.
|
|
46
|
-
"@react-types/switch": "^3.4.
|
|
47
|
-
"@spectrum-icons/ui": "^3.
|
|
39
|
+
"@react-aria/focus": "^3.14.3",
|
|
40
|
+
"@react-aria/interactions": "^3.19.1",
|
|
41
|
+
"@react-aria/switch": "^3.5.6",
|
|
42
|
+
"@react-aria/utils": "^3.21.1",
|
|
43
|
+
"@react-spectrum/utils": "^3.11.1",
|
|
44
|
+
"@react-stately/toggle": "^3.6.3",
|
|
45
|
+
"@react-types/shared": "^3.21.0",
|
|
46
|
+
"@react-types/switch": "^3.4.2",
|
|
47
|
+
"@spectrum-icons/ui": "^3.6.1",
|
|
48
48
|
"@swc/helpers": "^0.5.0"
|
|
49
49
|
},
|
|
50
50
|
"devDependencies": {
|
|
@@ -57,5 +57,5 @@
|
|
|
57
57
|
"publishConfig": {
|
|
58
58
|
"access": "public"
|
|
59
59
|
},
|
|
60
|
-
"gitHead": "
|
|
60
|
+
"gitHead": "3ecf62dcceea437cb12df1851636dd491bb6591c"
|
|
61
61
|
}
|