@react-spectrum/switch 3.1.3 → 3.1.6

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 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 $3fKzX$reactspectrumutils = require("@react-spectrum/utils");
3
+ var $3fKzX$reactariafocus = require("@react-aria/focus");
4
+ var $3fKzX$react = require("react");
5
+ var $3fKzX$reactariainteractions = require("@react-aria/interactions");
6
+ var $3fKzX$reactspectrumprovider = require("@react-spectrum/provider");
7
+ var $3fKzX$reactariaswitch = require("@react-aria/switch");
8
+ var $3fKzX$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
- // ASSET: /Users/govett/dev/react-spectrum-v3/node_modules/@adobe/spectrum-css-temp/components/toggle/vars.css
47
- var $c0e9fa21e5197f150cb2ac60c4351474$exports = {};
48
- $c0e9fa21e5197f150cb2ac60c4351474$exports = {
49
- "spectrum-ToggleSwitch": "_spectrum-ToggleSwitch_fc100",
50
- "spectrum-ToggleSwitch-input": "_spectrum-ToggleSwitch-input_fc100",
51
- "spectrum-ToggleSwitch-switch": "_spectrum-ToggleSwitch-switch_fc100",
52
- "focus-ring": "_focus-ring_fc100",
53
- "spectrum-ToggleSwitch-label": "_spectrum-ToggleSwitch-label_fc100",
54
- "is-hovered": "_is-hovered_fc100",
55
- "spectrum-ToggleSwitch--quiet": "_spectrum-ToggleSwitch--quiet_fc100",
56
- "spectrum-ToggleSwitch--ab": "_spectrum-ToggleSwitch--ab_fc100"
57
- };
58
- var $c0e9fa21e5197f150cb2ac60c4351474$$interop$default = $parcel$interopDefault($c0e9fa21e5197f150cb2ac60c4351474$exports);
59
-
60
- function $db9ffdf19392d6fe228fcec0e1352a3$var$Switch(props, ref) {
61
- props = useProviderProps(props);
62
-
63
- let {
64
- isEmphasized = false,
65
- isDisabled = false,
66
- autoFocus,
67
- children
68
- } = props,
69
- otherProps = _babelRuntimeHelpersObjectWithoutPropertiesLoose(props, ["isEmphasized", "isDisabled", "autoFocus", "children"]);
70
-
71
- let {
72
- styleProps
73
- } = useStyleProps(otherProps);
74
- let {
75
- hoverProps,
76
- isHovered
77
- } = useHover({
78
- isDisabled
79
- });
80
- let inputRef = useRef(null);
81
- let domRef = useFocusableRef(ref, inputRef);
82
- let state = useToggleState(props);
83
- let {
84
- inputProps
85
- } = useSwitch(props, state, inputRef);
86
- return /*#__PURE__*/_react.createElement("label", _babelRuntimeHelpersExtends({}, styleProps, hoverProps, {
87
- ref: domRef,
88
- className: classNames($c0e9fa21e5197f150cb2ac60c4351474$$interop$default, 'spectrum-ToggleSwitch', {
89
- 'spectrum-ToggleSwitch--quiet': !isEmphasized,
90
- 'is-disabled': isDisabled,
91
- 'is-hovered': isHovered
92
- }, styleProps.className)
93
- }), /*#__PURE__*/_react.createElement(FocusRing, {
94
- focusRingClass: classNames($c0e9fa21e5197f150cb2ac60c4351474$$interop$default, 'focus-ring'),
95
- autoFocus: autoFocus
96
- }, /*#__PURE__*/_react.createElement("input", _babelRuntimeHelpersExtends({}, inputProps, {
97
- ref: inputRef,
98
- className: classNames($c0e9fa21e5197f150cb2ac60c4351474$$interop$default, 'spectrum-ToggleSwitch-input')
99
- }))), /*#__PURE__*/_react.createElement("span", {
100
- className: classNames($c0e9fa21e5197f150cb2ac60c4351474$$interop$default, 'spectrum-ToggleSwitch-switch')
101
- }), children && /*#__PURE__*/_react.createElement("span", {
102
- className: classNames($c0e9fa21e5197f150cb2ac60c4351474$$interop$default, 'spectrum-ToggleSwitch-label')
103
- }, children));
29
+ function $parcel$export(e, n, v, s) {
30
+ Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
31
+ }
32
+ var $e216104aee091306$exports = {};
33
+
34
+ $parcel$export($e216104aee091306$exports, "Switch", () => $e216104aee091306$export$b5d5cf8927ab7262);
35
+
36
+
37
+
38
+ var $faeb9d1b92049ba7$exports = {};
39
+
40
+ $parcel$export($faeb9d1b92049ba7$exports, "spectrum-ToggleSwitch", () => $faeb9d1b92049ba7$export$89a9162656c0c38c, (v) => $faeb9d1b92049ba7$export$89a9162656c0c38c = v);
41
+ $parcel$export($faeb9d1b92049ba7$exports, "spectrum-ToggleSwitch-input", () => $faeb9d1b92049ba7$export$38df7ea4ffef819a, (v) => $faeb9d1b92049ba7$export$38df7ea4ffef819a = v);
42
+ $parcel$export($faeb9d1b92049ba7$exports, "spectrum-ToggleSwitch-switch", () => $faeb9d1b92049ba7$export$b82d06d1b520a22f, (v) => $faeb9d1b92049ba7$export$b82d06d1b520a22f = v);
43
+ $parcel$export($faeb9d1b92049ba7$exports, "focus-ring", () => $faeb9d1b92049ba7$export$f39a09f249340e2a, (v) => $faeb9d1b92049ba7$export$f39a09f249340e2a = v);
44
+ $parcel$export($faeb9d1b92049ba7$exports, "spectrum-ToggleSwitch-label", () => $faeb9d1b92049ba7$export$8f1a69021a3897b2, (v) => $faeb9d1b92049ba7$export$8f1a69021a3897b2 = v);
45
+ $parcel$export($faeb9d1b92049ba7$exports, "is-hovered", () => $faeb9d1b92049ba7$export$b8813cd5d7824ce7, (v) => $faeb9d1b92049ba7$export$b8813cd5d7824ce7 = v);
46
+ $parcel$export($faeb9d1b92049ba7$exports, "spectrum-ToggleSwitch--quiet", () => $faeb9d1b92049ba7$export$ce1b1dcfc10f3df4, (v) => $faeb9d1b92049ba7$export$ce1b1dcfc10f3df4 = v);
47
+ $parcel$export($faeb9d1b92049ba7$exports, "spectrum-ToggleSwitch--ab", () => $faeb9d1b92049ba7$export$dc5a33fddabf5882, (v) => $faeb9d1b92049ba7$export$dc5a33fddabf5882 = v);
48
+ var $faeb9d1b92049ba7$export$89a9162656c0c38c;
49
+ var $faeb9d1b92049ba7$export$38df7ea4ffef819a;
50
+ var $faeb9d1b92049ba7$export$b82d06d1b520a22f;
51
+ var $faeb9d1b92049ba7$export$f39a09f249340e2a;
52
+ var $faeb9d1b92049ba7$export$8f1a69021a3897b2;
53
+ var $faeb9d1b92049ba7$export$b8813cd5d7824ce7;
54
+ var $faeb9d1b92049ba7$export$ce1b1dcfc10f3df4;
55
+ var $faeb9d1b92049ba7$export$dc5a33fddabf5882;
56
+ $faeb9d1b92049ba7$export$89a9162656c0c38c = "spectrum-ToggleSwitch_3526dd";
57
+ $faeb9d1b92049ba7$export$38df7ea4ffef819a = "spectrum-ToggleSwitch-input_3526dd";
58
+ $faeb9d1b92049ba7$export$b82d06d1b520a22f = "spectrum-ToggleSwitch-switch_3526dd";
59
+ $faeb9d1b92049ba7$export$f39a09f249340e2a = "focus-ring_3526dd";
60
+ $faeb9d1b92049ba7$export$8f1a69021a3897b2 = "spectrum-ToggleSwitch-label_3526dd";
61
+ $faeb9d1b92049ba7$export$b8813cd5d7824ce7 = "is-hovered_3526dd";
62
+ $faeb9d1b92049ba7$export$ce1b1dcfc10f3df4 = "spectrum-ToggleSwitch--quiet_3526dd";
63
+ $faeb9d1b92049ba7$export$dc5a33fddabf5882 = "spectrum-ToggleSwitch--ab_3526dd";
64
+
65
+
66
+
67
+
68
+
69
+
70
+ function $e216104aee091306$var$Switch(props, ref) {
71
+ props = $3fKzX$reactspectrumprovider.useProviderProps(props);
72
+ let { isEmphasized: isEmphasized = false , isDisabled: isDisabled = false , autoFocus: autoFocus , children: children , ...otherProps } = props;
73
+ let { styleProps: styleProps } = $3fKzX$reactspectrumutils.useStyleProps(otherProps);
74
+ let { hoverProps: hoverProps , isHovered: isHovered } = $3fKzX$reactariainteractions.useHover({
75
+ isDisabled: isDisabled
76
+ });
77
+ let inputRef = $3fKzX$react.useRef(null);
78
+ let domRef = $3fKzX$reactspectrumutils.useFocusableRef(ref, inputRef);
79
+ let state = $3fKzX$reactstatelytoggle.useToggleState(props);
80
+ let { inputProps: inputProps } = $3fKzX$reactariaswitch.useSwitch(props, state, inputRef);
81
+ return(/*#__PURE__*/ ($parcel$interopDefault($3fKzX$react)).createElement("label", {
82
+ ...styleProps,
83
+ ...hoverProps,
84
+ ref: domRef,
85
+ className: $3fKzX$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($faeb9d1b92049ba7$exports)), 'spectrum-ToggleSwitch', {
86
+ 'spectrum-ToggleSwitch--quiet': !isEmphasized,
87
+ 'is-disabled': isDisabled,
88
+ 'is-hovered': isHovered
89
+ }, styleProps.className)
90
+ }, /*#__PURE__*/ ($parcel$interopDefault($3fKzX$react)).createElement($3fKzX$reactariafocus.FocusRing, {
91
+ focusRingClass: $3fKzX$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($faeb9d1b92049ba7$exports)), 'focus-ring'),
92
+ autoFocus: autoFocus
93
+ }, /*#__PURE__*/ ($parcel$interopDefault($3fKzX$react)).createElement("input", {
94
+ ...inputProps,
95
+ ref: inputRef,
96
+ className: $3fKzX$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($faeb9d1b92049ba7$exports)), 'spectrum-ToggleSwitch-input')
97
+ })), /*#__PURE__*/ ($parcel$interopDefault($3fKzX$react)).createElement("span", {
98
+ className: $3fKzX$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($faeb9d1b92049ba7$exports)), 'spectrum-ToggleSwitch-switch')
99
+ }), children && /*#__PURE__*/ ($parcel$interopDefault($3fKzX$react)).createElement("span", {
100
+ className: $3fKzX$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($faeb9d1b92049ba7$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 $e216104aee091306$export$b5d5cf8927ab7262 = /*#__PURE__*/ $3fKzX$react.forwardRef($e216104aee091306$var$Switch);
107
+
108
+
109
+ $parcel$exportWildcard(module.exports, $e216104aee091306$exports);
109
110
 
110
111
 
111
- const Switch = /*#__PURE__*/forwardRef($db9ffdf19392d6fe228fcec0e1352a3$var$Switch);
112
- exports.Switch = Switch;
113
112
  //# sourceMappingURL=main.js.map
package/dist/main.js.map CHANGED
@@ -1 +1 @@
1
- {"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,SAASA,sBAAT,CAAgCC,CAAhC,EAAmC;AACjC,SAAOA,CAAC,IAAIA,CAAC,CAACC,UAAP,GAAoBD,CAAC,CAACE,OAAtB,GAAgCF,CAAvC;AACD;;;;ACFD,4CAAiB;AACf,2BAAyB,8BADV;AAEf,iCAA+B,oCAFhB;AAGf,kCAAgC,qCAHjB;AAIf,gBAAc,mBAJC;AAKf,iCAA+B,oCALhB;AAMf,gBAAc,mBANC;AAOf,kCAAgC,qCAPjB;AAQf,+BAA6B;AARd,CAAjB;;;ACuBA,SAASG,2CAAT,CAAgBC,KAAhB,EAA4CC,GAA5C,EAAiF;AAC/ED,EAAAA,KAAK,GAAGE,gBAAgB,CAACF,KAAD,CAAxB;;AACA,MAAI;AACFG,IAAAA,YAAY,GAAG,KADb;AAEFC,IAAAA,UAAU,GAAG,KAFX;AAGFC,IAAAA,SAHE;AAIFC,IAAAA;AAJE,MAMAN,KANJ;AAAA,MAKKO,UALL,oDAMIP,KANJ;;AAOA,MAAI;AAACQ,IAAAA;AAAD,MAAeC,aAAa,CAACF,UAAD,CAAhC;AACA,MAAI;AAACG,IAAAA,UAAD;AAAaC,IAAAA;AAAb,MAA0BC,QAAQ,CAAC;AAACR,IAAAA;AAAD,GAAD,CAAtC;AAEA,MAAIS,QAAQ,GAAGC,MAAM,CAAmB,IAAnB,CAArB;AACA,MAAIC,MAAM,GAAGC,eAAe,CAACf,GAAD,EAAMY,QAAN,CAA5B;AACA,MAAII,KAAK,GAAGC,cAAc,CAAClB,KAAD,CAA1B;AACA,MAAI;AAACmB,IAAAA;AAAD,MAAeC,SAAS,CAACpB,KAAD,EAAQiB,KAAR,EAAeJ,QAAf,CAA5B;AAGA,sBACE,8DACML,UADN,EAEME,UAFN;AAGE,IAAA,GAAG,EAAEK,MAHP;AAIE,IAAA,SAAS,EACPM,UAAU,qDAER,uBAFQ,EAGR;AACE,sCAAgC,CAAClB,YADnC;AAEE,qBAAeC,UAFjB;AAGE,oBAAcO;AAHhB,KAHQ,EAQRH,UAAU,CAACc,SARH;AALd,mBAgBE,qBAAC,SAAD;AAAW,IAAA,cAAc,EAAED,UAAU,qDAAS,YAAT,CAArC;AAA6D,IAAA,SAAS,EAAEhB;AAAxE,kBACE,8DACMc,UADN;AAEE,IAAA,GAAG,EAAEN,QAFP;AAGE,IAAA,SAAS,EAAEQ,UAAU,qDAAS,6BAAT;AAHvB,KADF,CAhBF,eAsBE;AAAM,IAAA,SAAS,EAAEA,UAAU,qDAAS,8BAAT;AAA3B,IAtBF,EAuBGf,QAAQ,iBACP;AAAM,IAAA,SAAS,EAAEe,UAAU,qDAAS,6BAAT;AAA3B,KACGf,QADH,CAxBJ,CADF;AA+BD;AAED;;;;;;AAIA,MAAMiB,MAAO,gBAAGC,UAAU,CAACzB,2CAAD,CAA1B","sources":["./node_modules/@parcel/scope-hoisting/lib/helpers.js","./node_modules/@adobe/spectrum-css-temp/components/toggle/vars.css","./packages/@react-spectrum/switch/src/Switch.tsx"],"sourcesContent":["function $parcel$interopDefault(a) {\n return a && a.__esModule ? a.default : a;\n}\n\nfunction $parcel$defineInteropFlag(a) {\n Object.defineProperty(a, '__esModule', {value: true});\n}\n\nfunction $parcel$exportWildcard(dest, source) {\n Object.keys(source).forEach(function(key) {\n if (key === 'default' || key === '__esModule') {\n return;\n }\n\n Object.defineProperty(dest, key, {\n enumerable: true,\n get: function get() {\n return source[key];\n },\n });\n });\n\n return dest;\n}\n\nfunction $parcel$missingModule(name) {\n var err = new Error(\"Cannot find module '\" + name + \"'\");\n err.code = 'MODULE_NOT_FOUND';\n throw err;\n}\n\nvar $parcel$global =\n typeof globalThis !== 'undefined'\n ? globalThis\n : typeof self !== 'undefined'\n ? self\n : typeof window !== 'undefined'\n ? window\n : typeof global !== 'undefined'\n ? global\n : {};\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","/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {classNames, useFocusableRef, useStyleProps} from '@react-spectrum/utils';\nimport {FocusableRef} from '@react-types/shared';\nimport {FocusRing} from '@react-aria/focus';\nimport React, {forwardRef, useRef} from 'react';\nimport {SpectrumSwitchProps} from '@react-types/switch';\nimport styles from '@adobe/spectrum-css-temp/components/toggle/vars.css';\nimport {useHover} from '@react-aria/interactions';\nimport {useProviderProps} from '@react-spectrum/provider';\nimport {useSwitch} from '@react-aria/switch';\nimport {useToggleState} from '@react-stately/toggle';\n\nfunction Switch(props: SpectrumSwitchProps, ref: FocusableRef<HTMLLabelElement>) {\n props = useProviderProps(props);\n let {\n isEmphasized = false,\n isDisabled = false,\n autoFocus,\n children,\n ...otherProps\n } = props;\n let {styleProps} = useStyleProps(otherProps);\n let {hoverProps, isHovered} = useHover({isDisabled});\n\n let inputRef = useRef<HTMLInputElement>(null);\n let domRef = useFocusableRef(ref, inputRef);\n let state = useToggleState(props);\n let {inputProps} = useSwitch(props, state, inputRef);\n\n\n return (\n <label\n {...styleProps}\n {...hoverProps}\n ref={domRef}\n className={\n classNames(\n styles,\n 'spectrum-ToggleSwitch',\n {\n 'spectrum-ToggleSwitch--quiet': !isEmphasized,\n 'is-disabled': isDisabled,\n 'is-hovered': isHovered\n },\n styleProps.className\n )\n }>\n <FocusRing focusRingClass={classNames(styles, 'focus-ring')} autoFocus={autoFocus}>\n <input\n {...inputProps}\n ref={inputRef}\n className={classNames(styles, 'spectrum-ToggleSwitch-input')} />\n </FocusRing>\n <span className={classNames(styles, 'spectrum-ToggleSwitch-switch')} />\n {children && (\n <span className={classNames(styles, 'spectrum-ToggleSwitch-label')}>\n {children}\n </span>\n )}\n </label>\n );\n}\n\n/**\n * Switches allow users to turn an individual option on or off.\n * They are usually used to activate or deactivate a specific setting.\n */\nconst _Switch = forwardRef(Switch);\nexport {_Switch as Switch};\n"],"names":["$parcel$interopDefault","a","__esModule","default","Switch","props","ref","useProviderProps","isEmphasized","isDisabled","autoFocus","children","otherProps","styleProps","useStyleProps","hoverProps","isHovered","useHover","inputRef","useRef","domRef","useFocusableRef","state","useToggleState","inputProps","useSwitch","classNames","className","_Switch","forwardRef"],"version":3,"file":"main.js.map"}
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 $8Tpjb$useStyleProps, useFocusableRef as $8Tpjb$useFocusableRef, classNames as $8Tpjb$classNames} from "@react-spectrum/utils";
3
+ import {FocusRing as $8Tpjb$FocusRing} from "@react-aria/focus";
4
+ import $8Tpjb$react, {useRef as $8Tpjb$useRef, forwardRef as $8Tpjb$forwardRef} from "react";
5
+ import {useHover as $8Tpjb$useHover} from "@react-aria/interactions";
6
+ import {useProviderProps as $8Tpjb$useProviderProps} from "@react-spectrum/provider";
7
+ import {useSwitch as $8Tpjb$useSwitch} from "@react-aria/switch";
8
+ import {useToggleState as $8Tpjb$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 $8341c396cee1c5fc$exports = {};
17
+
18
+ $parcel$export($8341c396cee1c5fc$exports, "Switch", () => $8341c396cee1c5fc$export$b5d5cf8927ab7262);
19
+
20
+
21
+
22
+ var $dfcff93ab25bb9b3$exports = {};
23
+
24
+ $parcel$export($dfcff93ab25bb9b3$exports, "spectrum-ToggleSwitch", () => $dfcff93ab25bb9b3$export$89a9162656c0c38c, (v) => $dfcff93ab25bb9b3$export$89a9162656c0c38c = v);
25
+ $parcel$export($dfcff93ab25bb9b3$exports, "spectrum-ToggleSwitch-input", () => $dfcff93ab25bb9b3$export$38df7ea4ffef819a, (v) => $dfcff93ab25bb9b3$export$38df7ea4ffef819a = v);
26
+ $parcel$export($dfcff93ab25bb9b3$exports, "spectrum-ToggleSwitch-switch", () => $dfcff93ab25bb9b3$export$b82d06d1b520a22f, (v) => $dfcff93ab25bb9b3$export$b82d06d1b520a22f = v);
27
+ $parcel$export($dfcff93ab25bb9b3$exports, "focus-ring", () => $dfcff93ab25bb9b3$export$f39a09f249340e2a, (v) => $dfcff93ab25bb9b3$export$f39a09f249340e2a = v);
28
+ $parcel$export($dfcff93ab25bb9b3$exports, "spectrum-ToggleSwitch-label", () => $dfcff93ab25bb9b3$export$8f1a69021a3897b2, (v) => $dfcff93ab25bb9b3$export$8f1a69021a3897b2 = v);
29
+ $parcel$export($dfcff93ab25bb9b3$exports, "is-hovered", () => $dfcff93ab25bb9b3$export$b8813cd5d7824ce7, (v) => $dfcff93ab25bb9b3$export$b8813cd5d7824ce7 = v);
30
+ $parcel$export($dfcff93ab25bb9b3$exports, "spectrum-ToggleSwitch--quiet", () => $dfcff93ab25bb9b3$export$ce1b1dcfc10f3df4, (v) => $dfcff93ab25bb9b3$export$ce1b1dcfc10f3df4 = v);
31
+ $parcel$export($dfcff93ab25bb9b3$exports, "spectrum-ToggleSwitch--ab", () => $dfcff93ab25bb9b3$export$dc5a33fddabf5882, (v) => $dfcff93ab25bb9b3$export$dc5a33fddabf5882 = v);
32
+ var $dfcff93ab25bb9b3$export$89a9162656c0c38c;
33
+ var $dfcff93ab25bb9b3$export$38df7ea4ffef819a;
34
+ var $dfcff93ab25bb9b3$export$b82d06d1b520a22f;
35
+ var $dfcff93ab25bb9b3$export$f39a09f249340e2a;
36
+ var $dfcff93ab25bb9b3$export$8f1a69021a3897b2;
37
+ var $dfcff93ab25bb9b3$export$b8813cd5d7824ce7;
38
+ var $dfcff93ab25bb9b3$export$ce1b1dcfc10f3df4;
39
+ var $dfcff93ab25bb9b3$export$dc5a33fddabf5882;
40
+ $dfcff93ab25bb9b3$export$89a9162656c0c38c = "spectrum-ToggleSwitch_3526dd";
41
+ $dfcff93ab25bb9b3$export$38df7ea4ffef819a = "spectrum-ToggleSwitch-input_3526dd";
42
+ $dfcff93ab25bb9b3$export$b82d06d1b520a22f = "spectrum-ToggleSwitch-switch_3526dd";
43
+ $dfcff93ab25bb9b3$export$f39a09f249340e2a = "focus-ring_3526dd";
44
+ $dfcff93ab25bb9b3$export$8f1a69021a3897b2 = "spectrum-ToggleSwitch-label_3526dd";
45
+ $dfcff93ab25bb9b3$export$b8813cd5d7824ce7 = "is-hovered_3526dd";
46
+ $dfcff93ab25bb9b3$export$ce1b1dcfc10f3df4 = "spectrum-ToggleSwitch--quiet_3526dd";
47
+ $dfcff93ab25bb9b3$export$dc5a33fddabf5882 = "spectrum-ToggleSwitch--ab_3526dd";
48
+
15
49
 
16
- // ASSET: /Users/govett/dev/react-spectrum-v3/node_modules/@adobe/spectrum-css-temp/components/toggle/vars.css
17
- var $b4570f0606b2c7eda302cc75c533$exports = {};
18
- $b4570f0606b2c7eda302cc75c533$exports = {
19
- "spectrum-ToggleSwitch": "_spectrum-ToggleSwitch_fc100",
20
- "spectrum-ToggleSwitch-input": "_spectrum-ToggleSwitch-input_fc100",
21
- "spectrum-ToggleSwitch-switch": "_spectrum-ToggleSwitch-switch_fc100",
22
- "focus-ring": "_focus-ring_fc100",
23
- "spectrum-ToggleSwitch-label": "_spectrum-ToggleSwitch-label_fc100",
24
- "is-hovered": "_is-hovered_fc100",
25
- "spectrum-ToggleSwitch--quiet": "_spectrum-ToggleSwitch--quiet_fc100",
26
- "spectrum-ToggleSwitch--ab": "_spectrum-ToggleSwitch--ab_fc100"
27
- };
28
- var $b4570f0606b2c7eda302cc75c533$$interop$default = $parcel$interopDefault($b4570f0606b2c7eda302cc75c533$exports);
29
-
30
- function $aff44b1672011b1b1b5b6fdc24d8a9d8$var$Switch(props, ref) {
31
- props = useProviderProps(props);
32
-
33
- let {
34
- isEmphasized = false,
35
- isDisabled = false,
36
- autoFocus,
37
- children
38
- } = props,
39
- otherProps = _babelRuntimeHelpersEsmObjectWithoutPropertiesLoose(props, ["isEmphasized", "isDisabled", "autoFocus", "children"]);
40
-
41
- let {
42
- styleProps
43
- } = useStyleProps(otherProps);
44
- let {
45
- hoverProps,
46
- isHovered
47
- } = useHover({
48
- isDisabled
49
- });
50
- let inputRef = useRef(null);
51
- let domRef = useFocusableRef(ref, inputRef);
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 $8341c396cee1c5fc$var$Switch(props, ref) {
55
+ props = $8Tpjb$useProviderProps(props);
56
+ let { isEmphasized: isEmphasized = false , isDisabled: isDisabled = false , autoFocus: autoFocus , children: children , ...otherProps } = props;
57
+ let { styleProps: styleProps } = $8Tpjb$useStyleProps(otherProps);
58
+ let { hoverProps: hoverProps , isHovered: isHovered } = $8Tpjb$useHover({
59
+ isDisabled: isDisabled
60
+ });
61
+ let inputRef = $8Tpjb$useRef(null);
62
+ let domRef = $8Tpjb$useFocusableRef(ref, inputRef);
63
+ let state = $8Tpjb$useToggleState(props);
64
+ let { inputProps: inputProps } = $8Tpjb$useSwitch(props, state, inputRef);
65
+ return(/*#__PURE__*/ $8Tpjb$react.createElement("label", {
66
+ ...styleProps,
67
+ ...hoverProps,
68
+ ref: domRef,
69
+ className: $8Tpjb$classNames((/*@__PURE__*/$parcel$interopDefault($dfcff93ab25bb9b3$exports)), 'spectrum-ToggleSwitch', {
70
+ 'spectrum-ToggleSwitch--quiet': !isEmphasized,
71
+ 'is-disabled': isDisabled,
72
+ 'is-hovered': isHovered
73
+ }, styleProps.className)
74
+ }, /*#__PURE__*/ $8Tpjb$react.createElement($8Tpjb$FocusRing, {
75
+ focusRingClass: $8Tpjb$classNames((/*@__PURE__*/$parcel$interopDefault($dfcff93ab25bb9b3$exports)), 'focus-ring'),
76
+ autoFocus: autoFocus
77
+ }, /*#__PURE__*/ $8Tpjb$react.createElement("input", {
78
+ ...inputProps,
79
+ ref: inputRef,
80
+ className: $8Tpjb$classNames((/*@__PURE__*/$parcel$interopDefault($dfcff93ab25bb9b3$exports)), 'spectrum-ToggleSwitch-input')
81
+ })), /*#__PURE__*/ $8Tpjb$react.createElement("span", {
82
+ className: $8Tpjb$classNames((/*@__PURE__*/$parcel$interopDefault($dfcff93ab25bb9b3$exports)), 'spectrum-ToggleSwitch-switch')
83
+ }), children && /*#__PURE__*/ $8Tpjb$react.createElement("span", {
84
+ className: $8Tpjb$classNames((/*@__PURE__*/$parcel$interopDefault($dfcff93ab25bb9b3$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 $8341c396cee1c5fc$export$b5d5cf8927ab7262 = /*#__PURE__*/ $8Tpjb$forwardRef($8341c396cee1c5fc$var$Switch);
91
+
92
+
79
93
 
80
94
 
81
- export const Switch = /*#__PURE__*/forwardRef($aff44b1672011b1b1b5b6fdc24d8a9d8$var$Switch);
95
+ export {$8341c396cee1c5fc$export$b5d5cf8927ab7262 as Switch};
82
96
  //# sourceMappingURL=module.js.map
@@ -1 +1 @@
1
- {"mappings":";;;;;;;;;;;AAAA,SAASA,sBAAT,CAAgCC,CAAhC,EAAmC;AACjC,SAAOA,CAAC,IAAIA,CAAC,CAACC,UAAP,GAAoBD,CAAC,CAACE,OAAtB,GAAgCF,CAAvC;AACD;;;;ACFD,wCAAiB;AACf,2BAAyB,8BADV;AAEf,iCAA+B,oCAFhB;AAGf,kCAAgC,qCAHjB;AAIf,gBAAc,mBAJC;AAKf,iCAA+B,oCALhB;AAMf,gBAAc,mBANC;AAOf,kCAAgC,qCAPjB;AAQf,+BAA6B;AARd,CAAjB;;;ACuBA,SAASG,4CAAT,CAAgBC,KAAhB,EAA4CC,GAA5C,EAAiF;AAC/ED,EAAAA,KAAK,GAAGE,gBAAgB,CAACF,KAAD,CAAxB;;AACA,MAAI;AACFG,IAAAA,YAAY,GAAG,KADb;AAEFC,IAAAA,UAAU,GAAG,KAFX;AAGFC,IAAAA,SAHE;AAIFC,IAAAA;AAJE,MAMAN,KANJ;AAAA,MAKKO,UALL,uDAMIP,KANJ;;AAOA,MAAI;AAACQ,IAAAA;AAAD,MAAeC,aAAa,CAACF,UAAD,CAAhC;AACA,MAAI;AAACG,IAAAA,UAAD;AAAaC,IAAAA;AAAb,MAA0BC,QAAQ,CAAC;AAACR,IAAAA;AAAD,GAAD,CAAtC;AAEA,MAAIS,QAAQ,GAAGC,MAAM,CAAmB,IAAnB,CAArB;AACA,MAAIC,MAAM,GAAGC,eAAe,CAACf,GAAD,EAAMY,QAAN,CAA5B;AACA,MAAII,KAAK,GAAGC,cAAc,CAAClB,KAAD,CAA1B;AACA,MAAI;AAACmB,IAAAA;AAAD,MAAeC,SAAS,CAACpB,KAAD,EAAQiB,KAAR,EAAeJ,QAAf,CAA5B;AAGA,sBACE,iEACML,UADN,EAEME,UAFN;AAGE,IAAA,GAAG,EAAEK,MAHP;AAIE,IAAA,SAAS,EACPM,UAAU,iDAER,uBAFQ,EAGR;AACE,sCAAgC,CAAClB,YADnC;AAEE,qBAAeC,UAFjB;AAGE,oBAAcO;AAHhB,KAHQ,EAQRH,UAAU,CAACc,SARH;AALd,mBAgBE,qBAAC,SAAD;AAAW,IAAA,cAAc,EAAED,UAAU,iDAAS,YAAT,CAArC;AAA6D,IAAA,SAAS,EAAEhB;AAAxE,kBACE,iEACMc,UADN;AAEE,IAAA,GAAG,EAAEN,QAFP;AAGE,IAAA,SAAS,EAAEQ,UAAU,iDAAS,6BAAT;AAHvB,KADF,CAhBF,eAsBE;AAAM,IAAA,SAAS,EAAEA,UAAU,iDAAS,8BAAT;AAA3B,IAtBF,EAuBGf,QAAQ,iBACP;AAAM,IAAA,SAAS,EAAEe,UAAU,iDAAS,6BAAT;AAA3B,KACGf,QADH,CAxBJ,CADF;AA+BD;AAED;;;;;;OAIA,MAAMiB,MAAO,gBAAGC,UAAU,CAACzB,4CAAD,CAA1B","sources":["./node_modules/@parcel/scope-hoisting/lib/helpers.js","./node_modules/@adobe/spectrum-css-temp/components/toggle/vars.css","./packages/@react-spectrum/switch/src/Switch.tsx"],"sourcesContent":["function $parcel$interopDefault(a) {\n return a && a.__esModule ? a.default : a;\n}\n\nfunction $parcel$defineInteropFlag(a) {\n Object.defineProperty(a, '__esModule', {value: true});\n}\n\nfunction $parcel$exportWildcard(dest, source) {\n Object.keys(source).forEach(function(key) {\n if (key === 'default' || key === '__esModule') {\n return;\n }\n\n Object.defineProperty(dest, key, {\n enumerable: true,\n get: function get() {\n return source[key];\n },\n });\n });\n\n return dest;\n}\n\nfunction $parcel$missingModule(name) {\n var err = new Error(\"Cannot find module '\" + name + \"'\");\n err.code = 'MODULE_NOT_FOUND';\n throw err;\n}\n\nvar $parcel$global =\n typeof globalThis !== 'undefined'\n ? globalThis\n : typeof self !== 'undefined'\n ? self\n : typeof window !== 'undefined'\n ? window\n : typeof global !== 'undefined'\n ? global\n : {};\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","/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {classNames, useFocusableRef, useStyleProps} from '@react-spectrum/utils';\nimport {FocusableRef} from '@react-types/shared';\nimport {FocusRing} from '@react-aria/focus';\nimport React, {forwardRef, useRef} from 'react';\nimport {SpectrumSwitchProps} from '@react-types/switch';\nimport styles from '@adobe/spectrum-css-temp/components/toggle/vars.css';\nimport {useHover} from '@react-aria/interactions';\nimport {useProviderProps} from '@react-spectrum/provider';\nimport {useSwitch} from '@react-aria/switch';\nimport {useToggleState} from '@react-stately/toggle';\n\nfunction Switch(props: SpectrumSwitchProps, ref: FocusableRef<HTMLLabelElement>) {\n props = useProviderProps(props);\n let {\n isEmphasized = false,\n isDisabled = false,\n autoFocus,\n children,\n ...otherProps\n } = props;\n let {styleProps} = useStyleProps(otherProps);\n let {hoverProps, isHovered} = useHover({isDisabled});\n\n let inputRef = useRef<HTMLInputElement>(null);\n let domRef = useFocusableRef(ref, inputRef);\n let state = useToggleState(props);\n let {inputProps} = useSwitch(props, state, inputRef);\n\n\n return (\n <label\n {...styleProps}\n {...hoverProps}\n ref={domRef}\n className={\n classNames(\n styles,\n 'spectrum-ToggleSwitch',\n {\n 'spectrum-ToggleSwitch--quiet': !isEmphasized,\n 'is-disabled': isDisabled,\n 'is-hovered': isHovered\n },\n styleProps.className\n )\n }>\n <FocusRing focusRingClass={classNames(styles, 'focus-ring')} autoFocus={autoFocus}>\n <input\n {...inputProps}\n ref={inputRef}\n className={classNames(styles, 'spectrum-ToggleSwitch-input')} />\n </FocusRing>\n <span className={classNames(styles, 'spectrum-ToggleSwitch-switch')} />\n {children && (\n <span className={classNames(styles, 'spectrum-ToggleSwitch-label')}>\n {children}\n </span>\n )}\n </label>\n );\n}\n\n/**\n * Switches allow users to turn an individual option on or off.\n * They are usually used to activate or deactivate a specific setting.\n */\nconst _Switch = forwardRef(Switch);\nexport {_Switch as Switch};\n"],"names":["$parcel$interopDefault","a","__esModule","default","Switch","props","ref","useProviderProps","isEmphasized","isDisabled","autoFocus","children","otherProps","styleProps","useStyleProps","hoverProps","isHovered","useHover","inputRef","useRef","domRef","useFocusableRef","state","useToggleState","inputProps","useSwitch","classNames","className","_Switch","forwardRef"],"version":3,"file":"module.js.map"}
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"}
@@ -1 +1 @@
1
- {"mappings":"A;A;AA0EA;A;A;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"],"sourcesContent":[null,null],"names":[],"version":3,"file":"types.d.ts.map"}
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",
3
+ "version": "3.1.6",
4
4
  "description": "Spectrum UI components in React",
5
5
  "license": "Apache-2.0",
6
6
  "main": "dist/main.js",
@@ -32,15 +32,15 @@
32
32
  },
33
33
  "dependencies": {
34
34
  "@babel/runtime": "^7.6.2",
35
- "@react-aria/focus": "^3.4.1",
36
- "@react-aria/interactions": "^3.5.1",
37
- "@react-aria/switch": "^3.1.3",
38
- "@react-aria/utils": "^3.8.2",
39
- "@react-spectrum/utils": "^3.6.2",
40
- "@react-stately/toggle": "^3.2.3",
41
- "@react-types/shared": "^3.8.0",
42
- "@react-types/switch": "^3.1.2",
43
- "@spectrum-icons/ui": "^3.2.1"
35
+ "@react-aria/focus": "^3.5.3",
36
+ "@react-aria/interactions": "^3.8.2",
37
+ "@react-aria/switch": "^3.1.6",
38
+ "@react-aria/utils": "^3.11.3",
39
+ "@react-spectrum/utils": "^3.6.6",
40
+ "@react-stately/toggle": "^3.2.6",
41
+ "@react-types/shared": "^3.11.2",
42
+ "@react-types/switch": "^3.1.5",
43
+ "@spectrum-icons/ui": "^3.2.4"
44
44
  },
45
45
  "devDependencies": {
46
46
  "@adobe/spectrum-css-temp": "3.0.0-alpha.1"
@@ -52,5 +52,5 @@
52
52
  "publishConfig": {
53
53
  "access": "public"
54
54
  },
55
- "gitHead": "9204e1b8cb61dac767e91087fb16203611dc67c5"
55
+ "gitHead": "ed8d8d984c2f7f2c31e8b18795b97858a95e4729"
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"}