@react-spectrum/switch 3.1.1 → 3.1.5
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/main.css +1 -2
- package/dist/main.js +100 -101
- package/dist/main.js.map +1 -1
- package/dist/module.js +83 -69
- package/dist/module.js.map +1 -1
- package/dist/types.d.ts.map +1 -1
- package/package.json +13 -13
- package/dist/main.css.map +0 -1
package/dist/main.css
CHANGED
|
@@ -1,2 +1 @@
|
|
|
1
|
-
[dir=ltr] ._spectrum-ToggleSwitch_fc100{margin-right:calc(var(--spectrum-global-dimension-size-100) * 2)}[dir=rtl] ._spectrum-ToggleSwitch_fc100{margin-left:calc(var(--spectrum-global-dimension-size-100) * 2)}._spectrum-ToggleSwitch_fc100{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:start;align-items:flex-start;position:relative;min-height:var(--spectrum-global-dimension-size-400);max-width:100%;vertical-align:top;isolation:isolate}[dir=ltr] ._spectrum-ToggleSwitch-input_fc100{left:0}[dir=rtl] ._spectrum-ToggleSwitch-input_fc100{right:0}._spectrum-ToggleSwitch-input_fc100{margin:0;box-sizing:border-box;padding:0;position:absolute;width:100%;height:100%;top:0;opacity:.0001;z-index:1;cursor:default}[dir=ltr] ._spectrum-ToggleSwitch-input_fc100:checked+._spectrum-ToggleSwitch-switch_fc100:before{transform:translateX(var(--spectrum-switch-handle-transform-x-ltr))}[dir=rtl] ._spectrum-ToggleSwitch-input_fc100:checked+._spectrum-ToggleSwitch-switch_fc100:before{transform:translateX(var(--spectrum-switch-handle-transform-x-rtl))}._spectrum-ToggleSwitch-input_fc100:disabled,._spectrum-ToggleSwitch-input_fc100[disabled]{cursor:default}._spectrum-ToggleSwitch-input_fc100._focus-ring_fc100+._spectrum-ToggleSwitch-switch_fc100:after{margin:calc(var(--spectrum-global-dimension-static-size-25, 2px) * -1)}[dir=ltr] ._spectrum-ToggleSwitch-label_fc100{text-align:left}[dir=rtl] ._spectrum-ToggleSwitch-label_fc100{text-align:right}._spectrum-ToggleSwitch-label_fc100{margin:0 var(--spectrum-global-dimension-size-125);margin-top:var(--spectrum-global-dimension-size-65);font-size:var(--spectrum-alias-font-size-default,var(--spectrum-global-dimension-font-size-100));line-height:1.49;transition:color .16s ease-in-out}[dir=ltr] ._spectrum-ToggleSwitch-switch_fc100{left:0}[dir=ltr] ._spectrum-ToggleSwitch-switch_fc100,[dir=rtl] ._spectrum-ToggleSwitch-switch_fc100{right:0}[dir=rtl] ._spectrum-ToggleSwitch-switch_fc100{left:0}._spectrum-ToggleSwitch-switch_fc100{display:inline-block;box-sizing:border-box;position:relative;width:var(--spectrum-switch-track-width);margin:calc((var(--spectrum-global-dimension-size-400) - var(--spectrum-global-dimension-size-175)) / 2) 0;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0;vertical-align:middle;will-change:transform;transition:background .13s ease-in-out,border .13s ease-in-out;height:var(--spectrum-global-dimension-size-175);border-radius:calc(var(--spectrum-global-dimension-size-175) / 2)}._spectrum-ToggleSwitch-switch_fc100:before{display:block;position:absolute;content:"";box-sizing:border-box}[dir=ltr] ._spectrum-ToggleSwitch-switch_fc100:before{left:0}[dir=rtl] ._spectrum-ToggleSwitch-switch_fc100:before{right:0}._spectrum-ToggleSwitch-switch_fc100:before{transition:background .13s ease-in-out,border .13s ease-in-out,transform .13s ease-in-out,box-shadow .13s ease-in-out;width:var(--spectrum-global-dimension-size-175);height:var(--spectrum-global-dimension-size-175);top:0;border-width:var(--spectrum-alias-border-size-thick,var(--spectrum-global-dimension-static-size-25));border-radius:var(--spectrum-switch-handle-border-radius);border-style:solid}._spectrum-ToggleSwitch-switch_fc100:after{border-radius:calc(var(--spectrum-global-dimension-size-175) + var(--spectrum-global-dimension-static-size-25, 2px));content:"";display:block;position:absolute;left:0;right:0;bottom:0;top:0;margin:0;transform:translateX(0);transition:box-shadow .13s ease-out,margin .13s ease-out}._spectrum-ToggleSwitch-switch_fc100{background-color:var(--spectrum-global-color-gray-300)}._spectrum-ToggleSwitch-switch_fc100:before{background-color:var(--spectrum-global-color-gray-75);border-color:var(--spectrum-global-color-gray-600)}._spectrum-ToggleSwitch-input_fc100~._spectrum-ToggleSwitch-label_fc100{color:var(--spectrum-alias-text-color,var(--spectrum-global-color-gray-800))}._spectrum-ToggleSwitch-input_fc100:checked+._spectrum-ToggleSwitch-switch_fc100{background-color:var(--spectrum-global-color-blue-500)}._spectrum-ToggleSwitch-input_fc100:checked+._spectrum-ToggleSwitch-switch_fc100:before{border-color:var(--spectrum-global-color-blue-500)}._spectrum-ToggleSwitch_fc100._is-hovered_fc100 ._spectrum-ToggleSwitch-input_fc100+._spectrum-ToggleSwitch-switch_fc100:before{border-color:var(--spectrum-global-color-gray-700);box-shadow:none}._spectrum-ToggleSwitch_fc100._is-hovered_fc100 ._spectrum-ToggleSwitch-input_fc100~._spectrum-ToggleSwitch-label_fc100{color:var(--spectrum-alias-text-color-hover,var(--spectrum-global-color-gray-900))}._spectrum-ToggleSwitch_fc100._is-hovered_fc100 ._spectrum-ToggleSwitch-input_fc100:checked:enabled+._spectrum-ToggleSwitch-switch_fc100{background-color:var(--spectrum-global-color-blue-600)}._spectrum-ToggleSwitch_fc100._is-hovered_fc100 ._spectrum-ToggleSwitch-input_fc100:checked:enabled+._spectrum-ToggleSwitch-switch_fc100:before{border-color:var(--spectrum-global-color-blue-600)}._spectrum-ToggleSwitch_fc100:active ._spectrum-ToggleSwitch-input_fc100+._spectrum-ToggleSwitch-switch_fc100:before{border-color:var(--spectrum-global-color-gray-800)}._spectrum-ToggleSwitch_fc100:active ._spectrum-ToggleSwitch-input_fc100~._spectrum-ToggleSwitch-label_fc100{color:var(--spectrum-alias-text-color-down,var(--spectrum-global-color-gray-900))}._spectrum-ToggleSwitch_fc100:active ._spectrum-ToggleSwitch-input_fc100:checked:enabled+._spectrum-ToggleSwitch-switch_fc100{background-color:var(--spectrum-global-color-blue-700)}._spectrum-ToggleSwitch_fc100:active ._spectrum-ToggleSwitch-input_fc100:checked:enabled+._spectrum-ToggleSwitch-switch_fc100:before{border-color:var(--spectrum-global-color-blue-700)}._spectrum-ToggleSwitch_fc100 ._spectrum-ToggleSwitch-input_fc100:disabled+._spectrum-ToggleSwitch-switch_fc100{background-color:var(--spectrum-global-color-gray-300)}._spectrum-ToggleSwitch_fc100 ._spectrum-ToggleSwitch-input_fc100:disabled+._spectrum-ToggleSwitch-switch_fc100:before{border-color:var(--spectrum-global-color-gray-400)}._spectrum-ToggleSwitch_fc100 ._spectrum-ToggleSwitch-input_fc100:disabled~._spectrum-ToggleSwitch-label_fc100{color:var(--spectrum-alias-text-color-disabled,var(--spectrum-global-color-gray-500))}._spectrum-ToggleSwitch_fc100 ._spectrum-ToggleSwitch-input_fc100:disabled:checked+._spectrum-ToggleSwitch-switch_fc100{background-color:var(--spectrum-global-color-gray-400)}._spectrum-ToggleSwitch_fc100 ._spectrum-ToggleSwitch-input_fc100:disabled:checked+._spectrum-ToggleSwitch-switch_fc100:before{border-color:var(--spectrum-global-color-gray-400)}._spectrum-ToggleSwitch_fc100 ._spectrum-ToggleSwitch-input_fc100:disabled:checked~._spectrum-ToggleSwitch-label_fc100{color:var(--spectrum-alias-text-color-disabled,var(--spectrum-global-color-gray-500))}._spectrum-ToggleSwitch--quiet_fc100 ._spectrum-ToggleSwitch-input_fc100:checked+._spectrum-ToggleSwitch-switch_fc100{background-color:var(--spectrum-global-color-gray-700)}._spectrum-ToggleSwitch--quiet_fc100 ._spectrum-ToggleSwitch-input_fc100:checked+._spectrum-ToggleSwitch-switch_fc100:before{border-color:var(--spectrum-global-color-gray-700)}._spectrum-ToggleSwitch--quiet_fc100._is-hovered_fc100 ._spectrum-ToggleSwitch-input_fc100:checked:enabled+._spectrum-ToggleSwitch-switch_fc100{background-color:var(--spectrum-global-color-gray-800)}._spectrum-ToggleSwitch--quiet_fc100._is-hovered_fc100 ._spectrum-ToggleSwitch-input_fc100:checked:enabled+._spectrum-ToggleSwitch-switch_fc100:before{border-color:var(--spectrum-global-color-gray-800)}._spectrum-ToggleSwitch_fc100._spectrum-ToggleSwitch--quiet_fc100:active ._spectrum-ToggleSwitch-input_fc100:checked:enabled+._spectrum-ToggleSwitch-switch_fc100{background-color:var(--spectrum-global-color-gray-900)}._spectrum-ToggleSwitch_fc100._spectrum-ToggleSwitch--quiet_fc100:active ._spectrum-ToggleSwitch-input_fc100:checked:enabled+._spectrum-ToggleSwitch-switch_fc100:before{border-color:var(--spectrum-global-color-gray-900)}._spectrum-ToggleSwitch_fc100 ._spectrum-ToggleSwitch-input_fc100._focus-ring_fc100+._spectrum-ToggleSwitch-switch_fc100:after,._spectrum-ToggleSwitch_fc100._is-hovered_fc100 ._spectrum-ToggleSwitch-input_fc100._focus-ring_fc100+._spectrum-ToggleSwitch-switch_fc100:after{box-shadow:0 0 0 var(--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)) var(--spectrum-alias-focus-ring-color,var(--spectrum-alias-focus-color))}._spectrum-ToggleSwitch_fc100 ._spectrum-ToggleSwitch-input_fc100._focus-ring_fc100+._spectrum-ToggleSwitch-switch_fc100:before,._spectrum-ToggleSwitch_fc100._is-hovered_fc100 ._spectrum-ToggleSwitch-input_fc100._focus-ring_fc100+._spectrum-ToggleSwitch-switch_fc100:before{border-color:var(--spectrum-global-color-gray-700)}._spectrum-ToggleSwitch_fc100 ._spectrum-ToggleSwitch-input_fc100._focus-ring_fc100:checked+._spectrum-ToggleSwitch-switch_fc100,._spectrum-ToggleSwitch_fc100._is-hovered_fc100 ._spectrum-ToggleSwitch-input_fc100._focus-ring_fc100:checked+._spectrum-ToggleSwitch-switch_fc100{background-color:var(--spectrum-global-color-blue-600)}._spectrum-ToggleSwitch_fc100 ._spectrum-ToggleSwitch-input_fc100._focus-ring_fc100:checked+._spectrum-ToggleSwitch-switch_fc100:before,._spectrum-ToggleSwitch_fc100._is-hovered_fc100 ._spectrum-ToggleSwitch-input_fc100._focus-ring_fc100:checked+._spectrum-ToggleSwitch-switch_fc100:before{border-color:var(--spectrum-global-color-blue-600)}._spectrum-ToggleSwitch--quiet_fc100 ._spectrum-ToggleSwitch-input_fc100._focus-ring_fc100:checked+._spectrum-ToggleSwitch-switch_fc100,._spectrum-ToggleSwitch--quiet_fc100._is-hovered_fc100 ._spectrum-ToggleSwitch-input_fc100._focus-ring_fc100:checked+._spectrum-ToggleSwitch-switch_fc100{background-color:var(--spectrum-global-color-gray-800)}._spectrum-ToggleSwitch--quiet_fc100 ._spectrum-ToggleSwitch-input_fc100._focus-ring_fc100:checked+._spectrum-ToggleSwitch-switch_fc100:before,._spectrum-ToggleSwitch--quiet_fc100._is-hovered_fc100 ._spectrum-ToggleSwitch-input_fc100._focus-ring_fc100:checked+._spectrum-ToggleSwitch-switch_fc100:before{border-color:var(--spectrum-global-color-gray-800)}._spectrum-ToggleSwitch--ab_fc100 ._spectrum-ToggleSwitch-input_fc100:checked+._spectrum-ToggleSwitch-switch_fc100{background-color:var(--spectrum-global-color-gray-300)}._spectrum-ToggleSwitch--ab_fc100 ._spectrum-ToggleSwitch-input_fc100:checked+._spectrum-ToggleSwitch-switch_fc100:before{border-color:var(--spectrum-global-color-gray-600)}._spectrum-ToggleSwitch--ab_fc100 ._spectrum-ToggleSwitch-input_fc100._focus-ring_fc100:checked+._spectrum-ToggleSwitch-switch_fc100{background-color:var(--spectrum-global-color-gray-300)}._spectrum-ToggleSwitch--ab_fc100 ._spectrum-ToggleSwitch-input_fc100._focus-ring_fc100:checked+._spectrum-ToggleSwitch-switch_fc100:before{border-color:var(--spectrum-global-color-gray-700)}._spectrum-ToggleSwitch--ab_fc100 ._spectrum-ToggleSwitch-input_fc100:disabled+._spectrum-ToggleSwitch-switch_fc100,._spectrum-ToggleSwitch--ab_fc100 ._spectrum-ToggleSwitch-input_fc100:disabled:checked+._spectrum-ToggleSwitch-switch_fc100{background-color:var(--spectrum-global-color-gray-300)}._spectrum-ToggleSwitch--ab_fc100 ._spectrum-ToggleSwitch-input_fc100:disabled+._spectrum-ToggleSwitch-switch_fc100:before{border-color:var(--spectrum-global-color-gray-400)}._spectrum-ToggleSwitch--ab_fc100._is-hovered_fc100 ._spectrum-ToggleSwitch-input_fc100:checked:enabled+._spectrum-ToggleSwitch-switch_fc100{background-color:var(--spectrum-global-color-gray-300)}._spectrum-ToggleSwitch--ab_fc100._is-hovered_fc100 ._spectrum-ToggleSwitch-input_fc100:checked:enabled+._spectrum-ToggleSwitch-switch_fc100:before{border-color:var(--spectrum-global-color-gray-700)}._spectrum-ToggleSwitch--ab_fc100:active ._spectrum-ToggleSwitch-input_fc100:checked:enabled+._spectrum-ToggleSwitch-switch_fc100{background-color:var(--spectrum-global-color-gray-300)}._spectrum-ToggleSwitch--ab_fc100:active ._spectrum-ToggleSwitch-input_fc100:checked:enabled+._spectrum-ToggleSwitch-switch_fc100:before{border-color:var(--spectrum-global-color-gray-800)}
|
|
2
|
-
/*# sourceMappingURL=main.css.map */
|
|
1
|
+
[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(var(--spectrum-switch-handle-transform-x-ltr))}[dir=rtl] .spectrum-ToggleSwitch-input_3526dd:checked+.spectrum-ToggleSwitch-switch_3526dd:before{transform:translateX(var(--spectrum-switch-handle-transform-x-rtl))}.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,160ms)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,130ms)ease-in-out,border var(--spectrum-global-animation-duration-100,130ms)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,130ms)ease-in-out,border var(--spectrum-global-animation-duration-100,130ms)ease-in-out,transform var(--spectrum-global-animation-duration-100,130ms)ease-in-out,box-shadow var(--spectrum-global-animation-duration-100,130ms)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:var(--spectrum-switch-handle-border-radius);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,130ms)ease-out,margin var(--spectrum-global-animation-duration-100,130ms)ease-out;margin:0;display:block;position:absolute;top:0;bottom:0;left:0;right:0;transform:translate(0)}.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))}
|
package/dist/main.js
CHANGED
|
@@ -1,113 +1,112 @@
|
|
|
1
|
-
var {
|
|
2
|
-
useToggleState
|
|
3
|
-
} = require("@react-stately/toggle");
|
|
4
|
-
|
|
5
|
-
var {
|
|
6
|
-
useSwitch
|
|
7
|
-
} = require("@react-aria/switch");
|
|
8
|
-
|
|
9
|
-
var {
|
|
10
|
-
useProviderProps
|
|
11
|
-
} = require("@react-spectrum/provider");
|
|
12
|
-
|
|
13
|
-
var {
|
|
14
|
-
useHover
|
|
15
|
-
} = require("@react-aria/interactions");
|
|
16
|
-
|
|
17
|
-
var _react2 = require("react");
|
|
18
|
-
|
|
19
|
-
var _react = $parcel$interopDefault(_react2);
|
|
20
|
-
|
|
21
|
-
var {
|
|
22
|
-
forwardRef,
|
|
23
|
-
useRef
|
|
24
|
-
} = _react2;
|
|
25
|
-
|
|
26
|
-
var {
|
|
27
|
-
FocusRing
|
|
28
|
-
} = require("@react-aria/focus");
|
|
29
|
-
|
|
30
|
-
var {
|
|
31
|
-
classNames,
|
|
32
|
-
useFocusableRef,
|
|
33
|
-
useStyleProps
|
|
34
|
-
} = require("@react-spectrum/utils");
|
|
35
|
-
|
|
36
|
-
var _babelRuntimeHelpersObjectWithoutPropertiesLoose = $parcel$interopDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
|
|
37
|
-
|
|
38
|
-
var _babelRuntimeHelpersExtends = $parcel$interopDefault(require("@babel/runtime/helpers/extends"));
|
|
39
|
-
|
|
40
1
|
require("./main.css");
|
|
2
|
+
var $iaZbI$reactspectrumutils = require("@react-spectrum/utils");
|
|
3
|
+
var $iaZbI$reactariafocus = require("@react-aria/focus");
|
|
4
|
+
var $iaZbI$react = require("react");
|
|
5
|
+
var $iaZbI$reactariainteractions = require("@react-aria/interactions");
|
|
6
|
+
var $iaZbI$reactspectrumprovider = require("@react-spectrum/provider");
|
|
7
|
+
var $iaZbI$reactariaswitch = require("@react-aria/switch");
|
|
8
|
+
var $iaZbI$reactstatelytoggle = require("@react-stately/toggle");
|
|
9
|
+
|
|
10
|
+
function $parcel$exportWildcard(dest, source) {
|
|
11
|
+
Object.keys(source).forEach(function(key) {
|
|
12
|
+
if (key === 'default' || key === '__esModule' || dest.hasOwnProperty(key)) {
|
|
13
|
+
return;
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
Object.defineProperty(dest, key, {
|
|
17
|
+
enumerable: true,
|
|
18
|
+
get: function get() {
|
|
19
|
+
return source[key];
|
|
20
|
+
}
|
|
21
|
+
});
|
|
22
|
+
});
|
|
41
23
|
|
|
24
|
+
return dest;
|
|
25
|
+
}
|
|
42
26
|
function $parcel$interopDefault(a) {
|
|
43
27
|
return a && a.__esModule ? a.default : a;
|
|
44
28
|
}
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
$
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
}
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
}
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
29
|
+
function $parcel$export(e, n, v, s) {
|
|
30
|
+
Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
|
|
31
|
+
}
|
|
32
|
+
var $f878173124962684$exports = {};
|
|
33
|
+
|
|
34
|
+
$parcel$export($f878173124962684$exports, "Switch", () => $f878173124962684$export$b5d5cf8927ab7262);
|
|
35
|
+
|
|
36
|
+
|
|
37
|
+
|
|
38
|
+
var $e3310a3d26e16aaf$exports = {};
|
|
39
|
+
|
|
40
|
+
$parcel$export($e3310a3d26e16aaf$exports, "spectrum-ToggleSwitch", () => $e3310a3d26e16aaf$export$89a9162656c0c38c, (v) => $e3310a3d26e16aaf$export$89a9162656c0c38c = v);
|
|
41
|
+
$parcel$export($e3310a3d26e16aaf$exports, "spectrum-ToggleSwitch-input", () => $e3310a3d26e16aaf$export$38df7ea4ffef819a, (v) => $e3310a3d26e16aaf$export$38df7ea4ffef819a = v);
|
|
42
|
+
$parcel$export($e3310a3d26e16aaf$exports, "spectrum-ToggleSwitch-switch", () => $e3310a3d26e16aaf$export$b82d06d1b520a22f, (v) => $e3310a3d26e16aaf$export$b82d06d1b520a22f = v);
|
|
43
|
+
$parcel$export($e3310a3d26e16aaf$exports, "focus-ring", () => $e3310a3d26e16aaf$export$f39a09f249340e2a, (v) => $e3310a3d26e16aaf$export$f39a09f249340e2a = v);
|
|
44
|
+
$parcel$export($e3310a3d26e16aaf$exports, "spectrum-ToggleSwitch-label", () => $e3310a3d26e16aaf$export$8f1a69021a3897b2, (v) => $e3310a3d26e16aaf$export$8f1a69021a3897b2 = v);
|
|
45
|
+
$parcel$export($e3310a3d26e16aaf$exports, "is-hovered", () => $e3310a3d26e16aaf$export$b8813cd5d7824ce7, (v) => $e3310a3d26e16aaf$export$b8813cd5d7824ce7 = v);
|
|
46
|
+
$parcel$export($e3310a3d26e16aaf$exports, "spectrum-ToggleSwitch--quiet", () => $e3310a3d26e16aaf$export$ce1b1dcfc10f3df4, (v) => $e3310a3d26e16aaf$export$ce1b1dcfc10f3df4 = v);
|
|
47
|
+
$parcel$export($e3310a3d26e16aaf$exports, "spectrum-ToggleSwitch--ab", () => $e3310a3d26e16aaf$export$dc5a33fddabf5882, (v) => $e3310a3d26e16aaf$export$dc5a33fddabf5882 = v);
|
|
48
|
+
var $e3310a3d26e16aaf$export$89a9162656c0c38c;
|
|
49
|
+
var $e3310a3d26e16aaf$export$38df7ea4ffef819a;
|
|
50
|
+
var $e3310a3d26e16aaf$export$b82d06d1b520a22f;
|
|
51
|
+
var $e3310a3d26e16aaf$export$f39a09f249340e2a;
|
|
52
|
+
var $e3310a3d26e16aaf$export$8f1a69021a3897b2;
|
|
53
|
+
var $e3310a3d26e16aaf$export$b8813cd5d7824ce7;
|
|
54
|
+
var $e3310a3d26e16aaf$export$ce1b1dcfc10f3df4;
|
|
55
|
+
var $e3310a3d26e16aaf$export$dc5a33fddabf5882;
|
|
56
|
+
$e3310a3d26e16aaf$export$89a9162656c0c38c = "spectrum-ToggleSwitch_3526dd";
|
|
57
|
+
$e3310a3d26e16aaf$export$38df7ea4ffef819a = "spectrum-ToggleSwitch-input_3526dd";
|
|
58
|
+
$e3310a3d26e16aaf$export$b82d06d1b520a22f = "spectrum-ToggleSwitch-switch_3526dd";
|
|
59
|
+
$e3310a3d26e16aaf$export$f39a09f249340e2a = "focus-ring_3526dd";
|
|
60
|
+
$e3310a3d26e16aaf$export$8f1a69021a3897b2 = "spectrum-ToggleSwitch-label_3526dd";
|
|
61
|
+
$e3310a3d26e16aaf$export$b8813cd5d7824ce7 = "is-hovered_3526dd";
|
|
62
|
+
$e3310a3d26e16aaf$export$ce1b1dcfc10f3df4 = "spectrum-ToggleSwitch--quiet_3526dd";
|
|
63
|
+
$e3310a3d26e16aaf$export$dc5a33fddabf5882 = "spectrum-ToggleSwitch--ab_3526dd";
|
|
64
|
+
|
|
65
|
+
|
|
66
|
+
|
|
67
|
+
|
|
68
|
+
|
|
69
|
+
|
|
70
|
+
function $f878173124962684$var$Switch(props, ref) {
|
|
71
|
+
props = $iaZbI$reactspectrumprovider.useProviderProps(props);
|
|
72
|
+
let { isEmphasized: isEmphasized = false , isDisabled: isDisabled = false , autoFocus: autoFocus , children: children , ...otherProps } = props;
|
|
73
|
+
let { styleProps: styleProps } = $iaZbI$reactspectrumutils.useStyleProps(otherProps);
|
|
74
|
+
let { hoverProps: hoverProps , isHovered: isHovered } = $iaZbI$reactariainteractions.useHover({
|
|
75
|
+
isDisabled: isDisabled
|
|
76
|
+
});
|
|
77
|
+
let inputRef = $iaZbI$react.useRef(null);
|
|
78
|
+
let domRef = $iaZbI$reactspectrumutils.useFocusableRef(ref, inputRef);
|
|
79
|
+
let state = $iaZbI$reactstatelytoggle.useToggleState(props);
|
|
80
|
+
let { inputProps: inputProps } = $iaZbI$reactariaswitch.useSwitch(props, state, inputRef);
|
|
81
|
+
return(/*#__PURE__*/ ($parcel$interopDefault($iaZbI$react)).createElement("label", {
|
|
82
|
+
...styleProps,
|
|
83
|
+
...hoverProps,
|
|
84
|
+
ref: domRef,
|
|
85
|
+
className: $iaZbI$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($e3310a3d26e16aaf$exports)), 'spectrum-ToggleSwitch', {
|
|
86
|
+
'spectrum-ToggleSwitch--quiet': !isEmphasized,
|
|
87
|
+
'is-disabled': isDisabled,
|
|
88
|
+
'is-hovered': isHovered
|
|
89
|
+
}, styleProps.className)
|
|
90
|
+
}, /*#__PURE__*/ ($parcel$interopDefault($iaZbI$react)).createElement($iaZbI$reactariafocus.FocusRing, {
|
|
91
|
+
focusRingClass: $iaZbI$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($e3310a3d26e16aaf$exports)), 'focus-ring'),
|
|
92
|
+
autoFocus: autoFocus
|
|
93
|
+
}, /*#__PURE__*/ ($parcel$interopDefault($iaZbI$react)).createElement("input", {
|
|
94
|
+
...inputProps,
|
|
95
|
+
ref: inputRef,
|
|
96
|
+
className: $iaZbI$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($e3310a3d26e16aaf$exports)), 'spectrum-ToggleSwitch-input')
|
|
97
|
+
})), /*#__PURE__*/ ($parcel$interopDefault($iaZbI$react)).createElement("span", {
|
|
98
|
+
className: $iaZbI$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($e3310a3d26e16aaf$exports)), 'spectrum-ToggleSwitch-switch')
|
|
99
|
+
}), children && /*#__PURE__*/ ($parcel$interopDefault($iaZbI$react)).createElement("span", {
|
|
100
|
+
className: $iaZbI$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($e3310a3d26e16aaf$exports)), 'spectrum-ToggleSwitch-label')
|
|
101
|
+
}, children)));
|
|
104
102
|
}
|
|
105
103
|
/**
|
|
106
104
|
* Switches allow users to turn an individual option on or off.
|
|
107
105
|
* They are usually used to activate or deactivate a specific setting.
|
|
108
|
-
*/
|
|
106
|
+
*/ const $f878173124962684$export$b5d5cf8927ab7262 = /*#__PURE__*/ $iaZbI$react.forwardRef($f878173124962684$var$Switch);
|
|
107
|
+
|
|
108
|
+
|
|
109
|
+
$parcel$exportWildcard(module.exports, $f878173124962684$exports);
|
|
109
110
|
|
|
110
111
|
|
|
111
|
-
const Switch = forwardRef($db9ffdf19392d6fe228fcec0e1352a3$var$Switch);
|
|
112
|
-
exports.Switch = Switch;
|
|
113
112
|
//# sourceMappingURL=main.js.map
|
package/dist/main.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"mappings":"
|
|
1
|
+
{"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AEAA,GAAuC;AACvC,GAA6C;AAC7C,GAA8C;AAC9C,GAA4B;AAC5B,GAA6C;AAC7C,GAA4B;AAC5B,GAA8C;AAC9C,GAA2C;AAP3C,yCAAuC,GAAG,CAA8B;AACxE,yCAA6C,GAAG,CAAoC;AACpF,yCAA8C,GAAG,CAAqC;AACtF,yCAA4B,GAAG,CAAmB;AAClD,yCAA6C,GAAG,CAAoC;AACpF,yCAA4B,GAAG,CAAmB;AAClD,yCAA8C,GAAG,CAAqC;AACtF,yCAA2C,GAAG,CAAkC;;;;;;;SDgBvE,4BAAM,CAAC,KAA0B,EAAE,GAAmC,EAAE,CAAC;IAChF,KAAK,GAAG,6CAAgB,CAAC,KAAK;IAC9B,GAAG,CAAC,CAAC,eACH,YAAY,GAAG,KAAK,eACpB,UAAU,GAAG,KAAK,cAClB,SAAS,aACT,QAAQ,MACL,UAAU,CACf,CAAC,GAAG,KAAK;IACT,GAAG,CAAC,CAAC,aAAA,UAAU,EAAA,CAAC,GAAG,uCAAa,CAAC,UAAU;IAC3C,GAAG,CAAC,CAAC,aAAA,UAAU,cAAE,SAAS,EAAA,CAAC,GAAG,qCAAQ,CAAC,CAAC;oBAAA,UAAU;IAAA,CAAC;IAEnD,GAAG,CAAC,QAAQ,GAAG,mBAAM,CAAmB,IAAI;IAC5C,GAAG,CAAC,MAAM,GAAG,yCAAe,CAAC,GAAG,EAAE,QAAQ;IAC1C,GAAG,CAAC,KAAK,GAAG,wCAAc,CAAC,KAAK;IAChC,GAAG,CAAC,CAAC,aAAA,UAAU,EAAA,CAAC,GAAG,gCAAS,CAAC,KAAK,EAAE,KAAK,EAAE,QAAQ;IAGnD,MAAM,oEACH,CAAK;WACA,UAAU;WACV,UAAU;QACd,GAAG,EAAE,MAAM;QACX,SAAS,EACP,oCAAU,CACR,gEAAM,EACN,CAAuB,wBACvB,CAAC;YACC,CAA8B,gCAAG,YAAY;YAC7C,CAAa,cAAE,UAAU;YACzB,CAAY,aAAE,SAAS;QACzB,CAAC,EACD,UAAU,CAAC,SAAS;0EAGvB,+BAAS;QAAC,cAAc,EAAE,oCAAU,CAAC,gEAAM,EAAE,CAAY;QAAG,SAAS,EAAE,SAAS;0EAC9E,CAAK;WACA,UAAU;QACd,GAAG,EAAE,QAAQ;QACb,SAAS,EAAE,oCAAU,CAAC,gEAAM,EAAE,CAA6B;4EAE9D,CAAI;QAAC,SAAS,EAAE,oCAAU,CAAC,gEAAM,EAAE,CAA8B;QACjE,QAAQ,uEACN,CAAI;QAAC,SAAS,EAAE,oCAAU,CAAC,gEAAM,EAAE,CAA6B;OAC9D,QAAQ;AAKnB,CAAC;AAED,EAGG,AAHH;;;CAGG,AAHH,EAGG,CACH,KAAK,CAAC,yCAAO,iBAAG,uBAAU,CAAC,4BAAM","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 * from './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
|
@@ -1,82 +1,96 @@
|
|
|
1
|
-
import { useToggleState } from "@react-stately/toggle";
|
|
2
|
-
import { useSwitch } from "@react-aria/switch";
|
|
3
|
-
import { useProviderProps } from "@react-spectrum/provider";
|
|
4
|
-
import { useHover } from "@react-aria/interactions";
|
|
5
|
-
import _react, { forwardRef, useRef } from "react";
|
|
6
|
-
import { FocusRing } from "@react-aria/focus";
|
|
7
|
-
import { classNames, useFocusableRef, useStyleProps } from "@react-spectrum/utils";
|
|
8
|
-
import _babelRuntimeHelpersEsmObjectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
|
|
9
|
-
import _babelRuntimeHelpersEsmExtends from "@babel/runtime/helpers/esm/extends";
|
|
10
1
|
import "./main.css";
|
|
2
|
+
import {useStyleProps as $eGwyD$useStyleProps, useFocusableRef as $eGwyD$useFocusableRef, classNames as $eGwyD$classNames} from "@react-spectrum/utils";
|
|
3
|
+
import {FocusRing as $eGwyD$FocusRing} from "@react-aria/focus";
|
|
4
|
+
import $eGwyD$react, {useRef as $eGwyD$useRef, forwardRef as $eGwyD$forwardRef} from "react";
|
|
5
|
+
import {useHover as $eGwyD$useHover} from "@react-aria/interactions";
|
|
6
|
+
import {useProviderProps as $eGwyD$useProviderProps} from "@react-spectrum/provider";
|
|
7
|
+
import {useSwitch as $eGwyD$useSwitch} from "@react-aria/switch";
|
|
8
|
+
import {useToggleState as $eGwyD$useToggleState} from "@react-stately/toggle";
|
|
11
9
|
|
|
12
10
|
function $parcel$interopDefault(a) {
|
|
13
11
|
return a && a.__esModule ? a.default : a;
|
|
14
12
|
}
|
|
13
|
+
function $parcel$export(e, n, v, s) {
|
|
14
|
+
Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
|
|
15
|
+
}
|
|
16
|
+
var $ceb92c6cc404b1a5$exports = {};
|
|
17
|
+
|
|
18
|
+
$parcel$export($ceb92c6cc404b1a5$exports, "Switch", () => $ceb92c6cc404b1a5$export$b5d5cf8927ab7262);
|
|
19
|
+
|
|
20
|
+
|
|
21
|
+
|
|
22
|
+
var $f57785370c8eb19b$exports = {};
|
|
23
|
+
|
|
24
|
+
$parcel$export($f57785370c8eb19b$exports, "spectrum-ToggleSwitch", () => $f57785370c8eb19b$export$89a9162656c0c38c, (v) => $f57785370c8eb19b$export$89a9162656c0c38c = v);
|
|
25
|
+
$parcel$export($f57785370c8eb19b$exports, "spectrum-ToggleSwitch-input", () => $f57785370c8eb19b$export$38df7ea4ffef819a, (v) => $f57785370c8eb19b$export$38df7ea4ffef819a = v);
|
|
26
|
+
$parcel$export($f57785370c8eb19b$exports, "spectrum-ToggleSwitch-switch", () => $f57785370c8eb19b$export$b82d06d1b520a22f, (v) => $f57785370c8eb19b$export$b82d06d1b520a22f = v);
|
|
27
|
+
$parcel$export($f57785370c8eb19b$exports, "focus-ring", () => $f57785370c8eb19b$export$f39a09f249340e2a, (v) => $f57785370c8eb19b$export$f39a09f249340e2a = v);
|
|
28
|
+
$parcel$export($f57785370c8eb19b$exports, "spectrum-ToggleSwitch-label", () => $f57785370c8eb19b$export$8f1a69021a3897b2, (v) => $f57785370c8eb19b$export$8f1a69021a3897b2 = v);
|
|
29
|
+
$parcel$export($f57785370c8eb19b$exports, "is-hovered", () => $f57785370c8eb19b$export$b8813cd5d7824ce7, (v) => $f57785370c8eb19b$export$b8813cd5d7824ce7 = v);
|
|
30
|
+
$parcel$export($f57785370c8eb19b$exports, "spectrum-ToggleSwitch--quiet", () => $f57785370c8eb19b$export$ce1b1dcfc10f3df4, (v) => $f57785370c8eb19b$export$ce1b1dcfc10f3df4 = v);
|
|
31
|
+
$parcel$export($f57785370c8eb19b$exports, "spectrum-ToggleSwitch--ab", () => $f57785370c8eb19b$export$dc5a33fddabf5882, (v) => $f57785370c8eb19b$export$dc5a33fddabf5882 = v);
|
|
32
|
+
var $f57785370c8eb19b$export$89a9162656c0c38c;
|
|
33
|
+
var $f57785370c8eb19b$export$38df7ea4ffef819a;
|
|
34
|
+
var $f57785370c8eb19b$export$b82d06d1b520a22f;
|
|
35
|
+
var $f57785370c8eb19b$export$f39a09f249340e2a;
|
|
36
|
+
var $f57785370c8eb19b$export$8f1a69021a3897b2;
|
|
37
|
+
var $f57785370c8eb19b$export$b8813cd5d7824ce7;
|
|
38
|
+
var $f57785370c8eb19b$export$ce1b1dcfc10f3df4;
|
|
39
|
+
var $f57785370c8eb19b$export$dc5a33fddabf5882;
|
|
40
|
+
$f57785370c8eb19b$export$89a9162656c0c38c = "spectrum-ToggleSwitch_3526dd";
|
|
41
|
+
$f57785370c8eb19b$export$38df7ea4ffef819a = "spectrum-ToggleSwitch-input_3526dd";
|
|
42
|
+
$f57785370c8eb19b$export$b82d06d1b520a22f = "spectrum-ToggleSwitch-switch_3526dd";
|
|
43
|
+
$f57785370c8eb19b$export$f39a09f249340e2a = "focus-ring_3526dd";
|
|
44
|
+
$f57785370c8eb19b$export$8f1a69021a3897b2 = "spectrum-ToggleSwitch-label_3526dd";
|
|
45
|
+
$f57785370c8eb19b$export$b8813cd5d7824ce7 = "is-hovered_3526dd";
|
|
46
|
+
$f57785370c8eb19b$export$ce1b1dcfc10f3df4 = "spectrum-ToggleSwitch--quiet_3526dd";
|
|
47
|
+
$f57785370c8eb19b$export$dc5a33fddabf5882 = "spectrum-ToggleSwitch--ab_3526dd";
|
|
48
|
+
|
|
15
49
|
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
let state = useToggleState(props);
|
|
53
|
-
let {
|
|
54
|
-
inputProps
|
|
55
|
-
} = useSwitch(props, state, inputRef);
|
|
56
|
-
return /*#__PURE__*/_react.createElement("label", _babelRuntimeHelpersEsmExtends({}, styleProps, hoverProps, {
|
|
57
|
-
ref: domRef,
|
|
58
|
-
className: classNames($b4570f0606b2c7eda302cc75c533$$interop$default, 'spectrum-ToggleSwitch', {
|
|
59
|
-
'spectrum-ToggleSwitch--quiet': !isEmphasized,
|
|
60
|
-
'is-disabled': isDisabled,
|
|
61
|
-
'is-hovered': isHovered
|
|
62
|
-
}, styleProps.className)
|
|
63
|
-
}), /*#__PURE__*/_react.createElement(FocusRing, {
|
|
64
|
-
focusRingClass: classNames($b4570f0606b2c7eda302cc75c533$$interop$default, 'focus-ring'),
|
|
65
|
-
autoFocus: autoFocus
|
|
66
|
-
}, /*#__PURE__*/_react.createElement("input", _babelRuntimeHelpersEsmExtends({}, inputProps, {
|
|
67
|
-
ref: inputRef,
|
|
68
|
-
className: classNames($b4570f0606b2c7eda302cc75c533$$interop$default, 'spectrum-ToggleSwitch-input')
|
|
69
|
-
}))), /*#__PURE__*/_react.createElement("span", {
|
|
70
|
-
className: classNames($b4570f0606b2c7eda302cc75c533$$interop$default, 'spectrum-ToggleSwitch-switch')
|
|
71
|
-
}), children && /*#__PURE__*/_react.createElement("span", {
|
|
72
|
-
className: classNames($b4570f0606b2c7eda302cc75c533$$interop$default, 'spectrum-ToggleSwitch-label')
|
|
73
|
-
}, children));
|
|
50
|
+
|
|
51
|
+
|
|
52
|
+
|
|
53
|
+
|
|
54
|
+
function $ceb92c6cc404b1a5$var$Switch(props, ref) {
|
|
55
|
+
props = $eGwyD$useProviderProps(props);
|
|
56
|
+
let { isEmphasized: isEmphasized = false , isDisabled: isDisabled = false , autoFocus: autoFocus , children: children , ...otherProps } = props;
|
|
57
|
+
let { styleProps: styleProps } = $eGwyD$useStyleProps(otherProps);
|
|
58
|
+
let { hoverProps: hoverProps , isHovered: isHovered } = $eGwyD$useHover({
|
|
59
|
+
isDisabled: isDisabled
|
|
60
|
+
});
|
|
61
|
+
let inputRef = $eGwyD$useRef(null);
|
|
62
|
+
let domRef = $eGwyD$useFocusableRef(ref, inputRef);
|
|
63
|
+
let state = $eGwyD$useToggleState(props);
|
|
64
|
+
let { inputProps: inputProps } = $eGwyD$useSwitch(props, state, inputRef);
|
|
65
|
+
return(/*#__PURE__*/ $eGwyD$react.createElement("label", {
|
|
66
|
+
...styleProps,
|
|
67
|
+
...hoverProps,
|
|
68
|
+
ref: domRef,
|
|
69
|
+
className: $eGwyD$classNames((/*@__PURE__*/$parcel$interopDefault($f57785370c8eb19b$exports)), 'spectrum-ToggleSwitch', {
|
|
70
|
+
'spectrum-ToggleSwitch--quiet': !isEmphasized,
|
|
71
|
+
'is-disabled': isDisabled,
|
|
72
|
+
'is-hovered': isHovered
|
|
73
|
+
}, styleProps.className)
|
|
74
|
+
}, /*#__PURE__*/ $eGwyD$react.createElement($eGwyD$FocusRing, {
|
|
75
|
+
focusRingClass: $eGwyD$classNames((/*@__PURE__*/$parcel$interopDefault($f57785370c8eb19b$exports)), 'focus-ring'),
|
|
76
|
+
autoFocus: autoFocus
|
|
77
|
+
}, /*#__PURE__*/ $eGwyD$react.createElement("input", {
|
|
78
|
+
...inputProps,
|
|
79
|
+
ref: inputRef,
|
|
80
|
+
className: $eGwyD$classNames((/*@__PURE__*/$parcel$interopDefault($f57785370c8eb19b$exports)), 'spectrum-ToggleSwitch-input')
|
|
81
|
+
})), /*#__PURE__*/ $eGwyD$react.createElement("span", {
|
|
82
|
+
className: $eGwyD$classNames((/*@__PURE__*/$parcel$interopDefault($f57785370c8eb19b$exports)), 'spectrum-ToggleSwitch-switch')
|
|
83
|
+
}), children && /*#__PURE__*/ $eGwyD$react.createElement("span", {
|
|
84
|
+
className: $eGwyD$classNames((/*@__PURE__*/$parcel$interopDefault($f57785370c8eb19b$exports)), 'spectrum-ToggleSwitch-label')
|
|
85
|
+
}, children)));
|
|
74
86
|
}
|
|
75
87
|
/**
|
|
76
88
|
* Switches allow users to turn an individual option on or off.
|
|
77
89
|
* They are usually used to activate or deactivate a specific setting.
|
|
78
|
-
*/
|
|
90
|
+
*/ const $ceb92c6cc404b1a5$export$b5d5cf8927ab7262 = /*#__PURE__*/ $eGwyD$forwardRef($ceb92c6cc404b1a5$var$Switch);
|
|
91
|
+
|
|
92
|
+
|
|
79
93
|
|
|
80
94
|
|
|
81
|
-
export
|
|
95
|
+
export {$ceb92c6cc404b1a5$export$b5d5cf8927ab7262 as Switch};
|
|
82
96
|
//# sourceMappingURL=module.js.map
|
package/dist/module.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"mappings":"
|
|
1
|
+
{"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AEAA,GAAuC;AACvC,GAA6C;AAC7C,GAA8C;AAC9C,GAA4B;AAC5B,GAA6C;AAC7C,GAA4B;AAC5B,GAA8C;AAC9C,GAA2C;AAP3C,yCAAuC,GAAG,CAA8B;AACxE,yCAA6C,GAAG,CAAoC;AACpF,yCAA8C,GAAG,CAAqC;AACtF,yCAA4B,GAAG,CAAmB;AAClD,yCAA6C,GAAG,CAAoC;AACpF,yCAA4B,GAAG,CAAmB;AAClD,yCAA8C,GAAG,CAAqC;AACtF,yCAA2C,GAAG,CAAkC;;;;;;;SDgBvE,4BAAM,CAAC,KAA0B,EAAE,GAAmC,EAAE,CAAC;IAChF,KAAK,GAAG,uBAAgB,CAAC,KAAK;IAC9B,GAAG,CAAC,CAAC,eACH,YAAY,GAAG,KAAK,eACpB,UAAU,GAAG,KAAK,cAClB,SAAS,aACT,QAAQ,MACL,UAAU,CACf,CAAC,GAAG,KAAK;IACT,GAAG,CAAC,CAAC,aAAA,UAAU,EAAA,CAAC,GAAG,oBAAa,CAAC,UAAU;IAC3C,GAAG,CAAC,CAAC,aAAA,UAAU,cAAE,SAAS,EAAA,CAAC,GAAG,eAAQ,CAAC,CAAC;oBAAA,UAAU;IAAA,CAAC;IAEnD,GAAG,CAAC,QAAQ,GAAG,aAAM,CAAmB,IAAI;IAC5C,GAAG,CAAC,MAAM,GAAG,sBAAe,CAAC,GAAG,EAAE,QAAQ;IAC1C,GAAG,CAAC,KAAK,GAAG,qBAAc,CAAC,KAAK;IAChC,GAAG,CAAC,CAAC,aAAA,UAAU,EAAA,CAAC,GAAG,gBAAS,CAAC,KAAK,EAAE,KAAK,EAAE,QAAQ;IAGnD,MAAM,0CACH,CAAK;WACA,UAAU;WACV,UAAU;QACd,GAAG,EAAE,MAAM;QACX,SAAS,EACP,iBAAU,CACR,gEAAM,EACN,CAAuB,wBACvB,CAAC;YACC,CAA8B,gCAAG,YAAY;YAC7C,CAAa,cAAE,UAAU;YACzB,CAAY,aAAE,SAAS;QACzB,CAAC,EACD,UAAU,CAAC,SAAS;gDAGvB,gBAAS;QAAC,cAAc,EAAE,iBAAU,CAAC,gEAAM,EAAE,CAAY;QAAG,SAAS,EAAE,SAAS;gDAC9E,CAAK;WACA,UAAU;QACd,GAAG,EAAE,QAAQ;QACb,SAAS,EAAE,iBAAU,CAAC,gEAAM,EAAE,CAA6B;kDAE9D,CAAI;QAAC,SAAS,EAAE,iBAAU,CAAC,gEAAM,EAAE,CAA8B;QACjE,QAAQ,6CACN,CAAI;QAAC,SAAS,EAAE,iBAAU,CAAC,gEAAM,EAAE,CAA6B;OAC9D,QAAQ;AAKnB,CAAC;AAED,EAGG,AAHH;;;CAGG,AAHH,EAGG,CACH,KAAK,CAAC,yCAAO,iBAAG,iBAAU,CAAC,4BAAM","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 * from './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/dist/types.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"mappings":"
|
|
1
|
+
{"mappings":";;AA0EA;;;GAGG;AACH,OAAA,MAAM,uKAA4B,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 * from './Switch';\n"],"names":[],"version":3,"file":"types.d.ts.map"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@react-spectrum/switch",
|
|
3
|
-
"version": "3.1.
|
|
3
|
+
"version": "3.1.5",
|
|
4
4
|
"description": "Spectrum UI components in React",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"main": "dist/main.js",
|
|
@@ -32,25 +32,25 @@
|
|
|
32
32
|
},
|
|
33
33
|
"dependencies": {
|
|
34
34
|
"@babel/runtime": "^7.6.2",
|
|
35
|
-
"@react-aria/focus": "^3.
|
|
36
|
-
"@react-aria/interactions": "^3.
|
|
37
|
-
"@react-aria/switch": "^3.1.
|
|
38
|
-
"@react-aria/utils": "^3.
|
|
39
|
-
"@react-spectrum/utils": "^3.
|
|
40
|
-
"@react-stately/toggle": "^3.2.
|
|
41
|
-
"@react-types/shared": "^3.
|
|
42
|
-
"@react-types/switch": "^3.1.
|
|
43
|
-
"@spectrum-icons/ui": "^3.2.
|
|
35
|
+
"@react-aria/focus": "^3.5.2",
|
|
36
|
+
"@react-aria/interactions": "^3.8.1",
|
|
37
|
+
"@react-aria/switch": "^3.1.5",
|
|
38
|
+
"@react-aria/utils": "^3.11.2",
|
|
39
|
+
"@react-spectrum/utils": "^3.6.5",
|
|
40
|
+
"@react-stately/toggle": "^3.2.5",
|
|
41
|
+
"@react-types/shared": "^3.11.1",
|
|
42
|
+
"@react-types/switch": "^3.1.4",
|
|
43
|
+
"@spectrum-icons/ui": "^3.2.3"
|
|
44
44
|
},
|
|
45
45
|
"devDependencies": {
|
|
46
|
-
"@adobe/spectrum-css-temp": "
|
|
46
|
+
"@adobe/spectrum-css-temp": "3.0.0-alpha.1"
|
|
47
47
|
},
|
|
48
48
|
"peerDependencies": {
|
|
49
|
-
"@react-spectrum/provider": "^3.0.0
|
|
49
|
+
"@react-spectrum/provider": "^3.0.0",
|
|
50
50
|
"react": "^16.8.0 || ^17.0.0-rc.1"
|
|
51
51
|
},
|
|
52
52
|
"publishConfig": {
|
|
53
53
|
"access": "public"
|
|
54
54
|
},
|
|
55
|
-
"gitHead": "
|
|
55
|
+
"gitHead": "404d41859b7d6f56201d7fc01bd9f22ae3512937"
|
|
56
56
|
}
|
package/dist/main.css.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"mappings":"AAwBA,wCASE,gEAKF,CAdA,wCASE,+DAKF,CAdA,8BACE,0BAAoB,CAApB,mBAAoB,CACpB,oBAAuB,CAAvB,sBAAuB,CAEvB,iBAAkB,CAElB,oDAA6C,CAC7C,cAAqB,CAIrB,kBAAmB,CAEnB,iBACF,CAEA,8CAcE,MA2BF,CAzCA,8CAcE,OA2BF,CAzCA,oCAEE,QAAS,CAGT,qBAAsB,CAGtB,SAAU,CAEV,iBAAkB,CAClB,UAAiB,CACjB,WAAgB,CAChB,KAAoB,CAEpB,aAAc,CACd,SAAU,CAEV,cAuBF,CApBI,kGACE,mEACF,CACA,kGACE,mEACF,CAGF,2FAEE,cACF,CAII,iGACE,sEACF,CAKN,8CACE,eAMF,CAPA,8CACE,gBAMF,CAPA,oCAEE,kDAAyC,CACzC,mDAA2D,CAC3D,gGAA2C,CAC3C,gBAAqD,CACrD,iCACF,CAEA,+CAwBE,MA2CF,CAnEA,8FAyBE,OA0CF,CAnEA,+CAyBE,MA0CF,CAnEA,qCACE,oBAAqB,CACrB,qBAAsB,CAEtB,iBAAkB,CAElB,wCAA+C,CAG/C,0GAAyF,CAEzF,mBAAY,CAAZ,WAAY,CACZ,mBAAc,CAAd,aAAc,CAEd,qBAAsB,CAItB,qBAAsB,CAEtB,8DAAkJ,CAElJ,gDAA+C,CAK/C,iEAwCF,CAtCE,4CACE,aAAc,CACd,iBAAkB,CAClB,UAAW,CACX,qBACF,CAGA,sDAOE,MAKF,CAZA,sDAOE,OAKF,CAZA,4CACE,qHAA6R,CAE7R,+CAA+C,CAC/C,gDAA8C,CAE9C,KAAoB,CAGpB,oGAAuD,CACvD,yDAA0D,CAC1D,kBACF,CAGA,2CACE,oHAA6G,CAC7G,UAAW,CACX,aAAc,CACd,iBAAkB,CAClB,MAAO,CACP,OAAQ,CACR,QAAS,CACT,KAAM,CACN,QAAS,CACT,uBAAwB,CAExB,wDAEF,CCjJF,qCACE,sDAOF,CAJE,4CACE,qDAA2E,CAC3E,kDACF,CAEF,wEACE,4EACF,CAGE,iFACE,sDAIF,CAHE,wFACE,kDACF,CAOE,gIACE,kDAAyE,CACzE,eACF,CAEF,wHACE,kFACF,CAEA,yIACE,sDAIF,CAHE,gJACE,kDACF,CAQA,qHACE,kDACF,CAEF,6GACE,iFACF,CAEA,8HACE,sDAIF,CAHE,qIACE,kDACF,CAMJ,gHACE,sDAIF,CAHE,uHACE,kDACF,CAEF,+GACE,qFACF,CAGE,wHACE,sDAIF,CAHE,+HACE,kDACF,CAEF,uHACE,qFACF,CAMF,sHACE,sDAIF,CAHE,6HACE,kDACF,CAKF,gJACE,sDAIF,CAHE,uJACE,kDACF,CAKF,kKACE,sDAIF,CAHE,yKACE,kDACF,CAQE,gRACE,+KACF,CACA,kRACE,kDACF,CAIA,oRACE,sDAIF,CAHE,kSACE,kDACF,CAWF,kSACE,sDAIF,CAHE,gTACE,kDACF,CAQJ,mHACE,sDACF,CAGE,0HAEE,kDACF,CAIA,qIACE,sDAKF,CAHE,4IACE,kDACF,CASF,gPACE,sDAKF,CAHE,2HACE,kDACF,CAOF,6IACE,sDAIF,CAHE,oJACE,kDACF,CAOF,kIACE,sDAIF,CAHE,yIACE,kDACF","sources":["./node_modules/@adobe/spectrum-css-temp/components/toggle/index.css","./node_modules/@adobe/spectrum-css-temp/components/toggle/skin.css"],"sourcesContent":["/*\nCopyright 2019 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\n@import '../commons/index.css';\n\n:root {\n /* Hardcoded for wrapping study.\n Will be a DNA token in https://jira.corp.adobe.com/browse/SDS-4466 */\n --spectrum-switch-label-margin-top: var(--spectrum-global-dimension-size-65);\n\n /* Fix for inconsistent line-height between browsers that would push the label 1px below the intended baseline */\n /* more info: https://stackoverflow.com/questions/47700568/css-fonts-render-differently-in-firefox-and-chrome */\n --spectrum-switch-label-line-height: 1.49;\n}\n\n.spectrum-ToggleSwitch {\n display: inline-flex;\n align-items: flex-start;\n\n position: relative;\n\n min-block-size: var(--spectrum-switch-height);\n max-inline-size: 100%;\n\n margin-inline-end: calc(var(--spectrum-switch-cursor-hit-x) * 2);\n\n vertical-align: top;\n\n isolation: isolate;\n}\n\n.spectrum-ToggleSwitch-input {\n /* Remove the margin for input in Firefox and Safari. */\n margin: 0;\n\n /* Add the correct box sizing for [type=\"checkbox\"] in IE 10-. */\n box-sizing: border-box;\n\n /* Remove the padding for [type=\"checkbox\"] in IE 10-. */\n padding: 0;\n\n position: absolute;\n inline-size: 100%;\n block-size: 100%;\n inset-block-start: 0;\n inset-inline-start: 0;\n opacity: .0001;\n z-index: 1;\n\n cursor: default;\n\n &:checked + .spectrum-ToggleSwitch-switch {\n [dir='ltr'] &::before {\n transform: translateX(var(--spectrum-switch-handle-transform-x-ltr));\n }\n [dir='rtl'] &::before {\n transform: translateX(var(--spectrum-switch-handle-transform-x-rtl));\n }\n }\n\n &:disabled,\n &[disabled] {\n cursor: default;\n }\n\n &:focus-ring {\n + .spectrum-ToggleSwitch-switch {\n &:after {\n margin: calc(var(--spectrum-alias-focus-ring-gap) * -1);\n }\n }\n }\n}\n\n.spectrum-ToggleSwitch-label {\n text-align: start;\n margin: 0 var(--spectrum-switch-text-gap);\n margin-block-start: var(--spectrum-switch-label-margin-top);\n font-size: var(--spectrum-switch-text-size);\n line-height: var(--spectrum-switch-label-line-height);\n transition: color var(--spectrum-global-animation-duration-200) ease-in-out;\n}\n\n.spectrum-ToggleSwitch-switch {\n display: inline-block;\n box-sizing: border-box;\n /* positions the pseudo elements relative to this one */\n position: relative;\n\n inline-size: var(--spectrum-switch-track-width);\n\n /* Fix vertical alignment when not wrapping since we're flex-start */\n margin: calc((var(--spectrum-switch-height) - var(--spectrum-switch-track-height)) / 2) 0;\n\n flex-grow: 0;\n flex-shrink: 0;\n\n vertical-align: middle;\n\n /* Forms stacking context for Firefox bug: https://bugzilla.mozilla.org/show_bug.cgi?id=1510479\n Fix for scaling all elemetns with transform property equally on browser zoom */\n will-change: transform;\n\n transition: background var(--spectrum-global-animation-duration-100) ease-in-out, border var(--spectrum-global-animation-duration-100) ease-in-out;\n\n block-size: var(--spectrum-switch-track-height);\n\n inset-inline-start: 0;\n inset-inline-end: 0;\n\n border-radius: calc(var(--spectrum-switch-track-height) / 2);\n\n &:before {\n display: block;\n position: absolute;\n content: \"\";\n box-sizing: border-box;\n }\n\n /* :before is used for the handle of the switch */\n &:before {\n transition: background var(--spectrum-global-animation-duration-100) ease-in-out, border var(--spectrum-global-animation-duration-100) ease-in-out, transform var(--spectrum-global-animation-duration-100) ease-in-out, box-shadow var(--spectrum-global-animation-duration-100) ease-in-out;\n\n inline-size: var(--spectrum-switch-handle-size);\n block-size: var(--spectrum-switch-handle-size);\n\n inset-block-start: 0;\n inset-inline-start: 0;\n\n border-width: var(--spectrum-switch-handle-border-size);\n border-radius: var(--spectrum-switch-handle-border-radius);\n border-style: solid;\n }\n\n /* :after is used for the focus halo */\n &:after {\n border-radius: calc(calc(var(--spectrum-switch-track-height) / 2) + var(--spectrum-alias-focus-ring-gap) * 2);\n content: '';\n display: block;\n position: absolute;\n left: 0;\n right: 0;\n bottom: 0;\n top: 0;\n margin: 0;\n transform: translateX(0); /* Forces FF to render on the pixel grid */\n\n transition: box-shadow var(--spectrum-global-animation-duration-100) ease-out,\n margin var(--spectrum-global-animation-duration-100) ease-out;\n }\n}\n","/*\nCopyright 2019 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\n/* Default */\n.spectrum-ToggleSwitch-switch {\n background-color: var(--spectrum-switch-emphasized-track-color);\n /* :after is the focus ring */\n /* :before is used for the handle of the switch */\n &:before {\n background-color: var(--spectrum-switch-emphasized-handle-background-color);\n border-color: var(--spectrum-switch-emphasized-handle-border-color);\n }\n}\n.spectrum-ToggleSwitch-input ~ .spectrum-ToggleSwitch-label {\n color: var(--spectrum-switch-emphasized-text-color);\n}\n/* Selected */\n.spectrum-ToggleSwitch-input {\n &:checked + .spectrum-ToggleSwitch-switch {\n background-color: var(--spectrum-switch-emphasized-track-color-selected);\n &:before {\n border-color: var(--spectrum-switch-emphasized-handle-border-color-selected);\n }\n }\n}\n/* Hover */\n.spectrum-ToggleSwitch:hover {\n .spectrum-ToggleSwitch-input {\n & + .spectrum-ToggleSwitch-switch {\n &:before {\n border-color: var(--spectrum-switch-emphasized-handle-border-color-hover);\n box-shadow: none;\n }\n }\n & ~ .spectrum-ToggleSwitch-label {\n color: var(--spectrum-switch-emphasized-text-color-hover);\n }\n /* Selected Hover */\n &:checked:enabled + .spectrum-ToggleSwitch-switch {\n background-color: var(--spectrum-switch-emphasized-track-color-selected-hover);\n &:before {\n border-color: var(--spectrum-switch-emphasized-handle-border-color-selected-hover);\n }\n }\n }\n}\n/* Down */\n.spectrum-ToggleSwitch:active {\n .spectrum-ToggleSwitch-input {\n & + .spectrum-ToggleSwitch-switch {\n &:before {\n border-color: var(--spectrum-switch-emphasized-handle-border-color-down);\n }\n }\n & ~ .spectrum-ToggleSwitch-label {\n color: var(--spectrum-switch-emphasized-text-color-down);\n }\n /* Selected Down */\n &:checked:enabled + .spectrum-ToggleSwitch-switch {\n background-color: var(--spectrum-switch-emphasized-track-color-selected-down);\n &:before {\n border-color: var(--spectrum-switch-emphasized-handle-border-color-selected-down);\n }\n }\n }\n}\n/* Disabled */\n.spectrum-ToggleSwitch .spectrum-ToggleSwitch-input:disabled {\n & + .spectrum-ToggleSwitch-switch {\n background-color: var(--spectrum-switch-emphasized-track-color-disabled);\n &:before {\n border-color: var(--spectrum-switch-emphasized-handle-border-color-disabled);\n }\n }\n & ~ .spectrum-ToggleSwitch-label {\n color: var(--spectrum-switch-emphasized-text-color-disabled);\n }\n /* Selected Disabled */\n &:checked {\n & + .spectrum-ToggleSwitch-switch {\n background-color: var(--spectrum-switch-emphasized-track-color-selected-disabled);\n &:before {\n border-color: var(--spectrum-switch-emphasized-handle-border-color-selected-disabled);\n }\n }\n & ~ .spectrum-ToggleSwitch-label {\n color: var(--spectrum-switch-emphasized-text-color-selected-disabled);\n }\n }\n}\n/* Quiet */\n/* Quiet Selected */\n.spectrum-ToggleSwitch--quiet {\n .spectrum-ToggleSwitch-input:checked + .spectrum-ToggleSwitch-switch {\n background-color: var(--spectrum-switch-quiet-track-color-selected);\n &:before {\n border-color: var(--spectrum-switch-quiet-handle-border-color-selected);\n }\n }\n}\n/* Quiet Selected Hover */\n.spectrum-ToggleSwitch--quiet:hover {\n .spectrum-ToggleSwitch-input:checked:enabled + .spectrum-ToggleSwitch-switch {\n background-color: var(--spectrum-switch-quiet-track-color-selected-hover);\n &:before {\n border-color: var(--spectrum-switch-quiet-handle-border-color-selected-hover);\n }\n }\n}\n/* Quiet Selected Down */\n.spectrum-ToggleSwitch.spectrum-ToggleSwitch--quiet:active {\n .spectrum-ToggleSwitch-input:checked:enabled + .spectrum-ToggleSwitch-switch {\n background-color: var(--spectrum-switch-quiet-track-color-selected-down);\n &:before {\n border-color: var(--spectrum-switch-quiet-handle-border-color-selected-down);\n }\n }\n}\n/* Key Focus */\n.spectrum-ToggleSwitch,\n.spectrum-ToggleSwitch:hover {\n .spectrum-ToggleSwitch-input:focus-ring {\n & + .spectrum-ToggleSwitch-switch {\n &:after {\n box-shadow: 0 0 0 var(--spectrum-switch-focus-ring-size-key-focus) var(--spectrum-switch-focus-ring-color-key-focus);\n }\n &:before {\n border-color: var(--spectrum-switch-emphasized-handle-border-color-key-focus);\n }\n }\n /* Selected Key Focus */\n &:checked {\n & + .spectrum-ToggleSwitch-switch {\n background-color: var(--spectrum-switch-emphasized-track-color-selected-key-focus);\n &:before {\n border-color: var(--spectrum-switch-emphasized-handle-border-color-selected-key-focus);\n }\n }\n }\n }\n}\n\n.spectrum-ToggleSwitch--quiet,\n.spectrum-ToggleSwitch--quiet:hover {\n .spectrum-ToggleSwitch-input:focus-ring {\n /* Selected Key Focus */\n &:checked {\n & + .spectrum-ToggleSwitch-switch {\n background-color: var(--spectrum-switch-quiet-track-color-selected-key-focus);\n &:before {\n border-color: var(--spectrum-switch-quiet-handle-border-color-selected-key-focus);\n }\n }\n }\n }\n}\n\n.spectrum-ToggleSwitch--ab {\n .spectrum-ToggleSwitch-input {\n &:checked + .spectrum-ToggleSwitch-switch {\n background-color: var(--spectrum-switch-track-color);\n }\n\n &:checked + .spectrum-ToggleSwitch-switch {\n &:before {\n /* Don't be blue */\n border-color: var(--spectrum-switch-handle-border-color);\n }\n }\n\n &:focus-ring {\n &:checked + .spectrum-ToggleSwitch-switch {\n background-color: var(--spectrum-switch-track-color);\n\n &:before {\n border-color: var(--spectrum-switch-handle-border-color-selected);\n }\n }\n }\n\n &:disabled {\n &:checked + .spectrum-ToggleSwitch-switch {\n background-color: var(--spectrum-switch-emphasized-track-color-disabled);\n }\n\n & + .spectrum-ToggleSwitch-switch {\n background-color: var(--spectrum-switch-emphasized-track-color-disabled);\n\n &:before {\n border-color: var(--spectrum-switch-emphasized-handle-border-color-disabled);\n }\n }\n }\n }\n\n &:hover {\n .spectrum-ToggleSwitch-input {\n &:checked:enabled + .spectrum-ToggleSwitch-switch {\n background-color: var(--spectrum-switch-emphasized-track-color);\n &:before {\n border-color: var(--spectrum-switch-emphasized-handle-border-color-hover);\n }\n }\n }\n }\n\n &:active {\n .spectrum-ToggleSwitch-input {\n &:checked:enabled + .spectrum-ToggleSwitch-switch {\n background-color: var(--spectrum-switch-emphasized-track-color);\n &:before {\n border-color: var(--spectrum-switch-emphasized-handle-border-color-down);\n }\n }\n }\n }\n}\n"],"names":[],"version":3,"file":"main.css.map"}
|