@react-spectrum/radio 3.0.0-nightly.1394 → 3.0.0-nightly.1409
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/main.css +1 -1
- package/dist/main.js +155 -155
- package/dist/main.js.map +1 -1
- package/dist/module.js +154 -154
- package/dist/module.js.map +1 -1
- 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{-ms-flex-align:start;align-items:flex-start;display:-ms-inline-flexbox;display:inline-flex;isolation:isolate;max-width:100%;min-height:var(--spectrum-radio-height,var(--spectrum-global-dimension-size-400));position:relative;vertical-align:top}[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;cursor:default;font-family:inherit;font-size:100%;height:100%;line-height:1.15;margin:0;opacity:.0001;overflow:visible;padding:0;position:absolute;top:0;width:calc(100% + var(--spectrum-radio-cursor-hit-x, var(--spectrum-global-dimension-size-100)) * 2);z-index:1}._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{font-size:var(--spectrum-radio-text-size,var(--spectrum-alias-font-size-default));line-height:1.49;margin-top:var(--spectrum-global-dimension-size-65);transition:color var(--spectrum-global-animation-duration-100,.13s) ease-in-out}._spectrum-Radio-button_bf46c2{-ms-flex-positive:0;-ms-flex-negative:0;flex-grow:0;flex-shrink:0;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;position:relative}._spectrum-Radio-button_bf46c2,._spectrum-Radio-button_bf46c2:before{box-sizing:border-box;height:var(--spectrum-radio-circle-diameter,var(--spectrum-global-dimension-size-175));width:var(--spectrum-radio-circle-diameter,var(--spectrum-global-dimension-size-175))}._spectrum-Radio-button_bf46c2:before{border-radius:calc(var(--spectrum-radio-circle-diameter, var(--spectrum-global-dimension-size-175)) / 2);border-style:solid;border-width:var(--spectrum-radio-circle-border-size,var(--spectrum-alias-border-size-thick));content:"";display:block;position:absolute;transition:border var(--spectrum-global-animation-duration-100,.13s) ease-in-out,box-shadow var(--spectrum-global-animation-duration-100,.13s) ease-in-out;z-index:0}._spectrum-Radio-button_bf46c2:after{border-radius:100%;bottom:0;content:"";display:block;left:0;margin:var(--spectrum-alias-focus-ring-gap,var(--spectrum-global-dimension-static-size-25));position:absolute;right:0;top:0;transform:translateX(0);transition:box-shadow var(--spectrum-global-animation-duration-100,.13s) ease-out,margin var(--spectrum-global-animation-duration-100,.13s) ease-out}._spectrum-Radio--labelBelow_bf46c2{-ms-flex-align:center;align-items:center;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:column;flex-direction:column;height:auto}._spectrum-Radio--labelBelow_bf46c2 ._spectrum-Radio-button_bf46c2{-ms-flex-negative:0;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--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,._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{border-color:var(--spectrum-radio-emphasized-circle-border-color-error,var(--spectrum-global-color-red-500))}._spectrum-Radio--quiet_bf46c2._is-invalid_bf46c2 ._spectrum-Radio-label_bf46c2,._spectrum-Radio_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--quiet_bf46c2._is-invalid_bf46c2._is-hovered_bf46c2 ._spectrum-Radio-input_bf46c2+._spectrum-Radio-button_bf46c2:before,._spectrum-Radio_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--quiet_bf46c2._is-invalid_bf46c2._is-hovered_bf46c2 ._spectrum-Radio-label_bf46c2,._spectrum-Radio_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--quiet_bf46c2._is-invalid_bf46c2:active ._spectrum-Radio-input_bf46c2+._spectrum-Radio-button_bf46c2:before,._spectrum-Radio_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--quiet_bf46c2._is-invalid_bf46c2:active ._spectrum-Radio-label_bf46c2,._spectrum-Radio_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--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,._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{border-color:var(--spectrum-radio-circle-border-color-error-key-focus,var(--spectrum-global-color-red-600))}._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,._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{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--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,._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{border-color:var(--spectrum-radio-circle-border-color-key-focus,var(--spectrum-global-color-gray-700))}._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,._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{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))}[dir=ltr] ._spectrum-FieldLabel_d2db1f{text-align:left}[dir=rtl] ._spectrum-FieldLabel_d2db1f{text-align:right}._spectrum-FieldLabel_d2db1f{-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:auto;font-smoothing:subpixel-antialiased;box-sizing:border-box;cursor:default;display:-ms-flexbox;display:flex;-ms-flex:0 0 auto;flex:0 0 auto;font-size:var(--spectrum-fieldlabel-text-size,var(--spectrum-global-dimension-font-size-75));font-weight:var(--spectrum-fieldlabel-text-font-weight,var(--spectrum-global-font-weight-regular));line-height:var(--spectrum-fieldlabel-text-line-height,var(--spectrum-global-font-line-height-small));padding:var(--spectrum-fieldlabel-padding-top,var(--spectrum-global-dimension-size-50)) 0 var(--spectrum-fieldlabel-padding-bottom,var(--spectrum-global-dimension-size-65));vertical-align:top}[dir=ltr] ._spectrum-FieldLabel--positionSide_d2db1f{padding-right:var(--spectrum-fieldlabel-side-padding-x,var(--spectrum-global-dimension-size-100))}[dir=rtl] ._spectrum-FieldLabel--positionSide_d2db1f{padding-left:var(--spectrum-fieldlabel-side-padding-x,var(--spectrum-global-dimension-size-100))}._spectrum-FieldLabel--positionSide_d2db1f{display:-ms-inline-flexbox;display:inline-flex;padding-top:var(--spectrum-fieldlabel-side-padding-top,var(--spectrum-global-dimension-size-100))}[dir=ltr] ._spectrum-FieldLabel-requiredIcon_d2db1f{margin-right:0}[dir=rtl] ._spectrum-FieldLabel-requiredIcon_d2db1f{margin-left:0}[dir=ltr] ._spectrum-FieldLabel-requiredIcon_d2db1f{margin-left:var(--spectrum-fieldlabel-asterisk-gap,var(--spectrum-global-dimension-size-25))}[dir=rtl] ._spectrum-FieldLabel-requiredIcon_d2db1f{margin-right:var(--spectrum-fieldlabel-asterisk-gap,var(--spectrum-global-dimension-size-25))}._spectrum-FieldLabel-requiredIcon_d2db1f{margin-bottom:0;margin-top:var(--spectrum-fieldlabel-asterisk-margin-y,var(--spectrum-global-dimension-size-50))}[dir=ltr] ._spectrum-FieldLabel--alignEnd_d2db1f{text-align:right}[dir=rtl] ._spectrum-FieldLabel--alignEnd_d2db1f{text-align:left}._spectrum-FieldLabel--alignEnd_d2db1f{-ms-flex-pack:end;justify-content:flex-end}._spectrum-Field_d2db1f{--spectrum-field-default-width:var(--spectrum-alias-single-line-width,var(--spectrum-global-dimension-size-2400))}._spectrum-Field_d2db1f._spectrum-Field--positionTop_d2db1f{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:column;flex-direction:column;width:var(--spectrum-field-default-width)}._spectrum-Field_d2db1f._spectrum-Field--positionTop_d2db1f ._spectrum-Field-field_d2db1f{width:100%}._spectrum-Field_d2db1f._spectrum-Field--positionTop_d2db1f ._spectrum-Field-field--multiline_d2db1f{-ms-flex:1 1 auto;flex:1 1 auto}._spectrum-Field_d2db1f._spectrum-Field--positionSide_d2db1f{-ms-flex-align:start;align-items:flex-start;display:-ms-inline-flexbox;display:inline-flex}._spectrum-Field_d2db1f._spectrum-Field--positionSide_d2db1f ._spectrum-Field-wrapper_d2db1f{-ms-flex:1;flex:1;min-width:0;width:var(--spectrum-field-default-width)}._spectrum-Field_d2db1f._spectrum-Field--positionSide_d2db1f ._spectrum-Field-wrapper_d2db1f ._spectrum-Field-field_d2db1f{width:100%}._spectrum-Field_d2db1f._spectrum-Field--positionSide_d2db1f ._spectrum-Field-field_d2db1f{-ms-flex:1;flex:1;min-width:0}._spectrum-Field_d2db1f._spectrum-Field--positionSide_d2db1f ._spectrum-Field-field--multiline_d2db1f{height:100%}[dir=ltr] ._spectrum-Form_d2db1f._spectrum-Form--positionSide_d2db1f{text-align:left}[dir=rtl] ._spectrum-Form_d2db1f._spectrum-Form--positionSide_d2db1f{text-align:right}._spectrum-Form_d2db1f._spectrum-Form--positionSide_d2db1f{border-collapse:initial;border-spacing:0 var(--spectrum-global-dimension-size-300);display:table;margin:calc(var(--spectrum-global-dimension-size-250) * -1) 0}._spectrum-Form_d2db1f._spectrum-Form--positionSide_d2db1f ._spectrum-Field_d2db1f{display:table-row;width:100%}._spectrum-Form_d2db1f._spectrum-Form--positionSide_d2db1f ._spectrum-FieldLabel_d2db1f{display:table-cell}._spectrum-Form_d2db1f._spectrum-Form--positionSide_d2db1f ._spectrum-Field-wrapper_d2db1f{width:100%}._spectrum-Form_d2db1f._spectrum-Form--positionSide_d2db1f ._spectrum-Field-field_d2db1f{display:table-cell;min-width:var(--spectrum-alias-single-line-width,var(--spectrum-global-dimension-size-2400));width:auto}._spectrum-Form_d2db1f._spectrum-Form--positionTop_d2db1f{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;margin:0;min-width:var(--spectrum-alias-single-line-width,var(--spectrum-global-dimension-size-2400))}._spectrum-Form_d2db1f._spectrum-Form--positionTop_d2db1f>*{margin-top:var(--spectrum-global-dimension-size-100);width:100%}._spectrum-FieldLabel_d2db1f,._spectrum-Form-itemLabel_d2db1f{color:var(--spectrum-fieldlabel-text-color,var(--spectrum-alias-label-text-color))}._spectrum-FieldLabel_d2db1f._is-disabled_d2db1f,._spectrum-Form-itemLabel_d2db1f._is-disabled_d2db1f{color:var(--spectrum-fieldlabel-text-color-disabled,var(--spectrum-alias-text-color-disabled))}._spectrum-FieldLabel_d2db1f._is-disabled_d2db1f ._spectrum-FieldLabel-requiredIcon_d2db1f,._spectrum-Form-itemLabel_d2db1f._is-disabled_d2db1f ._spectrum-FieldLabel-requiredIcon_d2db1f{color:var(--spectrum-fieldlabel-asterisk-color-disabled,var(--spectrum-alias-text-color-disabled))}._spectrum-FieldLabel-requiredIcon_d2db1f{color:var(--spectrum-fieldlabel-asterisk-color,var(--spectrum-global-color-gray-600))}._spectrum-FieldGroup_41d350{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}._spectrum-FieldGroup--positionSide_41d350{-ms-flex-direction:row;flex-direction:row}._spectrum-FieldGroup-group_41d350{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}._spectrum-FieldGroup-group--horizontal_41d350{-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap: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,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;inset: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))}[dir=ltr] .spectrum-FieldLabel_d2db1f{text-align:left}[dir=rtl] .spectrum-FieldLabel_d2db1f{text-align:right}.spectrum-FieldLabel_d2db1f{box-sizing:border-box;padding:var(--spectrum-fieldlabel-padding-top,var(--spectrum-global-dimension-size-50))0 var(--spectrum-fieldlabel-padding-bottom,var(--spectrum-global-dimension-size-65));font-size:var(--spectrum-fieldlabel-text-size,var(--spectrum-global-dimension-font-size-75));font-weight:var(--spectrum-fieldlabel-text-font-weight,var(--spectrum-global-font-weight-regular));line-height:var(--spectrum-fieldlabel-text-line-height,var(--spectrum-global-font-line-height-small));vertical-align:top;-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:auto;font-smoothing:subpixel-antialiased;cursor:default;flex:none;display:flex}[dir=ltr] .spectrum-FieldLabel--positionSide_d2db1f{padding-right:var(--spectrum-fieldlabel-side-padding-x,var(--spectrum-global-dimension-size-100))}[dir=rtl] .spectrum-FieldLabel--positionSide_d2db1f{padding-left:var(--spectrum-fieldlabel-side-padding-x,var(--spectrum-global-dimension-size-100))}.spectrum-FieldLabel--positionSide_d2db1f{padding-top:var(--spectrum-fieldlabel-side-padding-top,var(--spectrum-global-dimension-size-100));display:inline-flex}[dir=ltr] .spectrum-FieldLabel-requiredIcon_d2db1f{margin-right:0}[dir=rtl] .spectrum-FieldLabel-requiredIcon_d2db1f{margin-left:0}[dir=ltr] .spectrum-FieldLabel-requiredIcon_d2db1f{margin-left:var(--spectrum-fieldlabel-asterisk-gap,var(--spectrum-global-dimension-size-25))}[dir=rtl] .spectrum-FieldLabel-requiredIcon_d2db1f{margin-right:var(--spectrum-fieldlabel-asterisk-gap,var(--spectrum-global-dimension-size-25))}.spectrum-FieldLabel-requiredIcon_d2db1f{margin-top:var(--spectrum-fieldlabel-asterisk-margin-y,var(--spectrum-global-dimension-size-50));margin-bottom:0}[dir=ltr] .spectrum-FieldLabel--alignEnd_d2db1f{text-align:right}[dir=rtl] .spectrum-FieldLabel--alignEnd_d2db1f{text-align:left}.spectrum-FieldLabel--alignEnd_d2db1f{justify-content:flex-end}.spectrum-Field_d2db1f{--spectrum-field-default-width:var(--spectrum-alias-single-line-width,var(--spectrum-global-dimension-size-2400))}.spectrum-Field_d2db1f.spectrum-Field--positionTop_d2db1f{width:var(--spectrum-field-default-width);flex-direction:column;display:inline-flex}.spectrum-Field_d2db1f.spectrum-Field--positionTop_d2db1f .spectrum-Field-field_d2db1f{width:100%}.spectrum-Field_d2db1f.spectrum-Field--positionTop_d2db1f .spectrum-Field-field--multiline_d2db1f{flex:auto}.spectrum-Field_d2db1f.spectrum-Field--positionSide_d2db1f{align-items:flex-start;display:inline-flex}.spectrum-Field_d2db1f.spectrum-Field--positionSide_d2db1f .spectrum-Field-wrapper_d2db1f{min-width:0;width:var(--spectrum-field-default-width);flex:1}.spectrum-Field_d2db1f.spectrum-Field--positionSide_d2db1f .spectrum-Field-wrapper_d2db1f .spectrum-Field-field_d2db1f{width:100%}.spectrum-Field_d2db1f.spectrum-Field--positionSide_d2db1f .spectrum-Field-field_d2db1f{min-width:0;flex:1}.spectrum-Field_d2db1f.spectrum-Field--positionSide_d2db1f .spectrum-Field-field--multiline_d2db1f{height:100%}[dir=ltr] .spectrum-Form_d2db1f.spectrum-Form--positionSide_d2db1f{text-align:left}[dir=rtl] .spectrum-Form_d2db1f.spectrum-Form--positionSide_d2db1f{text-align:right}.spectrum-Form_d2db1f.spectrum-Form--positionSide_d2db1f{border-collapse:separate;border-spacing:0 var(--spectrum-global-dimension-size-300);margin:calc(var(--spectrum-global-dimension-size-250)*-1)0;display:table}.spectrum-Form_d2db1f.spectrum-Form--positionSide_d2db1f .spectrum-Field_d2db1f{width:100%;display:table-row}.spectrum-Form_d2db1f.spectrum-Form--positionSide_d2db1f .spectrum-FieldLabel_d2db1f{display:table-cell}.spectrum-Form_d2db1f.spectrum-Form--positionSide_d2db1f .spectrum-Field-wrapper_d2db1f{width:100%}.spectrum-Form_d2db1f.spectrum-Form--positionSide_d2db1f .spectrum-Field-field_d2db1f{width:auto;min-width:var(--spectrum-alias-single-line-width,var(--spectrum-global-dimension-size-2400));display:table-cell}.spectrum-Form_d2db1f.spectrum-Form--positionTop_d2db1f{min-width:var(--spectrum-alias-single-line-width,var(--spectrum-global-dimension-size-2400));flex-direction:column;margin:0;display:flex}.spectrum-Form_d2db1f.spectrum-Form--positionTop_d2db1f>*{margin-top:var(--spectrum-global-dimension-size-100);width:100%}.spectrum-FieldLabel_d2db1f,.spectrum-Form-itemLabel_d2db1f{color:var(--spectrum-fieldlabel-text-color,var(--spectrum-alias-label-text-color))}.spectrum-FieldLabel_d2db1f.is-disabled_d2db1f,.spectrum-Form-itemLabel_d2db1f.is-disabled_d2db1f{color:var(--spectrum-fieldlabel-text-color-disabled,var(--spectrum-alias-text-color-disabled))}.spectrum-FieldLabel_d2db1f.is-disabled_d2db1f .spectrum-FieldLabel-requiredIcon_d2db1f,.spectrum-Form-itemLabel_d2db1f.is-disabled_d2db1f .spectrum-FieldLabel-requiredIcon_d2db1f{color:var(--spectrum-fieldlabel-asterisk-color-disabled,var(--spectrum-alias-text-color-disabled))}.spectrum-FieldLabel-requiredIcon_d2db1f{color:var(--spectrum-fieldlabel-asterisk-color,var(--spectrum-global-color-gray-600))}.spectrum-FieldGroup_41d350{flex-direction:column;display:flex}.spectrum-FieldGroup--positionSide_41d350{flex-direction:row}.spectrum-FieldGroup-group_41d350{flex-direction:column;display:flex}.spectrum-FieldGroup-group--horizontal_41d350{flex-flow:wrap}
|
package/dist/main.js
CHANGED
@@ -1,13 +1,13 @@
|
|
1
1
|
require("./main.css");
|
2
|
-
var $
|
3
|
-
var $
|
4
|
-
var $
|
5
|
-
var $
|
6
|
-
var $
|
7
|
-
var $
|
8
|
-
var $
|
9
|
-
var $
|
10
|
-
var $
|
2
|
+
var $fWhn4$reactspectrumutils = require("@react-spectrum/utils");
|
3
|
+
var $fWhn4$reactariafocus = require("@react-aria/focus");
|
4
|
+
var $fWhn4$react = require("react");
|
5
|
+
var $fWhn4$reactariainteractions = require("@react-aria/interactions");
|
6
|
+
var $fWhn4$reactariaradio = require("@react-aria/radio");
|
7
|
+
var $fWhn4$reactspectrumlabel = require("@react-spectrum/label");
|
8
|
+
var $fWhn4$reactspectrumform = require("@react-spectrum/form");
|
9
|
+
var $fWhn4$reactspectrumprovider = require("@react-spectrum/provider");
|
10
|
+
var $fWhn4$reactstatelyradio = require("@react-stately/radio");
|
11
11
|
|
12
12
|
function $parcel$exportWildcard(dest, source) {
|
13
13
|
Object.keys(source).forEach(function(key) {
|
@@ -31,72 +31,72 @@ function $parcel$interopDefault(a) {
|
|
31
31
|
function $parcel$export(e, n, v, s) {
|
32
32
|
Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
|
33
33
|
}
|
34
|
-
var $
|
34
|
+
var $ac6e3b95a804b84d$exports = {};
|
35
35
|
|
36
|
-
$parcel$export($
|
36
|
+
$parcel$export($ac6e3b95a804b84d$exports, "Radio", () => $ac6e3b95a804b84d$export$d7b12c4107be0d61);
|
37
37
|
|
38
38
|
|
39
39
|
|
40
|
-
var $
|
40
|
+
var $98c02e379c04a64b$exports = {};
|
41
41
|
|
42
|
-
$parcel$export($
|
43
|
-
$parcel$export($
|
44
|
-
$parcel$export($
|
45
|
-
$parcel$export($
|
46
|
-
$parcel$export($
|
47
|
-
$parcel$export($
|
48
|
-
$parcel$export($
|
49
|
-
$parcel$export($
|
50
|
-
$parcel$export($
|
51
|
-
var $
|
52
|
-
var $
|
53
|
-
var $
|
54
|
-
var $
|
55
|
-
var $
|
56
|
-
var $
|
57
|
-
var $
|
58
|
-
var $
|
59
|
-
var $
|
60
|
-
$
|
61
|
-
$
|
62
|
-
$
|
63
|
-
$
|
64
|
-
$
|
65
|
-
$
|
66
|
-
$
|
67
|
-
$
|
68
|
-
$
|
42
|
+
$parcel$export($98c02e379c04a64b$exports, "spectrum-Radio", () => $98c02e379c04a64b$export$26ebd4dbfef068c5, (v) => $98c02e379c04a64b$export$26ebd4dbfef068c5 = v);
|
43
|
+
$parcel$export($98c02e379c04a64b$exports, "spectrum-Radio-input", () => $98c02e379c04a64b$export$c0ce6f9a6a2de1cc, (v) => $98c02e379c04a64b$export$c0ce6f9a6a2de1cc = v);
|
44
|
+
$parcel$export($98c02e379c04a64b$exports, "spectrum-Radio-button", () => $98c02e379c04a64b$export$bf9d5e902c33bf05, (v) => $98c02e379c04a64b$export$bf9d5e902c33bf05 = v);
|
45
|
+
$parcel$export($98c02e379c04a64b$exports, "focus-ring", () => $98c02e379c04a64b$export$f39a09f249340e2a, (v) => $98c02e379c04a64b$export$f39a09f249340e2a = v);
|
46
|
+
$parcel$export($98c02e379c04a64b$exports, "spectrum-Radio-label", () => $98c02e379c04a64b$export$b0f8395a9667922d, (v) => $98c02e379c04a64b$export$b0f8395a9667922d = v);
|
47
|
+
$parcel$export($98c02e379c04a64b$exports, "spectrum-Radio--labelBelow", () => $98c02e379c04a64b$export$9443e7082698950d, (v) => $98c02e379c04a64b$export$9443e7082698950d = v);
|
48
|
+
$parcel$export($98c02e379c04a64b$exports, "is-hovered", () => $98c02e379c04a64b$export$b8813cd5d7824ce7, (v) => $98c02e379c04a64b$export$b8813cd5d7824ce7 = v);
|
49
|
+
$parcel$export($98c02e379c04a64b$exports, "spectrum-Radio--quiet", () => $98c02e379c04a64b$export$6db66b55a897f36d, (v) => $98c02e379c04a64b$export$6db66b55a897f36d = v);
|
50
|
+
$parcel$export($98c02e379c04a64b$exports, "is-invalid", () => $98c02e379c04a64b$export$14a30de2866685fa, (v) => $98c02e379c04a64b$export$14a30de2866685fa = v);
|
51
|
+
var $98c02e379c04a64b$export$26ebd4dbfef068c5;
|
52
|
+
var $98c02e379c04a64b$export$c0ce6f9a6a2de1cc;
|
53
|
+
var $98c02e379c04a64b$export$bf9d5e902c33bf05;
|
54
|
+
var $98c02e379c04a64b$export$f39a09f249340e2a;
|
55
|
+
var $98c02e379c04a64b$export$b0f8395a9667922d;
|
56
|
+
var $98c02e379c04a64b$export$9443e7082698950d;
|
57
|
+
var $98c02e379c04a64b$export$b8813cd5d7824ce7;
|
58
|
+
var $98c02e379c04a64b$export$6db66b55a897f36d;
|
59
|
+
var $98c02e379c04a64b$export$14a30de2866685fa;
|
60
|
+
$98c02e379c04a64b$export$26ebd4dbfef068c5 = "spectrum-Radio_bf46c2";
|
61
|
+
$98c02e379c04a64b$export$c0ce6f9a6a2de1cc = "spectrum-Radio-input_bf46c2";
|
62
|
+
$98c02e379c04a64b$export$bf9d5e902c33bf05 = "spectrum-Radio-button_bf46c2";
|
63
|
+
$98c02e379c04a64b$export$f39a09f249340e2a = "focus-ring_bf46c2";
|
64
|
+
$98c02e379c04a64b$export$b0f8395a9667922d = "spectrum-Radio-label_bf46c2";
|
65
|
+
$98c02e379c04a64b$export$9443e7082698950d = "spectrum-Radio--labelBelow_bf46c2";
|
66
|
+
$98c02e379c04a64b$export$b8813cd5d7824ce7 = "is-hovered_bf46c2";
|
67
|
+
$98c02e379c04a64b$export$6db66b55a897f36d = "spectrum-Radio--quiet_bf46c2";
|
68
|
+
$98c02e379c04a64b$export$14a30de2866685fa = "is-invalid_bf46c2";
|
69
69
|
|
70
70
|
|
71
71
|
|
72
72
|
|
73
73
|
|
74
|
-
const $
|
75
|
-
function $
|
76
|
-
return $
|
74
|
+
const $7a9c779fbcac37de$export$b118023277d4a5c3 = ($parcel$interopDefault($fWhn4$react)).createContext(null);
|
75
|
+
function $7a9c779fbcac37de$export$b054eba74077a826() {
|
76
|
+
return $fWhn4$react.useContext($7a9c779fbcac37de$export$b118023277d4a5c3);
|
77
77
|
}
|
78
78
|
|
79
79
|
|
80
|
-
function $
|
80
|
+
function $ac6e3b95a804b84d$var$Radio(props, ref) {
|
81
81
|
let { isDisabled: isDisabled , children: children , autoFocus: autoFocus , ...otherProps } = props;
|
82
|
-
let { styleProps: styleProps } = $
|
83
|
-
let { hoverProps: hoverProps , isHovered: isHovered } = $
|
82
|
+
let { styleProps: styleProps } = $fWhn4$reactspectrumutils.useStyleProps(otherProps);
|
83
|
+
let { hoverProps: hoverProps , isHovered: isHovered } = $fWhn4$reactariainteractions.useHover({
|
84
84
|
isDisabled: isDisabled
|
85
85
|
});
|
86
|
-
let inputRef = $
|
87
|
-
let domRef = $
|
88
|
-
let radioGroupProps = $
|
86
|
+
let inputRef = $fWhn4$react.useRef(null);
|
87
|
+
let domRef = $fWhn4$reactspectrumutils.useFocusableRef(ref, inputRef);
|
88
|
+
let radioGroupProps = $7a9c779fbcac37de$export$b054eba74077a826();
|
89
89
|
let { isEmphasized: isEmphasized , validationState: validationState , state: state } = radioGroupProps;
|
90
|
-
let { inputProps: inputProps } = $
|
90
|
+
let { inputProps: inputProps } = $fWhn4$reactariaradio.useRadio({
|
91
91
|
...props,
|
92
92
|
...radioGroupProps,
|
93
93
|
isDisabled: isDisabled
|
94
94
|
}, state, inputRef);
|
95
|
-
return(/*#__PURE__*/ ($parcel$interopDefault($
|
95
|
+
return(/*#__PURE__*/ ($parcel$interopDefault($fWhn4$react)).createElement("label", {
|
96
96
|
...styleProps,
|
97
97
|
...hoverProps,
|
98
98
|
ref: domRef,
|
99
|
-
className: $
|
99
|
+
className: $fWhn4$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($98c02e379c04a64b$exports)), 'spectrum-Radio', {
|
100
100
|
// Removing. Pending design feedback.
|
101
101
|
// 'spectrum-Radio--labelBelow': labelPosition === 'bottom',
|
102
102
|
'spectrum-Radio--quiet': !isEmphasized,
|
@@ -104,129 +104,129 @@ function $9b1cb305297dca54$var$Radio(props, ref) {
|
|
104
104
|
'is-invalid': validationState === 'invalid',
|
105
105
|
'is-hovered': isHovered
|
106
106
|
}, styleProps.className)
|
107
|
-
}, /*#__PURE__*/ ($parcel$interopDefault($
|
108
|
-
focusRingClass: $
|
107
|
+
}, /*#__PURE__*/ ($parcel$interopDefault($fWhn4$react)).createElement($fWhn4$reactariafocus.FocusRing, {
|
108
|
+
focusRingClass: $fWhn4$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($98c02e379c04a64b$exports)), 'focus-ring'),
|
109
109
|
autoFocus: autoFocus
|
110
|
-
}, /*#__PURE__*/ ($parcel$interopDefault($
|
110
|
+
}, /*#__PURE__*/ ($parcel$interopDefault($fWhn4$react)).createElement("input", {
|
111
111
|
...inputProps,
|
112
112
|
ref: inputRef,
|
113
|
-
className: $
|
114
|
-
})), /*#__PURE__*/ ($parcel$interopDefault($
|
115
|
-
className: $
|
116
|
-
}), children && /*#__PURE__*/ ($parcel$interopDefault($
|
117
|
-
className: $
|
113
|
+
className: $fWhn4$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($98c02e379c04a64b$exports)), 'spectrum-Radio-input')
|
114
|
+
})), /*#__PURE__*/ ($parcel$interopDefault($fWhn4$react)).createElement("span", {
|
115
|
+
className: $fWhn4$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($98c02e379c04a64b$exports)), 'spectrum-Radio-button')
|
116
|
+
}), children && /*#__PURE__*/ ($parcel$interopDefault($fWhn4$react)).createElement("span", {
|
117
|
+
className: $fWhn4$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($98c02e379c04a64b$exports)), 'spectrum-Radio-label')
|
118
118
|
}, children)));
|
119
119
|
}
|
120
120
|
/**
|
121
121
|
* Radio buttons allow users to select a single option from a list of mutually exclusive options.
|
122
122
|
* All possible options are exposed up front for users to compare.
|
123
|
-
*/ const $
|
124
|
-
|
125
|
-
|
126
|
-
var $
|
127
|
-
|
128
|
-
$parcel$export($
|
129
|
-
|
130
|
-
|
131
|
-
var $
|
132
|
-
|
133
|
-
$parcel$export($
|
134
|
-
$parcel$export($
|
135
|
-
$parcel$export($
|
136
|
-
$parcel$export($
|
137
|
-
$parcel$export($
|
138
|
-
$parcel$export($
|
139
|
-
$parcel$export($
|
140
|
-
$parcel$export($
|
141
|
-
$parcel$export($
|
142
|
-
$parcel$export($
|
143
|
-
$parcel$export($
|
144
|
-
$parcel$export($
|
145
|
-
$parcel$export($
|
146
|
-
$parcel$export($
|
147
|
-
$parcel$export($
|
148
|
-
var $
|
149
|
-
var $
|
150
|
-
var $
|
151
|
-
var $
|
152
|
-
var $
|
153
|
-
var $
|
154
|
-
var $
|
155
|
-
var $
|
156
|
-
var $
|
157
|
-
var $
|
158
|
-
var $
|
159
|
-
var $
|
160
|
-
var $
|
161
|
-
var $
|
162
|
-
var $
|
163
|
-
$
|
164
|
-
$
|
165
|
-
$
|
166
|
-
$
|
167
|
-
$
|
168
|
-
$
|
169
|
-
$
|
170
|
-
$
|
171
|
-
$
|
172
|
-
$
|
173
|
-
$
|
174
|
-
$
|
175
|
-
$
|
176
|
-
$
|
177
|
-
$
|
178
|
-
|
179
|
-
|
180
|
-
|
181
|
-
|
182
|
-
var $
|
183
|
-
|
184
|
-
$parcel$export($
|
185
|
-
$parcel$export($
|
186
|
-
$parcel$export($
|
187
|
-
$parcel$export($
|
188
|
-
var $
|
189
|
-
var $
|
190
|
-
var $
|
191
|
-
var $
|
192
|
-
$
|
193
|
-
$
|
194
|
-
$
|
195
|
-
$
|
196
|
-
|
197
|
-
|
198
|
-
|
199
|
-
|
200
|
-
|
201
|
-
|
202
|
-
function $
|
203
|
-
props = $
|
204
|
-
props = $
|
123
|
+
*/ const $ac6e3b95a804b84d$export$d7b12c4107be0d61 = /*#__PURE__*/ $fWhn4$react.forwardRef($ac6e3b95a804b84d$var$Radio);
|
124
|
+
|
125
|
+
|
126
|
+
var $a34b82d63739cfbe$exports = {};
|
127
|
+
|
128
|
+
$parcel$export($a34b82d63739cfbe$exports, "RadioGroup", () => $a34b82d63739cfbe$export$a98f0dcb43a68a25);
|
129
|
+
|
130
|
+
|
131
|
+
var $dba55fd5e831a7b6$exports = {};
|
132
|
+
|
133
|
+
$parcel$export($dba55fd5e831a7b6$exports, "spectrum-FieldLabel", () => $dba55fd5e831a7b6$export$493d18e796ae054, (v) => $dba55fd5e831a7b6$export$493d18e796ae054 = v);
|
134
|
+
$parcel$export($dba55fd5e831a7b6$exports, "spectrum-FieldLabel--positionSide", () => $dba55fd5e831a7b6$export$9e6f19dc21f22f2e, (v) => $dba55fd5e831a7b6$export$9e6f19dc21f22f2e = v);
|
135
|
+
$parcel$export($dba55fd5e831a7b6$exports, "spectrum-FieldLabel-requiredIcon", () => $dba55fd5e831a7b6$export$7c47642c7d46f3c9, (v) => $dba55fd5e831a7b6$export$7c47642c7d46f3c9 = v);
|
136
|
+
$parcel$export($dba55fd5e831a7b6$exports, "spectrum-FieldLabel--alignEnd", () => $dba55fd5e831a7b6$export$885efcc08143a987, (v) => $dba55fd5e831a7b6$export$885efcc08143a987 = v);
|
137
|
+
$parcel$export($dba55fd5e831a7b6$exports, "spectrum-Field", () => $dba55fd5e831a7b6$export$f6d480ae1e56eba0, (v) => $dba55fd5e831a7b6$export$f6d480ae1e56eba0 = v);
|
138
|
+
$parcel$export($dba55fd5e831a7b6$exports, "spectrum-Field--positionTop", () => $dba55fd5e831a7b6$export$a4ea780a9064d7f9, (v) => $dba55fd5e831a7b6$export$a4ea780a9064d7f9 = v);
|
139
|
+
$parcel$export($dba55fd5e831a7b6$exports, "spectrum-Field-field", () => $dba55fd5e831a7b6$export$3ab8a3dc7f0563d, (v) => $dba55fd5e831a7b6$export$3ab8a3dc7f0563d = v);
|
140
|
+
$parcel$export($dba55fd5e831a7b6$exports, "spectrum-Field-field--multiline", () => $dba55fd5e831a7b6$export$f58a1e966a92ba5e, (v) => $dba55fd5e831a7b6$export$f58a1e966a92ba5e = v);
|
141
|
+
$parcel$export($dba55fd5e831a7b6$exports, "spectrum-Field--positionSide", () => $dba55fd5e831a7b6$export$2963225c91179589, (v) => $dba55fd5e831a7b6$export$2963225c91179589 = v);
|
142
|
+
$parcel$export($dba55fd5e831a7b6$exports, "spectrum-Field-wrapper", () => $dba55fd5e831a7b6$export$127df0b7290eb8ef, (v) => $dba55fd5e831a7b6$export$127df0b7290eb8ef = v);
|
143
|
+
$parcel$export($dba55fd5e831a7b6$exports, "spectrum-Form", () => $dba55fd5e831a7b6$export$94d2bcc94afabd89, (v) => $dba55fd5e831a7b6$export$94d2bcc94afabd89 = v);
|
144
|
+
$parcel$export($dba55fd5e831a7b6$exports, "spectrum-Form--positionSide", () => $dba55fd5e831a7b6$export$7f44db659563c8f4, (v) => $dba55fd5e831a7b6$export$7f44db659563c8f4 = v);
|
145
|
+
$parcel$export($dba55fd5e831a7b6$exports, "spectrum-Form--positionTop", () => $dba55fd5e831a7b6$export$11b8bc81fe551057, (v) => $dba55fd5e831a7b6$export$11b8bc81fe551057 = v);
|
146
|
+
$parcel$export($dba55fd5e831a7b6$exports, "spectrum-Form-itemLabel", () => $dba55fd5e831a7b6$export$51ec27881a1e3928, (v) => $dba55fd5e831a7b6$export$51ec27881a1e3928 = v);
|
147
|
+
$parcel$export($dba55fd5e831a7b6$exports, "is-disabled", () => $dba55fd5e831a7b6$export$d35bc1e505d1ebbf, (v) => $dba55fd5e831a7b6$export$d35bc1e505d1ebbf = v);
|
148
|
+
var $dba55fd5e831a7b6$export$493d18e796ae054;
|
149
|
+
var $dba55fd5e831a7b6$export$9e6f19dc21f22f2e;
|
150
|
+
var $dba55fd5e831a7b6$export$7c47642c7d46f3c9;
|
151
|
+
var $dba55fd5e831a7b6$export$885efcc08143a987;
|
152
|
+
var $dba55fd5e831a7b6$export$f6d480ae1e56eba0;
|
153
|
+
var $dba55fd5e831a7b6$export$a4ea780a9064d7f9;
|
154
|
+
var $dba55fd5e831a7b6$export$3ab8a3dc7f0563d;
|
155
|
+
var $dba55fd5e831a7b6$export$f58a1e966a92ba5e;
|
156
|
+
var $dba55fd5e831a7b6$export$2963225c91179589;
|
157
|
+
var $dba55fd5e831a7b6$export$127df0b7290eb8ef;
|
158
|
+
var $dba55fd5e831a7b6$export$94d2bcc94afabd89;
|
159
|
+
var $dba55fd5e831a7b6$export$7f44db659563c8f4;
|
160
|
+
var $dba55fd5e831a7b6$export$11b8bc81fe551057;
|
161
|
+
var $dba55fd5e831a7b6$export$51ec27881a1e3928;
|
162
|
+
var $dba55fd5e831a7b6$export$d35bc1e505d1ebbf;
|
163
|
+
$dba55fd5e831a7b6$export$493d18e796ae054 = "spectrum-FieldLabel_d2db1f";
|
164
|
+
$dba55fd5e831a7b6$export$9e6f19dc21f22f2e = "spectrum-FieldLabel--positionSide_d2db1f";
|
165
|
+
$dba55fd5e831a7b6$export$7c47642c7d46f3c9 = "spectrum-FieldLabel-requiredIcon_d2db1f";
|
166
|
+
$dba55fd5e831a7b6$export$885efcc08143a987 = "spectrum-FieldLabel--alignEnd_d2db1f";
|
167
|
+
$dba55fd5e831a7b6$export$f6d480ae1e56eba0 = "spectrum-Field_d2db1f";
|
168
|
+
$dba55fd5e831a7b6$export$a4ea780a9064d7f9 = "spectrum-Field--positionTop_d2db1f";
|
169
|
+
$dba55fd5e831a7b6$export$3ab8a3dc7f0563d = "spectrum-Field-field_d2db1f";
|
170
|
+
$dba55fd5e831a7b6$export$f58a1e966a92ba5e = "spectrum-Field-field--multiline_d2db1f";
|
171
|
+
$dba55fd5e831a7b6$export$2963225c91179589 = "spectrum-Field--positionSide_d2db1f";
|
172
|
+
$dba55fd5e831a7b6$export$127df0b7290eb8ef = "spectrum-Field-wrapper_d2db1f";
|
173
|
+
$dba55fd5e831a7b6$export$94d2bcc94afabd89 = "spectrum-Form_d2db1f";
|
174
|
+
$dba55fd5e831a7b6$export$7f44db659563c8f4 = "spectrum-Form--positionSide_d2db1f";
|
175
|
+
$dba55fd5e831a7b6$export$11b8bc81fe551057 = "spectrum-Form--positionTop_d2db1f";
|
176
|
+
$dba55fd5e831a7b6$export$51ec27881a1e3928 = "spectrum-Form-itemLabel_d2db1f";
|
177
|
+
$dba55fd5e831a7b6$export$d35bc1e505d1ebbf = "is-disabled_d2db1f";
|
178
|
+
|
179
|
+
|
180
|
+
|
181
|
+
|
182
|
+
var $22f9c4f041eb2a76$exports = {};
|
183
|
+
|
184
|
+
$parcel$export($22f9c4f041eb2a76$exports, "spectrum-FieldGroup", () => $22f9c4f041eb2a76$export$75eb16cbfc18279c, (v) => $22f9c4f041eb2a76$export$75eb16cbfc18279c = v);
|
185
|
+
$parcel$export($22f9c4f041eb2a76$exports, "spectrum-FieldGroup--positionSide", () => $22f9c4f041eb2a76$export$859b606bd9f45f81, (v) => $22f9c4f041eb2a76$export$859b606bd9f45f81 = v);
|
186
|
+
$parcel$export($22f9c4f041eb2a76$exports, "spectrum-FieldGroup-group", () => $22f9c4f041eb2a76$export$984c7bbbfc7ddffc, (v) => $22f9c4f041eb2a76$export$984c7bbbfc7ddffc = v);
|
187
|
+
$parcel$export($22f9c4f041eb2a76$exports, "spectrum-FieldGroup-group--horizontal", () => $22f9c4f041eb2a76$export$1ad8646bcba21c0e, (v) => $22f9c4f041eb2a76$export$1ad8646bcba21c0e = v);
|
188
|
+
var $22f9c4f041eb2a76$export$75eb16cbfc18279c;
|
189
|
+
var $22f9c4f041eb2a76$export$859b606bd9f45f81;
|
190
|
+
var $22f9c4f041eb2a76$export$984c7bbbfc7ddffc;
|
191
|
+
var $22f9c4f041eb2a76$export$1ad8646bcba21c0e;
|
192
|
+
$22f9c4f041eb2a76$export$75eb16cbfc18279c = "spectrum-FieldGroup_41d350";
|
193
|
+
$22f9c4f041eb2a76$export$859b606bd9f45f81 = "spectrum-FieldGroup--positionSide_41d350";
|
194
|
+
$22f9c4f041eb2a76$export$984c7bbbfc7ddffc = "spectrum-FieldGroup-group_41d350";
|
195
|
+
$22f9c4f041eb2a76$export$1ad8646bcba21c0e = "spectrum-FieldGroup-group--horizontal_41d350";
|
196
|
+
|
197
|
+
|
198
|
+
|
199
|
+
|
200
|
+
|
201
|
+
|
202
|
+
function $a34b82d63739cfbe$var$RadioGroup(props, ref) {
|
203
|
+
props = $fWhn4$reactspectrumprovider.useProviderProps(props);
|
204
|
+
props = $fWhn4$reactspectrumform.useFormProps(props);
|
205
205
|
let { isEmphasized: isEmphasized , isRequired: isRequired , necessityIndicator: necessityIndicator , label: label , labelPosition: labelPosition = 'top' , labelAlign: labelAlign , validationState: validationState , children: children , orientation: orientation = 'vertical' , ...otherProps } = props;
|
206
|
-
let domRef = $
|
207
|
-
let { styleProps: styleProps } = $
|
208
|
-
let state = $
|
209
|
-
let { radioGroupProps: radioGroupProps , labelProps: labelProps } = $
|
210
|
-
return(/*#__PURE__*/ ($parcel$interopDefault($
|
206
|
+
let domRef = $fWhn4$reactspectrumutils.useDOMRef(ref);
|
207
|
+
let { styleProps: styleProps } = $fWhn4$reactspectrumutils.useStyleProps(otherProps);
|
208
|
+
let state = $fWhn4$reactstatelyradio.useRadioGroupState(props);
|
209
|
+
let { radioGroupProps: radioGroupProps , labelProps: labelProps } = $fWhn4$reactariaradio.useRadioGroup(props, state);
|
210
|
+
return(/*#__PURE__*/ ($parcel$interopDefault($fWhn4$react)).createElement("div", {
|
211
211
|
...styleProps,
|
212
212
|
...radioGroupProps,
|
213
|
-
className: $
|
213
|
+
className: $fWhn4$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($22f9c4f041eb2a76$exports)), 'spectrum-FieldGroup', {
|
214
214
|
'spectrum-FieldGroup--positionSide': labelPosition === 'side'
|
215
215
|
}, // This is so radio works inside a <Form>
|
216
|
-
$
|
216
|
+
$fWhn4$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($dba55fd5e831a7b6$exports)), 'spectrum-Field'), styleProps.className),
|
217
217
|
ref: domRef
|
218
|
-
}, label && /*#__PURE__*/ ($parcel$interopDefault($
|
218
|
+
}, label && /*#__PURE__*/ ($parcel$interopDefault($fWhn4$react)).createElement($fWhn4$reactspectrumlabel.Label, {
|
219
219
|
...labelProps,
|
220
220
|
elementType: "span",
|
221
221
|
labelPosition: labelPosition,
|
222
222
|
labelAlign: labelAlign,
|
223
223
|
isRequired: isRequired,
|
224
224
|
necessityIndicator: necessityIndicator
|
225
|
-
}, label), /*#__PURE__*/ ($parcel$interopDefault($
|
226
|
-
className: $
|
225
|
+
}, label), /*#__PURE__*/ ($parcel$interopDefault($fWhn4$react)).createElement("div", {
|
226
|
+
className: $fWhn4$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($22f9c4f041eb2a76$exports)), 'spectrum-FieldGroup-group', {
|
227
227
|
'spectrum-FieldGroup-group--horizontal': orientation === 'horizontal'
|
228
228
|
})
|
229
|
-
}, /*#__PURE__*/ ($parcel$interopDefault($
|
229
|
+
}, /*#__PURE__*/ ($parcel$interopDefault($fWhn4$react)).createElement($7a9c779fbcac37de$export$b118023277d4a5c3.Provider, {
|
230
230
|
value: {
|
231
231
|
isEmphasized: isEmphasized,
|
232
232
|
validationState: validationState,
|
@@ -237,11 +237,11 @@ function $e6a124b4de0d2c02$var$RadioGroup(props, ref) {
|
|
237
237
|
/**
|
238
238
|
* Radio groups allow users to select a single option from a list of mutually exclusive options.
|
239
239
|
* All possible options are exposed up front for users to compare.
|
240
|
-
*/ const $
|
240
|
+
*/ const $a34b82d63739cfbe$export$a98f0dcb43a68a25 = /*#__PURE__*/ ($parcel$interopDefault($fWhn4$react)).forwardRef($a34b82d63739cfbe$var$RadioGroup);
|
241
241
|
|
242
242
|
|
243
|
-
$parcel$exportWildcard(module.exports, $
|
244
|
-
$parcel$exportWildcard(module.exports, $
|
243
|
+
$parcel$exportWildcard(module.exports, $ac6e3b95a804b84d$exports);
|
244
|
+
$parcel$exportWildcard(module.exports, $a34b82d63739cfbe$exports);
|
245
245
|
|
246
246
|
|
247
247
|
//# sourceMappingURL=main.js.map
|
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/fieldlabel/vars.css","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 * from './Radio';\nexport * from './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\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, useStyleProps} from '@react-spectrum/utils';\nimport {DOMRef, LabelPosition} from '@react-types/shared';\nimport {Label} from '@react-spectrum/label';\nimport labelStyles from '@adobe/spectrum-css-temp/components/fieldlabel/vars.css';\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<HTMLDivElement>) {\n props = useProviderProps(props);\n props = useFormProps(props);\n let {\n isEmphasized,\n isRequired,\n necessityIndicator,\n label,\n labelPosition = 'top' as LabelPosition,\n labelAlign,\n validationState,\n children,\n orientation = 'vertical',\n ...otherProps\n } = props;\n let domRef = useDOMRef(ref);\n let {styleProps} = useStyleProps(otherProps);\n\n let state = useRadioGroupState(props);\n let {radioGroupProps, labelProps} = useRadioGroup(props, state);\n\n return (\n <div\n {...styleProps}\n {...radioGroupProps}\n className={\n classNames(\n styles,\n 'spectrum-FieldGroup',\n {\n 'spectrum-FieldGroup--positionSide': labelPosition === 'side'\n },\n // This is so radio works inside a <Form>\n classNames(\n labelStyles,\n 'spectrum-Field'\n ),\n styleProps.className\n )\n }\n ref={domRef}>\n {label &&\n <Label\n {...labelProps}\n elementType=\"span\"\n labelPosition={labelPosition}\n labelAlign={labelAlign}\n isRequired={isRequired}\n necessityIndicator={necessityIndicator}>\n {label}\n </Label>\n }\n <div\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 </div>\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@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\n@import './index.css';\n"],"names":[],"version":3,"file":"main.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/fieldlabel/vars.css","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 * from './Radio';\nexport * from './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\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, useStyleProps} from '@react-spectrum/utils';\nimport {DOMRef, LabelPosition} from '@react-types/shared';\nimport {Label} from '@react-spectrum/label';\nimport labelStyles from '@adobe/spectrum-css-temp/components/fieldlabel/vars.css';\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<HTMLDivElement>) {\n props = useProviderProps(props);\n props = useFormProps(props);\n let {\n isEmphasized,\n isRequired,\n necessityIndicator,\n label,\n labelPosition = 'top' as LabelPosition,\n labelAlign,\n validationState,\n children,\n orientation = 'vertical',\n ...otherProps\n } = props;\n let domRef = useDOMRef(ref);\n let {styleProps} = useStyleProps(otherProps);\n\n let state = useRadioGroupState(props);\n let {radioGroupProps, labelProps} = useRadioGroup(props, state);\n\n return (\n <div\n {...styleProps}\n {...radioGroupProps}\n className={\n classNames(\n styles,\n 'spectrum-FieldGroup',\n {\n 'spectrum-FieldGroup--positionSide': labelPosition === 'side'\n },\n // This is so radio works inside a <Form>\n classNames(\n labelStyles,\n 'spectrum-Field'\n ),\n styleProps.className\n )\n }\n ref={domRef}>\n {label &&\n <Label\n {...labelProps}\n elementType=\"span\"\n labelPosition={labelPosition}\n labelAlign={labelAlign}\n isRequired={isRequired}\n necessityIndicator={necessityIndicator}>\n {label}\n </Label>\n }\n <div\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 </div>\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@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\n@import './index.css';\n"],"names":[],"version":3,"file":"main.js.map"}
|
package/dist/module.js
CHANGED
@@ -1,13 +1,13 @@
|
|
1
1
|
import "./main.css";
|
2
|
-
import {useStyleProps as $
|
3
|
-
import {FocusRing as $
|
4
|
-
import $
|
5
|
-
import {useHover as $
|
6
|
-
import {useRadio as $
|
7
|
-
import {Label as $
|
8
|
-
import {useFormProps as $
|
9
|
-
import {useProviderProps as $
|
10
|
-
import {useRadioGroupState as $
|
2
|
+
import {useStyleProps as $cFLe5$useStyleProps, useFocusableRef as $cFLe5$useFocusableRef, classNames as $cFLe5$classNames, useDOMRef as $cFLe5$useDOMRef} from "@react-spectrum/utils";
|
3
|
+
import {FocusRing as $cFLe5$FocusRing} from "@react-aria/focus";
|
4
|
+
import $cFLe5$react, {useRef as $cFLe5$useRef, forwardRef as $cFLe5$forwardRef, useContext as $cFLe5$useContext} from "react";
|
5
|
+
import {useHover as $cFLe5$useHover} from "@react-aria/interactions";
|
6
|
+
import {useRadio as $cFLe5$useRadio, useRadioGroup as $cFLe5$useRadioGroup} from "@react-aria/radio";
|
7
|
+
import {Label as $cFLe5$Label} from "@react-spectrum/label";
|
8
|
+
import {useFormProps as $cFLe5$useFormProps} from "@react-spectrum/form";
|
9
|
+
import {useProviderProps as $cFLe5$useProviderProps} from "@react-spectrum/provider";
|
10
|
+
import {useRadioGroupState as $cFLe5$useRadioGroupState} from "@react-stately/radio";
|
11
11
|
|
12
12
|
function $parcel$interopDefault(a) {
|
13
13
|
return a && a.__esModule ? a.default : a;
|
@@ -15,72 +15,72 @@ 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
|
-
var $
|
18
|
+
var $a3fdc9cfa085a487$exports = {};
|
19
19
|
|
20
|
-
$parcel$export($
|
20
|
+
$parcel$export($a3fdc9cfa085a487$exports, "Radio", () => $a3fdc9cfa085a487$export$d7b12c4107be0d61);
|
21
21
|
|
22
22
|
|
23
23
|
|
24
|
-
var $
|
24
|
+
var $dd76103dcb21f902$exports = {};
|
25
25
|
|
26
|
-
$parcel$export($
|
27
|
-
$parcel$export($
|
28
|
-
$parcel$export($
|
29
|
-
$parcel$export($
|
30
|
-
$parcel$export($
|
31
|
-
$parcel$export($
|
32
|
-
$parcel$export($
|
33
|
-
$parcel$export($
|
34
|
-
$parcel$export($
|
35
|
-
var $
|
36
|
-
var $
|
37
|
-
var $
|
38
|
-
var $
|
39
|
-
var $
|
40
|
-
var $
|
41
|
-
var $
|
42
|
-
var $
|
43
|
-
var $
|
44
|
-
$
|
45
|
-
$
|
46
|
-
$
|
47
|
-
$
|
48
|
-
$
|
49
|
-
$
|
50
|
-
$
|
51
|
-
$
|
52
|
-
$
|
26
|
+
$parcel$export($dd76103dcb21f902$exports, "spectrum-Radio", () => $dd76103dcb21f902$export$26ebd4dbfef068c5, (v) => $dd76103dcb21f902$export$26ebd4dbfef068c5 = v);
|
27
|
+
$parcel$export($dd76103dcb21f902$exports, "spectrum-Radio-input", () => $dd76103dcb21f902$export$c0ce6f9a6a2de1cc, (v) => $dd76103dcb21f902$export$c0ce6f9a6a2de1cc = v);
|
28
|
+
$parcel$export($dd76103dcb21f902$exports, "spectrum-Radio-button", () => $dd76103dcb21f902$export$bf9d5e902c33bf05, (v) => $dd76103dcb21f902$export$bf9d5e902c33bf05 = v);
|
29
|
+
$parcel$export($dd76103dcb21f902$exports, "focus-ring", () => $dd76103dcb21f902$export$f39a09f249340e2a, (v) => $dd76103dcb21f902$export$f39a09f249340e2a = v);
|
30
|
+
$parcel$export($dd76103dcb21f902$exports, "spectrum-Radio-label", () => $dd76103dcb21f902$export$b0f8395a9667922d, (v) => $dd76103dcb21f902$export$b0f8395a9667922d = v);
|
31
|
+
$parcel$export($dd76103dcb21f902$exports, "spectrum-Radio--labelBelow", () => $dd76103dcb21f902$export$9443e7082698950d, (v) => $dd76103dcb21f902$export$9443e7082698950d = v);
|
32
|
+
$parcel$export($dd76103dcb21f902$exports, "is-hovered", () => $dd76103dcb21f902$export$b8813cd5d7824ce7, (v) => $dd76103dcb21f902$export$b8813cd5d7824ce7 = v);
|
33
|
+
$parcel$export($dd76103dcb21f902$exports, "spectrum-Radio--quiet", () => $dd76103dcb21f902$export$6db66b55a897f36d, (v) => $dd76103dcb21f902$export$6db66b55a897f36d = v);
|
34
|
+
$parcel$export($dd76103dcb21f902$exports, "is-invalid", () => $dd76103dcb21f902$export$14a30de2866685fa, (v) => $dd76103dcb21f902$export$14a30de2866685fa = v);
|
35
|
+
var $dd76103dcb21f902$export$26ebd4dbfef068c5;
|
36
|
+
var $dd76103dcb21f902$export$c0ce6f9a6a2de1cc;
|
37
|
+
var $dd76103dcb21f902$export$bf9d5e902c33bf05;
|
38
|
+
var $dd76103dcb21f902$export$f39a09f249340e2a;
|
39
|
+
var $dd76103dcb21f902$export$b0f8395a9667922d;
|
40
|
+
var $dd76103dcb21f902$export$9443e7082698950d;
|
41
|
+
var $dd76103dcb21f902$export$b8813cd5d7824ce7;
|
42
|
+
var $dd76103dcb21f902$export$6db66b55a897f36d;
|
43
|
+
var $dd76103dcb21f902$export$14a30de2866685fa;
|
44
|
+
$dd76103dcb21f902$export$26ebd4dbfef068c5 = "spectrum-Radio_bf46c2";
|
45
|
+
$dd76103dcb21f902$export$c0ce6f9a6a2de1cc = "spectrum-Radio-input_bf46c2";
|
46
|
+
$dd76103dcb21f902$export$bf9d5e902c33bf05 = "spectrum-Radio-button_bf46c2";
|
47
|
+
$dd76103dcb21f902$export$f39a09f249340e2a = "focus-ring_bf46c2";
|
48
|
+
$dd76103dcb21f902$export$b0f8395a9667922d = "spectrum-Radio-label_bf46c2";
|
49
|
+
$dd76103dcb21f902$export$9443e7082698950d = "spectrum-Radio--labelBelow_bf46c2";
|
50
|
+
$dd76103dcb21f902$export$b8813cd5d7824ce7 = "is-hovered_bf46c2";
|
51
|
+
$dd76103dcb21f902$export$6db66b55a897f36d = "spectrum-Radio--quiet_bf46c2";
|
52
|
+
$dd76103dcb21f902$export$14a30de2866685fa = "is-invalid_bf46c2";
|
53
53
|
|
54
54
|
|
55
55
|
|
56
56
|
|
57
57
|
|
58
|
-
const $
|
59
|
-
function $
|
60
|
-
return $
|
58
|
+
const $4853a20c40cae175$export$b118023277d4a5c3 = $cFLe5$react.createContext(null);
|
59
|
+
function $4853a20c40cae175$export$b054eba74077a826() {
|
60
|
+
return $cFLe5$useContext($4853a20c40cae175$export$b118023277d4a5c3);
|
61
61
|
}
|
62
62
|
|
63
63
|
|
64
|
-
function $
|
64
|
+
function $a3fdc9cfa085a487$var$Radio(props, ref) {
|
65
65
|
let { isDisabled: isDisabled , children: children , autoFocus: autoFocus , ...otherProps } = props;
|
66
|
-
let { styleProps: styleProps } = $
|
67
|
-
let { hoverProps: hoverProps , isHovered: isHovered } = $
|
66
|
+
let { styleProps: styleProps } = $cFLe5$useStyleProps(otherProps);
|
67
|
+
let { hoverProps: hoverProps , isHovered: isHovered } = $cFLe5$useHover({
|
68
68
|
isDisabled: isDisabled
|
69
69
|
});
|
70
|
-
let inputRef = $
|
71
|
-
let domRef = $
|
72
|
-
let radioGroupProps = $
|
70
|
+
let inputRef = $cFLe5$useRef(null);
|
71
|
+
let domRef = $cFLe5$useFocusableRef(ref, inputRef);
|
72
|
+
let radioGroupProps = $4853a20c40cae175$export$b054eba74077a826();
|
73
73
|
let { isEmphasized: isEmphasized , validationState: validationState , state: state } = radioGroupProps;
|
74
|
-
let { inputProps: inputProps } = $
|
74
|
+
let { inputProps: inputProps } = $cFLe5$useRadio({
|
75
75
|
...props,
|
76
76
|
...radioGroupProps,
|
77
77
|
isDisabled: isDisabled
|
78
78
|
}, state, inputRef);
|
79
|
-
return(/*#__PURE__*/ $
|
79
|
+
return(/*#__PURE__*/ $cFLe5$react.createElement("label", {
|
80
80
|
...styleProps,
|
81
81
|
...hoverProps,
|
82
82
|
ref: domRef,
|
83
|
-
className: $
|
83
|
+
className: $cFLe5$classNames((/*@__PURE__*/$parcel$interopDefault($dd76103dcb21f902$exports)), 'spectrum-Radio', {
|
84
84
|
// Removing. Pending design feedback.
|
85
85
|
// 'spectrum-Radio--labelBelow': labelPosition === 'bottom',
|
86
86
|
'spectrum-Radio--quiet': !isEmphasized,
|
@@ -88,129 +88,129 @@ function $92653f0d1c5b0ae0$var$Radio(props, ref) {
|
|
88
88
|
'is-invalid': validationState === 'invalid',
|
89
89
|
'is-hovered': isHovered
|
90
90
|
}, styleProps.className)
|
91
|
-
}, /*#__PURE__*/ $
|
92
|
-
focusRingClass: $
|
91
|
+
}, /*#__PURE__*/ $cFLe5$react.createElement($cFLe5$FocusRing, {
|
92
|
+
focusRingClass: $cFLe5$classNames((/*@__PURE__*/$parcel$interopDefault($dd76103dcb21f902$exports)), 'focus-ring'),
|
93
93
|
autoFocus: autoFocus
|
94
|
-
}, /*#__PURE__*/ $
|
94
|
+
}, /*#__PURE__*/ $cFLe5$react.createElement("input", {
|
95
95
|
...inputProps,
|
96
96
|
ref: inputRef,
|
97
|
-
className: $
|
98
|
-
})), /*#__PURE__*/ $
|
99
|
-
className: $
|
100
|
-
}), children && /*#__PURE__*/ $
|
101
|
-
className: $
|
97
|
+
className: $cFLe5$classNames((/*@__PURE__*/$parcel$interopDefault($dd76103dcb21f902$exports)), 'spectrum-Radio-input')
|
98
|
+
})), /*#__PURE__*/ $cFLe5$react.createElement("span", {
|
99
|
+
className: $cFLe5$classNames((/*@__PURE__*/$parcel$interopDefault($dd76103dcb21f902$exports)), 'spectrum-Radio-button')
|
100
|
+
}), children && /*#__PURE__*/ $cFLe5$react.createElement("span", {
|
101
|
+
className: $cFLe5$classNames((/*@__PURE__*/$parcel$interopDefault($dd76103dcb21f902$exports)), 'spectrum-Radio-label')
|
102
102
|
}, children)));
|
103
103
|
}
|
104
104
|
/**
|
105
105
|
* Radio buttons allow users to select a single option from a list of mutually exclusive options.
|
106
106
|
* All possible options are exposed up front for users to compare.
|
107
|
-
*/ const $
|
108
|
-
|
109
|
-
|
110
|
-
var $
|
111
|
-
|
112
|
-
$parcel$export($
|
113
|
-
|
114
|
-
|
115
|
-
var $
|
116
|
-
|
117
|
-
$parcel$export($
|
118
|
-
$parcel$export($
|
119
|
-
$parcel$export($
|
120
|
-
$parcel$export($
|
121
|
-
$parcel$export($
|
122
|
-
$parcel$export($
|
123
|
-
$parcel$export($
|
124
|
-
$parcel$export($
|
125
|
-
$parcel$export($
|
126
|
-
$parcel$export($
|
127
|
-
$parcel$export($
|
128
|
-
$parcel$export($
|
129
|
-
$parcel$export($
|
130
|
-
$parcel$export($
|
131
|
-
$parcel$export($
|
132
|
-
var $
|
133
|
-
var $
|
134
|
-
var $
|
135
|
-
var $
|
136
|
-
var $
|
137
|
-
var $
|
138
|
-
var $
|
139
|
-
var $
|
140
|
-
var $
|
141
|
-
var $
|
142
|
-
var $
|
143
|
-
var $
|
144
|
-
var $
|
145
|
-
var $
|
146
|
-
var $
|
147
|
-
$
|
148
|
-
$
|
149
|
-
$
|
150
|
-
$
|
151
|
-
$
|
152
|
-
$
|
153
|
-
$
|
154
|
-
$
|
155
|
-
$
|
156
|
-
$
|
157
|
-
$
|
158
|
-
$
|
159
|
-
$
|
160
|
-
$
|
161
|
-
$
|
162
|
-
|
163
|
-
|
164
|
-
|
165
|
-
|
166
|
-
var $
|
167
|
-
|
168
|
-
$parcel$export($
|
169
|
-
$parcel$export($
|
170
|
-
$parcel$export($
|
171
|
-
$parcel$export($
|
172
|
-
var $
|
173
|
-
var $
|
174
|
-
var $
|
175
|
-
var $
|
176
|
-
$
|
177
|
-
$
|
178
|
-
$
|
179
|
-
$
|
180
|
-
|
181
|
-
|
182
|
-
|
183
|
-
|
184
|
-
|
185
|
-
|
186
|
-
function $
|
187
|
-
props = $
|
188
|
-
props = $
|
107
|
+
*/ const $a3fdc9cfa085a487$export$d7b12c4107be0d61 = /*#__PURE__*/ $cFLe5$forwardRef($a3fdc9cfa085a487$var$Radio);
|
108
|
+
|
109
|
+
|
110
|
+
var $11a80671925f38bf$exports = {};
|
111
|
+
|
112
|
+
$parcel$export($11a80671925f38bf$exports, "RadioGroup", () => $11a80671925f38bf$export$a98f0dcb43a68a25);
|
113
|
+
|
114
|
+
|
115
|
+
var $b1735ab7eff257c3$exports = {};
|
116
|
+
|
117
|
+
$parcel$export($b1735ab7eff257c3$exports, "spectrum-FieldLabel", () => $b1735ab7eff257c3$export$493d18e796ae054, (v) => $b1735ab7eff257c3$export$493d18e796ae054 = v);
|
118
|
+
$parcel$export($b1735ab7eff257c3$exports, "spectrum-FieldLabel--positionSide", () => $b1735ab7eff257c3$export$9e6f19dc21f22f2e, (v) => $b1735ab7eff257c3$export$9e6f19dc21f22f2e = v);
|
119
|
+
$parcel$export($b1735ab7eff257c3$exports, "spectrum-FieldLabel-requiredIcon", () => $b1735ab7eff257c3$export$7c47642c7d46f3c9, (v) => $b1735ab7eff257c3$export$7c47642c7d46f3c9 = v);
|
120
|
+
$parcel$export($b1735ab7eff257c3$exports, "spectrum-FieldLabel--alignEnd", () => $b1735ab7eff257c3$export$885efcc08143a987, (v) => $b1735ab7eff257c3$export$885efcc08143a987 = v);
|
121
|
+
$parcel$export($b1735ab7eff257c3$exports, "spectrum-Field", () => $b1735ab7eff257c3$export$f6d480ae1e56eba0, (v) => $b1735ab7eff257c3$export$f6d480ae1e56eba0 = v);
|
122
|
+
$parcel$export($b1735ab7eff257c3$exports, "spectrum-Field--positionTop", () => $b1735ab7eff257c3$export$a4ea780a9064d7f9, (v) => $b1735ab7eff257c3$export$a4ea780a9064d7f9 = v);
|
123
|
+
$parcel$export($b1735ab7eff257c3$exports, "spectrum-Field-field", () => $b1735ab7eff257c3$export$3ab8a3dc7f0563d, (v) => $b1735ab7eff257c3$export$3ab8a3dc7f0563d = v);
|
124
|
+
$parcel$export($b1735ab7eff257c3$exports, "spectrum-Field-field--multiline", () => $b1735ab7eff257c3$export$f58a1e966a92ba5e, (v) => $b1735ab7eff257c3$export$f58a1e966a92ba5e = v);
|
125
|
+
$parcel$export($b1735ab7eff257c3$exports, "spectrum-Field--positionSide", () => $b1735ab7eff257c3$export$2963225c91179589, (v) => $b1735ab7eff257c3$export$2963225c91179589 = v);
|
126
|
+
$parcel$export($b1735ab7eff257c3$exports, "spectrum-Field-wrapper", () => $b1735ab7eff257c3$export$127df0b7290eb8ef, (v) => $b1735ab7eff257c3$export$127df0b7290eb8ef = v);
|
127
|
+
$parcel$export($b1735ab7eff257c3$exports, "spectrum-Form", () => $b1735ab7eff257c3$export$94d2bcc94afabd89, (v) => $b1735ab7eff257c3$export$94d2bcc94afabd89 = v);
|
128
|
+
$parcel$export($b1735ab7eff257c3$exports, "spectrum-Form--positionSide", () => $b1735ab7eff257c3$export$7f44db659563c8f4, (v) => $b1735ab7eff257c3$export$7f44db659563c8f4 = v);
|
129
|
+
$parcel$export($b1735ab7eff257c3$exports, "spectrum-Form--positionTop", () => $b1735ab7eff257c3$export$11b8bc81fe551057, (v) => $b1735ab7eff257c3$export$11b8bc81fe551057 = v);
|
130
|
+
$parcel$export($b1735ab7eff257c3$exports, "spectrum-Form-itemLabel", () => $b1735ab7eff257c3$export$51ec27881a1e3928, (v) => $b1735ab7eff257c3$export$51ec27881a1e3928 = v);
|
131
|
+
$parcel$export($b1735ab7eff257c3$exports, "is-disabled", () => $b1735ab7eff257c3$export$d35bc1e505d1ebbf, (v) => $b1735ab7eff257c3$export$d35bc1e505d1ebbf = v);
|
132
|
+
var $b1735ab7eff257c3$export$493d18e796ae054;
|
133
|
+
var $b1735ab7eff257c3$export$9e6f19dc21f22f2e;
|
134
|
+
var $b1735ab7eff257c3$export$7c47642c7d46f3c9;
|
135
|
+
var $b1735ab7eff257c3$export$885efcc08143a987;
|
136
|
+
var $b1735ab7eff257c3$export$f6d480ae1e56eba0;
|
137
|
+
var $b1735ab7eff257c3$export$a4ea780a9064d7f9;
|
138
|
+
var $b1735ab7eff257c3$export$3ab8a3dc7f0563d;
|
139
|
+
var $b1735ab7eff257c3$export$f58a1e966a92ba5e;
|
140
|
+
var $b1735ab7eff257c3$export$2963225c91179589;
|
141
|
+
var $b1735ab7eff257c3$export$127df0b7290eb8ef;
|
142
|
+
var $b1735ab7eff257c3$export$94d2bcc94afabd89;
|
143
|
+
var $b1735ab7eff257c3$export$7f44db659563c8f4;
|
144
|
+
var $b1735ab7eff257c3$export$11b8bc81fe551057;
|
145
|
+
var $b1735ab7eff257c3$export$51ec27881a1e3928;
|
146
|
+
var $b1735ab7eff257c3$export$d35bc1e505d1ebbf;
|
147
|
+
$b1735ab7eff257c3$export$493d18e796ae054 = "spectrum-FieldLabel_d2db1f";
|
148
|
+
$b1735ab7eff257c3$export$9e6f19dc21f22f2e = "spectrum-FieldLabel--positionSide_d2db1f";
|
149
|
+
$b1735ab7eff257c3$export$7c47642c7d46f3c9 = "spectrum-FieldLabel-requiredIcon_d2db1f";
|
150
|
+
$b1735ab7eff257c3$export$885efcc08143a987 = "spectrum-FieldLabel--alignEnd_d2db1f";
|
151
|
+
$b1735ab7eff257c3$export$f6d480ae1e56eba0 = "spectrum-Field_d2db1f";
|
152
|
+
$b1735ab7eff257c3$export$a4ea780a9064d7f9 = "spectrum-Field--positionTop_d2db1f";
|
153
|
+
$b1735ab7eff257c3$export$3ab8a3dc7f0563d = "spectrum-Field-field_d2db1f";
|
154
|
+
$b1735ab7eff257c3$export$f58a1e966a92ba5e = "spectrum-Field-field--multiline_d2db1f";
|
155
|
+
$b1735ab7eff257c3$export$2963225c91179589 = "spectrum-Field--positionSide_d2db1f";
|
156
|
+
$b1735ab7eff257c3$export$127df0b7290eb8ef = "spectrum-Field-wrapper_d2db1f";
|
157
|
+
$b1735ab7eff257c3$export$94d2bcc94afabd89 = "spectrum-Form_d2db1f";
|
158
|
+
$b1735ab7eff257c3$export$7f44db659563c8f4 = "spectrum-Form--positionSide_d2db1f";
|
159
|
+
$b1735ab7eff257c3$export$11b8bc81fe551057 = "spectrum-Form--positionTop_d2db1f";
|
160
|
+
$b1735ab7eff257c3$export$51ec27881a1e3928 = "spectrum-Form-itemLabel_d2db1f";
|
161
|
+
$b1735ab7eff257c3$export$d35bc1e505d1ebbf = "is-disabled_d2db1f";
|
162
|
+
|
163
|
+
|
164
|
+
|
165
|
+
|
166
|
+
var $f31e607630cf9f7d$exports = {};
|
167
|
+
|
168
|
+
$parcel$export($f31e607630cf9f7d$exports, "spectrum-FieldGroup", () => $f31e607630cf9f7d$export$75eb16cbfc18279c, (v) => $f31e607630cf9f7d$export$75eb16cbfc18279c = v);
|
169
|
+
$parcel$export($f31e607630cf9f7d$exports, "spectrum-FieldGroup--positionSide", () => $f31e607630cf9f7d$export$859b606bd9f45f81, (v) => $f31e607630cf9f7d$export$859b606bd9f45f81 = v);
|
170
|
+
$parcel$export($f31e607630cf9f7d$exports, "spectrum-FieldGroup-group", () => $f31e607630cf9f7d$export$984c7bbbfc7ddffc, (v) => $f31e607630cf9f7d$export$984c7bbbfc7ddffc = v);
|
171
|
+
$parcel$export($f31e607630cf9f7d$exports, "spectrum-FieldGroup-group--horizontal", () => $f31e607630cf9f7d$export$1ad8646bcba21c0e, (v) => $f31e607630cf9f7d$export$1ad8646bcba21c0e = v);
|
172
|
+
var $f31e607630cf9f7d$export$75eb16cbfc18279c;
|
173
|
+
var $f31e607630cf9f7d$export$859b606bd9f45f81;
|
174
|
+
var $f31e607630cf9f7d$export$984c7bbbfc7ddffc;
|
175
|
+
var $f31e607630cf9f7d$export$1ad8646bcba21c0e;
|
176
|
+
$f31e607630cf9f7d$export$75eb16cbfc18279c = "spectrum-FieldGroup_41d350";
|
177
|
+
$f31e607630cf9f7d$export$859b606bd9f45f81 = "spectrum-FieldGroup--positionSide_41d350";
|
178
|
+
$f31e607630cf9f7d$export$984c7bbbfc7ddffc = "spectrum-FieldGroup-group_41d350";
|
179
|
+
$f31e607630cf9f7d$export$1ad8646bcba21c0e = "spectrum-FieldGroup-group--horizontal_41d350";
|
180
|
+
|
181
|
+
|
182
|
+
|
183
|
+
|
184
|
+
|
185
|
+
|
186
|
+
function $11a80671925f38bf$var$RadioGroup(props, ref) {
|
187
|
+
props = $cFLe5$useProviderProps(props);
|
188
|
+
props = $cFLe5$useFormProps(props);
|
189
189
|
let { isEmphasized: isEmphasized , isRequired: isRequired , necessityIndicator: necessityIndicator , label: label , labelPosition: labelPosition = 'top' , labelAlign: labelAlign , validationState: validationState , children: children , orientation: orientation = 'vertical' , ...otherProps } = props;
|
190
|
-
let domRef = $
|
191
|
-
let { styleProps: styleProps } = $
|
192
|
-
let state = $
|
193
|
-
let { radioGroupProps: radioGroupProps , labelProps: labelProps } = $
|
194
|
-
return(/*#__PURE__*/ $
|
190
|
+
let domRef = $cFLe5$useDOMRef(ref);
|
191
|
+
let { styleProps: styleProps } = $cFLe5$useStyleProps(otherProps);
|
192
|
+
let state = $cFLe5$useRadioGroupState(props);
|
193
|
+
let { radioGroupProps: radioGroupProps , labelProps: labelProps } = $cFLe5$useRadioGroup(props, state);
|
194
|
+
return(/*#__PURE__*/ $cFLe5$react.createElement("div", {
|
195
195
|
...styleProps,
|
196
196
|
...radioGroupProps,
|
197
|
-
className: $
|
197
|
+
className: $cFLe5$classNames((/*@__PURE__*/$parcel$interopDefault($f31e607630cf9f7d$exports)), 'spectrum-FieldGroup', {
|
198
198
|
'spectrum-FieldGroup--positionSide': labelPosition === 'side'
|
199
199
|
}, // This is so radio works inside a <Form>
|
200
|
-
$
|
200
|
+
$cFLe5$classNames((/*@__PURE__*/$parcel$interopDefault($b1735ab7eff257c3$exports)), 'spectrum-Field'), styleProps.className),
|
201
201
|
ref: domRef
|
202
|
-
}, label && /*#__PURE__*/ $
|
202
|
+
}, label && /*#__PURE__*/ $cFLe5$react.createElement($cFLe5$Label, {
|
203
203
|
...labelProps,
|
204
204
|
elementType: "span",
|
205
205
|
labelPosition: labelPosition,
|
206
206
|
labelAlign: labelAlign,
|
207
207
|
isRequired: isRequired,
|
208
208
|
necessityIndicator: necessityIndicator
|
209
|
-
}, label), /*#__PURE__*/ $
|
210
|
-
className: $
|
209
|
+
}, label), /*#__PURE__*/ $cFLe5$react.createElement("div", {
|
210
|
+
className: $cFLe5$classNames((/*@__PURE__*/$parcel$interopDefault($f31e607630cf9f7d$exports)), 'spectrum-FieldGroup-group', {
|
211
211
|
'spectrum-FieldGroup-group--horizontal': orientation === 'horizontal'
|
212
212
|
})
|
213
|
-
}, /*#__PURE__*/ $
|
213
|
+
}, /*#__PURE__*/ $cFLe5$react.createElement($4853a20c40cae175$export$b118023277d4a5c3.Provider, {
|
214
214
|
value: {
|
215
215
|
isEmphasized: isEmphasized,
|
216
216
|
validationState: validationState,
|
@@ -221,10 +221,10 @@ function $b34b00252f5f8999$var$RadioGroup(props, ref) {
|
|
221
221
|
/**
|
222
222
|
* Radio groups allow users to select a single option from a list of mutually exclusive options.
|
223
223
|
* All possible options are exposed up front for users to compare.
|
224
|
-
*/ const $
|
224
|
+
*/ const $11a80671925f38bf$export$a98f0dcb43a68a25 = /*#__PURE__*/ $cFLe5$react.forwardRef($11a80671925f38bf$var$RadioGroup);
|
225
225
|
|
226
226
|
|
227
227
|
|
228
228
|
|
229
|
-
export {$
|
229
|
+
export {$a3fdc9cfa085a487$export$d7b12c4107be0d61 as Radio, $11a80671925f38bf$export$a98f0dcb43a68a25 as RadioGroup};
|
230
230
|
//# sourceMappingURL=module.js.map
|
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/fieldlabel/vars.css","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 * from './Radio';\nexport * from './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\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, useStyleProps} from '@react-spectrum/utils';\nimport {DOMRef, LabelPosition} from '@react-types/shared';\nimport {Label} from '@react-spectrum/label';\nimport labelStyles from '@adobe/spectrum-css-temp/components/fieldlabel/vars.css';\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<HTMLDivElement>) {\n props = useProviderProps(props);\n props = useFormProps(props);\n let {\n isEmphasized,\n isRequired,\n necessityIndicator,\n label,\n labelPosition = 'top' as LabelPosition,\n labelAlign,\n validationState,\n children,\n orientation = 'vertical',\n ...otherProps\n } = props;\n let domRef = useDOMRef(ref);\n let {styleProps} = useStyleProps(otherProps);\n\n let state = useRadioGroupState(props);\n let {radioGroupProps, labelProps} = useRadioGroup(props, state);\n\n return (\n <div\n {...styleProps}\n {...radioGroupProps}\n className={\n classNames(\n styles,\n 'spectrum-FieldGroup',\n {\n 'spectrum-FieldGroup--positionSide': labelPosition === 'side'\n },\n // This is so radio works inside a <Form>\n classNames(\n labelStyles,\n 'spectrum-Field'\n ),\n styleProps.className\n )\n }\n ref={domRef}>\n {label &&\n <Label\n {...labelProps}\n elementType=\"span\"\n labelPosition={labelPosition}\n labelAlign={labelAlign}\n isRequired={isRequired}\n necessityIndicator={necessityIndicator}>\n {label}\n </Label>\n }\n <div\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 </div>\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@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\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/fieldlabel/vars.css","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 * from './Radio';\nexport * from './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\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, useStyleProps} from '@react-spectrum/utils';\nimport {DOMRef, LabelPosition} from '@react-types/shared';\nimport {Label} from '@react-spectrum/label';\nimport labelStyles from '@adobe/spectrum-css-temp/components/fieldlabel/vars.css';\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<HTMLDivElement>) {\n props = useProviderProps(props);\n props = useFormProps(props);\n let {\n isEmphasized,\n isRequired,\n necessityIndicator,\n label,\n labelPosition = 'top' as LabelPosition,\n labelAlign,\n validationState,\n children,\n orientation = 'vertical',\n ...otherProps\n } = props;\n let domRef = useDOMRef(ref);\n let {styleProps} = useStyleProps(otherProps);\n\n let state = useRadioGroupState(props);\n let {radioGroupProps, labelProps} = useRadioGroup(props, state);\n\n return (\n <div\n {...styleProps}\n {...radioGroupProps}\n className={\n classNames(\n styles,\n 'spectrum-FieldGroup',\n {\n 'spectrum-FieldGroup--positionSide': labelPosition === 'side'\n },\n // This is so radio works inside a <Form>\n classNames(\n labelStyles,\n 'spectrum-Field'\n ),\n styleProps.className\n )\n }\n ref={domRef}>\n {label &&\n <Label\n {...labelProps}\n elementType=\"span\"\n labelPosition={labelPosition}\n labelAlign={labelAlign}\n isRequired={isRequired}\n necessityIndicator={necessityIndicator}>\n {label}\n </Label>\n }\n <div\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 </div>\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@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\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.0.0-nightly.
|
3
|
+
"version": "3.0.0-nightly.1409+da2aa7467",
|
4
4
|
"description": "Spectrum UI components in React",
|
5
5
|
"license": "Apache-2.0",
|
6
6
|
"main": "dist/main.js",
|
@@ -32,18 +32,18 @@
|
|
32
32
|
},
|
33
33
|
"dependencies": {
|
34
34
|
"@babel/runtime": "^7.6.2",
|
35
|
-
"@react-aria/focus": "3.0.0-nightly.
|
36
|
-
"@react-aria/interactions": "3.0.0-nightly.
|
37
|
-
"@react-aria/radio": "3.0.0-nightly.
|
38
|
-
"@react-spectrum/form": "3.0.0-nightly.
|
39
|
-
"@react-spectrum/label": "3.4.2-nightly.
|
40
|
-
"@react-spectrum/utils": "3.0.0-nightly.
|
41
|
-
"@react-stately/radio": "3.0.0-nightly.
|
42
|
-
"@react-types/radio": "3.0.0-nightly.
|
43
|
-
"@react-types/shared": "3.0.0-nightly.
|
35
|
+
"@react-aria/focus": "3.0.0-nightly.1409+da2aa7467",
|
36
|
+
"@react-aria/interactions": "3.0.0-nightly.1409+da2aa7467",
|
37
|
+
"@react-aria/radio": "3.0.0-nightly.1409+da2aa7467",
|
38
|
+
"@react-spectrum/form": "3.0.0-nightly.1409+da2aa7467",
|
39
|
+
"@react-spectrum/label": "3.4.2-nightly.3100+da2aa7467",
|
40
|
+
"@react-spectrum/utils": "3.0.0-nightly.1409+da2aa7467",
|
41
|
+
"@react-stately/radio": "3.0.0-nightly.1409+da2aa7467",
|
42
|
+
"@react-types/radio": "3.0.0-nightly.1409+da2aa7467",
|
43
|
+
"@react-types/shared": "3.0.0-nightly.1409+da2aa7467"
|
44
44
|
},
|
45
45
|
"devDependencies": {
|
46
|
-
"@adobe/spectrum-css-temp": "3.0.0-nightly.
|
46
|
+
"@adobe/spectrum-css-temp": "3.0.0-nightly.1409+da2aa7467"
|
47
47
|
},
|
48
48
|
"peerDependencies": {
|
49
49
|
"@react-spectrum/provider": "^3.0.0",
|
@@ -52,5 +52,5 @@
|
|
52
52
|
"publishConfig": {
|
53
53
|
"access": "public"
|
54
54
|
},
|
55
|
-
"gitHead": "
|
55
|
+
"gitHead": "da2aa74670fbd93335ff01401ca53826b3602777"
|
56
56
|
}
|