@react-spectrum/radio 3.4.0 → 3.4.2

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.
Files changed (6) hide show
  1. package/dist/main.css +1 -1
  2. package/dist/main.js +82 -41
  3. package/dist/main.js.map +1 -1
  4. package/dist/module.js +82 -41
  5. package/dist/module.js.map +1 -1
  6. package/package.json +12 -12
package/dist/main.css CHANGED
@@ -1 +1 @@
1
- [dir=ltr] .spectrum-Radio_bf46c2{margin-right:calc(var(--spectrum-radio-cursor-hit-x,var(--spectrum-global-dimension-size-100))*2)}[dir=rtl] .spectrum-Radio_bf46c2{margin-left:calc(var(--spectrum-radio-cursor-hit-x,var(--spectrum-global-dimension-size-100))*2)}.spectrum-Radio_bf46c2{min-height:var(--spectrum-radio-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-Radio-input_bf46c2{left:calc(var(--spectrum-radio-cursor-hit-x,var(--spectrum-global-dimension-size-100))*-1)}[dir=rtl] .spectrum-Radio-input_bf46c2{right:calc(var(--spectrum-radio-cursor-hit-x,var(--spectrum-global-dimension-size-100))*-1)}.spectrum-Radio-input_bf46c2{box-sizing:border-box;width:calc(100% + var(--spectrum-radio-cursor-hit-x,var(--spectrum-global-dimension-size-100))*2);height:100%;opacity:.0001;z-index:1;cursor:default;margin:0;padding:0;font-family:inherit;font-size:100%;line-height:1.15;position:absolute;top:0;overflow:visible}.spectrum-Radio-input_bf46c2:disabled{cursor:default}.spectrum-Radio-input_bf46c2:checked+.spectrum-Radio-button_bf46c2:before{border-width:calc(var(--spectrum-radio-circle-diameter,var(--spectrum-global-dimension-size-175))/2 - var(--spectrum-radio-circle-dot-size,var(--spectrum-global-dimension-static-size-50))/2)}.spectrum-Radio-input_bf46c2.focus-ring_bf46c2+.spectrum-Radio-button_bf46c2:after{margin:calc(var(--spectrum-alias-focus-ring-gap,var(--spectrum-global-dimension-static-size-25))*-1)}[dir=ltr] .spectrum-Radio-label_bf46c2{text-align:left}[dir=rtl] .spectrum-Radio-label_bf46c2{text-align:right}[dir=ltr] .spectrum-Radio-label_bf46c2{margin-left:var(--spectrum-radio-text-gap,var(--spectrum-global-dimension-size-125))}[dir=rtl] .spectrum-Radio-label_bf46c2{margin-right:var(--spectrum-radio-text-gap,var(--spectrum-global-dimension-size-125))}.spectrum-Radio-label_bf46c2{margin-top:var(--spectrum-global-dimension-size-65);font-size:var(--spectrum-radio-text-size,var(--spectrum-alias-font-size-default));transition:color var(--spectrum-global-animation-duration-100,130ms)ease-in-out;line-height:1.49}.spectrum-Radio-button_bf46c2{box-sizing:border-box;width:var(--spectrum-radio-circle-diameter,var(--spectrum-global-dimension-size-175));height:var(--spectrum-radio-circle-diameter,var(--spectrum-global-dimension-size-175));margin:calc((var(--spectrum-radio-height,var(--spectrum-global-dimension-size-400)) - var(--spectrum-radio-circle-diameter,var(--spectrum-global-dimension-size-175)))/2)0;flex-grow:0;flex-shrink:0;position:relative}.spectrum-Radio-button_bf46c2:before{z-index:0;content:"";box-sizing:border-box;width:var(--spectrum-radio-circle-diameter,var(--spectrum-global-dimension-size-175));height:var(--spectrum-radio-circle-diameter,var(--spectrum-global-dimension-size-175));border-radius:calc(var(--spectrum-radio-circle-diameter,var(--spectrum-global-dimension-size-175))/2);border-width:var(--spectrum-radio-circle-border-size,var(--spectrum-alias-border-size-thick));transition:border var(--spectrum-global-animation-duration-100,130ms)ease-in-out,box-shadow var(--spectrum-global-animation-duration-100,130ms)ease-in-out;border-style:solid;display:block;position:absolute}.spectrum-Radio-button_bf46c2:after{content:"";margin:var(--spectrum-alias-focus-ring-gap,var(--spectrum-global-dimension-static-size-25));transition:box-shadow var(--spectrum-global-animation-duration-100,130ms)ease-out,margin var(--spectrum-global-animation-duration-100,130ms)ease-out;border-radius:100%;display:block;position:absolute;top:0;bottom:0;left:0;right:0;transform:translate(0)}.spectrum-Radio--labelBelow_bf46c2{height:auto;flex-direction:column;align-items:center;display:inline-flex}.spectrum-Radio--labelBelow_bf46c2 .spectrum-Radio-button_bf46c2{flex-shrink:0;margin:0}.spectrum-Radio--labelBelow_bf46c2 .spectrum-Radio-label_bf46c2{margin:var(--spectrum-global-dimension-size-40)0 0 0}.spectrum-Radio_bf46c2 .spectrum-Radio-input_bf46c2:checked+.spectrum-Radio-button_bf46c2:before{border-color:var(--spectrum-radio-emphasized-circle-border-color-selected,var(--spectrum-global-color-blue-500))}.spectrum-Radio-label_bf46c2{color:var(--spectrum-radio-emphasized-text-color,var(--spectrum-alias-text-color))}.spectrum-Radio-button_bf46c2:before{background-color:var(--spectrum-radio-emphasized-circle-background-color,var(--spectrum-global-color-gray-75));border-color:var(--spectrum-radio-emphasized-circle-border-color,var(--spectrum-global-color-gray-600))}.spectrum-Radio_bf46c2.is-hovered_bf46c2 .spectrum-Radio-button_bf46c2:before{border-color:var(--spectrum-radio-emphasized-circle-border-color-hover,var(--spectrum-global-color-gray-700));box-shadow:none}.spectrum-Radio_bf46c2.is-hovered_bf46c2 .spectrum-Radio-input_bf46c2:checked+.spectrum-Radio-button_bf46c2:before{border-color:var(--spectrum-radio-emphasized-circle-border-color-selected-hover,var(--spectrum-global-color-blue-600))}.spectrum-Radio_bf46c2.is-hovered_bf46c2 .spectrum-Radio-label_bf46c2{color:var(--spectrum-radio-emphasized-text-color-hover,var(--spectrum-alias-text-color-hover))}.spectrum-Radio_bf46c2:active .spectrum-Radio-button_bf46c2:before{border-color:var(--spectrum-radio-emphasized-circle-border-color-down,var(--spectrum-global-color-gray-800))}.spectrum-Radio_bf46c2:active .spectrum-Radio-input_bf46c2:checked+.spectrum-Radio-button_bf46c2:before{border-color:var(--spectrum-radio-emphasized-circle-border-color-selected-down,var(--spectrum-global-color-blue-700))}.spectrum-Radio_bf46c2:active .spectrum-Radio-label_bf46c2{color:var(--spectrum-radio-emphasized-text-color-down,var(--spectrum-alias-text-color-down))}.spectrum-Radio_bf46c2 .spectrum-Radio-input_bf46c2.focus-ring_bf46c2:checked+.spectrum-Radio-button_bf46c2:before,.spectrum-Radio_bf46c2.is-hovered_bf46c2 .spectrum-Radio-input_bf46c2.focus-ring_bf46c2:checked+.spectrum-Radio-button_bf46c2:before{border-color:var(--spectrum-radio-emphasized-circle-border-color-selected-hover,var(--spectrum-global-color-blue-600))}.spectrum-Radio--quiet_bf46c2 .spectrum-Radio-input_bf46c2:checked+.spectrum-Radio-button_bf46c2:before{border-color:var(--spectrum-radio-quiet-circle-border-color-selected,var(--spectrum-global-color-gray-700))}.spectrum-Radio--quiet_bf46c2.is-hovered_bf46c2 .spectrum-Radio-input_bf46c2:checked+.spectrum-Radio-button_bf46c2:before{border-color:var(--spectrum-radio-quiet-circle-border-color-selected-hover,var(--spectrum-global-color-gray-800))}.spectrum-Radio--quiet_bf46c2:active .spectrum-Radio-input_bf46c2:checked+.spectrum-Radio-button_bf46c2:before{border-color:var(--spectrum-radio-quiet-circle-border-color-selected-down,var(--spectrum-global-color-gray-900))}.spectrum-Radio--quiet_bf46c2 .spectrum-Radio-input_bf46c2.focus-ring_bf46c2:checked+.spectrum-Radio-button_bf46c2:before,.spectrum-Radio--quiet_bf46c2.is-hovered_bf46c2 .spectrum-Radio-input_bf46c2.focus-ring_bf46c2:checked+.spectrum-Radio-button_bf46c2:before{border-color:var(--spectrum-radio-quiet-circle-border-color-selected-key-focus,var(--spectrum-global-color-gray-800))}.spectrum-Radio_bf46c2.is-invalid_bf46c2 .spectrum-Radio-button_bf46c2:before,.spectrum-Radio_bf46c2.is-invalid_bf46c2 .spectrum-Radio-input_bf46c2:checked+.spectrum-Radio-button_bf46c2:before,.spectrum-Radio--quiet_bf46c2.is-invalid_bf46c2 .spectrum-Radio-button_bf46c2:before,.spectrum-Radio--quiet_bf46c2.is-invalid_bf46c2 .spectrum-Radio-input_bf46c2:checked+.spectrum-Radio-button_bf46c2:before{border-color:var(--spectrum-radio-emphasized-circle-border-color-error,var(--spectrum-global-color-red-500))}.spectrum-Radio_bf46c2.is-invalid_bf46c2 .spectrum-Radio-label_bf46c2,.spectrum-Radio--quiet_bf46c2.is-invalid_bf46c2 .spectrum-Radio-label_bf46c2{color:var(--spectrum-radio-emphasized-circle-border-color-error,var(--spectrum-global-color-red-500))}.spectrum-Radio_bf46c2.is-invalid_bf46c2.is-hovered_bf46c2 .spectrum-Radio-input_bf46c2+.spectrum-Radio-button_bf46c2:before,.spectrum-Radio--quiet_bf46c2.is-invalid_bf46c2.is-hovered_bf46c2 .spectrum-Radio-input_bf46c2+.spectrum-Radio-button_bf46c2:before{border-color:var(--spectrum-radio-emphasized-circle-border-color-error-hover,var(--spectrum-global-color-red-600))}.spectrum-Radio_bf46c2.is-invalid_bf46c2.is-hovered_bf46c2 .spectrum-Radio-label_bf46c2,.spectrum-Radio--quiet_bf46c2.is-invalid_bf46c2.is-hovered_bf46c2 .spectrum-Radio-label_bf46c2{color:var(--spectrum-radio-emphasized-circle-border-color-error-hover,var(--spectrum-global-color-red-600))}.spectrum-Radio_bf46c2.is-invalid_bf46c2:active .spectrum-Radio-input_bf46c2+.spectrum-Radio-button_bf46c2:before,.spectrum-Radio--quiet_bf46c2.is-invalid_bf46c2:active .spectrum-Radio-input_bf46c2+.spectrum-Radio-button_bf46c2:before{border-color:var(--spectrum-radio-emphasized-circle-border-color-error-down,var(--spectrum-global-color-red-700))}.spectrum-Radio_bf46c2.is-invalid_bf46c2:active .spectrum-Radio-label_bf46c2,.spectrum-Radio--quiet_bf46c2.is-invalid_bf46c2:active .spectrum-Radio-label_bf46c2{color:var(--spectrum-radio-emphasized-circle-border-color-error-down,var(--spectrum-global-color-red-700))}.spectrum-Radio_bf46c2.is-invalid_bf46c2 .spectrum-Radio-input_bf46c2.focus-ring_bf46c2:not(:checked)+.spectrum-Radio-button_bf46c2:before,.spectrum-Radio_bf46c2.is-invalid_bf46c2.is-hovered_bf46c2 .spectrum-Radio-input_bf46c2.focus-ring_bf46c2:not(:checked)+.spectrum-Radio-button_bf46c2:before,.spectrum-Radio--quiet_bf46c2.is-invalid_bf46c2 .spectrum-Radio-input_bf46c2.focus-ring_bf46c2:not(:checked)+.spectrum-Radio-button_bf46c2:before,.spectrum-Radio--quiet_bf46c2.is-invalid_bf46c2.is-hovered_bf46c2 .spectrum-Radio-input_bf46c2.focus-ring_bf46c2:not(:checked)+.spectrum-Radio-button_bf46c2:before{border-color:var(--spectrum-radio-circle-border-color-error-key-focus,var(--spectrum-global-color-red-600))}.spectrum-Radio_bf46c2.is-invalid_bf46c2 .spectrum-Radio-input_bf46c2.focus-ring_bf46c2:checked+.spectrum-Radio-button_bf46c2:before,.spectrum-Radio_bf46c2.is-invalid_bf46c2.is-hovered_bf46c2 .spectrum-Radio-input_bf46c2.focus-ring_bf46c2:checked+.spectrum-Radio-button_bf46c2:before,.spectrum-Radio--quiet_bf46c2.is-invalid_bf46c2 .spectrum-Radio-input_bf46c2.focus-ring_bf46c2:checked+.spectrum-Radio-button_bf46c2:before,.spectrum-Radio--quiet_bf46c2.is-invalid_bf46c2.is-hovered_bf46c2 .spectrum-Radio-input_bf46c2.focus-ring_bf46c2:checked+.spectrum-Radio-button_bf46c2:before{border-color:var(--spectrum-radio-circle-border-color-error-selected-key-focus,var(--spectrum-global-color-red-600))}.spectrum-Radio-input_bf46c2:disabled+.spectrum-Radio-button_bf46c2:before{border-color:var(--spectrum-radio-emphasized-circle-border-color-disabled,var(--spectrum-global-color-gray-400))!important}.spectrum-Radio-input_bf46c2:disabled~.spectrum-Radio-label_bf46c2{color:var(--spectrum-radio-emphasized-text-color-disabled,var(--spectrum-alias-text-color-disabled))!important}.spectrum-Radio_bf46c2 .spectrum-Radio-input_bf46c2.focus-ring_bf46c2:not(:checked)+.spectrum-Radio-button_bf46c2:before,.spectrum-Radio_bf46c2.is-hovered_bf46c2 .spectrum-Radio-input_bf46c2.focus-ring_bf46c2:not(:checked)+.spectrum-Radio-button_bf46c2:before,.spectrum-Radio--quiet_bf46c2 .spectrum-Radio-input_bf46c2.focus-ring_bf46c2:not(:checked)+.spectrum-Radio-button_bf46c2:before,.spectrum-Radio--quiet_bf46c2.is-hovered_bf46c2 .spectrum-Radio-input_bf46c2.focus-ring_bf46c2:not(:checked)+.spectrum-Radio-button_bf46c2:before{border-color:var(--spectrum-radio-circle-border-color-key-focus,var(--spectrum-global-color-gray-700))}.spectrum-Radio_bf46c2 .spectrum-Radio-input_bf46c2.focus-ring_bf46c2+.spectrum-Radio-button_bf46c2:after,.spectrum-Radio_bf46c2.is-hovered_bf46c2 .spectrum-Radio-input_bf46c2.focus-ring_bf46c2+.spectrum-Radio-button_bf46c2:after,.spectrum-Radio--quiet_bf46c2 .spectrum-Radio-input_bf46c2.focus-ring_bf46c2+.spectrum-Radio-button_bf46c2:after,.spectrum-Radio--quiet_bf46c2.is-hovered_bf46c2 .spectrum-Radio-input_bf46c2.focus-ring_bf46c2+.spectrum-Radio-button_bf46c2:after{box-shadow:0 0 0 var(--spectrum-radio-focus-ring-size-key-focus,var(--spectrum-alias-focus-ring-size))var(--spectrum-radio-focus-ring-color-key-focus,var(--spectrum-alias-focus-ring-color))}@media (forced-colors:active){.spectrum-Radio_bf46c2{forced-color-adjust:none;--spectrum-radio-circle-border-color-error-key-focus:ButtonText;--spectrum-radio-circle-border-color-error-selected-key-focus:Highlight;--spectrum-radio-circle-border-color-key-focus:Highlight;--spectrum-radio-emphasized-circle-background-color:ButtonFace;--spectrum-radio-emphasized-circle-border-color-disabled:GrayText;--spectrum-radio-emphasized-circle-border-color-down:Highlight;--spectrum-radio-emphasized-circle-border-color-error:ButtonText;--spectrum-radio-emphasized-circle-border-color-error-down:Highlight;--spectrum-radio-emphasized-circle-border-color-error-hover:Highlight;--spectrum-radio-emphasized-circle-border-color-hover:Highlight;--spectrum-radio-emphasized-circle-border-color-selected-down:Highlight;--spectrum-radio-emphasized-circle-border-color-selected-hover:Highlight;--spectrum-radio-emphasized-circle-border-color-selected-key-focus:Highlight;--spectrum-radio-emphasized-circle-border-color-selected:Highlight;--spectrum-radio-emphasized-circle-border-color:ButtonText;--spectrum-radio-emphasized-text-color-disabled:GrayText;--spectrum-radio-emphasized-text-color-down:CanvasText;--spectrum-radio-emphasized-text-color-hover:CanvasText;--spectrum-radio-emphasized-text-color:CanvasText;--spectrum-radio-focus-ring-color-key-focus:ButtonText;--spectrum-radio-quiet-circle-border-color-selected:Highlight;--spectrum-radio-quiet-circle-border-color-selected-down:Highlight;--spectrum-radio-quiet-circle-border-color-selected-hover:Highlight;--spectrum-radio-quiet-circle-border-color-selected-key-focus:Highlight;--spectrum-radio-focus-ring-gap-key-focus:var(--spectrum-global-dimension-static-size-25,2px);--spectrum-radio-focus-ring-size:var(--spectrum-global-dimension-static-size-40,3px)}.spectrum-Radio_bf46c2.is-invalid_bf46c2.is-hovered_bf46c2 .spectrum-Radio-label_bf46c2,.spectrum-Radio_bf46c2.is-invalid_bf46c2:active .spectrum-Radio-label_bf46c2{color:var(--spectrum-radio-emphasized-circle-border-color-error,var(--spectrum-global-color-red-500))}}.spectrum-FieldGroup_41d350.spectrum-FieldGroup_41d350{width:auto;--spectrum-field-default-width:auto}.spectrum-FieldGroup-group_41d350{flex-direction:column;display:flex}.spectrum-FieldGroup-group--horizontal_41d350{flex-flow:wrap}
1
+ [dir=ltr] .spectrum-Radio_bf46c2{margin-right:calc(var(--spectrum-radio-cursor-hit-x,var(--spectrum-global-dimension-size-100))*2)}[dir=rtl] .spectrum-Radio_bf46c2{margin-left:calc(var(--spectrum-radio-cursor-hit-x,var(--spectrum-global-dimension-size-100))*2)}.spectrum-Radio_bf46c2{min-height:var(--spectrum-radio-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-Radio-input_bf46c2{left:calc(var(--spectrum-radio-cursor-hit-x,var(--spectrum-global-dimension-size-100))*-1)}[dir=rtl] .spectrum-Radio-input_bf46c2{right:calc(var(--spectrum-radio-cursor-hit-x,var(--spectrum-global-dimension-size-100))*-1)}.spectrum-Radio-input_bf46c2{box-sizing:border-box;width:calc(100% + var(--spectrum-radio-cursor-hit-x,var(--spectrum-global-dimension-size-100))*2);height:100%;opacity:.0001;z-index:1;cursor:default;margin:0;padding:0;font-family:inherit;font-size:100%;line-height:1.15;position:absolute;top:0;overflow:visible}.spectrum-Radio-input_bf46c2:disabled{cursor:default}.spectrum-Radio-input_bf46c2:checked+.spectrum-Radio-button_bf46c2:before{border-width:calc(var(--spectrum-radio-circle-diameter,var(--spectrum-global-dimension-size-175))/2 - var(--spectrum-radio-circle-dot-size,var(--spectrum-global-dimension-static-size-50))/2)}.spectrum-Radio-input_bf46c2.focus-ring_bf46c2+.spectrum-Radio-button_bf46c2:after{margin:calc(var(--spectrum-alias-focus-ring-gap,var(--spectrum-global-dimension-static-size-25))*-1)}[dir=ltr] .spectrum-Radio-label_bf46c2{text-align:left}[dir=rtl] .spectrum-Radio-label_bf46c2{text-align:right}[dir=ltr] .spectrum-Radio-label_bf46c2{margin-left:var(--spectrum-radio-text-gap,var(--spectrum-global-dimension-size-125))}[dir=rtl] .spectrum-Radio-label_bf46c2{margin-right:var(--spectrum-radio-text-gap,var(--spectrum-global-dimension-size-125))}.spectrum-Radio-label_bf46c2{margin-top:var(--spectrum-global-dimension-size-65);font-size:var(--spectrum-radio-text-size,var(--spectrum-alias-font-size-default));transition:color var(--spectrum-global-animation-duration-100,.13s)ease-in-out;line-height:1.49}.spectrum-Radio-button_bf46c2{box-sizing:border-box;width:var(--spectrum-radio-circle-diameter,var(--spectrum-global-dimension-size-175));height:var(--spectrum-radio-circle-diameter,var(--spectrum-global-dimension-size-175));margin:calc((var(--spectrum-radio-height,var(--spectrum-global-dimension-size-400)) - var(--spectrum-radio-circle-diameter,var(--spectrum-global-dimension-size-175)))/2)0;flex-grow:0;flex-shrink:0;position:relative}.spectrum-Radio-button_bf46c2:before{z-index:0;content:"";box-sizing:border-box;width:var(--spectrum-radio-circle-diameter,var(--spectrum-global-dimension-size-175));height:var(--spectrum-radio-circle-diameter,var(--spectrum-global-dimension-size-175));border-radius:calc(var(--spectrum-radio-circle-diameter,var(--spectrum-global-dimension-size-175))/2);border-width:var(--spectrum-radio-circle-border-size,var(--spectrum-alias-border-size-thick));transition:border var(--spectrum-global-animation-duration-100,.13s)ease-in-out,box-shadow var(--spectrum-global-animation-duration-100,.13s)ease-in-out;border-style:solid;display:block;position:absolute}.spectrum-Radio-button_bf46c2:after{content:"";margin:var(--spectrum-alias-focus-ring-gap,var(--spectrum-global-dimension-static-size-25));transition:box-shadow var(--spectrum-global-animation-duration-100,.13s)ease-out,margin var(--spectrum-global-animation-duration-100,.13s)ease-out;border-radius:100%;display:block;position:absolute;top:0;bottom:0;left:0;right:0;transform:translate(0)}.spectrum-Radio--labelBelow_bf46c2{height:auto;flex-direction:column;align-items:center;display:inline-flex}.spectrum-Radio--labelBelow_bf46c2 .spectrum-Radio-button_bf46c2{flex-shrink:0;margin:0}.spectrum-Radio--labelBelow_bf46c2 .spectrum-Radio-label_bf46c2{margin:var(--spectrum-global-dimension-size-40)0 0 0}.spectrum-Radio_bf46c2 .spectrum-Radio-input_bf46c2:checked+.spectrum-Radio-button_bf46c2:before{border-color:var(--spectrum-accent-color-900)}.spectrum-Radio-label_bf46c2{color:var(--spectrum-radio-emphasized-text-color,var(--spectrum-alias-text-color))}.spectrum-Radio-button_bf46c2:before{background-color:var(--spectrum-radio-emphasized-circle-background-color,var(--spectrum-global-color-gray-75));border-color:var(--spectrum-alias-toggle-color-default)}.spectrum-Radio_bf46c2.is-hovered_bf46c2 .spectrum-Radio-button_bf46c2:before{border-color:var(--spectrum-alias-toggle-color-hover);box-shadow:none}.spectrum-Radio_bf46c2.is-hovered_bf46c2 .spectrum-Radio-input_bf46c2:checked+.spectrum-Radio-button_bf46c2:before{border-color:var(--spectrum-accent-color-1000)}.spectrum-Radio_bf46c2.is-hovered_bf46c2 .spectrum-Radio-label_bf46c2{color:var(--spectrum-radio-emphasized-text-color-hover,var(--spectrum-alias-text-color-hover))}.spectrum-Radio_bf46c2:active .spectrum-Radio-button_bf46c2:before{border-color:var(--spectrum-radio-emphasized-circle-border-color-down,var(--spectrum-global-color-gray-800))}.spectrum-Radio_bf46c2:active .spectrum-Radio-input_bf46c2:checked+.spectrum-Radio-button_bf46c2:before{border-color:var(--spectrum-accent-color-1100)}.spectrum-Radio_bf46c2:active .spectrum-Radio-label_bf46c2{color:var(--spectrum-radio-emphasized-text-color-down,var(--spectrum-alias-text-color-down))}.spectrum-Radio_bf46c2 .spectrum-Radio-input_bf46c2.focus-ring_bf46c2:checked+.spectrum-Radio-button_bf46c2:before,.spectrum-Radio_bf46c2.is-hovered_bf46c2 .spectrum-Radio-input_bf46c2.focus-ring_bf46c2:checked+.spectrum-Radio-button_bf46c2:before{border-color:var(--spectrum-accent-color-1000)}.spectrum-Radio--quiet_bf46c2 .spectrum-Radio-input_bf46c2:checked+.spectrum-Radio-button_bf46c2:before{border-color:var(--spectrum-alias-toggle-color-selected)}.spectrum-Radio--quiet_bf46c2.is-hovered_bf46c2 .spectrum-Radio-input_bf46c2:checked+.spectrum-Radio-button_bf46c2:before{border-color:var(--spectrum-alias-toggle-color-selected-hover)}.spectrum-Radio--quiet_bf46c2:active .spectrum-Radio-input_bf46c2:checked+.spectrum-Radio-button_bf46c2:before{border-color:var(--spectrum-radio-quiet-circle-border-color-selected-down,var(--spectrum-global-color-gray-900))}.spectrum-Radio--quiet_bf46c2 .spectrum-Radio-input_bf46c2.focus-ring_bf46c2:checked+.spectrum-Radio-button_bf46c2:before,.spectrum-Radio--quiet_bf46c2.is-hovered_bf46c2 .spectrum-Radio-input_bf46c2.focus-ring_bf46c2:checked+.spectrum-Radio-button_bf46c2:before{border-color:var(--spectrum-alias-toggle-color-selected-key-focus)}.spectrum-Radio_bf46c2.is-invalid_bf46c2 .spectrum-Radio-button_bf46c2:before,.spectrum-Radio_bf46c2.is-invalid_bf46c2 .spectrum-Radio-input_bf46c2:checked+.spectrum-Radio-button_bf46c2:before,.spectrum-Radio--quiet_bf46c2.is-invalid_bf46c2 .spectrum-Radio-button_bf46c2:before,.spectrum-Radio--quiet_bf46c2.is-invalid_bf46c2 .spectrum-Radio-input_bf46c2:checked+.spectrum-Radio-button_bf46c2:before{border-color:var(--spectrum-radio-emphasized-circle-border-color-error,var(--spectrum-global-color-red-500))}.spectrum-Radio_bf46c2.is-invalid_bf46c2 .spectrum-Radio-label_bf46c2,.spectrum-Radio--quiet_bf46c2.is-invalid_bf46c2 .spectrum-Radio-label_bf46c2{color:var(--spectrum-radio-emphasized-circle-border-color-error,var(--spectrum-global-color-red-500))}.spectrum-Radio_bf46c2.is-invalid_bf46c2.is-hovered_bf46c2 .spectrum-Radio-input_bf46c2+.spectrum-Radio-button_bf46c2:before,.spectrum-Radio--quiet_bf46c2.is-invalid_bf46c2.is-hovered_bf46c2 .spectrum-Radio-input_bf46c2+.spectrum-Radio-button_bf46c2:before{border-color:var(--spectrum-radio-emphasized-circle-border-color-error-hover,var(--spectrum-global-color-red-600))}.spectrum-Radio_bf46c2.is-invalid_bf46c2.is-hovered_bf46c2 .spectrum-Radio-label_bf46c2,.spectrum-Radio--quiet_bf46c2.is-invalid_bf46c2.is-hovered_bf46c2 .spectrum-Radio-label_bf46c2{color:var(--spectrum-radio-emphasized-circle-border-color-error-hover,var(--spectrum-global-color-red-600))}.spectrum-Radio_bf46c2.is-invalid_bf46c2:active .spectrum-Radio-input_bf46c2+.spectrum-Radio-button_bf46c2:before,.spectrum-Radio--quiet_bf46c2.is-invalid_bf46c2:active .spectrum-Radio-input_bf46c2+.spectrum-Radio-button_bf46c2:before{border-color:var(--spectrum-radio-emphasized-circle-border-color-error-down,var(--spectrum-global-color-red-700))}.spectrum-Radio_bf46c2.is-invalid_bf46c2:active .spectrum-Radio-label_bf46c2,.spectrum-Radio--quiet_bf46c2.is-invalid_bf46c2:active .spectrum-Radio-label_bf46c2{color:var(--spectrum-radio-emphasized-circle-border-color-error-down,var(--spectrum-global-color-red-700))}.spectrum-Radio_bf46c2.is-invalid_bf46c2 .spectrum-Radio-input_bf46c2.focus-ring_bf46c2:not(:checked)+.spectrum-Radio-button_bf46c2:before,.spectrum-Radio_bf46c2.is-invalid_bf46c2.is-hovered_bf46c2 .spectrum-Radio-input_bf46c2.focus-ring_bf46c2:not(:checked)+.spectrum-Radio-button_bf46c2:before,.spectrum-Radio--quiet_bf46c2.is-invalid_bf46c2 .spectrum-Radio-input_bf46c2.focus-ring_bf46c2:not(:checked)+.spectrum-Radio-button_bf46c2:before,.spectrum-Radio--quiet_bf46c2.is-invalid_bf46c2.is-hovered_bf46c2 .spectrum-Radio-input_bf46c2.focus-ring_bf46c2:not(:checked)+.spectrum-Radio-button_bf46c2:before{border-color:var(--spectrum-radio-circle-border-color-error-key-focus,var(--spectrum-global-color-red-600))}.spectrum-Radio_bf46c2.is-invalid_bf46c2 .spectrum-Radio-input_bf46c2.focus-ring_bf46c2:checked+.spectrum-Radio-button_bf46c2:before,.spectrum-Radio_bf46c2.is-invalid_bf46c2.is-hovered_bf46c2 .spectrum-Radio-input_bf46c2.focus-ring_bf46c2:checked+.spectrum-Radio-button_bf46c2:before,.spectrum-Radio--quiet_bf46c2.is-invalid_bf46c2 .spectrum-Radio-input_bf46c2.focus-ring_bf46c2:checked+.spectrum-Radio-button_bf46c2:before,.spectrum-Radio--quiet_bf46c2.is-invalid_bf46c2.is-hovered_bf46c2 .spectrum-Radio-input_bf46c2.focus-ring_bf46c2:checked+.spectrum-Radio-button_bf46c2:before{border-color:var(--spectrum-radio-circle-border-color-error-selected-key-focus,var(--spectrum-global-color-red-600))}.spectrum-Radio-input_bf46c2:disabled+.spectrum-Radio-button_bf46c2:before{border-color:var(--spectrum-radio-emphasized-circle-border-color-disabled,var(--spectrum-global-color-gray-400))!important}.spectrum-Radio-input_bf46c2:disabled~.spectrum-Radio-label_bf46c2{color:var(--spectrum-radio-emphasized-text-color-disabled,var(--spectrum-alias-text-color-disabled))!important}.spectrum-Radio_bf46c2 .spectrum-Radio-input_bf46c2.focus-ring_bf46c2:not(:checked)+.spectrum-Radio-button_bf46c2:before,.spectrum-Radio_bf46c2.is-hovered_bf46c2 .spectrum-Radio-input_bf46c2.focus-ring_bf46c2:not(:checked)+.spectrum-Radio-button_bf46c2:before,.spectrum-Radio--quiet_bf46c2 .spectrum-Radio-input_bf46c2.focus-ring_bf46c2:not(:checked)+.spectrum-Radio-button_bf46c2:before,.spectrum-Radio--quiet_bf46c2.is-hovered_bf46c2 .spectrum-Radio-input_bf46c2.focus-ring_bf46c2:not(:checked)+.spectrum-Radio-button_bf46c2:before{border-color:var(--spectrum-radio-circle-border-color-key-focus,var(--spectrum-global-color-gray-700))}.spectrum-Radio_bf46c2 .spectrum-Radio-input_bf46c2.focus-ring_bf46c2+.spectrum-Radio-button_bf46c2:after,.spectrum-Radio_bf46c2.is-hovered_bf46c2 .spectrum-Radio-input_bf46c2.focus-ring_bf46c2+.spectrum-Radio-button_bf46c2:after,.spectrum-Radio--quiet_bf46c2 .spectrum-Radio-input_bf46c2.focus-ring_bf46c2+.spectrum-Radio-button_bf46c2:after,.spectrum-Radio--quiet_bf46c2.is-hovered_bf46c2 .spectrum-Radio-input_bf46c2.focus-ring_bf46c2+.spectrum-Radio-button_bf46c2:after{box-shadow:0 0 0 var(--spectrum-radio-focus-ring-size-key-focus,var(--spectrum-alias-focus-ring-size))var(--spectrum-radio-focus-ring-color-key-focus,var(--spectrum-alias-focus-ring-color))}@media (forced-colors:active){.spectrum-Radio_bf46c2{forced-color-adjust:none;--spectrum-radio-circle-border-color-error-key-focus:ButtonText;--spectrum-radio-circle-border-color-error-selected-key-focus:Highlight;--spectrum-radio-circle-border-color-key-focus:Highlight;--spectrum-radio-emphasized-circle-background-color:ButtonFace;--spectrum-radio-emphasized-circle-border-color-disabled:GrayText;--spectrum-radio-emphasized-circle-border-color-down:Highlight;--spectrum-radio-emphasized-circle-border-color-error:ButtonText;--spectrum-radio-emphasized-circle-border-color-error-down:Highlight;--spectrum-radio-emphasized-circle-border-color-error-hover:Highlight;--spectrum-radio-emphasized-circle-border-color-hover:Highlight;--spectrum-radio-emphasized-circle-border-color-selected-down:Highlight;--spectrum-radio-emphasized-circle-border-color-selected-hover:Highlight;--spectrum-radio-emphasized-circle-border-color-selected-key-focus:Highlight;--spectrum-radio-emphasized-circle-border-color-selected:Highlight;--spectrum-radio-emphasized-circle-border-color:ButtonText;--spectrum-radio-emphasized-text-color-disabled:GrayText;--spectrum-radio-emphasized-text-color-down:CanvasText;--spectrum-radio-emphasized-text-color-hover:CanvasText;--spectrum-radio-emphasized-text-color:CanvasText;--spectrum-radio-focus-ring-color-key-focus:ButtonText;--spectrum-radio-quiet-circle-border-color-selected:Highlight;--spectrum-radio-quiet-circle-border-color-selected-down:Highlight;--spectrum-radio-quiet-circle-border-color-selected-hover:Highlight;--spectrum-radio-quiet-circle-border-color-selected-key-focus:Highlight;--spectrum-radio-focus-ring-gap-key-focus:var(--spectrum-global-dimension-static-size-25,2px);--spectrum-radio-focus-ring-size:var(--spectrum-global-dimension-static-size-40,3px)}.spectrum-Radio_bf46c2.is-invalid_bf46c2.is-hovered_bf46c2 .spectrum-Radio-label_bf46c2,.spectrum-Radio_bf46c2.is-invalid_bf46c2:active .spectrum-Radio-label_bf46c2{color:var(--spectrum-radio-emphasized-circle-border-color-error,var(--spectrum-global-color-red-500))}}.spectrum-FieldGroup_41d350.spectrum-FieldGroup_41d350{width:auto;--spectrum-field-default-width:auto}.spectrum-FieldGroup-group_41d350{flex-direction:column;display:flex}.spectrum-FieldGroup-group--horizontal_41d350{flex-flow:wrap}
package/dist/main.js CHANGED
@@ -18,7 +18,28 @@ function $parcel$interopDefault(a) {
18
18
 
19
19
  $parcel$export(module.exports, "Radio", () => $e8d5518f9c1aca76$export$d7b12c4107be0d61);
20
20
  $parcel$export(module.exports, "RadioGroup", () => $aa5529d97b69d048$export$a98f0dcb43a68a25);
21
-
21
+ /*
22
+ * Copyright 2020 Adobe. All rights reserved.
23
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
24
+ * you may not use this file except in compliance with the License. You may obtain a copy
25
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
26
+ *
27
+ * Unless required by applicable law or agreed to in writing, software distributed under
28
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
29
+ * OF ANY KIND, either express or implied. See the License for the specific language
30
+ * governing permissions and limitations under the License.
31
+ */ /// <reference types="css-module-types" />
32
+ /*
33
+ * Copyright 2020 Adobe. All rights reserved.
34
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
35
+ * you may not use this file except in compliance with the License. You may obtain a copy
36
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
37
+ *
38
+ * Unless required by applicable law or agreed to in writing, software distributed under
39
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
40
+ * OF ANY KIND, either express or implied. See the License for the specific language
41
+ * governing permissions and limitations under the License.
42
+ */
22
43
 
23
44
 
24
45
  var $a8fbff4889c18df2$exports = {};
@@ -54,60 +75,80 @@ $a8fbff4889c18df2$export$14a30de2866685fa = "is-invalid_bf46c2";
54
75
 
55
76
 
56
77
 
57
-
58
- const $f5a8721b9af05d97$export$b118023277d4a5c3 = ($parcel$interopDefault($ltKMc$react)).createContext(null);
78
+ /*
79
+ * Copyright 2020 Adobe. All rights reserved.
80
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
81
+ * you may not use this file except in compliance with the License. You may obtain a copy
82
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
83
+ *
84
+ * Unless required by applicable law or agreed to in writing, software distributed under
85
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
86
+ * OF ANY KIND, either express or implied. See the License for the specific language
87
+ * governing permissions and limitations under the License.
88
+ */
89
+ const $f5a8721b9af05d97$export$b118023277d4a5c3 = (0, ($parcel$interopDefault($ltKMc$react))).createContext(null);
59
90
  function $f5a8721b9af05d97$export$b054eba74077a826() {
60
- return $ltKMc$react.useContext($f5a8721b9af05d97$export$b118023277d4a5c3);
91
+ return (0, $ltKMc$react.useContext)($f5a8721b9af05d97$export$b118023277d4a5c3);
61
92
  }
62
93
 
63
94
 
64
95
  function $e8d5518f9c1aca76$var$Radio(props, ref) {
65
96
  let { isDisabled: isDisabled , children: children , autoFocus: autoFocus , ...otherProps } = props;
66
- let { styleProps: styleProps } = $ltKMc$reactspectrumutils.useStyleProps(otherProps);
67
- let { hoverProps: hoverProps , isHovered: isHovered } = $ltKMc$reactariainteractions.useHover({
97
+ let { styleProps: styleProps } = (0, $ltKMc$reactspectrumutils.useStyleProps)(otherProps);
98
+ let { hoverProps: hoverProps , isHovered: isHovered } = (0, $ltKMc$reactariainteractions.useHover)({
68
99
  isDisabled: isDisabled
69
100
  });
70
- let inputRef = $ltKMc$react.useRef(null);
71
- let domRef = $ltKMc$reactspectrumutils.useFocusableRef(ref, inputRef);
72
- let radioGroupProps = $f5a8721b9af05d97$export$b054eba74077a826();
101
+ let inputRef = (0, $ltKMc$react.useRef)(null);
102
+ let domRef = (0, $ltKMc$reactspectrumutils.useFocusableRef)(ref, inputRef);
103
+ let radioGroupProps = (0, $f5a8721b9af05d97$export$b054eba74077a826)();
73
104
  let { isEmphasized: isEmphasized , validationState: validationState , state: state } = radioGroupProps;
74
- let { inputProps: inputProps } = $ltKMc$reactariaradio.useRadio({
105
+ let { inputProps: inputProps } = (0, $ltKMc$reactariaradio.useRadio)({
75
106
  ...props,
76
107
  ...radioGroupProps,
77
108
  isDisabled: isDisabled
78
109
  }, state, inputRef);
79
- return(/*#__PURE__*/ ($parcel$interopDefault($ltKMc$react)).createElement("label", {
110
+ return /*#__PURE__*/ (0, ($parcel$interopDefault($ltKMc$react))).createElement("label", {
80
111
  ...styleProps,
81
112
  ...hoverProps,
82
113
  ref: domRef,
83
- className: $ltKMc$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($a8fbff4889c18df2$exports)), 'spectrum-Radio', {
114
+ className: (0, $ltKMc$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($a8fbff4889c18df2$exports))), "spectrum-Radio", {
84
115
  // Removing. Pending design feedback.
85
116
  // 'spectrum-Radio--labelBelow': labelPosition === 'bottom',
86
- 'spectrum-Radio--quiet': !isEmphasized,
87
- 'is-disabled': isDisabled,
88
- 'is-invalid': validationState === 'invalid',
89
- 'is-hovered': isHovered
117
+ "spectrum-Radio--quiet": !isEmphasized,
118
+ "is-disabled": isDisabled,
119
+ "is-invalid": validationState === "invalid",
120
+ "is-hovered": isHovered
90
121
  }, styleProps.className)
91
- }, /*#__PURE__*/ ($parcel$interopDefault($ltKMc$react)).createElement($ltKMc$reactariafocus.FocusRing, {
92
- focusRingClass: $ltKMc$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($a8fbff4889c18df2$exports)), 'focus-ring'),
122
+ }, /*#__PURE__*/ (0, ($parcel$interopDefault($ltKMc$react))).createElement((0, $ltKMc$reactariafocus.FocusRing), {
123
+ focusRingClass: (0, $ltKMc$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($a8fbff4889c18df2$exports))), "focus-ring"),
93
124
  autoFocus: autoFocus
94
- }, /*#__PURE__*/ ($parcel$interopDefault($ltKMc$react)).createElement("input", {
125
+ }, /*#__PURE__*/ (0, ($parcel$interopDefault($ltKMc$react))).createElement("input", {
95
126
  ...inputProps,
96
127
  ref: inputRef,
97
- className: $ltKMc$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($a8fbff4889c18df2$exports)), 'spectrum-Radio-input')
98
- })), /*#__PURE__*/ ($parcel$interopDefault($ltKMc$react)).createElement("span", {
99
- className: $ltKMc$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($a8fbff4889c18df2$exports)), 'spectrum-Radio-button')
100
- }), children && /*#__PURE__*/ ($parcel$interopDefault($ltKMc$react)).createElement("span", {
101
- className: $ltKMc$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($a8fbff4889c18df2$exports)), 'spectrum-Radio-label')
102
- }, children)));
128
+ className: (0, $ltKMc$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($a8fbff4889c18df2$exports))), "spectrum-Radio-input")
129
+ })), /*#__PURE__*/ (0, ($parcel$interopDefault($ltKMc$react))).createElement("span", {
130
+ className: (0, $ltKMc$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($a8fbff4889c18df2$exports))), "spectrum-Radio-button")
131
+ }), children && /*#__PURE__*/ (0, ($parcel$interopDefault($ltKMc$react))).createElement("span", {
132
+ className: (0, $ltKMc$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($a8fbff4889c18df2$exports))), "spectrum-Radio-label")
133
+ }, children));
103
134
  }
104
135
  /**
105
136
  * Radio buttons allow users to select a single option from a list of mutually exclusive options.
106
137
  * All possible options are exposed up front for users to compare.
107
- */ const $e8d5518f9c1aca76$export$d7b12c4107be0d61 = /*#__PURE__*/ $ltKMc$react.forwardRef($e8d5518f9c1aca76$var$Radio);
108
-
138
+ */ const $e8d5518f9c1aca76$export$d7b12c4107be0d61 = /*#__PURE__*/ (0, $ltKMc$react.forwardRef)($e8d5518f9c1aca76$var$Radio);
109
139
 
110
140
 
141
+ /*
142
+ * Copyright 2020 Adobe. All rights reserved.
143
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
144
+ * you may not use this file except in compliance with the License. You may obtain a copy
145
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
146
+ *
147
+ * Unless required by applicable law or agreed to in writing, software distributed under
148
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
149
+ * OF ANY KIND, either express or implied. See the License for the specific language
150
+ * governing permissions and limitations under the License.
151
+ */
111
152
 
112
153
 
113
154
 
@@ -129,37 +170,37 @@ $53124a3a0fd56fca$export$1ad8646bcba21c0e = "spectrum-FieldGroup-group--horizont
129
170
 
130
171
 
131
172
  function $aa5529d97b69d048$var$RadioGroup(props, ref) {
132
- props = $ltKMc$reactspectrumprovider.useProviderProps(props);
133
- props = $ltKMc$reactspectrumform.useFormProps(props);
134
- let { isEmphasized: isEmphasized , validationState: validationState , children: children , orientation: orientation = 'vertical' } = props;
135
- let domRef = $ltKMc$reactspectrumutils.useDOMRef(ref);
136
- let state = $ltKMc$reactstatelyradio.useRadioGroupState(props);
137
- let { radioGroupProps: radioGroupProps , labelProps: labelProps , descriptionProps: descriptionProps , errorMessageProps: errorMessageProps } = $ltKMc$reactariaradio.useRadioGroup(props, state);
138
- return(/*#__PURE__*/ ($parcel$interopDefault($ltKMc$react)).createElement($ltKMc$reactspectrumlabel.Field, {
173
+ props = (0, $ltKMc$reactspectrumprovider.useProviderProps)(props);
174
+ props = (0, $ltKMc$reactspectrumform.useFormProps)(props);
175
+ let { isEmphasized: isEmphasized , validationState: validationState , children: children , orientation: orientation = "vertical" } = props;
176
+ let domRef = (0, $ltKMc$reactspectrumutils.useDOMRef)(ref);
177
+ let state = (0, $ltKMc$reactstatelyradio.useRadioGroupState)(props);
178
+ let { radioGroupProps: radioGroupProps , labelProps: labelProps , descriptionProps: descriptionProps , errorMessageProps: errorMessageProps } = (0, $ltKMc$reactariaradio.useRadioGroup)(props, state);
179
+ return /*#__PURE__*/ (0, ($parcel$interopDefault($ltKMc$react))).createElement((0, $ltKMc$reactspectrumlabel.Field), {
139
180
  ...props,
140
181
  ref: domRef,
141
- wrapperClassName: $ltKMc$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($53124a3a0fd56fca$exports)), 'spectrum-FieldGroup'),
182
+ wrapperClassName: (0, $ltKMc$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($53124a3a0fd56fca$exports))), "spectrum-FieldGroup"),
142
183
  labelProps: labelProps,
143
184
  descriptionProps: descriptionProps,
144
185
  errorMessageProps: errorMessageProps,
145
186
  elementType: "span"
146
- }, /*#__PURE__*/ ($parcel$interopDefault($ltKMc$react)).createElement("div", {
187
+ }, /*#__PURE__*/ (0, ($parcel$interopDefault($ltKMc$react))).createElement("div", {
147
188
  ...radioGroupProps,
148
- className: $ltKMc$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($53124a3a0fd56fca$exports)), 'spectrum-FieldGroup-group', {
149
- 'spectrum-FieldGroup-group--horizontal': orientation === 'horizontal'
189
+ className: (0, $ltKMc$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($53124a3a0fd56fca$exports))), "spectrum-FieldGroup-group", {
190
+ "spectrum-FieldGroup-group--horizontal": orientation === "horizontal"
150
191
  })
151
- }, /*#__PURE__*/ ($parcel$interopDefault($ltKMc$react)).createElement($f5a8721b9af05d97$export$b118023277d4a5c3.Provider, {
192
+ }, /*#__PURE__*/ (0, ($parcel$interopDefault($ltKMc$react))).createElement((0, $f5a8721b9af05d97$export$b118023277d4a5c3).Provider, {
152
193
  value: {
153
194
  isEmphasized: isEmphasized,
154
195
  validationState: validationState,
155
196
  state: state
156
197
  }
157
- }, children))));
198
+ }, children)));
158
199
  }
159
200
  /**
160
201
  * Radio groups allow users to select a single option from a list of mutually exclusive options.
161
202
  * All possible options are exposed up front for users to compare.
162
- */ const $aa5529d97b69d048$export$a98f0dcb43a68a25 = /*#__PURE__*/ ($parcel$interopDefault($ltKMc$react)).forwardRef($aa5529d97b69d048$var$RadioGroup);
203
+ */ const $aa5529d97b69d048$export$a98f0dcb43a68a25 = /*#__PURE__*/ (0, ($parcel$interopDefault($ltKMc$react))).forwardRef($aa5529d97b69d048$var$RadioGroup);
163
204
 
164
205
 
165
206
 
package/dist/main.js.map CHANGED
@@ -1 +1 @@
1
- {"mappings":"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","sources":["packages/@react-spectrum/radio/src/index.ts","packages/@react-spectrum/radio/src/Radio.tsx","packages/@adobe/spectrum-css-temp/components/radio/vars.css","packages/@react-spectrum/radio/src/context.ts","packages/@react-spectrum/radio/src/RadioGroup.tsx","packages/@adobe/spectrum-css-temp/components/fieldgroup/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 {Radio} from './Radio';\nexport {RadioGroup} from './RadioGroup';\nexport type {SpectrumRadioProps} from '@react-types/radio';\nexport type {SpectrumRadioGroupProps} from '@react-types/radio';\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 {SpectrumRadioProps} from '@react-types/radio';\nimport styles from '@adobe/spectrum-css-temp/components/radio/vars.css';\nimport {useHover} from '@react-aria/interactions';\nimport {useRadio} from '@react-aria/radio';\nimport {useRadioProvider} from './context';\n\nfunction Radio(props: SpectrumRadioProps, ref: FocusableRef<HTMLLabelElement>) {\n let {\n isDisabled,\n children,\n autoFocus,\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\n let radioGroupProps = useRadioProvider();\n let {\n isEmphasized,\n validationState,\n state\n } = radioGroupProps;\n\n let {inputProps} = useRadio({\n ...props,\n ...radioGroupProps,\n isDisabled\n }, state, inputRef);\n\n return (\n <label\n {...styleProps}\n {...hoverProps}\n ref={domRef}\n className={\n classNames(\n styles,\n 'spectrum-Radio',\n {\n // Removing. Pending design feedback.\n // 'spectrum-Radio--labelBelow': labelPosition === 'bottom',\n 'spectrum-Radio--quiet': !isEmphasized,\n 'is-disabled': isDisabled,\n 'is-invalid': validationState === 'invalid',\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-Radio-input')} />\n </FocusRing>\n <span className={classNames(styles, 'spectrum-Radio-button')} />\n {children && (\n <span className={classNames(styles, 'spectrum-Radio-label')}>\n {children}\n </span>\n )}\n </label>\n );\n}\n\n/**\n * Radio buttons allow users to select a single option from a list of mutually exclusive options.\n * All possible options are exposed up front for users to compare.\n */\nconst _Radio = forwardRef(Radio);\nexport {_Radio as Radio};\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 {RadioGroupState} from '@react-stately/radio';\nimport React, {useContext} from 'react';\n\ninterface RadioGroupContext {\n isEmphasized?: boolean,\n name?: string,\n validationState?: 'valid' | 'invalid',\n state: RadioGroupState\n}\n\nexport const RadioContext = React.createContext<RadioGroupContext | null>(null);\n\nexport function useRadioProvider(): RadioGroupContext {\n return useContext(RadioContext);\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\nimport {classNames, useDOMRef} from '@react-spectrum/utils';\nimport {DOMRef} from '@react-types/shared';\nimport {Field} from '@react-spectrum/label';\nimport {RadioContext} from './context';\nimport React from 'react';\nimport {SpectrumRadioGroupProps} from '@react-types/radio';\nimport styles from '@adobe/spectrum-css-temp/components/fieldgroup/vars.css';\nimport {useFormProps} from '@react-spectrum/form';\nimport {useProviderProps} from '@react-spectrum/provider';\nimport {useRadioGroup} from '@react-aria/radio';\nimport {useRadioGroupState} from '@react-stately/radio';\n\nfunction RadioGroup(props: SpectrumRadioGroupProps, ref: DOMRef<HTMLElement>) {\n props = useProviderProps(props);\n props = useFormProps(props);\n let {\n isEmphasized,\n validationState,\n children,\n orientation = 'vertical'\n } = props;\n\n let domRef = useDOMRef(ref);\n let state = useRadioGroupState(props);\n let {radioGroupProps, labelProps, descriptionProps, errorMessageProps} = useRadioGroup(props, state);\n\n return (\n <Field\n {...props}\n ref={domRef}\n wrapperClassName={classNames(styles, 'spectrum-FieldGroup')}\n labelProps={labelProps}\n descriptionProps={descriptionProps}\n errorMessageProps={errorMessageProps}\n elementType=\"span\">\n <div\n {...radioGroupProps}\n className={\n classNames(\n styles,\n 'spectrum-FieldGroup-group',\n {\n 'spectrum-FieldGroup-group--horizontal': orientation === 'horizontal'\n }\n )\n }>\n <RadioContext.Provider\n value={{\n isEmphasized,\n validationState,\n state\n }}>\n {children}\n </RadioContext.Provider>\n </div>\n </Field>\n );\n}\n\n/**\n * Radio groups allow users to select a single option from a list of mutually exclusive options.\n * All possible options are exposed up front for users to compare.\n */\nconst _RadioGroup = React.forwardRef(RadioGroup);\nexport {_RadioGroup as RadioGroup};\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"],"names":[],"version":3,"file":"main.js.map"}
1
+ {"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC,GAED,0CAA0C;ACZ1C;;;;;;;;;;CAUC,GAED;;;;;;;;;;;;;;ACZA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AARA,4CAAmC;AACnC,4CAAyC;AACzC,4CAA0C;AAC1C,4CAA+B;AAC/B,4CAAyC;AACzC,4CAA+C;AAC/C,4CAA+B;AAC/B,4CAA0C;AAC1C,4CAA+B;;;;;ACR/B;;;;;;;;;;CAUC,GAED;AAUO,MAAM,4CAAe,CAAA,GAAA,sCAAK,AAAD,EAAE,aAAa,CAA2B,IAAI;AAEvE,SAAS,4CAAsC;IACpD,OAAO,CAAA,GAAA,uBAAS,EAAE;AACpB;;;AFJA,SAAS,4BAAM,KAAyB,EAAE,GAAmC,EAAE;IAC7E,IAAI,cACF,WAAU,YACV,SAAQ,aACR,UAAS,EACT,GAAG,YACJ,GAAG;IACJ,IAAI,cAAC,WAAU,EAAC,GAAG,CAAA,GAAA,uCAAa,AAAD,EAAE;IACjC,IAAI,cAAC,WAAU,aAAE,UAAS,EAAC,GAAG,CAAA,GAAA,qCAAQ,AAAD,EAAE;oBAAC;IAAU;IAElD,IAAI,WAAW,CAAA,GAAA,mBAAK,EAAoB,IAAI;IAC5C,IAAI,SAAS,CAAA,GAAA,yCAAc,EAAE,KAAK;IAElC,IAAI,kBAAkB,CAAA,GAAA,yCAAgB,AAAD;IACrC,IAAI,gBACF,aAAY,mBACZ,gBAAe,SACf,MAAK,EACN,GAAG;IAEJ,IAAI,cAAC,WAAU,EAAC,GAAG,CAAA,GAAA,8BAAQ,AAAD,EAAE;QAC1B,GAAG,KAAK;QACR,GAAG,eAAe;oBAClB;IACF,GAAG,OAAO;IAEV,qBACE,0DAAC;QACE,GAAG,UAAU;QACb,GAAG,UAAU;QACd,KAAK;QACL,WACE,CAAA,GAAA,oCAAS,EACP,CAAA,GAAA,yDAAM,OAAD,GACL,kBACA;YACE,qCAAqC;YACrC,4DAA4D;YAC5D,yBAAyB,CAAC;YAC1B,eAAe;YACf,cAAc,oBAAoB;YAClC,cAAc;QAChB,GACA,WAAW,SAAS;qBAGxB,0DAAC,CAAA,GAAA,+BAAQ;QAAE,gBAAgB,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,gEAAM,AAAD,GAAG;QAAe,WAAW;qBACtE,0DAAC;QACE,GAAG,UAAU;QACd,KAAK;QACL,WAAW,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,gEAAM,AAAD,GAAG;uBAElC,0DAAC;QAAK,WAAW,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,gEAAM,AAAD,GAAG;QACnC,0BACC,0DAAC;QAAK,WAAW,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,gEAAM,AAAD,GAAG;OACjC;AAKX;AAEA;;;CAGC,GACD,MAAM,0DAAS,CAAA,GAAA,uBAAS,EAAE;;AD1E1B;AIdA;;;;;;;;;;CAUC,GAED;;;;;;;;;ACZA,IAAA;AACA,IAAA;AACA,IAAA;AAFA,4CAAwC;AACxC,4CAA8C;AAC9C,4CAA0D;;;;;;;ADsB1D,SAAS,iCAAW,KAA8B,EAAE,GAAwB,EAAE;IAC5E,QAAQ,CAAA,GAAA,6CAAe,EAAE;IACzB,QAAQ,CAAA,GAAA,qCAAW,EAAE;IACrB,IAAI,gBACF,aAAY,mBACZ,gBAAe,YACf,SAAQ,eACR,cAAc,aACf,GAAG;IAEJ,IAAI,SAAS,CAAA,GAAA,mCAAQ,EAAE;IACvB,IAAI,QAAQ,CAAA,GAAA,2CAAiB,EAAE;IAC/B,IAAI,mBAAC,gBAAe,cAAE,WAAU,oBAAE,iBAAgB,qBAAE,kBAAiB,EAAC,GAAG,CAAA,GAAA,mCAAa,AAAD,EAAE,OAAO;IAE9F,qBACE,0DAAC,CAAA,GAAA,+BAAK,AAAD;QACF,GAAG,KAAK;QACT,KAAK;QACL,kBAAkB,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,gEAAM,AAAD,GAAG;QACrC,YAAY;QACZ,kBAAkB;QAClB,mBAAmB;QACnB,aAAY;qBACZ,0DAAC;QACE,GAAG,eAAe;QACnB,WACE,CAAA,GAAA,oCAAS,EACP,CAAA,GAAA,yDAAM,OAAD,GACL,6BACA;YACE,yCAAyC,gBAAgB;QAC3D;qBAGJ,0DAAC,CAAA,GAAA,yCAAY,AAAD,EAAE,QAAQ;QACpB,OAAO;0BACL;6BACA;mBACA;QACF;OACC;AAKX;AAEA;;;CAGC,GACD,MAAM,0DAAc,CAAA,GAAA,sCAAI,EAAE,UAAU,CAAC;","sources":["packages/@react-spectrum/radio/src/index.ts","packages/@react-spectrum/radio/src/Radio.tsx","packages/@adobe/spectrum-css-temp/components/radio/vars.css","packages/@react-spectrum/radio/src/context.ts","packages/@react-spectrum/radio/src/RadioGroup.tsx","packages/@adobe/spectrum-css-temp/components/fieldgroup/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 {Radio} from './Radio';\nexport {RadioGroup} from './RadioGroup';\nexport type {SpectrumRadioProps} from '@react-types/radio';\nexport type {SpectrumRadioGroupProps} from '@react-types/radio';\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 {SpectrumRadioProps} from '@react-types/radio';\nimport styles from '@adobe/spectrum-css-temp/components/radio/vars.css';\nimport {useHover} from '@react-aria/interactions';\nimport {useRadio} from '@react-aria/radio';\nimport {useRadioProvider} from './context';\n\nfunction Radio(props: SpectrumRadioProps, ref: FocusableRef<HTMLLabelElement>) {\n let {\n isDisabled,\n children,\n autoFocus,\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\n let radioGroupProps = useRadioProvider();\n let {\n isEmphasized,\n validationState,\n state\n } = radioGroupProps;\n\n let {inputProps} = useRadio({\n ...props,\n ...radioGroupProps,\n isDisabled\n }, state, inputRef);\n\n return (\n <label\n {...styleProps}\n {...hoverProps}\n ref={domRef}\n className={\n classNames(\n styles,\n 'spectrum-Radio',\n {\n // Removing. Pending design feedback.\n // 'spectrum-Radio--labelBelow': labelPosition === 'bottom',\n 'spectrum-Radio--quiet': !isEmphasized,\n 'is-disabled': isDisabled,\n 'is-invalid': validationState === 'invalid',\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-Radio-input')} />\n </FocusRing>\n <span className={classNames(styles, 'spectrum-Radio-button')} />\n {children && (\n <span className={classNames(styles, 'spectrum-Radio-label')}>\n {children}\n </span>\n )}\n </label>\n );\n}\n\n/**\n * Radio buttons allow users to select a single option from a list of mutually exclusive options.\n * All possible options are exposed up front for users to compare.\n */\nconst _Radio = forwardRef(Radio);\nexport {_Radio as Radio};\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 {RadioGroupState} from '@react-stately/radio';\nimport React, {useContext} from 'react';\n\ninterface RadioGroupContext {\n isEmphasized?: boolean,\n name?: string,\n validationState?: 'valid' | 'invalid',\n state: RadioGroupState\n}\n\nexport const RadioContext = React.createContext<RadioGroupContext | null>(null);\n\nexport function useRadioProvider(): RadioGroupContext {\n return useContext(RadioContext);\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\nimport {classNames, useDOMRef} from '@react-spectrum/utils';\nimport {DOMRef} from '@react-types/shared';\nimport {Field} from '@react-spectrum/label';\nimport {RadioContext} from './context';\nimport React from 'react';\nimport {SpectrumRadioGroupProps} from '@react-types/radio';\nimport styles from '@adobe/spectrum-css-temp/components/fieldgroup/vars.css';\nimport {useFormProps} from '@react-spectrum/form';\nimport {useProviderProps} from '@react-spectrum/provider';\nimport {useRadioGroup} from '@react-aria/radio';\nimport {useRadioGroupState} from '@react-stately/radio';\n\nfunction RadioGroup(props: SpectrumRadioGroupProps, ref: DOMRef<HTMLElement>) {\n props = useProviderProps(props);\n props = useFormProps(props);\n let {\n isEmphasized,\n validationState,\n children,\n orientation = 'vertical'\n } = props;\n\n let domRef = useDOMRef(ref);\n let state = useRadioGroupState(props);\n let {radioGroupProps, labelProps, descriptionProps, errorMessageProps} = useRadioGroup(props, state);\n\n return (\n <Field\n {...props}\n ref={domRef}\n wrapperClassName={classNames(styles, 'spectrum-FieldGroup')}\n labelProps={labelProps}\n descriptionProps={descriptionProps}\n errorMessageProps={errorMessageProps}\n elementType=\"span\">\n <div\n {...radioGroupProps}\n className={\n classNames(\n styles,\n 'spectrum-FieldGroup-group',\n {\n 'spectrum-FieldGroup-group--horizontal': orientation === 'horizontal'\n }\n )\n }>\n <RadioContext.Provider\n value={{\n isEmphasized,\n validationState,\n state\n }}>\n {children}\n </RadioContext.Provider>\n </div>\n </Field>\n );\n}\n\n/**\n * Radio groups allow users to select a single option from a list of mutually exclusive options.\n * All possible options are exposed up front for users to compare.\n */\nconst _RadioGroup = React.forwardRef(RadioGroup);\nexport {_RadioGroup as RadioGroup};\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"],"names":[],"version":3,"file":"main.js.map"}
package/dist/module.js CHANGED
@@ -15,7 +15,28 @@ function $parcel$interopDefault(a) {
15
15
  function $parcel$export(e, n, v, s) {
16
16
  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
17
17
  }
18
-
18
+ /*
19
+ * Copyright 2020 Adobe. All rights reserved.
20
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
21
+ * you may not use this file except in compliance with the License. You may obtain a copy
22
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
23
+ *
24
+ * Unless required by applicable law or agreed to in writing, software distributed under
25
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
26
+ * OF ANY KIND, either express or implied. See the License for the specific language
27
+ * governing permissions and limitations under the License.
28
+ */ /// <reference types="css-module-types" />
29
+ /*
30
+ * Copyright 2020 Adobe. All rights reserved.
31
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
32
+ * you may not use this file except in compliance with the License. You may obtain a copy
33
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
34
+ *
35
+ * Unless required by applicable law or agreed to in writing, software distributed under
36
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
37
+ * OF ANY KIND, either express or implied. See the License for the specific language
38
+ * governing permissions and limitations under the License.
39
+ */
19
40
 
20
41
 
21
42
  var $d1246d70e6c52742$exports = {};
@@ -51,60 +72,80 @@ $d1246d70e6c52742$export$14a30de2866685fa = "is-invalid_bf46c2";
51
72
 
52
73
 
53
74
 
54
-
55
- const $f394bff9e10389a0$export$b118023277d4a5c3 = $4hD9r$react.createContext(null);
75
+ /*
76
+ * Copyright 2020 Adobe. All rights reserved.
77
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
78
+ * you may not use this file except in compliance with the License. You may obtain a copy
79
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
80
+ *
81
+ * Unless required by applicable law or agreed to in writing, software distributed under
82
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
83
+ * OF ANY KIND, either express or implied. See the License for the specific language
84
+ * governing permissions and limitations under the License.
85
+ */
86
+ const $f394bff9e10389a0$export$b118023277d4a5c3 = (0, $4hD9r$react).createContext(null);
56
87
  function $f394bff9e10389a0$export$b054eba74077a826() {
57
- return $4hD9r$useContext($f394bff9e10389a0$export$b118023277d4a5c3);
88
+ return (0, $4hD9r$useContext)($f394bff9e10389a0$export$b118023277d4a5c3);
58
89
  }
59
90
 
60
91
 
61
92
  function $337c5cb580c4e6ba$var$Radio(props, ref) {
62
93
  let { isDisabled: isDisabled , children: children , autoFocus: autoFocus , ...otherProps } = props;
63
- let { styleProps: styleProps } = $4hD9r$useStyleProps(otherProps);
64
- let { hoverProps: hoverProps , isHovered: isHovered } = $4hD9r$useHover({
94
+ let { styleProps: styleProps } = (0, $4hD9r$useStyleProps)(otherProps);
95
+ let { hoverProps: hoverProps , isHovered: isHovered } = (0, $4hD9r$useHover)({
65
96
  isDisabled: isDisabled
66
97
  });
67
- let inputRef = $4hD9r$useRef(null);
68
- let domRef = $4hD9r$useFocusableRef(ref, inputRef);
69
- let radioGroupProps = $f394bff9e10389a0$export$b054eba74077a826();
98
+ let inputRef = (0, $4hD9r$useRef)(null);
99
+ let domRef = (0, $4hD9r$useFocusableRef)(ref, inputRef);
100
+ let radioGroupProps = (0, $f394bff9e10389a0$export$b054eba74077a826)();
70
101
  let { isEmphasized: isEmphasized , validationState: validationState , state: state } = radioGroupProps;
71
- let { inputProps: inputProps } = $4hD9r$useRadio({
102
+ let { inputProps: inputProps } = (0, $4hD9r$useRadio)({
72
103
  ...props,
73
104
  ...radioGroupProps,
74
105
  isDisabled: isDisabled
75
106
  }, state, inputRef);
76
- return(/*#__PURE__*/ $4hD9r$react.createElement("label", {
107
+ return /*#__PURE__*/ (0, $4hD9r$react).createElement("label", {
77
108
  ...styleProps,
78
109
  ...hoverProps,
79
110
  ref: domRef,
80
- className: $4hD9r$classNames((/*@__PURE__*/$parcel$interopDefault($d1246d70e6c52742$exports)), 'spectrum-Radio', {
111
+ className: (0, $4hD9r$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($d1246d70e6c52742$exports))), "spectrum-Radio", {
81
112
  // Removing. Pending design feedback.
82
113
  // 'spectrum-Radio--labelBelow': labelPosition === 'bottom',
83
- 'spectrum-Radio--quiet': !isEmphasized,
84
- 'is-disabled': isDisabled,
85
- 'is-invalid': validationState === 'invalid',
86
- 'is-hovered': isHovered
114
+ "spectrum-Radio--quiet": !isEmphasized,
115
+ "is-disabled": isDisabled,
116
+ "is-invalid": validationState === "invalid",
117
+ "is-hovered": isHovered
87
118
  }, styleProps.className)
88
- }, /*#__PURE__*/ $4hD9r$react.createElement($4hD9r$FocusRing, {
89
- focusRingClass: $4hD9r$classNames((/*@__PURE__*/$parcel$interopDefault($d1246d70e6c52742$exports)), 'focus-ring'),
119
+ }, /*#__PURE__*/ (0, $4hD9r$react).createElement((0, $4hD9r$FocusRing), {
120
+ focusRingClass: (0, $4hD9r$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($d1246d70e6c52742$exports))), "focus-ring"),
90
121
  autoFocus: autoFocus
91
- }, /*#__PURE__*/ $4hD9r$react.createElement("input", {
122
+ }, /*#__PURE__*/ (0, $4hD9r$react).createElement("input", {
92
123
  ...inputProps,
93
124
  ref: inputRef,
94
- className: $4hD9r$classNames((/*@__PURE__*/$parcel$interopDefault($d1246d70e6c52742$exports)), 'spectrum-Radio-input')
95
- })), /*#__PURE__*/ $4hD9r$react.createElement("span", {
96
- className: $4hD9r$classNames((/*@__PURE__*/$parcel$interopDefault($d1246d70e6c52742$exports)), 'spectrum-Radio-button')
97
- }), children && /*#__PURE__*/ $4hD9r$react.createElement("span", {
98
- className: $4hD9r$classNames((/*@__PURE__*/$parcel$interopDefault($d1246d70e6c52742$exports)), 'spectrum-Radio-label')
99
- }, children)));
125
+ className: (0, $4hD9r$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($d1246d70e6c52742$exports))), "spectrum-Radio-input")
126
+ })), /*#__PURE__*/ (0, $4hD9r$react).createElement("span", {
127
+ className: (0, $4hD9r$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($d1246d70e6c52742$exports))), "spectrum-Radio-button")
128
+ }), children && /*#__PURE__*/ (0, $4hD9r$react).createElement("span", {
129
+ className: (0, $4hD9r$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($d1246d70e6c52742$exports))), "spectrum-Radio-label")
130
+ }, children));
100
131
  }
101
132
  /**
102
133
  * Radio buttons allow users to select a single option from a list of mutually exclusive options.
103
134
  * All possible options are exposed up front for users to compare.
104
- */ const $337c5cb580c4e6ba$export$d7b12c4107be0d61 = /*#__PURE__*/ $4hD9r$forwardRef($337c5cb580c4e6ba$var$Radio);
105
-
135
+ */ const $337c5cb580c4e6ba$export$d7b12c4107be0d61 = /*#__PURE__*/ (0, $4hD9r$forwardRef)($337c5cb580c4e6ba$var$Radio);
106
136
 
107
137
 
138
+ /*
139
+ * Copyright 2020 Adobe. All rights reserved.
140
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
141
+ * you may not use this file except in compliance with the License. You may obtain a copy
142
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
143
+ *
144
+ * Unless required by applicable law or agreed to in writing, software distributed under
145
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
146
+ * OF ANY KIND, either express or implied. See the License for the specific language
147
+ * governing permissions and limitations under the License.
148
+ */
108
149
 
109
150
 
110
151
 
@@ -126,37 +167,37 @@ $4cb2b26710154c56$export$1ad8646bcba21c0e = "spectrum-FieldGroup-group--horizont
126
167
 
127
168
 
128
169
  function $ac9b96486fc4badf$var$RadioGroup(props, ref) {
129
- props = $4hD9r$useProviderProps(props);
130
- props = $4hD9r$useFormProps(props);
131
- let { isEmphasized: isEmphasized , validationState: validationState , children: children , orientation: orientation = 'vertical' } = props;
132
- let domRef = $4hD9r$useDOMRef(ref);
133
- let state = $4hD9r$useRadioGroupState(props);
134
- let { radioGroupProps: radioGroupProps , labelProps: labelProps , descriptionProps: descriptionProps , errorMessageProps: errorMessageProps } = $4hD9r$useRadioGroup(props, state);
135
- return(/*#__PURE__*/ $4hD9r$react.createElement($4hD9r$Field, {
170
+ props = (0, $4hD9r$useProviderProps)(props);
171
+ props = (0, $4hD9r$useFormProps)(props);
172
+ let { isEmphasized: isEmphasized , validationState: validationState , children: children , orientation: orientation = "vertical" } = props;
173
+ let domRef = (0, $4hD9r$useDOMRef)(ref);
174
+ let state = (0, $4hD9r$useRadioGroupState)(props);
175
+ let { radioGroupProps: radioGroupProps , labelProps: labelProps , descriptionProps: descriptionProps , errorMessageProps: errorMessageProps } = (0, $4hD9r$useRadioGroup)(props, state);
176
+ return /*#__PURE__*/ (0, $4hD9r$react).createElement((0, $4hD9r$Field), {
136
177
  ...props,
137
178
  ref: domRef,
138
- wrapperClassName: $4hD9r$classNames((/*@__PURE__*/$parcel$interopDefault($4cb2b26710154c56$exports)), 'spectrum-FieldGroup'),
179
+ wrapperClassName: (0, $4hD9r$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($4cb2b26710154c56$exports))), "spectrum-FieldGroup"),
139
180
  labelProps: labelProps,
140
181
  descriptionProps: descriptionProps,
141
182
  errorMessageProps: errorMessageProps,
142
183
  elementType: "span"
143
- }, /*#__PURE__*/ $4hD9r$react.createElement("div", {
184
+ }, /*#__PURE__*/ (0, $4hD9r$react).createElement("div", {
144
185
  ...radioGroupProps,
145
- className: $4hD9r$classNames((/*@__PURE__*/$parcel$interopDefault($4cb2b26710154c56$exports)), 'spectrum-FieldGroup-group', {
146
- 'spectrum-FieldGroup-group--horizontal': orientation === 'horizontal'
186
+ className: (0, $4hD9r$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($4cb2b26710154c56$exports))), "spectrum-FieldGroup-group", {
187
+ "spectrum-FieldGroup-group--horizontal": orientation === "horizontal"
147
188
  })
148
- }, /*#__PURE__*/ $4hD9r$react.createElement($f394bff9e10389a0$export$b118023277d4a5c3.Provider, {
189
+ }, /*#__PURE__*/ (0, $4hD9r$react).createElement((0, $f394bff9e10389a0$export$b118023277d4a5c3).Provider, {
149
190
  value: {
150
191
  isEmphasized: isEmphasized,
151
192
  validationState: validationState,
152
193
  state: state
153
194
  }
154
- }, children))));
195
+ }, children)));
155
196
  }
156
197
  /**
157
198
  * Radio groups allow users to select a single option from a list of mutually exclusive options.
158
199
  * All possible options are exposed up front for users to compare.
159
- */ const $ac9b96486fc4badf$export$a98f0dcb43a68a25 = /*#__PURE__*/ $4hD9r$react.forwardRef($ac9b96486fc4badf$var$RadioGroup);
200
+ */ const $ac9b96486fc4badf$export$a98f0dcb43a68a25 = /*#__PURE__*/ (0, $4hD9r$react).forwardRef($ac9b96486fc4badf$var$RadioGroup);
160
201
 
161
202
 
162
203
 
package/dist/module.js.map CHANGED
@@ -1 +1 @@
1
- {"mappings":"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","sources":["packages/@react-spectrum/radio/src/index.ts","packages/@react-spectrum/radio/src/Radio.tsx","packages/@adobe/spectrum-css-temp/components/radio/vars.css","packages/@react-spectrum/radio/src/context.ts","packages/@react-spectrum/radio/src/RadioGroup.tsx","packages/@adobe/spectrum-css-temp/components/fieldgroup/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 {Radio} from './Radio';\nexport {RadioGroup} from './RadioGroup';\nexport type {SpectrumRadioProps} from '@react-types/radio';\nexport type {SpectrumRadioGroupProps} from '@react-types/radio';\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 {SpectrumRadioProps} from '@react-types/radio';\nimport styles from '@adobe/spectrum-css-temp/components/radio/vars.css';\nimport {useHover} from '@react-aria/interactions';\nimport {useRadio} from '@react-aria/radio';\nimport {useRadioProvider} from './context';\n\nfunction Radio(props: SpectrumRadioProps, ref: FocusableRef<HTMLLabelElement>) {\n let {\n isDisabled,\n children,\n autoFocus,\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\n let radioGroupProps = useRadioProvider();\n let {\n isEmphasized,\n validationState,\n state\n } = radioGroupProps;\n\n let {inputProps} = useRadio({\n ...props,\n ...radioGroupProps,\n isDisabled\n }, state, inputRef);\n\n return (\n <label\n {...styleProps}\n {...hoverProps}\n ref={domRef}\n className={\n classNames(\n styles,\n 'spectrum-Radio',\n {\n // Removing. Pending design feedback.\n // 'spectrum-Radio--labelBelow': labelPosition === 'bottom',\n 'spectrum-Radio--quiet': !isEmphasized,\n 'is-disabled': isDisabled,\n 'is-invalid': validationState === 'invalid',\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-Radio-input')} />\n </FocusRing>\n <span className={classNames(styles, 'spectrum-Radio-button')} />\n {children && (\n <span className={classNames(styles, 'spectrum-Radio-label')}>\n {children}\n </span>\n )}\n </label>\n );\n}\n\n/**\n * Radio buttons allow users to select a single option from a list of mutually exclusive options.\n * All possible options are exposed up front for users to compare.\n */\nconst _Radio = forwardRef(Radio);\nexport {_Radio as Radio};\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 {RadioGroupState} from '@react-stately/radio';\nimport React, {useContext} from 'react';\n\ninterface RadioGroupContext {\n isEmphasized?: boolean,\n name?: string,\n validationState?: 'valid' | 'invalid',\n state: RadioGroupState\n}\n\nexport const RadioContext = React.createContext<RadioGroupContext | null>(null);\n\nexport function useRadioProvider(): RadioGroupContext {\n return useContext(RadioContext);\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\nimport {classNames, useDOMRef} from '@react-spectrum/utils';\nimport {DOMRef} from '@react-types/shared';\nimport {Field} from '@react-spectrum/label';\nimport {RadioContext} from './context';\nimport React from 'react';\nimport {SpectrumRadioGroupProps} from '@react-types/radio';\nimport styles from '@adobe/spectrum-css-temp/components/fieldgroup/vars.css';\nimport {useFormProps} from '@react-spectrum/form';\nimport {useProviderProps} from '@react-spectrum/provider';\nimport {useRadioGroup} from '@react-aria/radio';\nimport {useRadioGroupState} from '@react-stately/radio';\n\nfunction RadioGroup(props: SpectrumRadioGroupProps, ref: DOMRef<HTMLElement>) {\n props = useProviderProps(props);\n props = useFormProps(props);\n let {\n isEmphasized,\n validationState,\n children,\n orientation = 'vertical'\n } = props;\n\n let domRef = useDOMRef(ref);\n let state = useRadioGroupState(props);\n let {radioGroupProps, labelProps, descriptionProps, errorMessageProps} = useRadioGroup(props, state);\n\n return (\n <Field\n {...props}\n ref={domRef}\n wrapperClassName={classNames(styles, 'spectrum-FieldGroup')}\n labelProps={labelProps}\n descriptionProps={descriptionProps}\n errorMessageProps={errorMessageProps}\n elementType=\"span\">\n <div\n {...radioGroupProps}\n className={\n classNames(\n styles,\n 'spectrum-FieldGroup-group',\n {\n 'spectrum-FieldGroup-group--horizontal': orientation === 'horizontal'\n }\n )\n }>\n <RadioContext.Provider\n value={{\n isEmphasized,\n validationState,\n state\n }}>\n {children}\n </RadioContext.Provider>\n </div>\n </Field>\n );\n}\n\n/**\n * Radio groups allow users to select a single option from a list of mutually exclusive options.\n * All possible options are exposed up front for users to compare.\n */\nconst _RadioGroup = React.forwardRef(RadioGroup);\nexport {_RadioGroup as RadioGroup};\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"],"names":[],"version":3,"file":"module.js.map"}
1
+ {"mappings":"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","sources":["packages/@react-spectrum/radio/src/index.ts","packages/@react-spectrum/radio/src/Radio.tsx","packages/@adobe/spectrum-css-temp/components/radio/vars.css","packages/@react-spectrum/radio/src/context.ts","packages/@react-spectrum/radio/src/RadioGroup.tsx","packages/@adobe/spectrum-css-temp/components/fieldgroup/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 {Radio} from './Radio';\nexport {RadioGroup} from './RadioGroup';\nexport type {SpectrumRadioProps} from '@react-types/radio';\nexport type {SpectrumRadioGroupProps} from '@react-types/radio';\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 {SpectrumRadioProps} from '@react-types/radio';\nimport styles from '@adobe/spectrum-css-temp/components/radio/vars.css';\nimport {useHover} from '@react-aria/interactions';\nimport {useRadio} from '@react-aria/radio';\nimport {useRadioProvider} from './context';\n\nfunction Radio(props: SpectrumRadioProps, ref: FocusableRef<HTMLLabelElement>) {\n let {\n isDisabled,\n children,\n autoFocus,\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\n let radioGroupProps = useRadioProvider();\n let {\n isEmphasized,\n validationState,\n state\n } = radioGroupProps;\n\n let {inputProps} = useRadio({\n ...props,\n ...radioGroupProps,\n isDisabled\n }, state, inputRef);\n\n return (\n <label\n {...styleProps}\n {...hoverProps}\n ref={domRef}\n className={\n classNames(\n styles,\n 'spectrum-Radio',\n {\n // Removing. Pending design feedback.\n // 'spectrum-Radio--labelBelow': labelPosition === 'bottom',\n 'spectrum-Radio--quiet': !isEmphasized,\n 'is-disabled': isDisabled,\n 'is-invalid': validationState === 'invalid',\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-Radio-input')} />\n </FocusRing>\n <span className={classNames(styles, 'spectrum-Radio-button')} />\n {children && (\n <span className={classNames(styles, 'spectrum-Radio-label')}>\n {children}\n </span>\n )}\n </label>\n );\n}\n\n/**\n * Radio buttons allow users to select a single option from a list of mutually exclusive options.\n * All possible options are exposed up front for users to compare.\n */\nconst _Radio = forwardRef(Radio);\nexport {_Radio as Radio};\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 {RadioGroupState} from '@react-stately/radio';\nimport React, {useContext} from 'react';\n\ninterface RadioGroupContext {\n isEmphasized?: boolean,\n name?: string,\n validationState?: 'valid' | 'invalid',\n state: RadioGroupState\n}\n\nexport const RadioContext = React.createContext<RadioGroupContext | null>(null);\n\nexport function useRadioProvider(): RadioGroupContext {\n return useContext(RadioContext);\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\nimport {classNames, useDOMRef} from '@react-spectrum/utils';\nimport {DOMRef} from '@react-types/shared';\nimport {Field} from '@react-spectrum/label';\nimport {RadioContext} from './context';\nimport React from 'react';\nimport {SpectrumRadioGroupProps} from '@react-types/radio';\nimport styles from '@adobe/spectrum-css-temp/components/fieldgroup/vars.css';\nimport {useFormProps} from '@react-spectrum/form';\nimport {useProviderProps} from '@react-spectrum/provider';\nimport {useRadioGroup} from '@react-aria/radio';\nimport {useRadioGroupState} from '@react-stately/radio';\n\nfunction RadioGroup(props: SpectrumRadioGroupProps, ref: DOMRef<HTMLElement>) {\n props = useProviderProps(props);\n props = useFormProps(props);\n let {\n isEmphasized,\n validationState,\n children,\n orientation = 'vertical'\n } = props;\n\n let domRef = useDOMRef(ref);\n let state = useRadioGroupState(props);\n let {radioGroupProps, labelProps, descriptionProps, errorMessageProps} = useRadioGroup(props, state);\n\n return (\n <Field\n {...props}\n ref={domRef}\n wrapperClassName={classNames(styles, 'spectrum-FieldGroup')}\n labelProps={labelProps}\n descriptionProps={descriptionProps}\n errorMessageProps={errorMessageProps}\n elementType=\"span\">\n <div\n {...radioGroupProps}\n className={\n classNames(\n styles,\n 'spectrum-FieldGroup-group',\n {\n 'spectrum-FieldGroup-group--horizontal': orientation === 'horizontal'\n }\n )\n }>\n <RadioContext.Provider\n value={{\n isEmphasized,\n validationState,\n state\n }}>\n {children}\n </RadioContext.Provider>\n </div>\n </Field>\n );\n}\n\n/**\n * Radio groups allow users to select a single option from a list of mutually exclusive options.\n * All possible options are exposed up front for users to compare.\n */\nconst _RadioGroup = React.forwardRef(RadioGroup);\nexport {_RadioGroup as RadioGroup};\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"],"names":[],"version":3,"file":"module.js.map"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@react-spectrum/radio",
3
- "version": "3.4.0",
3
+ "version": "3.4.2",
4
4
  "description": "Spectrum UI components in React",
5
5
  "license": "Apache-2.0",
6
6
  "main": "dist/main.js",
@@ -31,16 +31,16 @@
31
31
  "url": "https://github.com/adobe/react-spectrum"
32
32
  },
33
33
  "dependencies": {
34
- "@babel/runtime": "^7.6.2",
35
- "@react-aria/focus": "^3.9.0",
36
- "@react-aria/interactions": "^3.12.0",
37
- "@react-aria/radio": "^3.4.0",
38
- "@react-spectrum/form": "^3.5.0",
39
- "@react-spectrum/label": "^3.8.0",
40
- "@react-spectrum/utils": "^3.7.4",
41
- "@react-stately/radio": "^3.6.0",
42
- "@react-types/radio": "^3.3.0",
43
- "@react-types/shared": "^3.15.0"
34
+ "@react-aria/focus": "^3.10.1",
35
+ "@react-aria/interactions": "^3.13.1",
36
+ "@react-aria/radio": "^3.4.2",
37
+ "@react-spectrum/form": "^3.5.2",
38
+ "@react-spectrum/label": "^3.10.0",
39
+ "@react-spectrum/utils": "^3.8.1",
40
+ "@react-stately/radio": "^3.6.2",
41
+ "@react-types/radio": "^3.3.1",
42
+ "@react-types/shared": "^3.16.0",
43
+ "@swc/helpers": "^0.4.14"
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": "9202ef59e8c104dd06ffe33148445ef7932a5d1b"
55
+ "gitHead": "5480d76bd815e239366f92852c76b6831ad2a4fd"
56
56
  }